allaw-ui 5.4.2 → 5.4.4

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 (200) hide show
  1. package/dist/components/molecules/proSwitch/ProSwitchModal.js +0 -17
  2. package/package.json +12 -19
  3. package/dist/components/atoms/buttons/ActionButton.stories.d.ts +0 -110
  4. package/dist/components/atoms/buttons/ActionButton.stories.js +0 -171
  5. package/dist/components/atoms/buttons/ActionCircleButton.stories.d.ts +0 -35
  6. package/dist/components/atoms/buttons/ActionCircleButton.stories.js +0 -54
  7. package/dist/components/atoms/buttons/AgendaSlot.stories.d.ts +0 -41
  8. package/dist/components/atoms/buttons/AgendaSlot.stories.js +0 -77
  9. package/dist/components/atoms/buttons/FavoriteToggle.stories.d.ts +0 -23
  10. package/dist/components/atoms/buttons/FavoriteToggle.stories.js +0 -61
  11. package/dist/components/atoms/buttons/FilterButton.stories.d.ts +0 -36
  12. package/dist/components/atoms/buttons/FilterButton.stories.js +0 -56
  13. package/dist/components/atoms/buttons/FilterButtonPrimary.stories.d.ts +0 -7
  14. package/dist/components/atoms/buttons/FilterButtonPrimary.stories.js +0 -26
  15. package/dist/components/atoms/buttons/GhostButton.stories.d.ts +0 -79
  16. package/dist/components/atoms/buttons/GhostButton.stories.js +0 -95
  17. package/dist/components/atoms/buttons/IconButton.stories.d.ts +0 -51
  18. package/dist/components/atoms/buttons/IconButton.stories.js +0 -100
  19. package/dist/components/atoms/buttons/InboxButton.stories.d.ts +0 -68
  20. package/dist/components/atoms/buttons/InboxButton.stories.js +0 -143
  21. package/dist/components/atoms/buttons/OAuthProviderButton.stories.d.ts +0 -67
  22. package/dist/components/atoms/buttons/OAuthProviderButton.stories.js +0 -168
  23. package/dist/components/atoms/buttons/PendingDocuments.stories.d.ts +0 -52
  24. package/dist/components/atoms/buttons/PendingDocuments.stories.js +0 -67
  25. package/dist/components/atoms/buttons/PrimaryButton.stories.d.ts +0 -121
  26. package/dist/components/atoms/buttons/PrimaryButton.stories.js +0 -187
  27. package/dist/components/atoms/buttons/SecondaryButton.stories.d.ts +0 -97
  28. package/dist/components/atoms/buttons/SecondaryButton.stories.js +0 -177
  29. package/dist/components/atoms/buttons/TabNavigation.stories.d.ts +0 -81
  30. package/dist/components/atoms/buttons/TabNavigation.stories.js +0 -178
  31. package/dist/components/atoms/buttons/TertiaryButton.stories.d.ts +0 -70
  32. package/dist/components/atoms/buttons/TertiaryButton.stories.js +0 -128
  33. package/dist/components/atoms/checkboxes/Checkbox.stories.d.ts +0 -77
  34. package/dist/components/atoms/checkboxes/Checkbox.stories.js +0 -123
  35. package/dist/components/atoms/datepickers/Datepicker.stories.d.ts +0 -167
  36. package/dist/components/atoms/datepickers/Datepicker.stories.js +0 -113
  37. package/dist/components/atoms/featureCard/featureCard.stories.d.ts +0 -21
  38. package/dist/components/atoms/featureCard/featureCard.stories.js +0 -101
  39. package/dist/components/atoms/filter/Filter.stories.d.ts +0 -9
  40. package/dist/components/atoms/filter/Filter.stories.js +0 -77
  41. package/dist/components/atoms/filters/SingleFilter.stories.d.ts +0 -10
  42. package/dist/components/atoms/filters/SingleFilter.stories.js +0 -84
  43. package/dist/components/atoms/inputs/Input.stories.d.ts +0 -85
  44. package/dist/components/atoms/inputs/Input.stories.js +0 -169
  45. package/dist/components/atoms/inputs/SearchBar.stories.d.ts +0 -142
  46. package/dist/components/atoms/inputs/SearchBar.stories.js +0 -197
  47. package/dist/components/atoms/inputs/TextArea.stories.d.ts +0 -95
  48. package/dist/components/atoms/inputs/TextArea.stories.js +0 -141
  49. package/dist/components/atoms/inputs/VerificationCodeInput.stories.d.ts +0 -81
  50. package/dist/components/atoms/inputs/VerificationCodeInput.stories.js +0 -89
  51. package/dist/components/atoms/progressBars/ProgressBar.stories.d.ts +0 -83
  52. package/dist/components/atoms/progressBars/ProgressBar.stories.js +0 -88
  53. package/dist/components/atoms/radios/RadioButton.stories.d.ts +0 -38
  54. package/dist/components/atoms/radios/RadioButton.stories.js +0 -87
  55. package/dist/components/atoms/radios/SelectCard.stories.d.ts +0 -92
  56. package/dist/components/atoms/radios/SelectCard.stories.js +0 -192
  57. package/dist/components/atoms/selects/ComboBox.stories.d.ts +0 -116
  58. package/dist/components/atoms/selects/ComboBox.stories.js +0 -136
  59. package/dist/components/atoms/selects/Select.stories.d.ts +0 -133
  60. package/dist/components/atoms/selects/Select.stories.js +0 -299
  61. package/dist/components/atoms/selects/SelectableListItem.stories.d.ts +0 -33
  62. package/dist/components/atoms/selects/SelectableListItem.stories.js +0 -53
  63. package/dist/components/atoms/tags/AppointementStatusTag.stories.d.ts +0 -17
  64. package/dist/components/atoms/tags/AppointementStatusTag.stories.js +0 -70
  65. package/dist/components/atoms/tags/FolderStatusTag.stories.d.ts +0 -28
  66. package/dist/components/atoms/tags/FolderStatusTag.stories.js +0 -51
  67. package/dist/components/atoms/tags/InlineTag.stories.d.ts +0 -109
  68. package/dist/components/atoms/tags/InlineTag.stories.js +0 -159
  69. package/dist/components/atoms/tags/OtherStatusTag.stories.d.ts +0 -99
  70. package/dist/components/atoms/tags/OtherStatusTag.stories.js +0 -160
  71. package/dist/components/atoms/typography/CardDate.stories.d.ts +0 -119
  72. package/dist/components/atoms/typography/CardDate.stories.js +0 -103
  73. package/dist/components/atoms/typography/Heading.stories.d.ts +0 -79
  74. package/dist/components/atoms/typography/Heading.stories.js +0 -150
  75. package/dist/components/atoms/typography/Link.stories.d.ts +0 -72
  76. package/dist/components/atoms/typography/Link.stories.js +0 -164
  77. package/dist/components/atoms/typography/Paragraph.stories.d.ts +0 -56
  78. package/dist/components/atoms/typography/Paragraph.stories.js +0 -97
  79. package/dist/components/atoms/typography/SmallTitle.stories.d.ts +0 -42
  80. package/dist/components/atoms/typography/SmallTitle.stories.js +0 -72
  81. package/dist/components/atoms/typography/Subtitle.stories.d.ts +0 -40
  82. package/dist/components/atoms/typography/Subtitle.stories.js +0 -60
  83. package/dist/components/atoms/typography/TinyInfo.stories.d.ts +0 -58
  84. package/dist/components/atoms/typography/TinyInfo.stories.js +0 -117
  85. package/dist/components/atoms/uiVariables/AnimatedBorder.stories.d.ts +0 -17
  86. package/dist/components/atoms/uiVariables/AnimatedBorder.stories.js +0 -20
  87. package/dist/components/atoms/uiVariables/BorderRadius.stories.d.ts +0 -18
  88. package/dist/components/atoms/uiVariables/BorderRadius.stories.js +0 -34
  89. package/dist/components/atoms/uiVariables/Shadows.stories.d.ts +0 -18
  90. package/dist/components/atoms/uiVariables/Shadows.stories.js +0 -34
  91. package/dist/components/atoms/uiVariables/Strokes.stories.d.ts +0 -18
  92. package/dist/components/atoms/uiVariables/Strokes.stories.js +0 -34
  93. package/dist/components/molecules/AiText/aiText.stories.d.ts +0 -43
  94. package/dist/components/molecules/AiText/aiText.stories.js +0 -216
  95. package/dist/components/molecules/DataStepper/Stepper.stories.d.ts +0 -8
  96. package/dist/components/molecules/DataStepper/Stepper.stories.js +0 -248
  97. package/dist/components/molecules/appointmentCard/AppointmentCard.stories.d.ts +0 -37
  98. package/dist/components/molecules/appointmentCard/AppointmentCard.stories.js +0 -106
  99. package/dist/components/molecules/appointmentSlot/AppointmentSlot.stories.d.ts +0 -95
  100. package/dist/components/molecules/appointmentSlot/AppointmentSlot.stories.js +0 -204
  101. package/dist/components/molecules/banner/Banner.stories.d.ts +0 -31
  102. package/dist/components/molecules/banner/Banner.stories.js +0 -123
  103. package/dist/components/molecules/billingCount/BillingCount.stories.d.ts +0 -22
  104. package/dist/components/molecules/billingCount/BillingCount.stories.js +0 -49
  105. package/dist/components/molecules/blogCard/BlogCard.stories.d.ts +0 -10
  106. package/dist/components/molecules/blogCard/BlogCard.stories.js +0 -33
  107. package/dist/components/molecules/blogFooter/BlogFooter.stories.d.ts +0 -60
  108. package/dist/components/molecules/blogFooter/BlogFooter.stories.js +0 -67
  109. package/dist/components/molecules/blogHeader/BlogHeader.stories.d.ts +0 -49
  110. package/dist/components/molecules/blogHeader/BlogHeader.stories.js +0 -63
  111. package/dist/components/molecules/blogText/BlogText.stories.d.ts +0 -31
  112. package/dist/components/molecules/blogText/BlogText.stories.js +0 -51
  113. package/dist/components/molecules/blogTextImageBlock/BlogTextImageBlock.stories.d.ts +0 -37
  114. package/dist/components/molecules/blogTextImageBlock/BlogTextImageBlock.stories.js +0 -58
  115. package/dist/components/molecules/brands/Brands.stories.d.ts +0 -8
  116. package/dist/components/molecules/brands/Brands.stories.js +0 -66
  117. package/dist/components/molecules/breadcrumb/Breadcrumb.stories.d.ts +0 -24
  118. package/dist/components/molecules/breadcrumb/Breadcrumb.stories.js +0 -54
  119. package/dist/components/molecules/caseCard/CaseCard.stories.d.ts +0 -114
  120. package/dist/components/molecules/caseCard/CaseCard.stories.js +0 -200
  121. package/dist/components/molecules/caseCardCompact/CaseCardCompact.stories.d.ts +0 -11
  122. package/dist/components/molecules/caseCardCompact/CaseCardCompact.stories.js +0 -59
  123. package/dist/components/molecules/caseLinkCard/CaseCardLink.stories.d.ts +0 -9
  124. package/dist/components/molecules/caseLinkCard/CaseCardLink.stories.js +0 -37
  125. package/dist/components/molecules/checkboxForm/CheckboxForm.stories.d.ts +0 -94
  126. package/dist/components/molecules/checkboxForm/CheckboxForm.stories.js +0 -157
  127. package/dist/components/molecules/checkboxForm/ColoredCheckbox.stories.d.ts +0 -108
  128. package/dist/components/molecules/checkboxForm/ColoredCheckbox.stories.js +0 -141
  129. package/dist/components/molecules/clientLinkCard/ClientLinkCard.stories.d.ts +0 -11
  130. package/dist/components/molecules/clientLinkCard/ClientLinkCard.stories.js +0 -59
  131. package/dist/components/molecules/contactCard/ContactCard.stories.d.ts +0 -69
  132. package/dist/components/molecules/contactCard/ContactCard.stories.js +0 -84
  133. package/dist/components/molecules/contactCard/ContactCardEdit.stories.d.ts +0 -88
  134. package/dist/components/molecules/contactCard/ContactCardEdit.stories.js +0 -106
  135. package/dist/components/molecules/contactCard/DetailedContactCard.stories.d.ts +0 -94
  136. package/dist/components/molecules/contactCard/DetailedContactCard.stories.js +0 -83
  137. package/dist/components/molecules/datepickerForm/DatepickerForm.stories.d.ts +0 -291
  138. package/dist/components/molecules/datepickerForm/DatepickerForm.stories.js +0 -185
  139. package/dist/components/molecules/documentCard/DocumentCard.stories.d.ts +0 -72
  140. package/dist/components/molecules/documentCard/DocumentCard.stories.js +0 -108
  141. package/dist/components/molecules/employeeCard/EmployeeCard.stories.d.ts +0 -74
  142. package/dist/components/molecules/employeeCard/EmployeeCard.stories.js +0 -65
  143. package/dist/components/molecules/emptyMessage/EmptyMessage.stories.d.ts +0 -75
  144. package/dist/components/molecules/emptyMessage/EmptyMessage.stories.js +0 -115
  145. package/dist/components/molecules/entityAdminCard/entityAdminCard.stories.d.ts +0 -10
  146. package/dist/components/molecules/entityAdminCard/entityAdminCard.stories.js +0 -50
  147. package/dist/components/molecules/entityCard/EntityCard.stories.d.ts +0 -22
  148. package/dist/components/molecules/entityCard/EntityCard.stories.js +0 -63
  149. package/dist/components/molecules/featureGrid/FeatureGrid.stories.d.ts +0 -7
  150. package/dist/components/molecules/featureGrid/FeatureGrid.stories.js +0 -97
  151. package/dist/components/molecules/fileCard/FileCard.stories.d.ts +0 -42
  152. package/dist/components/molecules/fileCard/FileCard.stories.js +0 -185
  153. package/dist/components/molecules/fileUploader/FileUploader.stories.d.ts +0 -120
  154. package/dist/components/molecules/fileUploader/FileUploader.stories.js +0 -269
  155. package/dist/components/molecules/flexContent/FlexContent.stories.d.ts +0 -9
  156. package/dist/components/molecules/flexContent/FlexContent.stories.js +0 -47
  157. package/dist/components/molecules/frameCTA/FrameCTA.stories.d.ts +0 -8
  158. package/dist/components/molecules/frameCTA/FrameCTA.stories.js +0 -58
  159. package/dist/components/molecules/heroSection/HeroSection.stories.d.ts +0 -46
  160. package/dist/components/molecules/heroSection/HeroSection.stories.js +0 -100
  161. package/dist/components/molecules/loadingBox/LoadingBox.stories.d.ts +0 -54
  162. package/dist/components/molecules/loadingBox/LoadingBox.stories.js +0 -128
  163. package/dist/components/molecules/modal/Modal.stories.d.ts +0 -128
  164. package/dist/components/molecules/modal/Modal.stories.js +0 -373
  165. package/dist/components/molecules/notification/Notification.stories.d.ts +0 -377
  166. package/dist/components/molecules/notification/Notification.stories.js +0 -205
  167. package/dist/components/molecules/pagination/Pagination.stories.d.ts +0 -44
  168. package/dist/components/molecules/pagination/Pagination.stories.js +0 -59
  169. package/dist/components/molecules/proCard/ProCard.stories.d.ts +0 -49
  170. package/dist/components/molecules/proCard/ProCard.stories.js +0 -69
  171. package/dist/components/molecules/proSwitch/AvatarBubble.stories.d.ts +0 -112
  172. package/dist/components/molecules/proSwitch/AvatarBubble.stories.js +0 -255
  173. package/dist/components/molecules/proSwitch/AvatarToggleGroup.stories.d.ts +0 -88
  174. package/dist/components/molecules/proSwitch/AvatarToggleGroup.stories.js +0 -328
  175. package/dist/components/molecules/proSwitch/ProSwitch.stories.d.ts +0 -9
  176. package/dist/components/molecules/proSwitch/ProSwitch.stories.js +0 -152
  177. package/dist/components/molecules/proSwitch/ProSwitchModal.stories.d.ts +0 -62
  178. package/dist/components/molecules/proSwitch/ProSwitchModal.stories.js +0 -269
  179. package/dist/components/molecules/questionAnswer/QuestionAnswer.stories.d.ts +0 -17
  180. package/dist/components/molecules/questionAnswer/QuestionAnswer.stories.js +0 -48
  181. package/dist/components/molecules/radioForm/RadioForm.stories.d.ts +0 -37
  182. package/dist/components/molecules/radioForm/RadioForm.stories.js +0 -75
  183. package/dist/components/molecules/rangeSlider/RangeSlider.stories.d.ts +0 -96
  184. package/dist/components/molecules/rangeSlider/RangeSlider.stories.js +0 -162
  185. package/dist/components/molecules/section/Section.stories.d.ts +0 -42
  186. package/dist/components/molecules/section/Section.stories.js +0 -162
  187. package/dist/components/molecules/segmentedControl/segmentedControl.stories.d.ts +0 -70
  188. package/dist/components/molecules/segmentedControl/segmentedControl.stories.js +0 -185
  189. package/dist/components/molecules/selectForm/SelectForm.stories.d.ts +0 -79
  190. package/dist/components/molecules/selectForm/SelectForm.stories.js +0 -113
  191. package/dist/components/molecules/stepper/Stepper.stories.d.ts +0 -62
  192. package/dist/components/molecules/stepper/Stepper.stories.js +0 -215
  193. package/dist/stories/Header.d.ts +0 -13
  194. package/dist/stories/Header.js +0 -20
  195. package/dist/stories/Header.stories.d.ts +0 -18
  196. package/dist/stories/Header.stories.js +0 -26
  197. package/dist/stories/Page.d.ts +0 -3
  198. package/dist/stories/Page.js +0 -37
  199. package/dist/stories/Page.stories.d.ts +0 -12
  200. 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"] });