allaw-ui 0.1.71 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/allaw-font.eot +0 -0
- package/dist/assets/allaw-font.svg +15 -0
- package/dist/assets/allaw-font.ttf +0 -0
- package/dist/assets/allaw-font.woff +0 -0
- package/dist/components/atoms/buttons/ActionCircleButton.d.ts +9 -0
- package/dist/components/atoms/buttons/ActionCircleButton.js +23 -0
- package/dist/components/atoms/buttons/ActionCircleButton.stories.d.ts +35 -0
- package/dist/components/atoms/buttons/ActionCircleButton.stories.js +54 -0
- package/dist/components/atoms/buttons/AgendaSlot.d.ts +10 -0
- package/dist/components/atoms/buttons/AgendaSlot.js +7 -0
- package/dist/components/atoms/buttons/AgendaSlot.stories.d.ts +41 -0
- package/dist/components/atoms/buttons/AgendaSlot.stories.js +77 -0
- package/dist/components/atoms/buttons/FavoriteToggle.d.ts +8 -0
- package/dist/components/atoms/buttons/FavoriteToggle.js +11 -0
- package/dist/components/atoms/buttons/FavoriteToggle.stories.d.ts +23 -0
- package/dist/components/atoms/buttons/FavoriteToggle.stories.js +61 -0
- package/dist/components/atoms/buttons/FilterButton.d.ts +9 -0
- package/dist/components/atoms/buttons/FilterButton.js +9 -0
- package/dist/components/atoms/buttons/FilterButton.stories.d.ts +36 -0
- package/dist/components/atoms/buttons/FilterButton.stories.js +56 -0
- package/dist/components/atoms/buttons/FilterButtonPrimary.d.ts +9 -0
- package/dist/components/atoms/buttons/FilterButtonPrimary.js +46 -0
- package/dist/components/atoms/buttons/FilterButtonPrimary.stories.d.ts +7 -0
- package/dist/components/atoms/buttons/FilterButtonPrimary.stories.js +26 -0
- package/dist/components/atoms/buttons/GhostButton.d.ts +14 -0
- package/dist/components/atoms/buttons/GhostButton.js +11 -0
- package/dist/components/atoms/buttons/GhostButton.stories.d.ts +79 -0
- package/dist/components/atoms/buttons/GhostButton.stories.js +95 -0
- package/dist/components/atoms/buttons/IconButton.css +17 -0
- package/dist/components/atoms/buttons/IconButton.d.ts +11 -0
- package/dist/components/atoms/buttons/IconButton.js +19 -0
- package/dist/components/atoms/buttons/IconButton.stories.d.ts +48 -0
- package/dist/components/atoms/buttons/IconButton.stories.js +76 -0
- package/dist/components/atoms/buttons/OAuthProviderButton.css +25 -23
- package/dist/components/atoms/buttons/OAuthProviderButton.d.ts +12 -0
- package/dist/components/atoms/buttons/OAuthProviderButton.js +176 -0
- package/dist/components/atoms/buttons/OAuthProviderButton.stories.d.ts +56 -0
- package/dist/components/atoms/buttons/OAuthProviderButton.stories.js +130 -0
- package/dist/components/atoms/buttons/PendingDocuments.d.ts +9 -0
- package/dist/components/atoms/buttons/PendingDocuments.js +15 -0
- package/dist/components/atoms/buttons/PendingDocuments.stories.d.ts +52 -0
- package/dist/components/atoms/buttons/PendingDocuments.stories.js +67 -0
- package/dist/components/atoms/buttons/PrimaryButton.css +1 -0
- package/dist/components/atoms/buttons/PrimaryButton.d.ts +17 -0
- package/dist/components/atoms/buttons/PrimaryButton.js +117 -0
- package/dist/components/atoms/buttons/PrimaryButton.stories.d.ts +86 -0
- package/dist/components/atoms/buttons/PrimaryButton.stories.js +147 -0
- package/dist/components/atoms/buttons/SecondaryButton.css +66 -0
- package/dist/components/atoms/buttons/SecondaryButton.d.ts +19 -0
- package/dist/components/atoms/buttons/SecondaryButton.js +117 -0
- package/dist/components/atoms/buttons/SecondaryButton.stories.d.ts +72 -0
- package/dist/components/atoms/buttons/SecondaryButton.stories.js +149 -0
- package/dist/components/atoms/buttons/TabNavigation.css +78 -9
- package/dist/components/atoms/buttons/TabNavigation.d.ts +15 -0
- package/dist/components/atoms/buttons/TabNavigation.js +10 -0
- package/dist/components/atoms/buttons/TabNavigation.stories.d.ts +44 -0
- package/dist/components/atoms/buttons/TabNavigation.stories.js +66 -0
- package/dist/components/atoms/buttons/TertiaryButton.css +15 -6
- package/dist/components/atoms/buttons/TertiaryButton.d.ts +11 -0
- package/dist/components/atoms/buttons/TertiaryButton.js +10 -0
- package/dist/components/atoms/buttons/TertiaryButton.stories.d.ts +42 -0
- package/dist/components/atoms/buttons/TertiaryButton.stories.js +60 -0
- package/dist/components/atoms/buttons/index.d.ts +22 -0
- package/dist/components/atoms/buttons/index.js +11 -0
- package/dist/components/atoms/buttons/{PendingDocuments.css → pendingDocuments.module.css} +9 -8
- package/dist/components/atoms/checkboxes/Checkbox.d.ts +14 -0
- package/dist/components/atoms/checkboxes/Checkbox.js +19 -0
- package/dist/components/atoms/checkboxes/Checkbox.stories.d.ts +77 -0
- package/dist/components/atoms/checkboxes/Checkbox.stories.js +123 -0
- package/dist/components/atoms/checkboxes/index.d.ts +2 -0
- package/dist/components/atoms/checkboxes/index.js +1 -0
- package/dist/components/atoms/datepickers/Datepicker.d.ts +14 -0
- package/dist/components/atoms/datepickers/Datepicker.js +151 -0
- package/dist/components/atoms/datepickers/Datepicker.stories.d.ts +90 -0
- package/dist/components/atoms/datepickers/Datepicker.stories.js +67 -0
- package/dist/components/atoms/datepickers/datepicker.css +241 -0
- package/dist/components/atoms/datepickers/index.d.ts +2 -0
- package/dist/components/atoms/datepickers/index.js +1 -0
- package/dist/components/atoms/filter/Basefiler.css +1 -1
- package/dist/components/atoms/filter/Filter.d.ts +17 -0
- package/dist/components/atoms/filter/Filter.js +70 -0
- package/dist/components/atoms/filter/Filter.stories.d.ts +9 -0
- package/dist/components/atoms/filter/Filter.stories.js +77 -0
- package/dist/components/atoms/filter/index.d.ts +2 -0
- package/dist/components/atoms/filter/index.js +1 -0
- package/dist/components/atoms/filters/SingleFilter.d.ts +17 -0
- package/dist/components/atoms/filters/SingleFilter.js +81 -0
- package/dist/components/atoms/filters/SingleFilter.stories.d.ts +7 -0
- package/dist/components/atoms/filters/SingleFilter.stories.js +34 -0
- package/dist/components/atoms/filters/index.d.ts +2 -0
- package/dist/components/atoms/filters/index.js +1 -0
- package/dist/components/atoms/inputs/Input.d.ts +26 -0
- package/dist/components/atoms/inputs/Input.js +86 -0
- package/dist/components/atoms/inputs/Input.stories.d.ts +62 -0
- package/dist/components/atoms/inputs/Input.stories.js +101 -0
- package/dist/components/atoms/inputs/SearchBar.css +1 -1
- package/dist/components/atoms/inputs/SearchBar.d.ts +12 -0
- package/dist/components/atoms/inputs/SearchBar.js +20 -0
- package/dist/components/atoms/inputs/SearchBar.stories.d.ts +54 -0
- package/dist/components/atoms/inputs/SearchBar.stories.js +67 -0
- package/dist/components/atoms/inputs/TextArea.css +1 -1
- package/dist/components/atoms/inputs/TextArea.d.ts +23 -0
- package/dist/components/atoms/inputs/TextArea.js +66 -0
- package/dist/components/atoms/inputs/TextArea.stories.d.ts +70 -0
- package/dist/components/atoms/inputs/TextArea.stories.js +113 -0
- package/dist/components/atoms/inputs/index.d.ts +6 -0
- package/dist/components/atoms/inputs/index.js +3 -0
- package/dist/components/atoms/progressBars/ProgressBar.css +20 -15
- package/dist/components/atoms/progressBars/ProgressBar.d.ts +18 -0
- package/dist/components/atoms/progressBars/ProgressBar.js +25 -0
- package/dist/components/atoms/progressBars/ProgressBar.stories.d.ts +83 -0
- package/dist/components/atoms/progressBars/ProgressBar.stories.js +88 -0
- package/dist/components/atoms/progressBars/index.d.ts +2 -0
- package/dist/components/atoms/progressBars/index.js +1 -0
- package/dist/components/atoms/radios/RadioButton.d.ts +11 -0
- package/dist/components/atoms/radios/RadioButton.js +10 -0
- package/dist/components/atoms/radios/RadioButton.stories.d.ts +36 -0
- package/dist/components/atoms/radios/RadioButton.stories.js +75 -0
- package/dist/components/atoms/radios/index.d.ts +2 -0
- package/dist/components/atoms/radios/index.js +1 -0
- package/dist/components/atoms/selects/ComboBox.css +5 -3
- package/dist/components/atoms/selects/ComboBox.d.ts +27 -0
- package/dist/components/atoms/selects/ComboBox.js +172 -0
- package/dist/components/atoms/selects/ComboBox.stories.d.ts +94 -0
- package/dist/components/atoms/selects/ComboBox.stories.js +122 -0
- package/dist/components/atoms/selects/Select.d.ts +24 -0
- package/dist/components/atoms/selects/Select.js +154 -0
- package/dist/components/atoms/selects/{Select.css → Select.module.css} +16 -15
- package/dist/components/atoms/selects/Select.stories.d.ts +86 -0
- package/dist/components/atoms/selects/Select.stories.js +154 -0
- package/dist/components/atoms/selects/SelectableListItem.d.ts +13 -0
- package/dist/components/atoms/selects/SelectableListItem.js +18 -0
- package/dist/components/atoms/selects/SelectableListItem.module.css +157 -0
- package/dist/components/atoms/selects/SelectableListItem.stories.d.ts +33 -0
- package/dist/components/atoms/selects/SelectableListItem.stories.js +53 -0
- package/dist/components/atoms/selects/index.d.ts +6 -0
- package/dist/components/atoms/selects/index.js +3 -0
- package/dist/components/atoms/tags/AppointementStatusTag.d.ts +8 -0
- package/dist/components/atoms/tags/AppointementStatusTag.js +42 -0
- package/dist/components/atoms/tags/AppointementStatusTag.stories.d.ts +17 -0
- package/dist/components/atoms/tags/AppointementStatusTag.stories.js +70 -0
- package/dist/components/atoms/tags/FolderStatusTag.css +10 -8
- package/dist/components/atoms/tags/FolderStatusTag.d.ts +8 -0
- package/dist/components/atoms/tags/FolderStatusTag.js +25 -0
- package/dist/components/atoms/tags/FolderStatusTag.stories.d.ts +28 -0
- package/dist/components/atoms/tags/FolderStatusTag.stories.js +51 -0
- package/dist/components/atoms/tags/OtherStatusTag.css +54 -1
- package/dist/components/atoms/tags/OtherStatusTag.d.ts +13 -0
- package/dist/components/atoms/tags/OtherStatusTag.js +15 -0
- package/dist/components/atoms/tags/OtherStatusTag.stories.d.ts +97 -0
- package/dist/components/atoms/tags/OtherStatusTag.stories.js +151 -0
- package/dist/components/atoms/tags/index.d.ts +6 -0
- package/dist/components/atoms/tags/index.js +3 -0
- package/dist/components/atoms/typography/CardDate.d.ts +11 -0
- package/dist/components/atoms/typography/CardDate.js +52 -0
- package/dist/components/atoms/typography/CardDate.stories.d.ts +119 -0
- package/dist/components/atoms/typography/CardDate.stories.js +103 -0
- package/dist/components/atoms/typography/Heading.d.ts +10 -0
- package/dist/components/atoms/typography/Heading.js +7 -0
- package/dist/components/atoms/typography/Heading.stories.d.ts +45 -0
- package/dist/components/atoms/typography/Heading.stories.js +90 -0
- package/dist/components/atoms/typography/Link.d.ts +13 -0
- package/dist/components/atoms/typography/Link.js +35 -0
- package/dist/components/atoms/typography/Link.module.css +60 -0
- package/dist/components/atoms/typography/Link.stories.d.ts +57 -0
- package/dist/components/atoms/typography/Link.stories.js +105 -0
- package/dist/components/atoms/typography/Paragraph.d.ts +14 -0
- package/dist/components/atoms/typography/Paragraph.js +33 -0
- package/dist/components/atoms/typography/Paragraph.stories.d.ts +56 -0
- package/dist/components/atoms/typography/Paragraph.stories.js +97 -0
- package/dist/components/atoms/typography/SmallTitle.d.ts +9 -0
- package/dist/components/atoms/typography/SmallTitle.js +7 -0
- package/dist/components/atoms/typography/SmallTitle.stories.d.ts +42 -0
- package/dist/components/atoms/typography/SmallTitle.stories.js +72 -0
- package/dist/components/atoms/typography/Subtitle.d.ts +9 -0
- package/dist/components/atoms/typography/Subtitle.js +7 -0
- package/dist/components/atoms/typography/Subtitle.stories.d.ts +40 -0
- package/dist/components/atoms/typography/Subtitle.stories.js +60 -0
- package/dist/components/atoms/typography/TinyInfo.d.ts +13 -0
- package/dist/components/atoms/typography/TinyInfo.js +15 -0
- package/dist/components/atoms/typography/TinyInfo.stories.d.ts +52 -0
- package/dist/components/atoms/typography/TinyInfo.stories.js +97 -0
- package/dist/components/atoms/typography/cardDate.css +135 -0
- package/dist/components/atoms/typography/index.d.ts +12 -0
- package/dist/components/atoms/typography/index.js +6 -0
- package/dist/components/atoms/uiVariables/AnimatedBorder.css +55 -0
- package/dist/components/atoms/uiVariables/AnimatedBorder.d.ts +4 -0
- package/dist/components/atoms/uiVariables/AnimatedBorder.js +11 -0
- package/dist/components/atoms/uiVariables/AnimatedBorder.stories.d.ts +17 -0
- package/dist/components/atoms/uiVariables/AnimatedBorder.stories.js +20 -0
- package/dist/components/atoms/uiVariables/BorderRadius.d.ts +6 -0
- package/dist/components/atoms/uiVariables/BorderRadius.js +12 -0
- package/dist/components/atoms/uiVariables/BorderRadius.stories.d.ts +18 -0
- package/dist/components/atoms/uiVariables/BorderRadius.stories.js +34 -0
- package/dist/components/atoms/uiVariables/Shadows.d.ts +6 -0
- package/dist/components/atoms/uiVariables/Shadows.js +11 -0
- package/dist/components/atoms/uiVariables/Shadows.stories.d.ts +18 -0
- package/dist/components/atoms/uiVariables/Shadows.stories.js +34 -0
- package/dist/components/atoms/uiVariables/Strokes.d.ts +6 -0
- package/dist/components/atoms/uiVariables/Strokes.js +10 -0
- package/dist/components/atoms/uiVariables/Strokes.stories.d.ts +18 -0
- package/dist/components/atoms/uiVariables/Strokes.stories.js +34 -0
- package/dist/components/atoms/uiVariables/index.d.ts +3 -0
- package/dist/components/atoms/uiVariables/index.js +3 -0
- package/dist/components/molecules/appointmentSlot/AppointmentSlot.css +46 -3
- package/dist/components/molecules/appointmentSlot/AppointmentSlot.d.ts +26 -0
- package/dist/components/molecules/appointmentSlot/AppointmentSlot.js +109 -0
- package/dist/components/molecules/appointmentSlot/AppointmentSlot.stories.d.ts +70 -0
- package/dist/components/molecules/appointmentSlot/AppointmentSlot.stories.js +186 -0
- package/dist/components/molecules/appointmentSlot/index.d.ts +2 -0
- package/dist/components/molecules/appointmentSlot/index.js +1 -0
- package/dist/components/molecules/billingCount/BillingCount.css +28 -0
- package/dist/components/molecules/billingCount/BillingCount.d.ts +8 -0
- package/dist/components/molecules/billingCount/BillingCount.js +75 -0
- package/dist/components/molecules/billingCount/BillingCount.stories.d.ts +21 -0
- package/dist/components/molecules/billingCount/BillingCount.stories.js +44 -0
- package/dist/components/molecules/billingCount/index.d.ts +2 -0
- package/dist/components/molecules/billingCount/index.js +1 -0
- package/dist/components/molecules/blogCard/BlogCard.d.ts +13 -0
- package/dist/components/molecules/blogCard/BlogCard.js +33 -0
- package/dist/components/molecules/blogCard/BlogCard.module.css +148 -0
- package/dist/components/molecules/blogCard/BlogCard.stories.d.ts +10 -0
- package/dist/components/molecules/blogCard/BlogCard.stories.js +33 -0
- package/dist/components/molecules/blogCard/index.d.ts +2 -0
- package/dist/components/molecules/blogCard/index.js +1 -0
- package/dist/components/molecules/blogFooter/BlogFooter.d.ts +12 -0
- package/dist/components/molecules/blogFooter/BlogFooter.js +14 -0
- package/dist/components/molecules/blogFooter/BlogFooter.module.css +48 -0
- package/dist/components/molecules/blogFooter/BlogFooter.stories.d.ts +60 -0
- package/dist/components/molecules/blogFooter/BlogFooter.stories.js +67 -0
- package/dist/components/molecules/blogFooter/index.d.ts +2 -0
- package/dist/components/molecules/blogFooter/index.js +1 -0
- package/dist/components/molecules/blogHeader/BlogHeader.d.ts +11 -0
- package/dist/components/molecules/blogHeader/BlogHeader.js +21 -0
- package/dist/components/molecules/blogHeader/BlogHeader.module.css +150 -0
- package/dist/components/molecules/blogHeader/BlogHeader.stories.d.ts +49 -0
- package/dist/components/molecules/blogHeader/BlogHeader.stories.js +63 -0
- package/dist/components/molecules/blogHeader/index.d.ts +2 -0
- package/dist/components/molecules/blogHeader/index.js +1 -0
- package/dist/components/molecules/blogText/BlogText.d.ts +7 -0
- package/dist/components/molecules/blogText/BlogText.js +11 -0
- package/dist/components/molecules/blogText/BlogText.module.css +59 -0
- package/dist/components/molecules/blogText/BlogText.stories.d.ts +31 -0
- package/dist/components/molecules/blogText/BlogText.stories.js +51 -0
- package/dist/components/molecules/blogText/index.d.ts +2 -0
- package/dist/components/molecules/blogText/index.js +1 -0
- package/dist/components/molecules/blogTextImageBlock/BlogTextImageBlock.d.ts +8 -0
- package/dist/components/molecules/blogTextImageBlock/BlogTextImageBlock.js +15 -0
- package/dist/components/molecules/blogTextImageBlock/BlogTextImageBlock.module.css +108 -0
- package/dist/components/molecules/blogTextImageBlock/BlogTextImageBlock.stories.d.ts +37 -0
- package/dist/components/molecules/blogTextImageBlock/BlogTextImageBlock.stories.js +58 -0
- package/dist/components/molecules/blogTextImageBlock/index.d.ts +2 -0
- package/dist/components/molecules/blogTextImageBlock/index.js +1 -0
- package/dist/components/molecules/breadcrumb/Breadcrumb.d.ts +12 -0
- package/dist/components/molecules/breadcrumb/Breadcrumb.js +12 -0
- package/dist/components/molecules/breadcrumb/Breadcrumb.stories.d.ts +24 -0
- package/dist/components/molecules/breadcrumb/Breadcrumb.stories.js +54 -0
- package/dist/components/molecules/breadcrumb/index.d.ts +2 -0
- package/dist/components/molecules/breadcrumb/index.js +1 -0
- package/dist/components/molecules/caseCard/CaseCard.css +54 -48
- package/dist/components/molecules/caseCard/CaseCard.d.ts +23 -0
- package/dist/components/molecules/caseCard/CaseCard.js +19 -0
- package/dist/components/molecules/caseCard/CaseCard.stories.d.ts +114 -0
- package/dist/components/molecules/caseCard/CaseCard.stories.js +200 -0
- package/dist/components/molecules/caseCard/index.d.ts +2 -0
- package/dist/components/molecules/caseCard/index.js +1 -0
- package/dist/components/molecules/caseCardCompact/CaseCardCompact.d.ts +16 -0
- package/dist/components/molecules/caseCardCompact/CaseCardCompact.js +20 -0
- package/dist/components/molecules/caseCardCompact/CaseCardCompact.stories.d.ts +11 -0
- package/dist/components/molecules/caseCardCompact/CaseCardCompact.stories.js +59 -0
- package/dist/components/molecules/caseCardCompact/caseCardCompact.css +80 -0
- package/dist/components/molecules/caseCardCompact/index.d.ts +2 -0
- package/dist/components/molecules/caseCardCompact/index.js +1 -0
- package/dist/components/molecules/caseLinkCard/CaseCardLink.stories.d.ts +9 -0
- package/dist/components/molecules/caseLinkCard/CaseCardLink.stories.js +37 -0
- package/dist/components/molecules/caseLinkCard/CaseLinkCard.css +79 -35
- package/dist/components/molecules/caseLinkCard/CaseLinkCard.d.ts +13 -0
- package/dist/components/molecules/caseLinkCard/CaseLinkCard.js +37 -0
- package/dist/components/molecules/caseLinkCard/index.d.ts +2 -0
- package/dist/components/molecules/caseLinkCard/index.js +1 -0
- package/dist/components/molecules/checkboxForm/CheckboxForm.d.ts +18 -0
- package/dist/components/molecules/checkboxForm/CheckboxForm.js +24 -0
- package/dist/components/molecules/checkboxForm/CheckboxForm.stories.d.ts +90 -0
- package/dist/components/molecules/checkboxForm/CheckboxForm.stories.js +149 -0
- package/dist/components/molecules/checkboxForm/index.d.ts +2 -0
- package/dist/components/molecules/checkboxForm/index.js +1 -0
- package/dist/components/molecules/clientLinkCard/ClientLinkCard.css +59 -28
- package/dist/components/molecules/clientLinkCard/ClientLinkCard.d.ts +15 -0
- package/dist/components/molecules/clientLinkCard/ClientLinkCard.js +18 -0
- package/dist/components/molecules/clientLinkCard/ClientLinkCard.stories.d.ts +11 -0
- package/dist/components/molecules/clientLinkCard/ClientLinkCard.stories.js +59 -0
- package/dist/components/molecules/clientLinkCard/index.d.ts +2 -0
- package/dist/components/molecules/clientLinkCard/index.js +1 -0
- package/dist/components/molecules/contactCard/ContactCard.d.ts +16 -0
- package/dist/components/molecules/contactCard/ContactCard.js +34 -0
- package/dist/components/molecules/contactCard/ContactCard.stories.d.ts +83 -0
- package/dist/components/molecules/contactCard/ContactCard.stories.js +86 -0
- package/dist/components/molecules/contactCard/DetailedContactCard.d.ts +18 -0
- package/dist/components/molecules/contactCard/DetailedContactCard.js +61 -0
- package/dist/components/molecules/contactCard/DetailedContactCard.stories.d.ts +94 -0
- package/dist/components/molecules/contactCard/DetailedContactCard.stories.js +83 -0
- package/dist/components/molecules/contactCard/contactCard.module.css +140 -0
- package/dist/components/molecules/contactCard/{ContactCard.css → detailedContactCard.css} +43 -105
- package/dist/components/molecules/contactCard/index.d.ts +4 -0
- package/dist/components/molecules/contactCard/index.js +2 -0
- package/dist/components/molecules/datepickerForm/DatepickerForm.d.ts +16 -0
- package/dist/components/molecules/datepickerForm/DatepickerForm.js +13 -0
- package/dist/components/molecules/datepickerForm/DatepickerForm.stories.d.ts +164 -0
- package/dist/components/molecules/datepickerForm/DatepickerForm.stories.js +113 -0
- package/dist/components/molecules/datepickerForm/datepickerForm.css +6 -0
- package/dist/components/molecules/datepickerForm/index.d.ts +2 -0
- package/dist/components/molecules/datepickerForm/index.js +1 -0
- package/dist/components/molecules/documentCard/DocumentCard.css +8 -1
- package/dist/components/molecules/documentCard/DocumentCard.d.ts +16 -0
- package/dist/components/molecules/documentCard/DocumentCard.js +119 -0
- package/dist/components/molecules/documentCard/DocumentCard.stories.d.ts +71 -0
- package/dist/components/molecules/documentCard/DocumentCard.stories.js +100 -0
- package/dist/components/molecules/documentCard/index.d.ts +2 -0
- package/dist/components/molecules/documentCard/index.js +1 -0
- package/dist/components/molecules/employeeCard/EmployeeCard.d.ts +15 -0
- package/dist/components/molecules/employeeCard/EmployeeCard.js +34 -0
- package/dist/components/molecules/employeeCard/EmployeeCard.stories.d.ts +74 -0
- package/dist/components/molecules/employeeCard/EmployeeCard.stories.js +65 -0
- package/dist/components/molecules/employeeCard/index.d.ts +2 -0
- package/dist/components/molecules/employeeCard/index.js +1 -0
- package/dist/components/molecules/loadingBox/LoadingBox.css +7 -8
- package/dist/components/molecules/loadingBox/LoadingBox.d.ts +12 -0
- package/dist/components/molecules/loadingBox/LoadingBox.js +11 -0
- package/dist/components/molecules/loadingBox/LoadingBox.stories.d.ts +54 -0
- package/dist/components/molecules/loadingBox/LoadingBox.stories.js +128 -0
- package/dist/components/molecules/loadingBox/index.d.ts +2 -0
- package/dist/components/molecules/loadingBox/index.js +1 -0
- package/dist/components/molecules/pagination/Pagination.d.ts +10 -0
- package/dist/components/molecules/pagination/Pagination.js +64 -0
- package/dist/components/molecules/pagination/Pagination.stories.d.ts +44 -0
- package/dist/components/molecules/pagination/Pagination.stories.js +59 -0
- package/dist/components/molecules/pagination/index.d.ts +2 -0
- package/dist/components/molecules/pagination/index.js +1 -0
- package/dist/components/molecules/pagination/pagination.css +120 -0
- package/dist/components/molecules/proCard/ProCard.d.ts +13 -0
- package/dist/components/molecules/proCard/ProCard.js +25 -0
- package/dist/components/molecules/proCard/ProCard.stories.d.ts +49 -0
- package/dist/components/molecules/proCard/ProCard.stories.js +69 -0
- package/dist/components/molecules/proCard/index.d.ts +2 -0
- package/dist/components/molecules/proCard/index.js +1 -0
- package/dist/components/molecules/radioForm/RadioForm.d.ts +12 -0
- package/dist/components/molecules/radioForm/RadioForm.js +27 -0
- package/dist/components/molecules/radioForm/RadioForm.stories.d.ts +27 -0
- package/dist/components/molecules/radioForm/RadioForm.stories.js +52 -0
- package/dist/components/molecules/radioForm/index.d.ts +2 -0
- package/dist/components/molecules/radioForm/index.js +1 -0
- package/dist/components/molecules/selectForm/SelectForm.css +1 -1
- package/dist/components/molecules/selectForm/SelectForm.d.ts +18 -0
- package/dist/components/molecules/selectForm/SelectForm.js +15 -0
- package/dist/components/molecules/selectForm/SelectForm.stories.d.ts +58 -0
- package/dist/components/molecules/selectForm/SelectForm.stories.js +96 -0
- package/dist/components/molecules/selectForm/index.d.ts +2 -0
- package/dist/components/molecules/selectForm/index.js +1 -0
- package/dist/components/molecules/stepper/Stepper.css +17 -4
- package/dist/components/molecules/stepper/Stepper.d.ts +35 -0
- package/dist/components/molecules/stepper/Stepper.js +113 -0
- package/dist/components/molecules/stepper/Stepper.stories.d.ts +42 -0
- package/dist/components/molecules/stepper/Stepper.stories.js +132 -0
- package/dist/components/molecules/stepper/index.d.ts +2 -0
- package/dist/components/molecules/stepper/index.js +1 -0
- package/dist/index.d.ts +76 -0
- package/dist/index.js +88 -0
- package/dist/stories/Header.d.ts +13 -0
- package/dist/stories/Header.js +20 -0
- package/dist/stories/Header.stories.d.ts +18 -0
- package/dist/stories/Header.stories.js +26 -0
- package/dist/stories/Page.d.ts +3 -0
- package/dist/stories/Page.js +37 -0
- package/dist/stories/Page.stories.d.ts +12 -0
- package/dist/stories/Page.stories.js +76 -0
- package/dist/stories/header.css +32 -0
- package/dist/stories/page.css +69 -0
- package/dist/styles/colors.css +3 -0
- package/dist/styles/colors.module.css +107 -0
- package/dist/styles/global.css +1 -0
- package/dist/styles/icons.css +76 -107
- package/dist/utils/regex.d.ts +5 -0
- package/dist/utils/regex.js +7 -0
- package/dist/utils/utils.d.ts +2 -0
- package/dist/utils/utils.js +48 -0
- package/package.json +18 -14
- package/dist/tsconfig.tsbuildinfo +0 -1
|
@@ -0,0 +1,130 @@
|
|
|
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 OAuthProviderButton from "./OAuthProviderButton";
|
|
14
|
+
import "../../../styles/global.css";
|
|
15
|
+
export default {
|
|
16
|
+
title: "Components/Atoms/Buttons/OAuthProviderButton",
|
|
17
|
+
component: OAuthProviderButton,
|
|
18
|
+
tags: ["autodocs"],
|
|
19
|
+
argTypes: {
|
|
20
|
+
provider: {
|
|
21
|
+
control: {
|
|
22
|
+
type: "select",
|
|
23
|
+
options: ["google", "apple", "linkedin", "microsoft"],
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
type: {
|
|
27
|
+
control: {
|
|
28
|
+
type: "select",
|
|
29
|
+
options: ["login", "signup"],
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
url: {
|
|
33
|
+
control: {
|
|
34
|
+
type: "text",
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
size: {
|
|
38
|
+
control: {
|
|
39
|
+
type: "select",
|
|
40
|
+
options: [14, 16, 18, 20, 22, 24],
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
onClick: { action: "clicked" },
|
|
44
|
+
},
|
|
45
|
+
};
|
|
46
|
+
var Template = function (args) { return React.createElement(OAuthProviderButton, __assign({}, args)); };
|
|
47
|
+
export var GoogleLogin = Template.bind({});
|
|
48
|
+
GoogleLogin.args = {
|
|
49
|
+
provider: "google",
|
|
50
|
+
type: "login",
|
|
51
|
+
url: "https://google.com",
|
|
52
|
+
size: 20,
|
|
53
|
+
};
|
|
54
|
+
export var GoogleSignup = Template.bind({});
|
|
55
|
+
GoogleSignup.args = {
|
|
56
|
+
provider: "google",
|
|
57
|
+
type: "signup",
|
|
58
|
+
url: "https://google.com/signup",
|
|
59
|
+
size: 20,
|
|
60
|
+
};
|
|
61
|
+
export var AppleLogin = Template.bind({});
|
|
62
|
+
AppleLogin.args = {
|
|
63
|
+
provider: "apple",
|
|
64
|
+
type: "login",
|
|
65
|
+
url: "https://apple.com",
|
|
66
|
+
size: 20,
|
|
67
|
+
};
|
|
68
|
+
export var AppleSignup = Template.bind({});
|
|
69
|
+
AppleSignup.args = {
|
|
70
|
+
provider: "apple",
|
|
71
|
+
type: "signup",
|
|
72
|
+
url: "https://apple.com/signup",
|
|
73
|
+
size: 20,
|
|
74
|
+
};
|
|
75
|
+
export var LinkedinLogin = Template.bind({});
|
|
76
|
+
LinkedinLogin.args = {
|
|
77
|
+
provider: "linkedin",
|
|
78
|
+
type: "login",
|
|
79
|
+
url: "https://linkedin.com",
|
|
80
|
+
size: 20,
|
|
81
|
+
};
|
|
82
|
+
export var LinkedinSignup = Template.bind({});
|
|
83
|
+
LinkedinSignup.args = {
|
|
84
|
+
provider: "linkedin",
|
|
85
|
+
type: "signup",
|
|
86
|
+
url: "https://linkedin.com/signup",
|
|
87
|
+
size: 20,
|
|
88
|
+
};
|
|
89
|
+
export var MicrosoftLogin = Template.bind({});
|
|
90
|
+
MicrosoftLogin.args = {
|
|
91
|
+
provider: "microsoft",
|
|
92
|
+
type: "login",
|
|
93
|
+
url: "https://microsoft.com",
|
|
94
|
+
size: 20,
|
|
95
|
+
};
|
|
96
|
+
export var MicrosoftSignup = Template.bind({});
|
|
97
|
+
MicrosoftSignup.args = {
|
|
98
|
+
provider: "microsoft",
|
|
99
|
+
type: "signup",
|
|
100
|
+
url: "https://microsoft.com/signup",
|
|
101
|
+
size: 20,
|
|
102
|
+
};
|
|
103
|
+
export var GoogleCalendar = Template.bind({});
|
|
104
|
+
GoogleCalendar.args = {
|
|
105
|
+
provider: "google",
|
|
106
|
+
type: "calendar",
|
|
107
|
+
url: "https://calendar.google.com/calendar/u/0/r/eventedit",
|
|
108
|
+
size: 20,
|
|
109
|
+
};
|
|
110
|
+
export var AppleCalendar = Template.bind({});
|
|
111
|
+
AppleCalendar.args = {
|
|
112
|
+
provider: "apple",
|
|
113
|
+
type: "calendar",
|
|
114
|
+
url: "https://www.icloud.com/calendar",
|
|
115
|
+
size: 20,
|
|
116
|
+
};
|
|
117
|
+
export var LinkedinCalendar = Template.bind({});
|
|
118
|
+
LinkedinCalendar.args = {
|
|
119
|
+
provider: "linkedin",
|
|
120
|
+
type: "calendar",
|
|
121
|
+
url: "#",
|
|
122
|
+
size: 20,
|
|
123
|
+
};
|
|
124
|
+
export var MicrosoftCalendar = Template.bind({});
|
|
125
|
+
MicrosoftCalendar.args = {
|
|
126
|
+
provider: "microsoft",
|
|
127
|
+
type: "calendar",
|
|
128
|
+
url: "https://outlook.office.com/calendar",
|
|
129
|
+
size: 20,
|
|
130
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "../../../styles/global.css";
|
|
3
|
+
export interface PendingDocumentsProps {
|
|
4
|
+
icon?: React.ReactNode;
|
|
5
|
+
pendingCount: number;
|
|
6
|
+
onClick?: () => void;
|
|
7
|
+
}
|
|
8
|
+
declare const PendingDocuments: React.FC<PendingDocumentsProps>;
|
|
9
|
+
export default PendingDocuments;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import styles from "./pendingDocuments.module.css";
|
|
3
|
+
import "../../../styles/global.css";
|
|
4
|
+
var PendingDocuments = function (_a) {
|
|
5
|
+
var icon = _a.icon, pendingCount = _a.pendingCount, onClick = _a.onClick;
|
|
6
|
+
var isPending = pendingCount > 0;
|
|
7
|
+
return (React.createElement("div", { className: "".concat(styles.pending_documents, " ").concat(isPending
|
|
8
|
+
? styles.pending_documents_pending
|
|
9
|
+
: styles.pending_documents_none), onClick: isPending ? onClick : undefined },
|
|
10
|
+
icon && React.createElement("span", { className: styles.pending_documents_icon }, icon),
|
|
11
|
+
React.createElement("span", { className: styles.pending_documents_label }, isPending
|
|
12
|
+
? "".concat(pendingCount, " demandes en attente")
|
|
13
|
+
: "Aucune demande en attente")));
|
|
14
|
+
};
|
|
15
|
+
export default PendingDocuments;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
export namespace ActionsData {
|
|
2
|
+
namespace onClick {
|
|
3
|
+
let action: string;
|
|
4
|
+
}
|
|
5
|
+
}
|
|
6
|
+
declare namespace _default {
|
|
7
|
+
export let title: string;
|
|
8
|
+
export { PendingDocuments as component };
|
|
9
|
+
export let tags: string[];
|
|
10
|
+
export let excludeStories: RegExp;
|
|
11
|
+
export namespace args { }
|
|
12
|
+
export namespace argTypes {
|
|
13
|
+
export namespace icon {
|
|
14
|
+
namespace control {
|
|
15
|
+
let type: string;
|
|
16
|
+
}
|
|
17
|
+
namespace mapping {
|
|
18
|
+
let _true: React.JSX.Element;
|
|
19
|
+
export { _true as true };
|
|
20
|
+
let _false: null;
|
|
21
|
+
export { _false as false };
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
export namespace pendingCount {
|
|
25
|
+
export namespace control_1 {
|
|
26
|
+
let type_1: string;
|
|
27
|
+
export { type_1 as type };
|
|
28
|
+
}
|
|
29
|
+
export { control_1 as control };
|
|
30
|
+
}
|
|
31
|
+
export namespace onClick_1 {
|
|
32
|
+
let action_1: string;
|
|
33
|
+
export { action_1 as action };
|
|
34
|
+
}
|
|
35
|
+
export { onClick_1 as onClick };
|
|
36
|
+
}
|
|
37
|
+
export namespace parameters {
|
|
38
|
+
namespace backgrounds {
|
|
39
|
+
let _default: string;
|
|
40
|
+
export { _default as default };
|
|
41
|
+
export let values: {
|
|
42
|
+
name: string;
|
|
43
|
+
value: string;
|
|
44
|
+
}[];
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
export default _default;
|
|
49
|
+
export const Default: any;
|
|
50
|
+
export const NoPending: any;
|
|
51
|
+
import PendingDocuments from "./PendingDocuments";
|
|
52
|
+
import React from "react";
|
|
@@ -0,0 +1,67 @@
|
|
|
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 PendingDocuments from "./PendingDocuments";
|
|
14
|
+
import "../../../styles/global.css";
|
|
15
|
+
export var ActionsData = {
|
|
16
|
+
onClick: { action: "clicked" },
|
|
17
|
+
};
|
|
18
|
+
export default {
|
|
19
|
+
title: "Components/Atoms/Buttons/PendingDocuments",
|
|
20
|
+
component: PendingDocuments,
|
|
21
|
+
tags: ["autodocs"],
|
|
22
|
+
excludeStories: /.*Data$/,
|
|
23
|
+
args: __assign({}, ActionsData),
|
|
24
|
+
argTypes: {
|
|
25
|
+
icon: {
|
|
26
|
+
control: {
|
|
27
|
+
type: "boolean",
|
|
28
|
+
},
|
|
29
|
+
mapping: {
|
|
30
|
+
true: React.createElement("span", { className: "allaw-icon-inbox" }),
|
|
31
|
+
false: null,
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
pendingCount: {
|
|
35
|
+
control: {
|
|
36
|
+
type: "number",
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
onClick: {
|
|
40
|
+
action: "clicked",
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
parameters: {
|
|
44
|
+
backgrounds: {
|
|
45
|
+
default: "light",
|
|
46
|
+
values: [
|
|
47
|
+
{ name: "light", value: "#ffffff" },
|
|
48
|
+
{ name: "grey", value: "#728ea7" },
|
|
49
|
+
{ name: "figma", value: "#404040" },
|
|
50
|
+
{ name: "dark", value: "#171e25" },
|
|
51
|
+
],
|
|
52
|
+
},
|
|
53
|
+
},
|
|
54
|
+
};
|
|
55
|
+
var Template = function (args) { return React.createElement(PendingDocuments, __assign({}, args)); };
|
|
56
|
+
export var Default = Template.bind({});
|
|
57
|
+
Default.args = {
|
|
58
|
+
icon: React.createElement("span", { className: "allaw-icon-inbox" }),
|
|
59
|
+
pendingCount: 5,
|
|
60
|
+
onClick: function () { return console.log("Button clicked!"); },
|
|
61
|
+
};
|
|
62
|
+
export var NoPending = Template.bind({});
|
|
63
|
+
NoPending.args = {
|
|
64
|
+
icon: React.createElement("span", { className: "allaw-icon-inbox" }),
|
|
65
|
+
pendingCount: 0,
|
|
66
|
+
onClick: function () { return console.log("Button clicked!"); },
|
|
67
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { ButtonHTMLAttributes } from "react";
|
|
2
|
+
import "./PrimaryButton.css";
|
|
3
|
+
import "../../../styles/global.css";
|
|
4
|
+
export interface PrimaryButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
5
|
+
startIcon?: React.ReactNode;
|
|
6
|
+
endIcon?: React.ReactNode;
|
|
7
|
+
startIconName?: string;
|
|
8
|
+
endIconName?: string;
|
|
9
|
+
label: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
onClick?: () => Promise<void> | void;
|
|
12
|
+
fullWidth?: boolean;
|
|
13
|
+
type?: "button" | "submit" | "reset";
|
|
14
|
+
isLoading?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare const PrimaryButton: React.ForwardRefExoticComponent<PrimaryButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
17
|
+
export default PrimaryButton;
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
14
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
15
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
16
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
17
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
18
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
19
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
23
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
24
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
25
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
26
|
+
function step(op) {
|
|
27
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
28
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
29
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
30
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
31
|
+
switch (op[0]) {
|
|
32
|
+
case 0: case 1: t = op; break;
|
|
33
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
34
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
35
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
36
|
+
default:
|
|
37
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
38
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
39
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
40
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
41
|
+
if (t[2]) _.ops.pop();
|
|
42
|
+
_.trys.pop(); continue;
|
|
43
|
+
}
|
|
44
|
+
op = body.call(thisArg, _);
|
|
45
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
46
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
50
|
+
var t = {};
|
|
51
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
52
|
+
t[p] = s[p];
|
|
53
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
54
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
55
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
56
|
+
t[p[i]] = s[p[i]];
|
|
57
|
+
}
|
|
58
|
+
return t;
|
|
59
|
+
};
|
|
60
|
+
import React, { forwardRef, useImperativeHandle, useState, useEffect, } from "react";
|
|
61
|
+
import "./PrimaryButton.css";
|
|
62
|
+
import "../../../styles/global.css";
|
|
63
|
+
var PrimaryButton = forwardRef(function (_a, ref) {
|
|
64
|
+
var startIcon = _a.startIcon, endIcon = _a.endIcon, startIconName = _a.startIconName, endIconName = _a.endIconName, label = _a.label, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onClick = _a.onClick, _c = _a.fullWidth, fullWidth = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? "button" : _d, _e = _a.isLoading, isLoading = _e === void 0 ? false : _e, props = __rest(_a, ["startIcon", "endIcon", "startIconName", "endIconName", "label", "disabled", "onClick", "fullWidth", "type", "isLoading"]);
|
|
65
|
+
var buttonRef = React.useRef(null);
|
|
66
|
+
var _f = useState(false), internalIsLoading = _f[0], setInternalIsLoading = _f[1];
|
|
67
|
+
var _g = useState(""), loadingDots = _g[0], setLoadingDots = _g[1];
|
|
68
|
+
useImperativeHandle(ref, function () { return buttonRef.current; });
|
|
69
|
+
var isButtonLoading = isLoading || internalIsLoading;
|
|
70
|
+
useEffect(function () {
|
|
71
|
+
var interval = null;
|
|
72
|
+
if (isButtonLoading) {
|
|
73
|
+
interval = setInterval(function () {
|
|
74
|
+
setLoadingDots(function (prev) {
|
|
75
|
+
if (prev.length >= 3)
|
|
76
|
+
return "";
|
|
77
|
+
return prev + ".";
|
|
78
|
+
});
|
|
79
|
+
}, 500);
|
|
80
|
+
}
|
|
81
|
+
return function () {
|
|
82
|
+
if (interval) {
|
|
83
|
+
clearInterval(interval);
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
}, [isButtonLoading]);
|
|
87
|
+
var handleClick = function (event) { return __awaiter(void 0, void 0, void 0, function () {
|
|
88
|
+
return __generator(this, function (_a) {
|
|
89
|
+
switch (_a.label) {
|
|
90
|
+
case 0:
|
|
91
|
+
if (isButtonLoading) {
|
|
92
|
+
event.preventDefault();
|
|
93
|
+
return [2 /*return*/];
|
|
94
|
+
}
|
|
95
|
+
if (!onClick) return [3 /*break*/, 4];
|
|
96
|
+
setInternalIsLoading(true);
|
|
97
|
+
_a.label = 1;
|
|
98
|
+
case 1:
|
|
99
|
+
_a.trys.push([1, , 3, 4]);
|
|
100
|
+
return [4 /*yield*/, onClick()];
|
|
101
|
+
case 2:
|
|
102
|
+
_a.sent();
|
|
103
|
+
return [3 /*break*/, 4];
|
|
104
|
+
case 3:
|
|
105
|
+
setInternalIsLoading(false);
|
|
106
|
+
return [7 /*endfinally*/];
|
|
107
|
+
case 4: return [2 /*return*/];
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
}); };
|
|
111
|
+
return (React.createElement("button", __assign({ ref: buttonRef, className: "primary-button ".concat(disabled ? "primary-button-disabled" : "primary-button-enabled", " ").concat(fullWidth ? "primary-button-full-width" : "", " ").concat(isButtonLoading ? "primary-button-loading" : ""), disabled: disabled, onClick: handleClick, type: type }, props),
|
|
112
|
+
startIcon && (React.createElement("span", { className: "primary-button-icon ".concat(startIconName) })),
|
|
113
|
+
React.createElement("span", { className: "primary-button-label" }, label),
|
|
114
|
+
isButtonLoading ? (React.createElement("span", { className: "primary-button-loading-dots" }, loadingDots)) : (endIcon && React.createElement("span", { className: "primary-button-icon ".concat(endIconName) }))));
|
|
115
|
+
});
|
|
116
|
+
PrimaryButton.displayName = "PrimaryButton";
|
|
117
|
+
export default PrimaryButton;
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
export const ActionsData: {};
|
|
2
|
+
declare namespace _default {
|
|
3
|
+
export let title: string;
|
|
4
|
+
export { PrimaryButton as component };
|
|
5
|
+
export let tags: string[];
|
|
6
|
+
export let excludeStories: RegExp;
|
|
7
|
+
export let args: {};
|
|
8
|
+
export namespace argTypes {
|
|
9
|
+
export namespace startIcon {
|
|
10
|
+
namespace control {
|
|
11
|
+
let type: string;
|
|
12
|
+
}
|
|
13
|
+
namespace mapping {
|
|
14
|
+
let _true: string;
|
|
15
|
+
export { _true as true };
|
|
16
|
+
let _false: null;
|
|
17
|
+
export { _false as false };
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
export namespace endIcon {
|
|
21
|
+
export namespace control_1 {
|
|
22
|
+
let type_1: string;
|
|
23
|
+
export { type_1 as type };
|
|
24
|
+
}
|
|
25
|
+
export { control_1 as control };
|
|
26
|
+
export namespace mapping_1 {
|
|
27
|
+
let _true_1: string;
|
|
28
|
+
export { _true_1 as true };
|
|
29
|
+
let _false_1: null;
|
|
30
|
+
export { _false_1 as false };
|
|
31
|
+
}
|
|
32
|
+
export { mapping_1 as mapping };
|
|
33
|
+
}
|
|
34
|
+
export namespace startIconName {
|
|
35
|
+
export namespace control_2 {
|
|
36
|
+
let type_2: string;
|
|
37
|
+
export { type_2 as type };
|
|
38
|
+
}
|
|
39
|
+
export { control_2 as control };
|
|
40
|
+
}
|
|
41
|
+
export namespace endIconName {
|
|
42
|
+
export namespace control_3 {
|
|
43
|
+
let type_3: string;
|
|
44
|
+
export { type_3 as type };
|
|
45
|
+
}
|
|
46
|
+
export { control_3 as control };
|
|
47
|
+
}
|
|
48
|
+
export namespace type_4 {
|
|
49
|
+
export namespace control_4 {
|
|
50
|
+
let type_5: string;
|
|
51
|
+
export { type_5 as type };
|
|
52
|
+
export let options: string[];
|
|
53
|
+
}
|
|
54
|
+
export { control_4 as control };
|
|
55
|
+
}
|
|
56
|
+
export { type_4 as type };
|
|
57
|
+
export namespace isLoading {
|
|
58
|
+
export namespace control_5 {
|
|
59
|
+
let type_6: string;
|
|
60
|
+
export { type_6 as type };
|
|
61
|
+
}
|
|
62
|
+
export { control_5 as control };
|
|
63
|
+
}
|
|
64
|
+
export namespace parameters {
|
|
65
|
+
namespace backgrounds {
|
|
66
|
+
let _default: string;
|
|
67
|
+
export { _default as default };
|
|
68
|
+
export let values: {
|
|
69
|
+
name: string;
|
|
70
|
+
value: string;
|
|
71
|
+
}[];
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
export default _default;
|
|
77
|
+
export const Default: any;
|
|
78
|
+
export const WithStartIcon: any;
|
|
79
|
+
export const WithEndIcon: any;
|
|
80
|
+
export const WithStartAndEndIcons: any;
|
|
81
|
+
export const Disabled: any;
|
|
82
|
+
export const Loading: any;
|
|
83
|
+
export const SubmitButton: any;
|
|
84
|
+
export const ResetButton: any;
|
|
85
|
+
export const AsyncButton: any;
|
|
86
|
+
import PrimaryButton from "./PrimaryButton";
|
|
@@ -0,0 +1,147 @@
|
|
|
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
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
13
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
14
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
15
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
16
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
17
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
18
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
19
|
+
});
|
|
20
|
+
};
|
|
21
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
22
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
23
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
24
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
25
|
+
function step(op) {
|
|
26
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
27
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
28
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
29
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
30
|
+
switch (op[0]) {
|
|
31
|
+
case 0: case 1: t = op; break;
|
|
32
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
33
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
34
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
35
|
+
default:
|
|
36
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
37
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
38
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
39
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
40
|
+
if (t[2]) _.ops.pop();
|
|
41
|
+
_.trys.pop(); continue;
|
|
42
|
+
}
|
|
43
|
+
op = body.call(thisArg, _);
|
|
44
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
45
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
import React from "react";
|
|
49
|
+
import PrimaryButton from "./PrimaryButton";
|
|
50
|
+
import "../../../styles/global.css";
|
|
51
|
+
export var ActionsData = {};
|
|
52
|
+
export default {
|
|
53
|
+
title: "Components/Atoms/Buttons/PrimaryButton",
|
|
54
|
+
component: PrimaryButton,
|
|
55
|
+
tags: ["autodocs"],
|
|
56
|
+
excludeStories: /.*Data$/,
|
|
57
|
+
args: __assign({}, ActionsData),
|
|
58
|
+
argTypes: {
|
|
59
|
+
startIcon: {
|
|
60
|
+
control: {
|
|
61
|
+
type: "boolean",
|
|
62
|
+
},
|
|
63
|
+
mapping: {
|
|
64
|
+
true: "allaw-icon-arrow-right",
|
|
65
|
+
false: null,
|
|
66
|
+
},
|
|
67
|
+
},
|
|
68
|
+
endIcon: {
|
|
69
|
+
control: {
|
|
70
|
+
type: "boolean",
|
|
71
|
+
},
|
|
72
|
+
mapping: {
|
|
73
|
+
true: "allaw-icon-arrow-right",
|
|
74
|
+
false: null,
|
|
75
|
+
},
|
|
76
|
+
},
|
|
77
|
+
startIconName: {
|
|
78
|
+
control: {
|
|
79
|
+
type: "text",
|
|
80
|
+
},
|
|
81
|
+
},
|
|
82
|
+
endIconName: {
|
|
83
|
+
control: {
|
|
84
|
+
type: "text",
|
|
85
|
+
},
|
|
86
|
+
},
|
|
87
|
+
type: {
|
|
88
|
+
control: {
|
|
89
|
+
type: "select",
|
|
90
|
+
options: ["button", "submit", "reset"],
|
|
91
|
+
},
|
|
92
|
+
},
|
|
93
|
+
isLoading: {
|
|
94
|
+
control: {
|
|
95
|
+
type: "boolean",
|
|
96
|
+
},
|
|
97
|
+
},
|
|
98
|
+
parameters: {
|
|
99
|
+
backgrounds: {
|
|
100
|
+
default: "light",
|
|
101
|
+
values: [
|
|
102
|
+
{ name: "light", value: "#ffffff" },
|
|
103
|
+
{ name: "grey", value: "#728ea7" },
|
|
104
|
+
{ name: "figma", value: "#404040" },
|
|
105
|
+
{ name: "dark", value: "#171e25" },
|
|
106
|
+
],
|
|
107
|
+
},
|
|
108
|
+
},
|
|
109
|
+
},
|
|
110
|
+
};
|
|
111
|
+
var Template = function (args) { return React.createElement(PrimaryButton, __assign({}, args)); };
|
|
112
|
+
export var Default = Template.bind({});
|
|
113
|
+
Default.args = {
|
|
114
|
+
label: "Bouton",
|
|
115
|
+
startIcon: false,
|
|
116
|
+
endIcon: false,
|
|
117
|
+
startIconName: "allaw-icon-arrow-right",
|
|
118
|
+
endIconName: "allaw-icon-arrow-right",
|
|
119
|
+
disabled: false,
|
|
120
|
+
type: "button",
|
|
121
|
+
isLoading: false,
|
|
122
|
+
};
|
|
123
|
+
export var WithStartIcon = Template.bind({});
|
|
124
|
+
WithStartIcon.args = __assign(__assign({}, Default.args), { startIcon: true });
|
|
125
|
+
export var WithEndIcon = Template.bind({});
|
|
126
|
+
WithEndIcon.args = __assign(__assign({}, Default.args), { endIcon: true });
|
|
127
|
+
export var WithStartAndEndIcons = Template.bind({});
|
|
128
|
+
WithStartAndEndIcons.args = __assign(__assign({}, Default.args), { startIcon: true, endIcon: true });
|
|
129
|
+
export var Disabled = Template.bind({});
|
|
130
|
+
Disabled.args = __assign(__assign({}, Default.args), { disabled: true });
|
|
131
|
+
export var Loading = Template.bind({});
|
|
132
|
+
Loading.args = __assign(__assign({}, Default.args), { isLoading: true });
|
|
133
|
+
export var SubmitButton = Template.bind({});
|
|
134
|
+
SubmitButton.args = __assign(__assign({}, Default.args), { type: "submit", label: "Submit" });
|
|
135
|
+
export var ResetButton = Template.bind({});
|
|
136
|
+
ResetButton.args = __assign(__assign({}, Default.args), { type: "reset", label: "Reset" });
|
|
137
|
+
export var AsyncButton = Template.bind({});
|
|
138
|
+
AsyncButton.args = __assign(__assign({}, Default.args), { label: "Async Action", onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
139
|
+
return __generator(this, function (_a) {
|
|
140
|
+
switch (_a.label) {
|
|
141
|
+
case 0: return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 2000); })];
|
|
142
|
+
case 1:
|
|
143
|
+
_a.sent();
|
|
144
|
+
return [2 /*return*/];
|
|
145
|
+
}
|
|
146
|
+
});
|
|
147
|
+
}); } });
|