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,106 +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 AppointmentCard from "./AppointmentCard";
14
- import "../../../styles/global.css";
15
- export default {
16
- title: "Components/Molecules/AppointmentCard",
17
- component: AppointmentCard,
18
- tags: ["autodocs"],
19
- argTypes: {
20
- appointment: {
21
- control: "object",
22
- },
23
- onClick: {
24
- action: "clicked",
25
- },
26
- },
27
- parameters: {
28
- actions: {
29
- handles: ["click .appointment-card"],
30
- },
31
- backgrounds: {
32
- default: "light",
33
- values: [
34
- { name: "light", value: "#ffffff" },
35
- { name: "grey", value: "#728ea7" },
36
- { name: "figma", value: "#404040" },
37
- { name: "dark", value: "#171e25" },
38
- ],
39
- },
40
- },
41
- };
42
- var Template = function (args) { return React.createElement(AppointmentCard, __assign({}, args)); };
43
- var baseAppointment = {
44
- id: "appointment-1",
45
- title: "Consultation juridique",
46
- description: "Première consultation pour étudier votre dossier",
47
- formattedDate: "Lun. 8 Janvier 2024",
48
- formattedTime: "14:30",
49
- attendees: [
50
- {
51
- name: "Maître Dupont",
52
- role: "PROFESSIONAL",
53
- },
54
- {
55
- name: "Jean Martin",
56
- role: "CLIENT",
57
- },
58
- ],
59
- };
60
- export var Confirmed = Template.bind({});
61
- Confirmed.args = {
62
- appointment: __assign(__assign({}, baseAppointment), { state: "Confirmé", meetingType: "INPERSON", location: "15 Rue de la Paix, 75001 Paris", provider: "Cabinet Dupont & Associés" }),
63
- };
64
- export var Scheduled = Template.bind({});
65
- Scheduled.args = {
66
- appointment: __assign(__assign({}, baseAppointment), { state: "Planifié", meetingType: "VISIO", provider: "Cabinet Dupont & Associés" }),
67
- };
68
- export var Pending = Template.bind({});
69
- Pending.args = {
70
- appointment: __assign(__assign({}, baseAppointment), { state: "En attente", meetingType: "CALL", provider: "Cabinet Dupont & Associés" }),
71
- };
72
- export var Past = Template.bind({});
73
- Past.args = {
74
- appointment: __assign(__assign({}, baseAppointment), { title: "Finalisation convention divorce", description: "Révision finale de la convention de divorce et préparation du dépôt", state: "Passé", meetingType: "INPERSON", location: "18 Rue du Faubourg Saint-Honoré, Paris", formattedDate: "Dim. 12 janv.", formattedTime: "17:00 - 18:30" }),
75
- };
76
- export var Cancelled = Template.bind({});
77
- Cancelled.args = {
78
- appointment: __assign(__assign({}, baseAppointment), { state: "Annulé", meetingType: "VISIO", provider: "Cabinet Dupont & Associés" }),
79
- };
80
- export var ImportedCalendar = Template.bind({});
81
- ImportedCalendar.args = {
82
- appointment: __assign(__assign({}, baseAppointment), { state: "Confirmé", meetingType: "IMPORTED", provider: "Google Calendar" }),
83
- };
84
- // Story basée sur la capture d'origine
85
- export var OriginalDesign = Template.bind({});
86
- OriginalDesign.args = {
87
- appointment: {
88
- id: "appointment-original",
89
- title: "Finalisation convention divorce",
90
- description: "Révision finale de la convention de divorce et préparation du dépôt",
91
- formattedDate: "Dim. 12 janv.",
92
- formattedTime: "17:00 - 18:30",
93
- state: "Passé",
94
- meetingType: "INPERSON",
95
- location: "18 Rue du Faubourg Saint-Honoré, Paris",
96
- attendees: [],
97
- },
98
- };
99
- export var WithoutDescription = Template.bind({});
100
- WithoutDescription.args = {
101
- appointment: __assign(__assign({}, baseAppointment), { description: undefined, state: "Confirmé", meetingType: "INPERSON", location: "15 Rue de la Paix, 75001 Paris", provider: "Cabinet Dupont & Associés" }),
102
- };
103
- export var WithoutAttendees = Template.bind({});
104
- WithoutAttendees.args = {
105
- appointment: __assign(__assign({}, baseAppointment), { attendees: [], state: "Planifié", meetingType: "VISIO", provider: "Cabinet Dupont & Associés" }),
106
- };
@@ -1,95 +0,0 @@
1
- declare namespace _default {
2
- export let title: string;
3
- export { AppointmentSlot as component };
4
- export let tags: string[];
5
- export namespace argTypes {
6
- namespace status {
7
- export namespace control {
8
- let type: string;
9
- let options: string[];
10
- }
11
- let options_1: string[];
12
- export { options_1 as options };
13
- }
14
- namespace noteCount {
15
- export namespace control_1 {
16
- let type_1: string;
17
- export { type_1 as type };
18
- }
19
- export { control_1 as control };
20
- }
21
- namespace documentCount {
22
- let control_2: string;
23
- export { control_2 as control };
24
- }
25
- namespace date {
26
- let control_3: string;
27
- export { control_3 as control };
28
- export namespace _if {
29
- let arg: string;
30
- let eq: string;
31
- }
32
- export { _if as if };
33
- }
34
- namespace style {
35
- export namespace control_4 {
36
- let type_2: string;
37
- export { type_2 as type };
38
- let options_2: string[];
39
- export { options_2 as options };
40
- }
41
- export { control_4 as control };
42
- export let defaultValue: string;
43
- }
44
- namespace isEditable {
45
- let control_5: string;
46
- export { control_5 as control };
47
- let defaultValue_1: boolean;
48
- export { defaultValue_1 as defaultValue };
49
- }
50
- namespace meetingType {
51
- export namespace control_6 {
52
- let type_3: string;
53
- export { type_3 as type };
54
- let options_3: (string | undefined)[];
55
- export { options_3 as options };
56
- }
57
- export { control_6 as control };
58
- export let description: string;
59
- }
60
- namespace location {
61
- let control_7: string;
62
- export { control_7 as control };
63
- let description_1: string;
64
- export { description_1 as description };
65
- }
66
- }
67
- export namespace parameters {
68
- namespace actions {
69
- let handles: string[];
70
- }
71
- namespace backgrounds {
72
- let _default: string;
73
- export { _default as default };
74
- export let values: {
75
- name: string;
76
- value: string;
77
- }[];
78
- }
79
- }
80
- }
81
- export default _default;
82
- export const Confirmed: any;
83
- export const ConfirmedBig: any;
84
- export const Pending: any;
85
- export const Available: any;
86
- export const Unavailable: any;
87
- export const Passed: any;
88
- export const Cancelled: any;
89
- export const Refused: any;
90
- export const Summary: any;
91
- export const SummaryNotEditable: any;
92
- export const ConfirmedWithMeetingType: any;
93
- export const ConfirmedWithVisio: any;
94
- export const SummaryWithMeetingType: any;
95
- import AppointmentSlot from "./AppointmentSlot";
@@ -1,204 +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 AppointmentSlot from "./AppointmentSlot";
14
- export default {
15
- title: "Components/Molecules/AppointmentSlot",
16
- component: AppointmentSlot,
17
- tags: ["autodocs"],
18
- argTypes: {
19
- status: {
20
- control: {
21
- type: "select",
22
- options: [
23
- "confirmed",
24
- "pending",
25
- "available",
26
- "unavailable",
27
- "passed",
28
- "cancelled",
29
- "refused",
30
- ],
31
- },
32
- options: [
33
- "confirmed",
34
- "pending",
35
- "available",
36
- "unavailable",
37
- "passed",
38
- "cancelled",
39
- "refused",
40
- ],
41
- },
42
- noteCount: {
43
- control: {
44
- type: "text",
45
- },
46
- },
47
- documentCount: {
48
- control: "text",
49
- },
50
- date: {
51
- control: "text",
52
- if: { arg: "style", eq: "summary" },
53
- },
54
- style: {
55
- control: {
56
- type: "select",
57
- options: ["compact", "big", "summary"],
58
- },
59
- defaultValue: "compact",
60
- },
61
- isEditable: {
62
- control: "boolean",
63
- defaultValue: true,
64
- },
65
- meetingType: {
66
- control: {
67
- type: "select",
68
- options: [undefined, "INPERSON", "VISIO", "CALL", "IMPORTED"],
69
- },
70
- description: "Type de rendez-vous",
71
- },
72
- location: {
73
- control: "text",
74
- description: "Adresse du rendez-vous (pour INPERSON)",
75
- },
76
- },
77
- parameters: {
78
- actions: {
79
- handles: [
80
- "click .appointment-slot",
81
- "click .dual-button",
82
- "click .document-actions",
83
- "click button",
84
- ],
85
- },
86
- backgrounds: {
87
- default: "light",
88
- values: [
89
- { name: "light", value: "#ffffff" },
90
- { name: "grey", value: "#728ea7" },
91
- { name: "figma", value: "#404040" },
92
- { name: "dark", value: "#171e25" },
93
- ],
94
- },
95
- },
96
- };
97
- var Template = function (args) { return React.createElement(AppointmentSlot, __assign({}, args)); };
98
- export var Confirmed = Template.bind({});
99
- Confirmed.args = {
100
- status: "confirmed",
101
- style: "compact",
102
- startTime: "14:15",
103
- endTime: "15:00",
104
- clientName: "MME. JANE DOE",
105
- appointmentContent: "Signature des docs",
106
- tags: ["Premier rdv", "Divorce"],
107
- documentCount: "1",
108
- actions: {
109
- onViewDocument: function () { return console.log("View document clicked"); },
110
- },
111
- };
112
- export var ConfirmedBig = Template.bind({});
113
- ConfirmedBig.args = __assign(__assign({}, Confirmed.args), { style: "big" });
114
- export var Pending = Template.bind({});
115
- Pending.args = {
116
- status: "pending",
117
- style: "compact",
118
- startTime: "14:15",
119
- endTime: "15:00",
120
- clientName: "MME. JANE DOE",
121
- appointmentContent: "Signature des docs",
122
- tags: ["Premier rdv", "Divorce"],
123
- actions: {
124
- onApprove: function () { },
125
- onReject: function () { },
126
- },
127
- };
128
- export var Available = Template.bind({});
129
- Available.args = {
130
- status: "available",
131
- style: "compact",
132
- startTime: "14:15",
133
- endTime: "15:00",
134
- actions: {
135
- onMakeUnavailable: function () { return console.log("Rendre indisponible clicked"); },
136
- },
137
- };
138
- export var Unavailable = Template.bind({});
139
- Unavailable.args = {
140
- status: "unavailable",
141
- style: "compact",
142
- startTime: "14:15",
143
- endTime: "15:00",
144
- };
145
- export var Passed = Template.bind({});
146
- Passed.args = {
147
- status: "passed",
148
- style: "compact",
149
- startTime: "14:15",
150
- endTime: "15:00",
151
- clientName: "MME. JANE DOE",
152
- appointmentContent: "Signature des docs",
153
- tags: ["Premier rdv", "Divorce"],
154
- noteCount: "3",
155
- documentCount: "1",
156
- actions: {
157
- onEdit: function () { return console.log("Edit clicked"); },
158
- onViewDocument: function () { return console.log("View document clicked"); },
159
- },
160
- };
161
- export var Cancelled = Template.bind({});
162
- Cancelled.args = {
163
- status: "cancelled",
164
- style: "compact",
165
- startTime: "14:15",
166
- endTime: "15:00",
167
- clientName: "MME. JANE DOE",
168
- appointmentContent: "Signature des docs",
169
- tags: ["Premier rdv", "Divorce"],
170
- };
171
- export var Refused = Template.bind({});
172
- Refused.args = {
173
- status: "refused",
174
- style: "compact",
175
- startTime: "14:15",
176
- endTime: "15:00",
177
- clientName: "MME. JANE DOE",
178
- appointmentContent: "Signature des docs",
179
- tags: ["Premier rdv", "Divorce"],
180
- };
181
- export var Summary = Template.bind({});
182
- Summary.args = {
183
- status: "confirmed",
184
- style: "summary",
185
- startTime: "14:15",
186
- endTime: "15:00",
187
- date: "LUN. 12 AVRIL 2023",
188
- clientName: "MME. JANE DOE",
189
- appointmentContent: "Signature des docs",
190
- tags: ["Suivi de dossier", "Divorce"],
191
- documentCount: "1/3",
192
- actions: {
193
- onEdit: function () { return console.log("Edit clicked"); },
194
- onViewDocument: function () { return console.log("View document clicked"); },
195
- },
196
- };
197
- export var SummaryNotEditable = Template.bind({});
198
- SummaryNotEditable.args = __assign(__assign({}, Summary.args), { isEditable: false });
199
- export var ConfirmedWithMeetingType = Template.bind({});
200
- ConfirmedWithMeetingType.args = __assign(__assign({}, Confirmed.args), { meetingType: "INPERSON", location: "Rue des Ormes" });
201
- export var ConfirmedWithVisio = Template.bind({});
202
- ConfirmedWithVisio.args = __assign(__assign({}, Confirmed.args), { meetingType: "VISIO" });
203
- export var SummaryWithMeetingType = Template.bind({});
204
- SummaryWithMeetingType.args = __assign(__assign({}, Summary.args), { meetingType: "INPERSON", location: "Rue des Ormes" });
@@ -1,31 +0,0 @@
1
- declare namespace _default {
2
- export let title: string;
3
- export { Banner as component };
4
- export namespace argTypes {
5
- namespace highlightColor {
6
- let control: string;
7
- }
8
- namespace backgroundColor {
9
- let control_1: string;
10
- export { control_1 as control };
11
- }
12
- namespace image {
13
- let control_2: boolean;
14
- export { control_2 as control };
15
- }
16
- namespace action {
17
- let control_3: boolean;
18
- export { control_3 as control };
19
- }
20
- }
21
- }
22
- export default _default;
23
- export const Default: any;
24
- export const HorizontalSideLeft: any;
25
- export const HorizontalSideRight: any;
26
- export const CustomColors: any;
27
- export const VerticalSideTop: any;
28
- export const VerticalSideBottom: any;
29
- export const LongTextWithLongImage: any;
30
- export const ShortTextWithLongImage: any;
31
- import Banner from "./Banner";
@@ -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 { Meta, StoryFn } from "@storybook/react";
14
- import Banner, { BannerProps } from "./Banner";
15
- export default {
16
- title: "Components/Molecules/Banner",
17
- component: Banner,
18
- argTypes: {
19
- highlightColor: { control: "color" },
20
- backgroundColor: { control: "color" },
21
- image: {
22
- control: false,
23
- },
24
- action: {
25
- control: false,
26
- },
27
- },
28
- };
29
- var Template = function (args) { return React.createElement(Banner, __assign({}, args)); };
30
- export var Default = Template.bind({});
31
- Default.args = {
32
- tag: "Promotion",
33
- title: "Découvrez notre offre spéciale",
34
- content: "Acc\u00E9dez \u00E0 des solutions juridiques rapides et adapt\u00E9es \u00E0 vos besoins.\n\n Consultez des experts qualifi\u00E9s en toute confiance, o\u00F9 que vous soyez.\n\n Obtenez des r\u00E9ponses claires et pr\u00E9cises \u00E0 vos questions juridiques.\n\n Rejoignez notre plateforme pour une justice plus accessible \u00E0 tous.",
35
- highlightColor: "#FF5733",
36
- backgroundColor: "#F8F9FA",
37
- action: {
38
- href: "/offer",
39
- label: "Bouton",
40
- },
41
- };
42
- export var HorizontalSideLeft = Template.bind({});
43
- HorizontalSideLeft.args = __assign(__assign({}, Default.args), { image: {
44
- src: "https://plus.unsplash.com/premium_photo-1695449439526-9cebdbfa1a2c?q=80&w=2009&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
45
- alt: "Offre spéciale à gauche",
46
- horizontalSide: "left",
47
- verticalSide: "top",
48
- } });
49
- export var HorizontalSideRight = Template.bind({});
50
- HorizontalSideRight.args = __assign(__assign({}, Default.args), { image: {
51
- src: "https://plus.unsplash.com/premium_photo-1695449439526-9cebdbfa1a2c?q=80&w=2009&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
52
- alt: "Offre spéciale à droite",
53
- horizontalSide: "right",
54
- verticalSide: "top",
55
- } });
56
- export var CustomColors = Template.bind({});
57
- CustomColors.args = {
58
- tag: "Exclusivité",
59
- title: "Ne manquez pas notre nouvelle offre",
60
- content: "B\u00E9n\u00E9ficiez d'un service juridique personnalis\u00E9 pour r\u00E9pondre \u00E0 vos besoins.\n\n Consultez nos experts en toute simplicit\u00E9 et obtenez des solutions rapides et efficaces.\n\n Rejoignez notre plateforme pour acc\u00E9der \u00E0 des offres exclusives.",
61
- highlightColor: "#4CAF50",
62
- backgroundColor: "#E8F5E9",
63
- action: {
64
- href: "/exclusive",
65
- label: "Découvrir l'offre",
66
- },
67
- image: {
68
- src: "https://images.unsplash.com/photo-1593642532973-d31b6557fa68?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=60",
69
- alt: "Exclusivité sur les offres",
70
- horizontalSide: "right",
71
- verticalSide: "top",
72
- },
73
- };
74
- export var VerticalSideTop = Template.bind({});
75
- VerticalSideTop.args = __assign(__assign({}, HorizontalSideLeft.args), { image: {
76
- src: "https://plus.unsplash.com/premium_photo-1695449439526-9cebdbfa1a2c?q=80&w=2009&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
77
- alt: "Image en haut",
78
- horizontalSide: "left",
79
- verticalSide: "top",
80
- } });
81
- export var VerticalSideBottom = Template.bind({});
82
- VerticalSideBottom.args = __assign(__assign({}, HorizontalSideRight.args), { image: {
83
- src: "https://plus.unsplash.com/premium_photo-1695449439526-9cebdbfa1a2c?q=80&w=2009&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
84
- alt: "Image en haut",
85
- horizontalSide: "right",
86
- verticalSide: "bottom",
87
- } });
88
- export var LongTextWithLongImage = Template.bind({});
89
- LongTextWithLongImage.args = {
90
- tag: "Annonce",
91
- title: "Découvrez tous les détails",
92
- content: "Nous proposons des solutions juridiques sur mesure pour r\u00E9pondre \u00E0 vos besoins sp\u00E9cifiques.\n\n Notre \u00E9quipe d'experts est disponible pour vous accompagner dans toutes vos d\u00E9marches, qu'il s'agisse de conseils juridiques, de r\u00E9daction de documents ou de repr\u00E9sentation l\u00E9gale.\n\n Profitez de notre plateforme intuitive pour acc\u00E9der \u00E0 des services rapides, fiables et enti\u00E8rement personnalis\u00E9s.\n\n Nos services incluent \u00E9galement des guides d\u00E9taill\u00E9s pour vous aider \u00E0 mieux comprendre vos droits et vos obligations.\n\n N'attendez plus pour b\u00E9n\u00E9ficier de conseils avis\u00E9s et d'un accompagnement complet.\n\n Rejoignez notre communaut\u00E9 d\u00E8s aujourd'hui et profitez de tous les avantages que nous offrons.",
93
- highlightColor: "#FFC107",
94
- backgroundColor: "#FFF8E1",
95
- action: {
96
- href: "/details",
97
- label: "Lire la suite",
98
- },
99
- image: {
100
- src: "https://plus.unsplash.com/premium_photo-1693966067170-2835a8a17a18?q=80&w=1827&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
101
- alt: "Illustration pour long texte",
102
- horizontalSide: "right",
103
- verticalSide: "top",
104
- },
105
- };
106
- export var ShortTextWithLongImage = Template.bind({});
107
- ShortTextWithLongImage.args = {
108
- tag: "Annonce",
109
- title: "Découvrez tous les détails",
110
- content: "Nous proposons des solutions juridiques sur mesure pour r\u00E9pondre \u00E0 vos besoins sp\u00E9cifiques.\n",
111
- highlightColor: "#FFC107",
112
- backgroundColor: "#FFF8E1",
113
- action: {
114
- href: "/details",
115
- label: "Lire la suite",
116
- },
117
- image: {
118
- src: "https://plus.unsplash.com/premium_photo-1693966067170-2835a8a17a18?q=80&w=1827&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
119
- alt: "Illustration pour long texte",
120
- horizontalSide: "right",
121
- verticalSide: "top",
122
- },
123
- };
@@ -1,22 +0,0 @@
1
- declare namespace _default {
2
- export let title: string;
3
- export { BillingCount as component };
4
- }
5
- export default _default;
6
- export const Default: any;
7
- export function WithStartedState(args: any): React.JSX.Element;
8
- export namespace WithStartedState {
9
- namespace story {
10
- namespace parameters {
11
- namespace docs {
12
- namespace description {
13
- let story_1: string;
14
- export { story_1 as story };
15
- }
16
- }
17
- }
18
- }
19
- }
20
- export const WithResponsiveSize: any;
21
- import BillingCount from "./BillingCount";
22
- import React from "react";
@@ -1,49 +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, { useState } from "react";
13
- import BillingCount from "./BillingCount";
14
- export default {
15
- title: "Components/Molecules/BillingCount",
16
- component: BillingCount,
17
- };
18
- // Mock function to log the end time
19
- var onEnd = function (time) {
20
- console.log("Billing ended at:", time);
21
- };
22
- // Template for creating stories
23
- var Template = function (args) { return React.createElement(BillingCount, __assign({}, args)); };
24
- export var Default = Template.bind({});
25
- Default.args = {
26
- onEnd: onEnd,
27
- };
28
- export var WithStartedState = function (args) {
29
- var _a = useState(true), started = _a[0], setStarted = _a[1];
30
- var handleEnd = function (time) {
31
- setStarted(false);
32
- console.log("Billing ended at:", time);
33
- };
34
- return React.createElement(BillingCount, { onEnd: handleEnd });
35
- };
36
- WithStartedState.story = {
37
- parameters: {
38
- docs: {
39
- description: {
40
- story: "This story demonstrates the BillingCount component with an initially started timer.",
41
- },
42
- },
43
- },
44
- };
45
- export var WithResponsiveSize = Template.bind({});
46
- WithResponsiveSize.args = {
47
- onEnd: onEnd,
48
- responsiveSize: 600,
49
- };
@@ -1,10 +0,0 @@
1
- declare namespace _default {
2
- export let title: string;
3
- export { BlogCard as component };
4
- }
5
- export default _default;
6
- export const Default: any;
7
- export const NoImage: any;
8
- export const LongDescriptionTitle: any;
9
- export const MultipleTags: any;
10
- import BlogCard from "./BlogCard";
@@ -1,33 +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 BlogCard from "./BlogCard";
14
- export default {
15
- title: "Components/Molecules/Blog/BlogCard",
16
- component: BlogCard,
17
- };
18
- var Template = function (args) { return React.createElement(BlogCard, __assign({}, args)); };
19
- export var Default = Template.bind({});
20
- Default.args = {
21
- articleUrl: "https://example.com/card",
22
- imageUrl: "https://plus.unsplash.com/premium_photo-1661329930662-19a43503782f?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8YXZvY2F0fGVufDB8fDB8fHww",
23
- tags: ["Conseil", "Droit", "Donation"],
24
- date: new Date("2023-04-23"),
25
- title: "Le Droit en France",
26
- description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas aliquam...",
27
- };
28
- export var NoImage = Template.bind({});
29
- NoImage.args = __assign(__assign({}, Default.args), { imageUrl: "" });
30
- export var LongDescriptionTitle = Template.bind({});
31
- LongDescriptionTitle.args = __assign(__assign({}, Default.args), { description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum lacus vitae turpis malesuada, id varius magna faucibus. Nulla facilisi. Suspendisse potenti. Vivamus in purus sit amet sapien sodales convallis. Integer venenatis velit id lorem aliquam, sit amet pulvinar neque volutpat. dgfdfdfgdfgdfgdfgfdgdfgdfgfgfdgd dfgffsd", title: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum lacus vitae turpis malesuada, id varius magna faucibus. Nulla facilisi. Suspendisse potenti. Vivamus in purus sit amet sapien sodales convallis. Integer venenatis velit id lorem aliquam, sit amet pulvinar neque volutpat." });
32
- export var MultipleTags = Template.bind({});
33
- MultipleTags.args = __assign(__assign({}, Default.args), { tags: ["Conseil", "Droit", "Avocat", "Justice", "Légal", "Justice", "Légal"] });