@situaction/traquiste-mobile 1.0.0-next.5 → 1.1.0-next.1
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/README.md +61 -90
- package/build/components/AssociationTag/AssociationTag.d.ts +19 -0
- package/build/components/AssociationTag/AssociationTag.d.ts.map +1 -0
- package/build/components/AssociationTag/AssociationTag.js +29 -0
- package/build/components/AssociationTag/AssociationTag.js.map +1 -0
- package/build/components/AssociationTag/AssociationTag.styles.d.ts +21 -0
- package/build/components/AssociationTag/AssociationTag.styles.d.ts.map +1 -0
- package/build/components/AssociationTag/AssociationTag.styles.js +26 -0
- package/build/components/AssociationTag/AssociationTag.styles.js.map +1 -0
- package/build/components/AssociationTag/index.d.ts +3 -0
- package/build/components/AssociationTag/index.d.ts.map +1 -0
- package/build/components/AssociationTag/index.js +2 -0
- package/build/components/AssociationTag/index.js.map +1 -0
- package/build/components/BottomSheet/BottomSheet.d.ts +36 -0
- package/build/components/BottomSheet/BottomSheet.d.ts.map +1 -0
- package/build/components/BottomSheet/BottomSheet.js +76 -0
- package/build/components/BottomSheet/BottomSheet.js.map +1 -0
- package/build/components/BottomSheet/BottomSheet.styles.d.ts +32 -0
- package/build/components/BottomSheet/BottomSheet.styles.d.ts.map +1 -0
- package/build/components/BottomSheet/BottomSheet.styles.js +31 -0
- package/build/components/BottomSheet/BottomSheet.styles.js.map +1 -0
- package/build/components/BottomSheet/index.d.ts +3 -0
- package/build/components/BottomSheet/index.d.ts.map +1 -0
- package/build/components/BottomSheet/index.js +2 -0
- package/build/components/BottomSheet/index.js.map +1 -0
- package/build/components/Button/Button.d.ts +5 -1
- package/build/components/Button/Button.d.ts.map +1 -1
- package/build/components/Button/Button.js +12 -6
- package/build/components/Button/Button.js.map +1 -1
- package/build/components/ButtonAction/ButtonAction.d.ts +5 -1
- package/build/components/ButtonAction/ButtonAction.d.ts.map +1 -1
- package/build/components/ButtonAction/ButtonAction.js +2 -2
- package/build/components/ButtonAction/ButtonAction.js.map +1 -1
- package/build/components/ButtonMap/ButtonMap.d.ts +5 -1
- package/build/components/ButtonMap/ButtonMap.d.ts.map +1 -1
- package/build/components/ButtonMap/ButtonMap.js +11 -9
- package/build/components/ButtonMap/ButtonMap.js.map +1 -1
- package/build/components/ButtonMenu/ButtonMenu.d.ts +7 -2
- package/build/components/ButtonMenu/ButtonMenu.d.ts.map +1 -1
- package/build/components/ButtonMenu/ButtonMenu.js +17 -17
- package/build/components/ButtonMenu/ButtonMenu.js.map +1 -1
- package/build/components/Calendar/Calendar.d.ts +4 -0
- package/build/components/Calendar/Calendar.d.ts.map +1 -0
- package/build/components/Calendar/Calendar.i18n.d.ts +34 -0
- package/build/components/Calendar/Calendar.i18n.d.ts.map +1 -0
- package/build/components/Calendar/Calendar.i18n.js +34 -0
- package/build/components/Calendar/Calendar.i18n.js.map +1 -0
- package/build/components/Calendar/Calendar.js +172 -0
- package/build/components/Calendar/Calendar.js.map +1 -0
- package/build/components/Calendar/Calendar.styles.d.ts +257 -0
- package/build/components/Calendar/Calendar.styles.d.ts.map +1 -0
- package/build/components/Calendar/Calendar.styles.js +234 -0
- package/build/components/Calendar/Calendar.styles.js.map +1 -0
- package/build/components/Calendar/Calendar.types.d.ts +62 -0
- package/build/components/Calendar/Calendar.types.d.ts.map +1 -0
- package/build/components/Calendar/Calendar.types.js +2 -0
- package/build/components/Calendar/Calendar.types.js.map +1 -0
- package/build/components/Calendar/CalendarDay.d.ts +4 -0
- package/build/components/Calendar/CalendarDay.d.ts.map +1 -0
- package/build/components/Calendar/CalendarDay.js +52 -0
- package/build/components/Calendar/CalendarDay.js.map +1 -0
- package/build/components/Calendar/CalendarHeader.d.ts +4 -0
- package/build/components/Calendar/CalendarHeader.d.ts.map +1 -0
- package/build/components/Calendar/CalendarHeader.js +16 -0
- package/build/components/Calendar/CalendarHeader.js.map +1 -0
- package/build/components/Calendar/CalendarLegend.d.ts +3 -0
- package/build/components/Calendar/CalendarLegend.d.ts.map +1 -0
- package/build/components/Calendar/CalendarLegend.js +38 -0
- package/build/components/Calendar/CalendarLegend.js.map +1 -0
- package/build/components/Calendar/CalendarYearPicker.d.ts +19 -0
- package/build/components/Calendar/CalendarYearPicker.d.ts.map +1 -0
- package/build/components/Calendar/CalendarYearPicker.js +158 -0
- package/build/components/Calendar/CalendarYearPicker.js.map +1 -0
- package/build/components/Calendar/index.d.ts +5 -0
- package/build/components/Calendar/index.d.ts.map +1 -0
- package/build/components/Calendar/index.js +3 -0
- package/build/components/Calendar/index.js.map +1 -0
- package/build/components/Card/Card.d.ts +25 -0
- package/build/components/Card/Card.d.ts.map +1 -0
- package/build/components/Card/Card.js +31 -0
- package/build/components/Card/Card.js.map +1 -0
- package/build/components/Card/Card.styles.d.ts +15 -0
- package/build/components/Card/Card.styles.d.ts.map +1 -0
- package/build/components/Card/Card.styles.js +18 -0
- package/build/components/Card/Card.styles.js.map +1 -0
- package/build/components/Card/index.d.ts +3 -0
- package/build/components/Card/index.d.ts.map +1 -0
- package/build/components/Card/index.js +2 -0
- package/build/components/Card/index.js.map +1 -0
- package/build/components/CardEquip/CardEquip.d.ts +60 -0
- package/build/components/CardEquip/CardEquip.d.ts.map +1 -0
- package/build/components/CardEquip/CardEquip.js +106 -0
- package/build/components/CardEquip/CardEquip.js.map +1 -0
- package/build/components/CardEquip/CardEquip.styles.d.ts +125 -0
- package/build/components/CardEquip/CardEquip.styles.d.ts.map +1 -0
- package/build/components/CardEquip/CardEquip.styles.js +139 -0
- package/build/components/CardEquip/CardEquip.styles.js.map +1 -0
- package/build/components/CardEquip/index.d.ts +3 -0
- package/build/components/CardEquip/index.d.ts.map +1 -0
- package/build/components/CardEquip/index.js +2 -0
- package/build/components/CardEquip/index.js.map +1 -0
- package/build/components/CardProfile/CardProfile.d.ts +55 -0
- package/build/components/CardProfile/CardProfile.d.ts.map +1 -0
- package/build/components/CardProfile/CardProfile.js +74 -0
- package/build/components/CardProfile/CardProfile.js.map +1 -0
- package/build/components/CardProfile/CardProfile.styles.d.ts +62 -0
- package/build/components/CardProfile/CardProfile.styles.d.ts.map +1 -0
- package/build/components/CardProfile/CardProfile.styles.js +65 -0
- package/build/components/CardProfile/CardProfile.styles.js.map +1 -0
- package/build/components/CardProfile/index.d.ts +3 -0
- package/build/components/CardProfile/index.d.ts.map +1 -0
- package/build/components/CardProfile/index.js +2 -0
- package/build/components/CardProfile/index.js.map +1 -0
- package/build/components/Checkbox/Checkbox.d.ts +28 -0
- package/build/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/build/components/Checkbox/Checkbox.js +77 -0
- package/build/components/Checkbox/Checkbox.js.map +1 -0
- package/build/components/Checkbox/Checkbox.styles.d.ts +34 -0
- package/build/components/Checkbox/Checkbox.styles.d.ts.map +1 -0
- package/build/components/Checkbox/Checkbox.styles.js +39 -0
- package/build/components/Checkbox/Checkbox.styles.js.map +1 -0
- package/build/components/Checkbox/Checkbox.types.d.ts +25 -0
- package/build/components/Checkbox/Checkbox.types.d.ts.map +1 -0
- package/build/components/Checkbox/Checkbox.types.js +5 -0
- package/build/components/Checkbox/Checkbox.types.js.map +1 -0
- package/build/components/Checkbox/index.d.ts +3 -0
- package/build/components/Checkbox/index.d.ts.map +1 -0
- package/build/components/Checkbox/index.js +2 -0
- package/build/components/Checkbox/index.js.map +1 -0
- package/build/components/Cluster/Cluster.d.ts +23 -0
- package/build/components/Cluster/Cluster.d.ts.map +1 -0
- package/build/components/Cluster/Cluster.js +34 -0
- package/build/components/Cluster/Cluster.js.map +1 -0
- package/build/components/Cluster/Cluster.styles.d.ts +33 -0
- package/build/components/Cluster/Cluster.styles.d.ts.map +1 -0
- package/build/components/Cluster/Cluster.styles.js +34 -0
- package/build/components/Cluster/Cluster.styles.js.map +1 -0
- package/build/components/Cluster/index.d.ts +3 -0
- package/build/components/Cluster/index.d.ts.map +1 -0
- package/build/components/Cluster/index.js +2 -0
- package/build/components/Cluster/index.js.map +1 -0
- package/build/components/ColorPicker/ColorPicker.d.ts +20 -0
- package/build/components/ColorPicker/ColorPicker.d.ts.map +1 -0
- package/build/components/ColorPicker/ColorPicker.js +17 -0
- package/build/components/ColorPicker/ColorPicker.js.map +1 -0
- package/build/components/ColorPicker/ColorPicker.styles.d.ts +10 -0
- package/build/components/ColorPicker/ColorPicker.styles.d.ts.map +1 -0
- package/build/components/ColorPicker/ColorPicker.styles.js +11 -0
- package/build/components/ColorPicker/ColorPicker.styles.js.map +1 -0
- package/build/components/ColorPicker/index.d.ts +3 -0
- package/build/components/ColorPicker/index.d.ts.map +1 -0
- package/build/components/ColorPicker/index.js +2 -0
- package/build/components/ColorPicker/index.js.map +1 -0
- package/build/components/ColorSwatch/ColorSwatch.d.ts +20 -0
- package/build/components/ColorSwatch/ColorSwatch.d.ts.map +1 -0
- package/build/components/ColorSwatch/ColorSwatch.js +35 -0
- package/build/components/ColorSwatch/ColorSwatch.js.map +1 -0
- package/build/components/ColorSwatch/ColorSwatch.styles.d.ts +16 -0
- package/build/components/ColorSwatch/ColorSwatch.styles.d.ts.map +1 -0
- package/build/components/ColorSwatch/ColorSwatch.styles.js +19 -0
- package/build/components/ColorSwatch/ColorSwatch.styles.js.map +1 -0
- package/build/components/ColorSwatch/index.d.ts +3 -0
- package/build/components/ColorSwatch/index.d.ts.map +1 -0
- package/build/components/ColorSwatch/index.js +2 -0
- package/build/components/ColorSwatch/index.js.map +1 -0
- package/build/components/FileCard/FileCard.d.ts +29 -0
- package/build/components/FileCard/FileCard.d.ts.map +1 -0
- package/build/components/FileCard/FileCard.js +66 -0
- package/build/components/FileCard/FileCard.js.map +1 -0
- package/build/components/FileCard/FileCard.styles.d.ts +54 -0
- package/build/components/FileCard/FileCard.styles.d.ts.map +1 -0
- package/build/components/FileCard/FileCard.styles.js +56 -0
- package/build/components/FileCard/FileCard.styles.js.map +1 -0
- package/build/components/FileCard/index.d.ts +3 -0
- package/build/components/FileCard/index.d.ts.map +1 -0
- package/build/components/FileCard/index.js +2 -0
- package/build/components/FileCard/index.js.map +1 -0
- package/build/components/FilterChip/FilterChip.d.ts +5 -1
- package/build/components/FilterChip/FilterChip.d.ts.map +1 -1
- package/build/components/FilterChip/FilterChip.js +55 -25
- package/build/components/FilterChip/FilterChip.js.map +1 -1
- package/build/components/FilterNav/FilterNav.d.ts +53 -0
- package/build/components/FilterNav/FilterNav.d.ts.map +1 -0
- package/build/components/FilterNav/FilterNav.js +39 -0
- package/build/components/FilterNav/FilterNav.js.map +1 -0
- package/build/components/FilterNav/FilterNav.styles.d.ts +10 -0
- package/build/components/FilterNav/FilterNav.styles.d.ts.map +1 -0
- package/build/components/FilterNav/FilterNav.styles.js +11 -0
- package/build/components/FilterNav/FilterNav.styles.js.map +1 -0
- package/build/components/FilterNav/index.d.ts +3 -0
- package/build/components/FilterNav/index.d.ts.map +1 -0
- package/build/components/FilterNav/index.js +2 -0
- package/build/components/FilterNav/index.js.map +1 -0
- package/build/components/ImgPicker/ImgPicker.d.ts +47 -0
- package/build/components/ImgPicker/ImgPicker.d.ts.map +1 -0
- package/build/components/ImgPicker/ImgPicker.js +49 -0
- package/build/components/ImgPicker/ImgPicker.js.map +1 -0
- package/build/components/ImgPicker/ImgPicker.styles.d.ts +18 -0
- package/build/components/ImgPicker/ImgPicker.styles.d.ts.map +1 -0
- package/build/components/ImgPicker/ImgPicker.styles.js +19 -0
- package/build/components/ImgPicker/ImgPicker.styles.js.map +1 -0
- package/build/components/ImgPicker/index.d.ts +3 -0
- package/build/components/ImgPicker/index.d.ts.map +1 -0
- package/build/components/ImgPicker/index.js +2 -0
- package/build/components/ImgPicker/index.js.map +1 -0
- package/build/components/InlineInfo/InlineInfo.d.ts +60 -0
- package/build/components/InlineInfo/InlineInfo.d.ts.map +1 -0
- package/build/components/InlineInfo/InlineInfo.js +115 -0
- package/build/components/InlineInfo/InlineInfo.js.map +1 -0
- package/build/components/InlineInfo/InlineInfo.styles.d.ts +42 -0
- package/build/components/InlineInfo/InlineInfo.styles.d.ts.map +1 -0
- package/build/components/InlineInfo/InlineInfo.styles.js +50 -0
- package/build/components/InlineInfo/InlineInfo.styles.js.map +1 -0
- package/build/components/InlineInfo/index.d.ts +3 -0
- package/build/components/InlineInfo/index.d.ts.map +1 -0
- package/build/components/InlineInfo/index.js +2 -0
- package/build/components/InlineInfo/index.js.map +1 -0
- package/build/components/Input/Input.d.ts +57 -0
- package/build/components/Input/Input.d.ts.map +1 -0
- package/build/components/Input/Input.js +103 -0
- package/build/components/Input/Input.js.map +1 -0
- package/build/components/Input/Input.styles.d.ts +39 -0
- package/build/components/Input/Input.styles.d.ts.map +1 -0
- package/build/components/Input/Input.styles.js +40 -0
- package/build/components/Input/Input.styles.js.map +1 -0
- package/build/components/Input/index.d.ts +3 -0
- package/build/components/Input/index.d.ts.map +1 -0
- package/build/components/Input/index.js +2 -0
- package/build/components/Input/index.js.map +1 -0
- package/build/components/ListGroup/ListGroup.d.ts +24 -0
- package/build/components/ListGroup/ListGroup.d.ts.map +1 -0
- package/build/components/ListGroup/ListGroup.js +44 -0
- package/build/components/ListGroup/ListGroup.js.map +1 -0
- package/build/components/ListGroup/index.d.ts +3 -0
- package/build/components/ListGroup/index.d.ts.map +1 -0
- package/build/components/ListGroup/index.js +2 -0
- package/build/components/ListGroup/index.js.map +1 -0
- package/build/components/ListItem/ListItem.d.ts +44 -0
- package/build/components/ListItem/ListItem.d.ts.map +1 -0
- package/build/components/ListItem/ListItem.js +69 -0
- package/build/components/ListItem/ListItem.js.map +1 -0
- package/build/components/ListItem/ListItem.styles.d.ts +66 -0
- package/build/components/ListItem/ListItem.styles.d.ts.map +1 -0
- package/build/components/ListItem/ListItem.styles.js +70 -0
- package/build/components/ListItem/ListItem.styles.js.map +1 -0
- package/build/components/ListItem/index.d.ts +3 -0
- package/build/components/ListItem/index.d.ts.map +1 -0
- package/build/components/ListItem/index.js +2 -0
- package/build/components/ListItem/index.js.map +1 -0
- package/build/components/MapPin/MapPin.d.ts +61 -0
- package/build/components/MapPin/MapPin.d.ts.map +1 -0
- package/build/components/MapPin/MapPin.js +118 -0
- package/build/components/MapPin/MapPin.js.map +1 -0
- package/build/components/MapPin/MapPin.styles.d.ts +93 -0
- package/build/components/MapPin/MapPin.styles.d.ts.map +1 -0
- package/build/components/MapPin/MapPin.styles.js +101 -0
- package/build/components/MapPin/MapPin.styles.js.map +1 -0
- package/build/components/MapPin/index.d.ts +3 -0
- package/build/components/MapPin/index.d.ts.map +1 -0
- package/build/components/MapPin/index.js +2 -0
- package/build/components/MapPin/index.js.map +1 -0
- package/build/components/MediaPicker/MediaPicker.d.ts +74 -0
- package/build/components/MediaPicker/MediaPicker.d.ts.map +1 -0
- package/build/components/MediaPicker/MediaPicker.js +43 -0
- package/build/components/MediaPicker/MediaPicker.js.map +1 -0
- package/build/components/MediaPicker/MediaPicker.styles.d.ts +30 -0
- package/build/components/MediaPicker/MediaPicker.styles.d.ts.map +1 -0
- package/build/components/MediaPicker/MediaPicker.styles.js +31 -0
- package/build/components/MediaPicker/MediaPicker.styles.js.map +1 -0
- package/build/components/MediaPicker/index.d.ts +3 -0
- package/build/components/MediaPicker/index.d.ts.map +1 -0
- package/build/components/MediaPicker/index.js +2 -0
- package/build/components/MediaPicker/index.js.map +1 -0
- package/build/components/PhotoCard/PhotoCard.d.ts +28 -0
- package/build/components/PhotoCard/PhotoCard.d.ts.map +1 -0
- package/build/components/PhotoCard/PhotoCard.js +53 -0
- package/build/components/PhotoCard/PhotoCard.js.map +1 -0
- package/build/components/PhotoCard/PhotoCard.styles.d.ts +47 -0
- package/build/components/PhotoCard/PhotoCard.styles.d.ts.map +1 -0
- package/build/components/PhotoCard/PhotoCard.styles.js +45 -0
- package/build/components/PhotoCard/PhotoCard.styles.js.map +1 -0
- package/build/components/PhotoCard/index.d.ts +3 -0
- package/build/components/PhotoCard/index.d.ts.map +1 -0
- package/build/components/PhotoCard/index.js +2 -0
- package/build/components/PhotoCard/index.js.map +1 -0
- package/build/components/ProgressStep/ProgressStep.d.ts +9 -0
- package/build/components/ProgressStep/ProgressStep.d.ts.map +1 -0
- package/build/components/ProgressStep/ProgressStep.js +23 -0
- package/build/components/ProgressStep/ProgressStep.js.map +1 -0
- package/build/components/ProgressStep/ProgressStep.styles.d.ts +12 -0
- package/build/components/ProgressStep/ProgressStep.styles.d.ts.map +1 -0
- package/build/components/ProgressStep/ProgressStep.styles.js +13 -0
- package/build/components/ProgressStep/ProgressStep.styles.js.map +1 -0
- package/build/components/ProgressStep/index.d.ts +3 -0
- package/build/components/ProgressStep/index.d.ts.map +1 -0
- package/build/components/ProgressStep/index.js +2 -0
- package/build/components/ProgressStep/index.js.map +1 -0
- package/build/components/RadioButton/RadioButton.d.ts +29 -0
- package/build/components/RadioButton/RadioButton.d.ts.map +1 -0
- package/build/components/RadioButton/RadioButton.js +71 -0
- package/build/components/RadioButton/RadioButton.js.map +1 -0
- package/build/components/RadioButton/RadioButton.styles.d.ts +27 -0
- package/build/components/RadioButton/RadioButton.styles.d.ts.map +1 -0
- package/build/components/RadioButton/RadioButton.styles.js +30 -0
- package/build/components/RadioButton/RadioButton.styles.js.map +1 -0
- package/build/components/RadioButton/index.d.ts +3 -0
- package/build/components/RadioButton/index.d.ts.map +1 -0
- package/build/components/RadioButton/index.js +2 -0
- package/build/components/RadioButton/index.js.map +1 -0
- package/build/components/SearchBar/SearchBar.d.ts +33 -0
- package/build/components/SearchBar/SearchBar.d.ts.map +1 -0
- package/build/components/SearchBar/SearchBar.js +83 -0
- package/build/components/SearchBar/SearchBar.js.map +1 -0
- package/build/components/SearchBar/SearchBar.styles.d.ts +19 -0
- package/build/components/SearchBar/SearchBar.styles.d.ts.map +1 -0
- package/build/components/SearchBar/SearchBar.styles.js +21 -0
- package/build/components/SearchBar/SearchBar.styles.js.map +1 -0
- package/build/components/SearchBar/index.d.ts +3 -0
- package/build/components/SearchBar/index.d.ts.map +1 -0
- package/build/components/SearchBar/index.js +2 -0
- package/build/components/SearchBar/index.js.map +1 -0
- package/build/components/Spinner/Spinner.d.ts +12 -0
- package/build/components/Spinner/Spinner.d.ts.map +1 -0
- package/build/components/Spinner/Spinner.js +80 -0
- package/build/components/Spinner/Spinner.js.map +1 -0
- package/build/components/Spinner/Spinner.styles.d.ts +21 -0
- package/build/components/Spinner/Spinner.styles.d.ts.map +1 -0
- package/build/components/Spinner/Spinner.styles.js +22 -0
- package/build/components/Spinner/Spinner.styles.js.map +1 -0
- package/build/components/Spinner/index.d.ts +3 -0
- package/build/components/Spinner/index.d.ts.map +1 -0
- package/build/components/Spinner/index.js +2 -0
- package/build/components/Spinner/index.js.map +1 -0
- package/build/components/StepSheet/StepSheet.d.ts +77 -0
- package/build/components/StepSheet/StepSheet.d.ts.map +1 -0
- package/build/components/StepSheet/StepSheet.js +30 -0
- package/build/components/StepSheet/StepSheet.js.map +1 -0
- package/build/components/StepSheet/StepSheet.styles.d.ts +6 -0
- package/build/components/StepSheet/StepSheet.styles.d.ts.map +1 -0
- package/build/components/StepSheet/StepSheet.styles.js +7 -0
- package/build/components/StepSheet/StepSheet.styles.js.map +1 -0
- package/build/components/StepSheet/index.d.ts +3 -0
- package/build/components/StepSheet/index.d.ts.map +1 -0
- package/build/components/StepSheet/index.js +2 -0
- package/build/components/StepSheet/index.js.map +1 -0
- package/build/components/Stepper/Stepper.d.ts +50 -0
- package/build/components/Stepper/Stepper.d.ts.map +1 -0
- package/build/components/Stepper/Stepper.js +48 -0
- package/build/components/Stepper/Stepper.js.map +1 -0
- package/build/components/Stepper/Stepper.styles.d.ts +27 -0
- package/build/components/Stepper/Stepper.styles.d.ts.map +1 -0
- package/build/components/Stepper/Stepper.styles.js +28 -0
- package/build/components/Stepper/Stepper.styles.js.map +1 -0
- package/build/components/Stepper/index.d.ts +3 -0
- package/build/components/Stepper/index.d.ts.map +1 -0
- package/build/components/Stepper/index.js +2 -0
- package/build/components/Stepper/index.js.map +1 -0
- package/build/components/Switch/Switch.d.ts +29 -0
- package/build/components/Switch/Switch.d.ts.map +1 -0
- package/build/components/Switch/Switch.js +89 -0
- package/build/components/Switch/Switch.js.map +1 -0
- package/build/components/Switch/Switch.styles.d.ts +29 -0
- package/build/components/Switch/Switch.styles.d.ts.map +1 -0
- package/build/components/Switch/Switch.styles.js +26 -0
- package/build/components/Switch/Switch.styles.js.map +1 -0
- package/build/components/Switch/index.d.ts +3 -0
- package/build/components/Switch/index.d.ts.map +1 -0
- package/build/components/Switch/index.js +2 -0
- package/build/components/Switch/index.js.map +1 -0
- package/build/components/Tab/Tab.d.ts +52 -0
- package/build/components/Tab/Tab.d.ts.map +1 -0
- package/build/components/Tab/Tab.js +121 -0
- package/build/components/Tab/Tab.js.map +1 -0
- package/build/components/Tab/Tab.styles.d.ts +55 -0
- package/build/components/Tab/Tab.styles.d.ts.map +1 -0
- package/build/components/Tab/Tab.styles.js +60 -0
- package/build/components/Tab/Tab.styles.js.map +1 -0
- package/build/components/Tab/index.d.ts +3 -0
- package/build/components/Tab/index.d.ts.map +1 -0
- package/build/components/Tab/index.js +2 -0
- package/build/components/Tab/index.js.map +1 -0
- package/build/components/Tag/Tag.d.ts +4 -0
- package/build/components/Tag/Tag.d.ts.map +1 -0
- package/build/components/Tag/Tag.js +40 -0
- package/build/components/Tag/Tag.js.map +1 -0
- package/build/components/Tag/Tag.styles.d.ts +35 -0
- package/build/components/Tag/Tag.styles.d.ts.map +1 -0
- package/build/components/Tag/Tag.styles.js +43 -0
- package/build/components/Tag/Tag.styles.js.map +1 -0
- package/build/components/Tag/Tag.types.d.ts +23 -0
- package/build/components/Tag/Tag.types.d.ts.map +1 -0
- package/build/components/Tag/Tag.types.js +2 -0
- package/build/components/Tag/Tag.types.js.map +1 -0
- package/build/components/Tag/index.d.ts +3 -0
- package/build/components/Tag/index.d.ts.map +1 -0
- package/build/components/Tag/index.js +2 -0
- package/build/components/Tag/index.js.map +1 -0
- package/build/components/navigation/GeneralNav/GeneralNav.d.ts +21 -0
- package/build/components/navigation/GeneralNav/GeneralNav.d.ts.map +1 -0
- package/build/components/navigation/GeneralNav/GeneralNav.js +25 -0
- package/build/components/navigation/GeneralNav/GeneralNav.js.map +1 -0
- package/build/components/navigation/GeneralNav/GeneralNav.styles.d.ts +33 -0
- package/build/components/navigation/GeneralNav/GeneralNav.styles.d.ts.map +1 -0
- package/build/components/navigation/GeneralNav/GeneralNav.styles.js +35 -0
- package/build/components/navigation/GeneralNav/GeneralNav.styles.js.map +1 -0
- package/build/components/navigation/GeneralNav/index.d.ts +3 -0
- package/build/components/navigation/GeneralNav/index.d.ts.map +1 -0
- package/build/components/navigation/GeneralNav/index.js +2 -0
- package/build/components/navigation/GeneralNav/index.js.map +1 -0
- package/build/components/navigation/MobileCanva/MobileCanva.d.ts +11 -0
- package/build/components/navigation/MobileCanva/MobileCanva.d.ts.map +1 -0
- package/build/components/navigation/MobileCanva/MobileCanva.js +55 -0
- package/build/components/navigation/MobileCanva/MobileCanva.js.map +1 -0
- package/build/components/navigation/MobileCanva/MobileCanva.styles.d.ts +93 -0
- package/build/components/navigation/MobileCanva/MobileCanva.styles.d.ts.map +1 -0
- package/build/components/navigation/MobileCanva/MobileCanva.styles.js +94 -0
- package/build/components/navigation/MobileCanva/MobileCanva.styles.js.map +1 -0
- package/build/components/navigation/MobileCanva/MobileCanva.types.d.ts +21 -0
- package/build/components/navigation/MobileCanva/MobileCanva.types.d.ts.map +1 -0
- package/build/components/navigation/MobileCanva/MobileCanva.types.js +2 -0
- package/build/components/navigation/MobileCanva/MobileCanva.types.js.map +1 -0
- package/build/components/navigation/MobileCanva/index.d.ts +3 -0
- package/build/components/navigation/MobileCanva/index.d.ts.map +1 -0
- package/build/components/navigation/MobileCanva/index.js +2 -0
- package/build/components/navigation/MobileCanva/index.js.map +1 -0
- package/build/components/navigation/PageNav/PageNav.d.ts +46 -0
- package/build/components/navigation/PageNav/PageNav.d.ts.map +1 -0
- package/build/components/navigation/PageNav/PageNav.js +48 -0
- package/build/components/navigation/PageNav/PageNav.js.map +1 -0
- package/build/components/navigation/PageNav/PageNav.styles.d.ts +60 -0
- package/build/components/navigation/PageNav/PageNav.styles.d.ts.map +1 -0
- package/build/components/navigation/PageNav/PageNav.styles.js +60 -0
- package/build/components/navigation/PageNav/PageNav.styles.js.map +1 -0
- package/build/components/navigation/PageNav/index.d.ts +3 -0
- package/build/components/navigation/PageNav/index.d.ts.map +1 -0
- package/build/components/navigation/PageNav/index.js +2 -0
- package/build/components/navigation/PageNav/index.js.map +1 -0
- package/build/components/navigation/ScreenCanva/ScreenCanva.d.ts +8 -0
- package/build/components/navigation/ScreenCanva/ScreenCanva.d.ts.map +1 -0
- package/build/components/navigation/ScreenCanva/ScreenCanva.js +37 -0
- package/build/components/navigation/ScreenCanva/ScreenCanva.js.map +1 -0
- package/build/components/navigation/ScreenCanva/index.d.ts +3 -0
- package/build/components/navigation/ScreenCanva/index.d.ts.map +1 -0
- package/build/components/navigation/ScreenCanva/index.js +2 -0
- package/build/components/navigation/ScreenCanva/index.js.map +1 -0
- package/build/components/navigation/TabBar/TabBar.d.ts +22 -0
- package/build/components/navigation/TabBar/TabBar.d.ts.map +1 -0
- package/build/components/navigation/TabBar/TabBar.js +13 -0
- package/build/components/navigation/TabBar/TabBar.js.map +1 -0
- package/build/components/navigation/TabBar/TabBar.styles.d.ts +14 -0
- package/build/components/navigation/TabBar/TabBar.styles.d.ts.map +1 -0
- package/build/components/navigation/TabBar/TabBar.styles.js +16 -0
- package/build/components/navigation/TabBar/TabBar.styles.js.map +1 -0
- package/build/components/navigation/TabBar/index.d.ts +3 -0
- package/build/components/navigation/TabBar/index.d.ts.map +1 -0
- package/build/components/navigation/TabBar/index.js +2 -0
- package/build/components/navigation/TabBar/index.js.map +1 -0
- package/build/context/BottomSheetContext.d.ts +42 -0
- package/build/context/BottomSheetContext.d.ts.map +1 -0
- package/build/context/BottomSheetContext.js +51 -0
- package/build/context/BottomSheetContext.js.map +1 -0
- package/build/context/ThemeContext.d.ts +6 -2
- package/build/context/ThemeContext.d.ts.map +1 -1
- package/build/context/ThemeContext.js +5 -3
- package/build/context/ThemeContext.js.map +1 -1
- package/build/index.d.ts +79 -1
- package/build/index.d.ts.map +1 -1
- package/build/index.js +39 -0
- package/build/index.js.map +1 -1
- package/build/theme/tokens/dark.d.ts.map +1 -1
- package/build/theme/tokens/dark.js +263 -10
- package/build/theme/tokens/dark.js.map +1 -1
- package/build/theme/tokens/light.d.ts.map +1 -1
- package/build/theme/tokens/light.js +252 -7
- package/build/theme/tokens/light.js.map +1 -1
- package/build/theme/type.d.ts +398 -0
- package/build/theme/type.d.ts.map +1 -1
- package/build/theme/type.js.map +1 -1
- package/package.json +8 -5
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,mBAAmB,+BA4B1F;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/** Calendar month navigation header with prev/next arrows and month-year label button */
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { CaretLeft, CaretRight, CaretDown } from 'phosphor-react-native';
|
|
4
|
+
import { Button } from '../Button';
|
|
5
|
+
import { calendarStyles } from './Calendar.styles';
|
|
6
|
+
export function CalendarHeader({ label, onPrev, onNext, onLabelPress }) {
|
|
7
|
+
return (<View style={calendarStyles.header}>
|
|
8
|
+
<Button variant="ghost" size="M" content="icon-only" iconLeft={<CaretLeft size={24} weight="regular"/>} onPress={onPrev}/>
|
|
9
|
+
|
|
10
|
+
<Button variant="tertiary" size="M" label={label} iconRight={<CaretDown size={20} weight="regular"/>} onPress={onLabelPress}/>
|
|
11
|
+
|
|
12
|
+
<Button variant="ghost" size="M" content="icon-only" iconLeft={<CaretRight size={24} weight="regular"/>} onPress={onNext}/>
|
|
13
|
+
</View>);
|
|
14
|
+
}
|
|
15
|
+
export default CalendarHeader;
|
|
16
|
+
//# sourceMappingURL=CalendarHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarHeader.js","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarHeader.tsx"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAuB;IACzF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CACjC;MAAA,CAAC,MAAM,CACL,OAAO,CAAC,OAAO,CACf,IAAI,CAAC,GAAG,CACR,OAAO,CAAC,WAAW,CACnB,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAG,CAAC,CACnD,OAAO,CAAC,CAAC,MAAM,CAAC,EAGlB;;MAAA,CAAC,MAAM,CACL,OAAO,CAAC,UAAU,CAClB,IAAI,CAAC,GAAG,CACR,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAG,CAAC,CACpD,OAAO,CAAC,CAAC,YAAY,CAAC,EAGxB;;MAAA,CAAC,MAAM,CACL,OAAO,CAAC,OAAO,CACf,IAAI,CAAC,GAAG,CACR,OAAO,CAAC,WAAW,CACnB,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAG,CAAC,CACpD,OAAO,CAAC,CAAC,MAAM,CAAC,EAEpB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC","sourcesContent":["/** Calendar month navigation header with prev/next arrows and month-year label button */\nimport { View } from 'react-native';\nimport { CaretLeft, CaretRight, CaretDown } from 'phosphor-react-native';\nimport { Button } from '../Button';\nimport type { CalendarHeaderProps } from './Calendar.types';\nimport { calendarStyles } from './Calendar.styles';\n\nexport function CalendarHeader({ label, onPrev, onNext, onLabelPress }: CalendarHeaderProps) {\n return (\n <View style={calendarStyles.header}>\n <Button\n variant=\"ghost\"\n size=\"M\"\n content=\"icon-only\"\n iconLeft={<CaretLeft size={24} weight=\"regular\" />}\n onPress={onPrev}\n />\n\n <Button\n variant=\"tertiary\"\n size=\"M\"\n label={label}\n iconRight={<CaretDown size={20} weight=\"regular\" />}\n onPress={onLabelPress}\n />\n\n <Button\n variant=\"ghost\"\n size=\"M\"\n content=\"icon-only\"\n iconLeft={<CaretRight size={24} weight=\"regular\" />}\n onPress={onNext}\n />\n </View>\n );\n}\n\nexport default CalendarHeader;"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarLegend.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarLegend.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,mBAAmB,+BAuCjE"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/** Calendar legend — three items explaining day states */
|
|
2
|
+
import { Text, View } from 'react-native';
|
|
3
|
+
import { useTheme } from '../../context/ThemeContext';
|
|
4
|
+
import { calendarStyles } from './Calendar.styles';
|
|
5
|
+
export function CalendarLegend({ mode, i18n }) {
|
|
6
|
+
const { colors, fontFamily } = useTheme();
|
|
7
|
+
const cal = colors.calendar;
|
|
8
|
+
return (<View style={[
|
|
9
|
+
calendarStyles.legend,
|
|
10
|
+
{ borderTopColor: cal.header.border, borderBottomColor: cal.header.border },
|
|
11
|
+
]}>
|
|
12
|
+
<View style={calendarStyles.legendItem}>
|
|
13
|
+
<View style={[calendarStyles.legendDot, { backgroundColor: cal.day.data.dot }]}/>
|
|
14
|
+
<Text style={[calendarStyles.legendText, { color: cal.day.default.secondary, fontFamily }]}>{i18n.legendData}</Text>
|
|
15
|
+
</View>
|
|
16
|
+
|
|
17
|
+
<View style={calendarStyles.legendItem}>
|
|
18
|
+
<View style={[calendarStyles.legendTodayCircle, { borderColor: cal.day.today.border }]}/>
|
|
19
|
+
<Text style={[calendarStyles.legendText, { color: cal.day.default.secondary, fontFamily }]}>{i18n.legendToday}</Text>
|
|
20
|
+
</View>
|
|
21
|
+
|
|
22
|
+
{mode === 'range' ? (<View style={calendarStyles.legendItem}>
|
|
23
|
+
<View style={{ flexDirection: 'row', alignItems: 'center' }}>
|
|
24
|
+
{/* Cercle start */}
|
|
25
|
+
<View style={{ width: 13, height: 13, borderRadius: 9999, backgroundColor: cal.day.selected.background, zIndex: 1 }}/>
|
|
26
|
+
{/* Barre centrale — passe sous les dots jusqu'à leur milieu */}
|
|
27
|
+
<View style={{ width: 18, height: 13, backgroundColor: cal.range.background, marginHorizontal: -6 }}/>
|
|
28
|
+
{/* Cercle end */}
|
|
29
|
+
<View style={{ width: 13, height: 13, borderRadius: 9999, backgroundColor: cal.day.selected.background, zIndex: 1 }}/>
|
|
30
|
+
</View>
|
|
31
|
+
<Text style={[calendarStyles.legendText, { color: cal.day.default.secondary, fontFamily }]}>{i18n.legendRange}</Text>
|
|
32
|
+
</View>) : (<View style={calendarStyles.legendItem}>
|
|
33
|
+
<View style={[calendarStyles.legendSelectionDot, { backgroundColor: cal.day.selected.background }]}/>
|
|
34
|
+
<Text style={[calendarStyles.legendText, { color: cal.day.default.secondary, fontFamily }]}>{i18n.legendSelection}</Text>
|
|
35
|
+
</View>)}
|
|
36
|
+
</View>);
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=CalendarLegend.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarLegend.js","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarLegend.tsx"],"names":[],"mappings":"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","sourcesContent":["/** Calendar legend — three items explaining day states */\nimport { Text, View } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport type { CalendarLegendProps } from './Calendar.types';\nimport { calendarStyles } from './Calendar.styles';\n\nexport function CalendarLegend({ mode, i18n }: CalendarLegendProps) {\n const { colors, fontFamily } = useTheme();\n const cal = colors.calendar;\n\n return (\n <View style={[\n calendarStyles.legend,\n { borderTopColor: cal.header.border, borderBottomColor: cal.header.border },\n ]}>\n <View style={calendarStyles.legendItem}>\n <View style={[calendarStyles.legendDot, { backgroundColor: cal.day.data.dot }]} />\n <Text style={[calendarStyles.legendText, { color: cal.day.default.secondary, fontFamily }]}>{i18n.legendData}</Text>\n </View>\n\n <View style={calendarStyles.legendItem}>\n <View style={[calendarStyles.legendTodayCircle, { borderColor: cal.day.today.border }]} />\n <Text style={[calendarStyles.legendText, { color: cal.day.default.secondary, fontFamily }]}>{i18n.legendToday}</Text>\n </View>\n\n {mode === 'range' ? (\n <View style={calendarStyles.legendItem}>\n <View style={{ flexDirection: 'row', alignItems: 'center' }}>\n {/* Cercle start */}\n <View style={{ width: 13, height: 13, borderRadius: 9999, backgroundColor: cal.day.selected.background, zIndex: 1 }} />\n {/* Barre centrale — passe sous les dots jusqu'à leur milieu */}\n <View style={{ width: 18, height: 13, backgroundColor: cal.range.background, marginHorizontal: -6 }} />\n {/* Cercle end */}\n <View style={{ width: 13, height: 13, borderRadius: 9999, backgroundColor: cal.day.selected.background, zIndex: 1 }} />\n </View>\n <Text style={[calendarStyles.legendText, { color: cal.day.default.secondary, fontFamily }]}>{i18n.legendRange}</Text>\n </View>\n ) : (\n <View style={calendarStyles.legendItem}>\n <View style={[calendarStyles.legendSelectionDot, { backgroundColor: cal.day.selected.background }]} />\n <Text style={[calendarStyles.legendText, { color: cal.day.default.secondary, fontFamily }]}>{i18n.legendSelection}</Text>\n </View>\n )}\n </View>\n );\n}"]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { CalendarI18n } from './Calendar.i18n';
|
|
2
|
+
export interface CalendarYearPickerProps {
|
|
3
|
+
/** Whether the sheet is visible */
|
|
4
|
+
visible: boolean;
|
|
5
|
+
/** Currently displayed year (highlighted in list) */
|
|
6
|
+
currentYear: number;
|
|
7
|
+
/** First year in the list — defaults to 1900 */
|
|
8
|
+
minYear?: number;
|
|
9
|
+
/** Last year in the list — defaults to 2100 */
|
|
10
|
+
maxYear?: number;
|
|
11
|
+
/** i18n labels */
|
|
12
|
+
i18n: CalendarI18n;
|
|
13
|
+
/** Called when a year is selected */
|
|
14
|
+
onSelect: (year: number) => void;
|
|
15
|
+
/** Called when sheet is dismissed */
|
|
16
|
+
onClose: () => void;
|
|
17
|
+
}
|
|
18
|
+
export declare function CalendarYearPicker({ visible, currentYear, minYear, maxYear, i18n, onSelect, onClose, }: CalendarYearPickerProps): null;
|
|
19
|
+
//# sourceMappingURL=CalendarYearPicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarYearPicker.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarYearPicker.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQpD,MAAM,WAAW,uBAAuB;IACtC,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,qDAAqD;IACrD,WAAW,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB;IAClB,IAAI,EAAE,YAAY,CAAC;IACnB,qCAAqC;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA2ID,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,WAAW,EACX,OAA0B,EAC1B,OAA0B,EAC1B,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE,uBAAuB,QAgCzB"}
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
/** Bottom sheet year picker — slides up from bottom, lists selectable years */
|
|
2
|
+
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
3
|
+
import { FlatList, Pressable, StyleSheet, Text, View } from 'react-native';
|
|
4
|
+
import { useTheme } from '../../context/ThemeContext';
|
|
5
|
+
import { useBottomSheet } from '../../context/BottomSheetContext';
|
|
6
|
+
import { Button } from '../Button';
|
|
7
|
+
import { Tag } from '../Tag';
|
|
8
|
+
import { TYPO, CALENDAR_TOKENS } from './Calendar.styles';
|
|
9
|
+
import { XIcon } from 'phosphor-react-native';
|
|
10
|
+
const ITEM_HEIGHT = 52;
|
|
11
|
+
const BATCH_SIZE = 15;
|
|
12
|
+
const DEFAULT_MIN_YEAR = 1900;
|
|
13
|
+
const DEFAULT_MAX_YEAR = 2100;
|
|
14
|
+
function YearPickerContent({ currentYear, minYear, maxYear, i18n, onSelect, onClose }) {
|
|
15
|
+
const { colors, fontFamily } = useTheme();
|
|
16
|
+
const { closeSheet } = useBottomSheet();
|
|
17
|
+
const cal = colors.calendar;
|
|
18
|
+
const listRef = useRef(null);
|
|
19
|
+
const isPrepending = useRef(false);
|
|
20
|
+
const initStart = Math.max(minYear, currentYear - 5);
|
|
21
|
+
const initEnd = Math.min(maxYear, currentYear + BATCH_SIZE);
|
|
22
|
+
const [years, setYears] = useState(() => Array.from({ length: initEnd - initStart + 1 }, (_, i) => initStart + i));
|
|
23
|
+
// Scroll to currentYear on mount
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
const start = Math.max(minYear, currentYear - 5);
|
|
26
|
+
setTimeout(() => {
|
|
27
|
+
const idx = Math.max(0, currentYear - start - 2);
|
|
28
|
+
listRef.current?.scrollToIndex({ index: idx, animated: false });
|
|
29
|
+
}, 0);
|
|
30
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
31
|
+
}, []);
|
|
32
|
+
const handleClose = useCallback(() => {
|
|
33
|
+
closeSheet();
|
|
34
|
+
onClose();
|
|
35
|
+
}, [closeSheet, onClose]);
|
|
36
|
+
const handleEndReached = useCallback(() => {
|
|
37
|
+
setYears(prev => {
|
|
38
|
+
const last = prev[prev.length - 1];
|
|
39
|
+
if (last >= maxYear)
|
|
40
|
+
return prev;
|
|
41
|
+
const next = Array.from({ length: Math.min(BATCH_SIZE, maxYear - last) }, (_, i) => last + 1 + i);
|
|
42
|
+
return [...prev, ...next];
|
|
43
|
+
});
|
|
44
|
+
}, [maxYear]);
|
|
45
|
+
const handleScroll = useCallback((e) => {
|
|
46
|
+
if (isPrepending.current)
|
|
47
|
+
return;
|
|
48
|
+
if (e.nativeEvent.contentOffset.y > ITEM_HEIGHT * 2)
|
|
49
|
+
return;
|
|
50
|
+
setYears(prev => {
|
|
51
|
+
const first = prev[0];
|
|
52
|
+
if (first <= minYear)
|
|
53
|
+
return prev;
|
|
54
|
+
isPrepending.current = true;
|
|
55
|
+
const batch = Array.from({ length: Math.min(BATCH_SIZE, first - minYear) }, (_, i) => first - Math.min(BATCH_SIZE, first - minYear) + i);
|
|
56
|
+
setTimeout(() => {
|
|
57
|
+
listRef.current?.scrollToOffset({
|
|
58
|
+
offset: batch.length * ITEM_HEIGHT,
|
|
59
|
+
animated: false,
|
|
60
|
+
});
|
|
61
|
+
isPrepending.current = false;
|
|
62
|
+
}, 0);
|
|
63
|
+
return [...batch, ...prev];
|
|
64
|
+
});
|
|
65
|
+
}, [minYear]);
|
|
66
|
+
return (<>
|
|
67
|
+
{/* Header */}
|
|
68
|
+
<View style={styles.sheetHeader}>
|
|
69
|
+
<Text style={[styles.sheetTitle, { color: colors.text.primary, fontFamily }]}>{i18n.yearPickerTitle}</Text>
|
|
70
|
+
<View style={styles.sheetCloseBtn}>
|
|
71
|
+
<Button variant="ghost" size="M" content="icon-only" iconLeft={<XIcon size={18} weight="bold"/>} onPress={handleClose}/>
|
|
72
|
+
</View>
|
|
73
|
+
</View>
|
|
74
|
+
|
|
75
|
+
{/* Year list */}
|
|
76
|
+
<FlatList ref={listRef} data={years} keyExtractor={y => String(y)} getItemLayout={(_, index) => ({ length: ITEM_HEIGHT, offset: ITEM_HEIGHT * index, index })} showsVerticalScrollIndicator={false} contentContainerStyle={styles.listContent} onEndReached={handleEndReached} onEndReachedThreshold={0.3} onScroll={handleScroll} scrollEventThrottle={16} renderItem={({ item: year }) => {
|
|
77
|
+
const isSelected = year === currentYear;
|
|
78
|
+
const isToday = year === new Date().getFullYear();
|
|
79
|
+
return (<Pressable style={[
|
|
80
|
+
styles.yearItem,
|
|
81
|
+
isSelected && { backgroundColor: cal.range.background, borderRadius: CALENDAR_TOKENS.yearItemBorderRadius },
|
|
82
|
+
]} onPress={() => onSelect(year)} accessibilityRole="button" accessibilityLabel={String(year)} accessibilityState={{ selected: isSelected }}>
|
|
83
|
+
<Text style={[styles.yearText, { ...TYPO.textSemiBoldLarge, color: colors.text.primary, fontFamily }]}>
|
|
84
|
+
{year}
|
|
85
|
+
</Text>
|
|
86
|
+
{isToday && (<View style={styles.yearTagRight}>
|
|
87
|
+
<Tag label={i18n.yearPickerTodayTag} size="sm" color={colors.tag.sable.background} textColor={colors.tag.sable.text}/>
|
|
88
|
+
</View>)}
|
|
89
|
+
</Pressable>);
|
|
90
|
+
}}/>
|
|
91
|
+
</>);
|
|
92
|
+
}
|
|
93
|
+
// ---------------------------------------------------------------------------
|
|
94
|
+
// Public component — orchestrates open/close via global BottomSheet context
|
|
95
|
+
// ---------------------------------------------------------------------------
|
|
96
|
+
export function CalendarYearPicker({ visible, currentYear, minYear = DEFAULT_MIN_YEAR, maxYear = DEFAULT_MAX_YEAR, i18n, onSelect, onClose, }) {
|
|
97
|
+
const { openSheet, closeSheet } = useBottomSheet();
|
|
98
|
+
const isOpenRef = useRef(false);
|
|
99
|
+
useEffect(() => {
|
|
100
|
+
if (visible && !isOpenRef.current) {
|
|
101
|
+
isOpenRef.current = true;
|
|
102
|
+
openSheet(<YearPickerContent currentYear={currentYear} minYear={minYear} maxYear={maxYear} i18n={i18n} onSelect={onSelect} onClose={onClose}/>, {
|
|
103
|
+
size: 0.6,
|
|
104
|
+
expandable: false,
|
|
105
|
+
closeable: false,
|
|
106
|
+
closeOnBackdropPress: true,
|
|
107
|
+
onClose,
|
|
108
|
+
});
|
|
109
|
+
}
|
|
110
|
+
else if (!visible && isOpenRef.current) {
|
|
111
|
+
isOpenRef.current = false;
|
|
112
|
+
closeSheet();
|
|
113
|
+
}
|
|
114
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
115
|
+
}, [visible]);
|
|
116
|
+
return null;
|
|
117
|
+
}
|
|
118
|
+
const styles = StyleSheet.create({
|
|
119
|
+
sheetHeader: {
|
|
120
|
+
flexDirection: 'row',
|
|
121
|
+
justifyContent: 'center',
|
|
122
|
+
alignItems: 'center',
|
|
123
|
+
paddingTop: 8,
|
|
124
|
+
paddingBottom: 14,
|
|
125
|
+
paddingHorizontal: 10,
|
|
126
|
+
},
|
|
127
|
+
sheetCloseBtn: {
|
|
128
|
+
position: 'absolute',
|
|
129
|
+
right: 10,
|
|
130
|
+
},
|
|
131
|
+
sheetTitle: {
|
|
132
|
+
flex: 1,
|
|
133
|
+
fontWeight: '700',
|
|
134
|
+
fontSize: 16,
|
|
135
|
+
lineHeight: 22,
|
|
136
|
+
textAlign: 'center',
|
|
137
|
+
},
|
|
138
|
+
yearItem: {
|
|
139
|
+
flexDirection: 'row',
|
|
140
|
+
justifyContent: 'center',
|
|
141
|
+
alignItems: 'center',
|
|
142
|
+
gap: 12,
|
|
143
|
+
paddingVertical: 12,
|
|
144
|
+
paddingHorizontal: 12,
|
|
145
|
+
borderRadius: 8,
|
|
146
|
+
},
|
|
147
|
+
listContent: {
|
|
148
|
+
paddingHorizontal: 10,
|
|
149
|
+
paddingBottom: 34,
|
|
150
|
+
},
|
|
151
|
+
yearText: {
|
|
152
|
+
flex: 1,
|
|
153
|
+
},
|
|
154
|
+
yearTagRight: {
|
|
155
|
+
marginLeft: 'auto',
|
|
156
|
+
},
|
|
157
|
+
});
|
|
158
|
+
//# sourceMappingURL=CalendarYearPicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarYearPicker.js","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarYearPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["/** Bottom sheet year picker — slides up from bottom, lists selectable years */\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport type { FlatList as FlatListType, NativeScrollEvent, NativeSyntheticEvent } from 'react-native';\nimport { FlatList, Pressable, StyleSheet, Text, View } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport { useBottomSheet } from '../../context/BottomSheetContext';\nimport { Button } from '../Button';\nimport { Tag } from '../Tag';\nimport { TYPO, CALENDAR_TOKENS } from './Calendar.styles';\nimport type { CalendarI18n } from './Calendar.i18n';\nimport { XIcon } from 'phosphor-react-native';\n\nconst ITEM_HEIGHT = 52;\nconst BATCH_SIZE = 15;\nconst DEFAULT_MIN_YEAR = 1900;\nconst DEFAULT_MAX_YEAR = 2100;\n\nexport interface CalendarYearPickerProps {\n /** Whether the sheet is visible */\n visible: boolean;\n /** Currently displayed year (highlighted in list) */\n currentYear: number;\n /** First year in the list — defaults to 1900 */\n minYear?: number;\n /** Last year in the list — defaults to 2100 */\n maxYear?: number;\n /** i18n labels */\n i18n: CalendarI18n;\n /** Called when a year is selected */\n onSelect: (year: number) => void;\n /** Called when sheet is dismissed */\n onClose: () => void;\n}\n\n// ---------------------------------------------------------------------------\n// Inner content — owns its state, rendered inside the global BottomSheet\n// ---------------------------------------------------------------------------\n\ninterface ContentProps {\n currentYear: number;\n minYear: number;\n maxYear: number;\n i18n: CalendarI18n;\n onSelect: (year: number) => void;\n onClose: () => void;\n}\n\nfunction YearPickerContent({ currentYear, minYear, maxYear, i18n, onSelect, onClose }: ContentProps) {\n const { colors, fontFamily } = useTheme();\n const { closeSheet } = useBottomSheet();\n const cal = colors.calendar;\n const listRef = useRef<FlatListType<number>>(null);\n const isPrepending = useRef(false);\n\n const initStart = Math.max(minYear, currentYear - 5);\n const initEnd = Math.min(maxYear, currentYear + BATCH_SIZE);\n const [years, setYears] = useState<number[]>(() =>\n Array.from({ length: initEnd - initStart + 1 }, (_, i) => initStart + i),\n );\n\n // Scroll to currentYear on mount\n useEffect(() => {\n const start = Math.max(minYear, currentYear - 5);\n setTimeout(() => {\n const idx = Math.max(0, currentYear - start - 2);\n listRef.current?.scrollToIndex({ index: idx, animated: false });\n }, 0);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleClose = useCallback(() => {\n closeSheet();\n onClose();\n }, [closeSheet, onClose]);\n\n const handleEndReached = useCallback(() => {\n setYears(prev => {\n const last = prev[prev.length - 1];\n if (last >= maxYear) return prev;\n const next = Array.from(\n { length: Math.min(BATCH_SIZE, maxYear - last) },\n (_, i) => last + 1 + i,\n );\n return [...prev, ...next];\n });\n }, [maxYear]);\n\n const handleScroll = useCallback((e: NativeSyntheticEvent<NativeScrollEvent>) => {\n if (isPrepending.current) return;\n if (e.nativeEvent.contentOffset.y > ITEM_HEIGHT * 2) return;\n setYears(prev => {\n const first = prev[0];\n if (first <= minYear) return prev;\n isPrepending.current = true;\n const batch = Array.from(\n { length: Math.min(BATCH_SIZE, first - minYear) },\n (_, i) => first - Math.min(BATCH_SIZE, first - minYear) + i,\n );\n setTimeout(() => {\n listRef.current?.scrollToOffset({\n offset: batch.length * ITEM_HEIGHT,\n animated: false,\n });\n isPrepending.current = false;\n }, 0);\n return [...batch, ...prev];\n });\n }, [minYear]);\n\n return (\n <>\n {/* Header */}\n <View style={styles.sheetHeader}>\n <Text style={[styles.sheetTitle, { color: colors.text.primary, fontFamily }]}>{i18n.yearPickerTitle}</Text>\n <View style={styles.sheetCloseBtn}>\n <Button\n variant=\"ghost\"\n size=\"M\"\n content=\"icon-only\"\n iconLeft={<XIcon size={18} weight=\"bold\" />}\n onPress={handleClose}\n />\n </View>\n </View>\n\n {/* Year list */}\n <FlatList\n ref={listRef}\n data={years}\n keyExtractor={y => String(y)}\n getItemLayout={(_, index) => ({ length: ITEM_HEIGHT, offset: ITEM_HEIGHT * index, index })}\n showsVerticalScrollIndicator={false}\n contentContainerStyle={styles.listContent}\n onEndReached={handleEndReached}\n onEndReachedThreshold={0.3}\n onScroll={handleScroll}\n scrollEventThrottle={16}\n renderItem={({ item: year }) => {\n const isSelected = year === currentYear;\n const isToday = year === new Date().getFullYear();\n return (\n <Pressable\n style={[\n styles.yearItem,\n isSelected && { backgroundColor: cal.range.background, borderRadius: CALENDAR_TOKENS.yearItemBorderRadius },\n ]}\n onPress={() => onSelect(year)}\n accessibilityRole=\"button\"\n accessibilityLabel={String(year)}\n accessibilityState={{ selected: isSelected }}\n >\n <Text style={[styles.yearText, { ...TYPO.textSemiBoldLarge, color: colors.text.primary, fontFamily }]}>\n {year}\n </Text>\n {isToday && (\n <View style={styles.yearTagRight}>\n <Tag label={i18n.yearPickerTodayTag} size=\"sm\" color={colors.tag.sable.background} textColor={colors.tag.sable.text} />\n </View>\n )}\n </Pressable>\n );\n }}\n />\n </>\n );\n}\n\n// ---------------------------------------------------------------------------\n// Public component — orchestrates open/close via global BottomSheet context\n// ---------------------------------------------------------------------------\n\nexport function CalendarYearPicker({\n visible,\n currentYear,\n minYear = DEFAULT_MIN_YEAR,\n maxYear = DEFAULT_MAX_YEAR,\n i18n,\n onSelect,\n onClose,\n}: CalendarYearPickerProps) {\n const { openSheet, closeSheet } = useBottomSheet();\n const isOpenRef = useRef(false);\n\n useEffect(() => {\n if (visible && !isOpenRef.current) {\n isOpenRef.current = true;\n openSheet(\n <YearPickerContent\n currentYear={currentYear}\n minYear={minYear}\n maxYear={maxYear}\n i18n={i18n}\n onSelect={onSelect}\n onClose={onClose}\n />,\n {\n size: 0.6,\n expandable: false,\n closeable: false,\n closeOnBackdropPress: true,\n onClose,\n },\n );\n } else if (!visible && isOpenRef.current) {\n isOpenRef.current = false;\n closeSheet();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [visible]);\n\n return null;\n}\n\nconst styles = StyleSheet.create({\n sheetHeader: {\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n paddingTop: 8,\n paddingBottom: 14,\n paddingHorizontal: 10,\n },\n sheetCloseBtn: {\n position: 'absolute',\n right: 10,\n },\n sheetTitle: {\n flex: 1,\n fontWeight: '700',\n fontSize: 16,\n lineHeight: 22,\n textAlign: 'center',\n },\n yearItem: {\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n gap: 12,\n paddingVertical: 12,\n paddingHorizontal: 12,\n borderRadius: 8,\n },\n listContent: {\n paddingHorizontal: 10,\n paddingBottom: 34,\n },\n yearText: {\n flex: 1,\n },\n yearTagRight: {\n marginLeft: 'auto',\n },\n});"]}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { Calendar, default } from './Calendar';
|
|
2
|
+
export type { CalendarProps, CalendarDayProps, DayState } from './Calendar.types';
|
|
3
|
+
export { CALENDAR_FR, CALENDAR_EN } from './Calendar.i18n';
|
|
4
|
+
export type { CalendarI18n } from './Calendar.i18n';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { Calendar, default } from './Calendar';\nexport type { CalendarProps, CalendarDayProps, DayState } from './Calendar.types';\nexport { CALENDAR_FR, CALENDAR_EN } from './Calendar.i18n';\nexport type { CalendarI18n } from './Calendar.i18n';"]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Card — base container card.
|
|
3
|
+
* Wraps any content in a themed surface with border, shadow and optional press/disabled states.
|
|
4
|
+
* Other card variants (CardEquip, CardProfile, …) compose this component.
|
|
5
|
+
*/
|
|
6
|
+
import React from 'react';
|
|
7
|
+
import type { StyleProp, ViewStyle } from 'react-native';
|
|
8
|
+
export interface CardProps {
|
|
9
|
+
/** Card content */
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
/** Press handler — makes the whole card tappable */
|
|
12
|
+
onPress?: () => void;
|
|
13
|
+
/** Disabled state — blocks interaction and dims the card */
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
/** Card width — number (px), string ('100%', '50%') or undefined (auto) */
|
|
16
|
+
width?: number | string;
|
|
17
|
+
/** Additional container styles */
|
|
18
|
+
style?: StyleProp<ViewStyle>;
|
|
19
|
+
/** Test ID for automated testing */
|
|
20
|
+
testID?: string;
|
|
21
|
+
/** Accessibility label for screen readers — only relevant when onPress is provided */
|
|
22
|
+
accessibilityLabel?: string;
|
|
23
|
+
}
|
|
24
|
+
export declare function Card({ children, onPress, disabled, width, style, testID, accessibilityLabel }: CardProps): React.JSX.Element;
|
|
25
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzD,MAAM,WAAW,SAAS;IACxB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAgB,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,EAAE,SAAS,qBAsChH"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Card — base container card.
|
|
3
|
+
* Wraps any content in a themed surface with border, shadow and optional press/disabled states.
|
|
4
|
+
* Other card variants (CardEquip, CardProfile, …) compose this component.
|
|
5
|
+
*/
|
|
6
|
+
import React, { useState } from 'react';
|
|
7
|
+
import { Pressable, View } from 'react-native';
|
|
8
|
+
import { useTheme } from '../../context/ThemeContext';
|
|
9
|
+
import { styles } from './Card.styles';
|
|
10
|
+
export function Card({ children, onPress, disabled = false, width, style, testID, accessibilityLabel }) {
|
|
11
|
+
const [pressed, setPressed] = useState(false);
|
|
12
|
+
const { colors } = useTheme();
|
|
13
|
+
const isTappable = !!onPress;
|
|
14
|
+
const isPressed = isTappable && pressed && !disabled;
|
|
15
|
+
const dynamicStyle = {
|
|
16
|
+
backgroundColor: isPressed ? colors.background.secondary : colors.background.primary,
|
|
17
|
+
borderColor: colors.border.window,
|
|
18
|
+
shadowColor: colors.shadow.minimal,
|
|
19
|
+
opacity: disabled ? 0.5 : 1,
|
|
20
|
+
...(width !== undefined && { width: width }),
|
|
21
|
+
};
|
|
22
|
+
if (isTappable) {
|
|
23
|
+
return (<Pressable testID={testID} pointerEvents={disabled ? 'none' : 'auto'} onPressIn={() => setPressed(true)} onPressOut={() => setPressed(false)} onPress={disabled ? undefined : onPress} style={[styles.base, dynamicStyle, style]} accessibilityRole="button" accessibilityLabel={accessibilityLabel} accessibilityState={{ disabled }}>
|
|
24
|
+
{children}
|
|
25
|
+
</Pressable>);
|
|
26
|
+
}
|
|
27
|
+
return (<View testID={testID} style={[styles.base, dynamicStyle, style]}>
|
|
28
|
+
{children}
|
|
29
|
+
</View>);
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAmBvC,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAa;IAC/G,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE9B,MAAM,UAAU,GAAG,CAAC,CAAC,OAAO,CAAC;IAC7B,MAAM,SAAS,GAAG,UAAU,IAAI,OAAO,IAAI,CAAC,QAAQ,CAAC;IAErD,MAAM,YAAY,GAAc;QAC9B,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO;QACpF,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM;QACjC,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;QAClC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC3B,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE,KAA2B,EAAE,CAAC;KACnE,CAAC;IAEF,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,CAAC,SAAS,CACR,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAC1C,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAClC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CACpC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CACxC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC,CAC1C,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,kBAAkB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAEjC;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,SAAS,CAAC,CACb,CAAC;IACJ,CAAC;IAED,OAAO,CACL,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC,CAC9D;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["/**\n * Card — base container card.\n * Wraps any content in a themed surface with border, shadow and optional press/disabled states.\n * Other card variants (CardEquip, CardProfile, …) compose this component.\n */\nimport React, { useState } from 'react';\nimport { Pressable, View } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport { styles } from './Card.styles';\n\nexport interface CardProps {\n /** Card content */\n children?: React.ReactNode;\n /** Press handler — makes the whole card tappable */\n onPress?: () => void;\n /** Disabled state — blocks interaction and dims the card */\n disabled?: boolean;\n /** Card width — number (px), string ('100%', '50%') or undefined (auto) */\n width?: number | string;\n /** Additional container styles */\n style?: StyleProp<ViewStyle>;\n /** Test ID for automated testing */\n testID?: string;\n /** Accessibility label for screen readers — only relevant when onPress is provided */\n accessibilityLabel?: string;\n}\n\nexport function Card({ children, onPress, disabled = false, width, style, testID, accessibilityLabel }: CardProps) {\n const [pressed, setPressed] = useState(false);\n const { colors } = useTheme();\n\n const isTappable = !!onPress;\n const isPressed = isTappable && pressed && !disabled;\n\n const dynamicStyle: ViewStyle = {\n backgroundColor: isPressed ? colors.background.secondary : colors.background.primary,\n borderColor: colors.border.window,\n shadowColor: colors.shadow.minimal,\n opacity: disabled ? 0.5 : 1,\n ...(width !== undefined && { width: width as ViewStyle['width'] }),\n };\n\n if (isTappable) {\n return (\n <Pressable\n testID={testID}\n pointerEvents={disabled ? 'none' : 'auto'}\n onPressIn={() => setPressed(true)}\n onPressOut={() => setPressed(false)}\n onPress={disabled ? undefined : onPress}\n style={[styles.base, dynamicStyle, style]}\n accessibilityRole=\"button\"\n accessibilityLabel={accessibilityLabel}\n accessibilityState={{ disabled }}\n >\n {children}\n </Pressable>\n );\n }\n\n return (\n <View testID={testID} style={[styles.base, dynamicStyle, style]}>\n {children}\n </View>\n );\n}"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const styles: {
|
|
2
|
+
base: {
|
|
3
|
+
borderWidth: number;
|
|
4
|
+
borderRadius: number;
|
|
5
|
+
padding: number;
|
|
6
|
+
shadowOffset: {
|
|
7
|
+
width: number;
|
|
8
|
+
height: number;
|
|
9
|
+
};
|
|
10
|
+
shadowOpacity: number;
|
|
11
|
+
shadowRadius: number;
|
|
12
|
+
elevation: number;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=Card.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAYjB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Static styles for the Card component.
|
|
3
|
+
*/
|
|
4
|
+
import { StyleSheet } from 'react-native';
|
|
5
|
+
export const styles = StyleSheet.create({
|
|
6
|
+
base: {
|
|
7
|
+
borderWidth: 1,
|
|
8
|
+
borderRadius: 8,
|
|
9
|
+
padding: 14,
|
|
10
|
+
// iOS shadow — Below/Minimal: 0 4px 5px 0 #0F0F0F·5%
|
|
11
|
+
shadowOffset: { width: 0, height: 4 },
|
|
12
|
+
shadowOpacity: 1,
|
|
13
|
+
shadowRadius: 5,
|
|
14
|
+
// Android shadow
|
|
15
|
+
elevation: 1,
|
|
16
|
+
},
|
|
17
|
+
});
|
|
18
|
+
//# sourceMappingURL=Card.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.styles.js","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,OAAO,EAAE,EAAE;QACX,qDAAqD;QACrD,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,CAAC;QAChB,YAAY,EAAE,CAAC;QACf,iBAAiB;QACjB,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC","sourcesContent":["/**\n * Static styles for the Card component.\n */\nimport { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n base: {\n borderWidth: 1,\n borderRadius: 8,\n padding: 14,\n // iOS shadow — Below/Minimal: 0 4px 5px 0 #0F0F0F·5%\n shadowOffset: { width: 0, height: 4 },\n shadowOpacity: 1,\n shadowRadius: 5,\n // Android shadow\n elevation: 1,\n },\n});"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC","sourcesContent":["export { Card } from './Card';\nexport type { CardProps } from './Card';\n"]}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* CardEquip — equipment resource card.
|
|
3
|
+
* Extends the base Card with an image slot, name, info line, scrollable tag row and optional badges.
|
|
4
|
+
* Supports selected and selectable states as defined in the Figma "Card equip" spec.
|
|
5
|
+
*/
|
|
6
|
+
import React from 'react';
|
|
7
|
+
import type { StyleProp, ViewStyle } from 'react-native';
|
|
8
|
+
export interface CardEquipTag {
|
|
9
|
+
/** Tag label */
|
|
10
|
+
label: string;
|
|
11
|
+
/** Custom background color override */
|
|
12
|
+
color?: string;
|
|
13
|
+
/** Custom text and icon color override */
|
|
14
|
+
textColor?: string;
|
|
15
|
+
/** Optional left icon node */
|
|
16
|
+
iconLeft?: React.ReactNode;
|
|
17
|
+
}
|
|
18
|
+
export interface CardEquipProps {
|
|
19
|
+
/** Equipment name */
|
|
20
|
+
name: string;
|
|
21
|
+
/** Image URL displayed on the left */
|
|
22
|
+
image?: string;
|
|
23
|
+
/** Show a Package icon placeholder when no image URL is provided */
|
|
24
|
+
showImagePlaceholder?: boolean;
|
|
25
|
+
/** Tags displayed as pills in the bottom row — supports label-only strings or full CardEquipTag objects */
|
|
26
|
+
tags?: (string | CardEquipTag)[];
|
|
27
|
+
/** Equipment model */
|
|
28
|
+
model?: string;
|
|
29
|
+
/** Equipment brand */
|
|
30
|
+
brand?: string;
|
|
31
|
+
/** Postal address — shown when brand and model are both absent */
|
|
32
|
+
address?: string;
|
|
33
|
+
/** Associated beacon/gateway/tracker — MAC address(es) shown as a green badge top-right */
|
|
34
|
+
association?: string | string[];
|
|
35
|
+
/** Badge displayed to the right of the tags row (e.g. annex document count) */
|
|
36
|
+
badge?: {
|
|
37
|
+
/** Badge label */
|
|
38
|
+
label: string;
|
|
39
|
+
/** Icon element displayed alongside the label */
|
|
40
|
+
icon: React.ReactNode;
|
|
41
|
+
};
|
|
42
|
+
/** Selected state — thicker dark border */
|
|
43
|
+
selected?: boolean;
|
|
44
|
+
/** Selectable mode — shows a checkbox overlay */
|
|
45
|
+
selectable?: boolean;
|
|
46
|
+
/** Press handler */
|
|
47
|
+
onPress?: () => void;
|
|
48
|
+
/** Disabled state */
|
|
49
|
+
disabled?: boolean;
|
|
50
|
+
/** Card width — number (px), string ('100%') or undefined (auto) */
|
|
51
|
+
width?: number | string;
|
|
52
|
+
/** Additional container styles */
|
|
53
|
+
style?: StyleProp<ViewStyle>;
|
|
54
|
+
/** Test ID for automated testing */
|
|
55
|
+
testID?: string;
|
|
56
|
+
/** Accessibility label for screen readers — only relevant when onPress is provided */
|
|
57
|
+
accessibilityLabel?: string;
|
|
58
|
+
}
|
|
59
|
+
export declare function CardEquip({ name, image, showImagePlaceholder, tags, model, brand, address, association, badge, selected, selectable, onPress, disabled, width, style, testID, accessibilityLabel, }: CardEquipProps): React.JSX.Element;
|
|
60
|
+
//# sourceMappingURL=CardEquip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardEquip.d.ts","sourceRoot":"","sources":["../../../src/components/CardEquip/CardEquip.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAczD,MAAM,WAAW,YAAY;IAC3B,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,cAAc;IAC7B,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,2GAA2G;IAC3G,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE,CAAC;IACjC,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,+EAA+E;IAC/E,KAAK,CAAC,EAAE;QACN,kBAAkB;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,iDAAiD;QACjD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;KACvB,CAAC;IACF,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAuBD,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,oBAAoB,EACpB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,WAAW,EACX,KAAK,EACL,QAAgB,EAChB,UAAkB,EAClB,OAAO,EACP,QAAgB,EAChB,KAAK,EACL,KAAK,EACL,MAAM,EACN,kBAAkB,GACnB,EAAE,cAAc,qBA8IhB"}
|