@flipdish/ui-library 0.11.0 → 0.11.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/dist/components/atoms/AppStoreButton/components/app-store-buttons-outline.cjs +13 -8
- package/dist/components/atoms/AppStoreButton/components/app-store-buttons-outline.cjs.map +1 -1
- package/dist/components/atoms/AppStoreButton/components/app-store-buttons-outline.d.ts +12 -4
- package/dist/components/atoms/AppStoreButton/components/app-store-buttons-outline.d.ts.map +1 -1
- package/dist/components/atoms/AppStoreButton/components/app-store-buttons-outline.js +13 -8
- package/dist/components/atoms/AppStoreButton/components/app-store-buttons-outline.js.map +1 -1
- package/dist/components/atoms/AppStoreButton/index.cjs +16 -10
- package/dist/components/atoms/AppStoreButton/index.cjs.map +1 -1
- package/dist/components/atoms/AppStoreButton/index.d.ts +15 -5
- package/dist/components/atoms/AppStoreButton/index.d.ts.map +1 -1
- package/dist/components/atoms/AppStoreButton/index.js +16 -10
- package/dist/components/atoms/AppStoreButton/index.js.map +1 -1
- package/dist/components/atoms/Avatar/components/avatar-count.cjs +1 -1
- package/dist/components/atoms/Avatar/components/avatar-count.cjs.map +1 -1
- package/dist/components/atoms/Avatar/components/avatar-count.d.ts +2 -1
- package/dist/components/atoms/Avatar/components/avatar-count.d.ts.map +1 -1
- package/dist/components/atoms/Avatar/components/avatar-count.js +1 -1
- package/dist/components/atoms/Avatar/components/avatar-count.js.map +1 -1
- package/dist/components/atoms/Avatar/components/avatar-online-indicator.cjs +1 -1
- package/dist/components/atoms/Avatar/components/avatar-online-indicator.cjs.map +1 -1
- package/dist/components/atoms/Avatar/components/avatar-online-indicator.d.ts +2 -1
- package/dist/components/atoms/Avatar/components/avatar-online-indicator.d.ts.map +1 -1
- package/dist/components/atoms/Avatar/components/avatar-online-indicator.js +1 -1
- package/dist/components/atoms/Avatar/components/avatar-online-indicator.js.map +1 -1
- package/dist/components/atoms/Avatar/components/verified-tick.cjs +2 -2
- package/dist/components/atoms/Avatar/components/verified-tick.cjs.map +1 -1
- package/dist/components/atoms/Avatar/components/verified-tick.d.ts +2 -1
- package/dist/components/atoms/Avatar/components/verified-tick.d.ts.map +1 -1
- package/dist/components/atoms/Avatar/components/verified-tick.js +2 -2
- package/dist/components/atoms/Avatar/components/verified-tick.js.map +1 -1
- package/dist/components/atoms/Avatar/index.cjs +8 -6
- package/dist/components/atoms/Avatar/index.cjs.map +1 -1
- package/dist/components/atoms/Avatar/index.d.ts +6 -1
- package/dist/components/atoms/Avatar/index.d.ts.map +1 -1
- package/dist/components/atoms/Avatar/index.js +8 -6
- package/dist/components/atoms/Avatar/index.js.map +1 -1
- package/dist/components/atoms/Badge/index.cjs +13 -8
- package/dist/components/atoms/Badge/index.cjs.map +1 -1
- package/dist/components/atoms/Badge/index.d.ts +8 -0
- package/dist/components/atoms/Badge/index.d.ts.map +1 -1
- package/dist/components/atoms/Badge/index.js +13 -8
- package/dist/components/atoms/Badge/index.js.map +1 -1
- package/dist/components/atoms/CloseButton/index.cjs +4 -2
- package/dist/components/atoms/CloseButton/index.cjs.map +1 -1
- package/dist/components/atoms/CloseButton/index.d.ts +3 -1
- package/dist/components/atoms/CloseButton/index.d.ts.map +1 -1
- package/dist/components/atoms/CloseButton/index.js +4 -2
- package/dist/components/atoms/CloseButton/index.js.map +1 -1
- package/dist/components/atoms/Divider/index.cjs +4 -2
- package/dist/components/atoms/Divider/index.cjs.map +1 -1
- package/dist/components/atoms/Divider/index.d.ts +3 -1
- package/dist/components/atoms/Divider/index.d.ts.map +1 -1
- package/dist/components/atoms/Divider/index.js +4 -2
- package/dist/components/atoms/Divider/index.js.map +1 -1
- package/dist/components/atoms/Dot/index.cjs +4 -2
- package/dist/components/atoms/Dot/index.cjs.map +1 -1
- package/dist/components/atoms/Dot/index.d.ts +6 -3
- package/dist/components/atoms/Dot/index.d.ts.map +1 -1
- package/dist/components/atoms/Dot/index.js +4 -2
- package/dist/components/atoms/Dot/index.js.map +1 -1
- package/dist/components/atoms/FeaturedIcon/index.cjs +4 -2
- package/dist/components/atoms/FeaturedIcon/index.cjs.map +1 -1
- package/dist/components/atoms/FeaturedIcon/index.d.ts +2 -0
- package/dist/components/atoms/FeaturedIcon/index.d.ts.map +1 -1
- package/dist/components/atoms/FeaturedIcon/index.js +4 -2
- package/dist/components/atoms/FeaturedIcon/index.js.map +1 -1
- package/dist/components/atoms/FileTrigger/index.cjs +4 -2
- package/dist/components/atoms/FileTrigger/index.cjs.map +1 -1
- package/dist/components/atoms/FileTrigger/index.d.ts +2 -0
- package/dist/components/atoms/FileTrigger/index.d.ts.map +1 -1
- package/dist/components/atoms/FileTrigger/index.js +4 -2
- package/dist/components/atoms/FileTrigger/index.js.map +1 -1
- package/dist/components/atoms/FlipdishLogo/index.cjs +4 -2
- package/dist/components/atoms/FlipdishLogo/index.cjs.map +1 -1
- package/dist/components/atoms/FlipdishLogo/index.d.ts +3 -1
- package/dist/components/atoms/FlipdishLogo/index.d.ts.map +1 -1
- package/dist/components/atoms/FlipdishLogo/index.js +4 -2
- package/dist/components/atoms/FlipdishLogo/index.js.map +1 -1
- package/dist/components/atoms/LoadingIndicator/index.cjs +4 -2
- package/dist/components/atoms/LoadingIndicator/index.cjs.map +1 -1
- package/dist/components/atoms/LoadingIndicator/index.d.ts +3 -1
- package/dist/components/atoms/LoadingIndicator/index.d.ts.map +1 -1
- package/dist/components/atoms/LoadingIndicator/index.js +4 -2
- package/dist/components/atoms/LoadingIndicator/index.js.map +1 -1
- package/dist/components/atoms/ProgressBar/index.cjs +6 -4
- package/dist/components/atoms/ProgressBar/index.cjs.map +1 -1
- package/dist/components/atoms/ProgressBar/index.d.ts +4 -2
- package/dist/components/atoms/ProgressBar/index.d.ts.map +1 -1
- package/dist/components/atoms/ProgressBar/index.js +6 -4
- package/dist/components/atoms/ProgressBar/index.js.map +1 -1
- package/dist/components/atoms/QRCode/index.cjs +4 -2
- package/dist/components/atoms/QRCode/index.cjs.map +1 -1
- package/dist/components/atoms/QRCode/index.d.ts +3 -1
- package/dist/components/atoms/QRCode/index.d.ts.map +1 -1
- package/dist/components/atoms/QRCode/index.js +4 -2
- package/dist/components/atoms/QRCode/index.js.map +1 -1
- package/dist/components/atoms/RatingBadge/index.cjs +4 -2
- package/dist/components/atoms/RatingBadge/index.cjs.map +1 -1
- package/dist/components/atoms/RatingBadge/index.d.ts +3 -1
- package/dist/components/atoms/RatingBadge/index.d.ts.map +1 -1
- package/dist/components/atoms/RatingBadge/index.js +5 -3
- package/dist/components/atoms/RatingBadge/index.js.map +1 -1
- package/dist/components/atoms/RatingStars/index.cjs +5 -3
- package/dist/components/atoms/RatingStars/index.cjs.map +1 -1
- package/dist/components/atoms/RatingStars/index.d.ts +5 -1
- package/dist/components/atoms/RatingStars/index.d.ts.map +1 -1
- package/dist/components/atoms/RatingStars/index.js +5 -3
- package/dist/components/atoms/RatingStars/index.js.map +1 -1
- package/dist/components/atoms/Skeleton/index.cjs +10 -5
- package/dist/components/atoms/Skeleton/index.cjs.map +1 -1
- package/dist/components/atoms/Skeleton/index.d.ts +6 -2
- package/dist/components/atoms/Skeleton/index.d.ts.map +1 -1
- package/dist/components/atoms/Skeleton/index.js +10 -5
- package/dist/components/atoms/Skeleton/index.js.map +1 -1
- package/dist/components/atoms/Slider/index.cjs +5 -3
- package/dist/components/atoms/Slider/index.cjs.map +1 -1
- package/dist/components/atoms/Slider/index.d.ts +3 -1
- package/dist/components/atoms/Slider/index.d.ts.map +1 -1
- package/dist/components/atoms/Slider/index.js +5 -3
- package/dist/components/atoms/Slider/index.js.map +1 -1
- package/dist/components/atoms/SocialButton/index.cjs +4 -2
- package/dist/components/atoms/SocialButton/index.cjs.map +1 -1
- package/dist/components/atoms/SocialButton/index.d.ts +3 -1
- package/dist/components/atoms/SocialButton/index.d.ts.map +1 -1
- package/dist/components/atoms/SocialButton/index.js +4 -2
- package/dist/components/atoms/SocialButton/index.js.map +1 -1
- package/dist/components/atoms/Tooltip/index.cjs +9 -6
- package/dist/components/atoms/Tooltip/index.cjs.map +1 -1
- package/dist/components/atoms/Tooltip/index.d.ts +6 -2
- package/dist/components/atoms/Tooltip/index.d.ts.map +1 -1
- package/dist/components/atoms/Tooltip/index.js +9 -6
- package/dist/components/atoms/Tooltip/index.js.map +1 -1
- package/dist/components/atoms/UtilityButton/index.cjs +4 -2
- package/dist/components/atoms/UtilityButton/index.cjs.map +1 -1
- package/dist/components/atoms/UtilityButton/index.d.ts +3 -1
- package/dist/components/atoms/UtilityButton/index.d.ts.map +1 -1
- package/dist/components/atoms/UtilityButton/index.js +4 -2
- package/dist/components/atoms/UtilityButton/index.js.map +1 -1
- package/dist/components/molecules/Alert/index.cjs +7 -4
- package/dist/components/molecules/Alert/index.cjs.map +1 -1
- package/dist/components/molecules/Alert/index.d.ts +12 -2
- package/dist/components/molecules/Alert/index.d.ts.map +1 -1
- package/dist/components/molecules/Alert/index.js +7 -4
- package/dist/components/molecules/Alert/index.js.map +1 -1
- package/dist/components/molecules/BadgeGroup/index.cjs +5 -3
- package/dist/components/molecules/BadgeGroup/index.cjs.map +1 -1
- package/dist/components/molecules/BadgeGroup/index.d.ts +3 -1
- package/dist/components/molecules/BadgeGroup/index.d.ts.map +1 -1
- package/dist/components/molecules/BadgeGroup/index.js +5 -3
- package/dist/components/molecules/BadgeGroup/index.js.map +1 -1
- package/dist/components/molecules/ButtonGroup/index.cjs +9 -4
- package/dist/components/molecules/ButtonGroup/index.cjs.map +1 -1
- package/dist/components/molecules/ButtonGroup/index.d.ts +12 -2
- package/dist/components/molecules/ButtonGroup/index.d.ts.map +1 -1
- package/dist/components/molecules/ButtonGroup/index.js +9 -4
- package/dist/components/molecules/ButtonGroup/index.js.map +1 -1
- package/dist/components/molecules/Carousel/index.cjs +31 -20
- package/dist/components/molecules/Carousel/index.cjs.map +1 -1
- package/dist/components/molecules/Carousel/index.d.ts +15 -3
- package/dist/components/molecules/Carousel/index.d.ts.map +1 -1
- package/dist/components/molecules/Carousel/index.js +31 -20
- package/dist/components/molecules/Carousel/index.js.map +1 -1
- package/dist/components/molecules/CodeSnippet/index.cjs +17 -8
- package/dist/components/molecules/CodeSnippet/index.cjs.map +1 -1
- package/dist/components/molecules/CodeSnippet/index.d.ts +6 -2
- package/dist/components/molecules/CodeSnippet/index.d.ts.map +1 -1
- package/dist/components/molecules/CodeSnippet/index.js +18 -9
- package/dist/components/molecules/CodeSnippet/index.js.map +1 -1
- package/dist/components/molecules/ContentDivider/index.cjs +4 -2
- package/dist/components/molecules/ContentDivider/index.cjs.map +1 -1
- package/dist/components/molecules/ContentDivider/index.d.ts +3 -1
- package/dist/components/molecules/ContentDivider/index.d.ts.map +1 -1
- package/dist/components/molecules/ContentDivider/index.js +4 -2
- package/dist/components/molecules/ContentDivider/index.js.map +1 -1
- package/dist/components/molecules/CreditCard/index.cjs +4 -2
- package/dist/components/molecules/CreditCard/index.cjs.map +1 -1
- package/dist/components/molecules/CreditCard/index.d.ts +3 -1
- package/dist/components/molecules/CreditCard/index.d.ts.map +1 -1
- package/dist/components/molecules/CreditCard/index.js +4 -2
- package/dist/components/molecules/CreditCard/index.js.map +1 -1
- package/dist/components/molecules/Dropdown/index.cjs +25 -8
- package/dist/components/molecules/Dropdown/index.cjs.map +1 -1
- package/dist/components/molecules/Dropdown/index.d.ts +23 -6
- package/dist/components/molecules/Dropdown/index.d.ts.map +1 -1
- package/dist/components/molecules/Dropdown/index.js +26 -9
- package/dist/components/molecules/Dropdown/index.js.map +1 -1
- package/dist/components/molecules/EmptyState/index.cjs +24 -12
- package/dist/components/molecules/EmptyState/index.cjs.map +1 -1
- package/dist/components/molecules/EmptyState/index.d.ts +26 -6
- package/dist/components/molecules/EmptyState/index.d.ts.map +1 -1
- package/dist/components/molecules/EmptyState/index.js +24 -12
- package/dist/components/molecules/EmptyState/index.js.map +1 -1
- package/dist/components/molecules/Modal/index.cjs +13 -7
- package/dist/components/molecules/Modal/index.cjs.map +1 -1
- package/dist/components/molecules/Modal/index.d.ts +16 -2
- package/dist/components/molecules/Modal/index.d.ts.map +1 -1
- package/dist/components/molecules/Modal/index.js +13 -7
- package/dist/components/molecules/Modal/index.js.map +1 -1
- package/dist/components/molecules/Notification/index.cjs +11 -7
- package/dist/components/molecules/Notification/index.cjs.map +1 -1
- package/dist/components/molecules/Notification/index.d.ts +18 -3
- package/dist/components/molecules/Notification/index.d.ts.map +1 -1
- package/dist/components/molecules/Notification/index.js +11 -7
- package/dist/components/molecules/Notification/index.js.map +1 -1
- package/dist/components/molecules/SectionFooter/index.cjs +10 -2
- package/dist/components/molecules/SectionFooter/index.cjs.map +1 -1
- package/dist/components/molecules/SectionFooter/index.d.ts +11 -4
- package/dist/components/molecules/SectionFooter/index.d.ts.map +1 -1
- package/dist/components/molecules/SectionFooter/index.js +10 -2
- package/dist/components/molecules/SectionFooter/index.js.map +1 -1
- package/dist/components/molecules/SectionHeader/index.cjs +25 -5
- package/dist/components/molecules/SectionHeader/index.cjs.map +1 -1
- package/dist/components/molecules/SectionHeader/index.d.ts +25 -5
- package/dist/components/molecules/SectionHeader/index.d.ts.map +1 -1
- package/dist/components/molecules/SectionHeader/index.js +25 -5
- package/dist/components/molecules/SectionHeader/index.js.map +1 -1
- package/dist/components/molecules/Tags/index.cjs +11 -5
- package/dist/components/molecules/Tags/index.cjs.map +1 -1
- package/dist/components/molecules/Tags/index.d.ts +13 -2
- package/dist/components/molecules/Tags/index.d.ts.map +1 -1
- package/dist/components/molecules/Tags/index.js +11 -5
- package/dist/components/molecules/Tags/index.js.map +1 -1
- package/dist/components/molecules/TextArea/index.cjs +6 -4
- package/dist/components/molecules/TextArea/index.cjs.map +1 -1
- package/dist/components/molecules/TextArea/index.d.ts +6 -2
- package/dist/components/molecules/TextArea/index.d.ts.map +1 -1
- package/dist/components/molecules/TextArea/index.js +6 -4
- package/dist/components/molecules/TextArea/index.js.map +1 -1
- package/dist/components/molecules/VerificationCodeInput/index.cjs +11 -5
- package/dist/components/molecules/VerificationCodeInput/index.cjs.map +1 -1
- package/dist/components/molecules/VerificationCodeInput/index.d.ts +9 -4
- package/dist/components/molecules/VerificationCodeInput/index.d.ts.map +1 -1
- package/dist/components/molecules/VerificationCodeInput/index.js +11 -5
- package/dist/components/molecules/VerificationCodeInput/index.js.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-dw-view-event.cjs +2 -2
- package/dist/components/organisms/Calendar/components/calendar-dw-view-event.cjs.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-dw-view-event.d.ts +3 -1
- package/dist/components/organisms/Calendar/components/calendar-dw-view-event.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-dw-view-event.js +2 -2
- package/dist/components/organisms/Calendar/components/calendar-dw-view-event.js.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-header.cjs +6 -1
- package/dist/components/organisms/Calendar/components/calendar-header.cjs.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-header.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-header.js +6 -1
- package/dist/components/organisms/Calendar/components/calendar-header.js.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-month-view-cell.cjs +2 -2
- package/dist/components/organisms/Calendar/components/calendar-month-view-cell.cjs.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-month-view-cell.d.ts +3 -1
- package/dist/components/organisms/Calendar/components/calendar-month-view-cell.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-month-view-cell.js +2 -2
- package/dist/components/organisms/Calendar/components/calendar-month-view-cell.js.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-month-view-event.cjs +2 -2
- package/dist/components/organisms/Calendar/components/calendar-month-view-event.cjs.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-month-view-event.d.ts +3 -1
- package/dist/components/organisms/Calendar/components/calendar-month-view-event.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-month-view-event.js +2 -2
- package/dist/components/organisms/Calendar/components/calendar-month-view-event.js.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-view-dropdown.cjs +4 -1
- package/dist/components/organisms/Calendar/components/calendar-view-dropdown.cjs.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-view-dropdown.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-view-dropdown.js +4 -1
- package/dist/components/organisms/Calendar/components/calendar-view-dropdown.js.map +1 -1
- package/dist/components/organisms/Calendar/index.cjs +12 -6
- package/dist/components/organisms/Calendar/index.cjs.map +1 -1
- package/dist/components/organisms/Calendar/index.d.ts +7 -1
- package/dist/components/organisms/Calendar/index.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/index.js +13 -7
- package/dist/components/organisms/Calendar/index.js.map +1 -1
- package/dist/components/organisms/Charts/components/activity-gauge.cjs +13 -11
- package/dist/components/organisms/Charts/components/activity-gauge.cjs.map +1 -1
- package/dist/components/organisms/Charts/components/activity-gauge.d.ts +3 -1
- package/dist/components/organisms/Charts/components/activity-gauge.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/activity-gauge.js +13 -11
- package/dist/components/organisms/Charts/components/activity-gauge.js.map +1 -1
- package/dist/components/organisms/Charts/components/bar-chart.cjs +4 -2
- package/dist/components/organisms/Charts/components/bar-chart.cjs.map +1 -1
- package/dist/components/organisms/Charts/components/bar-chart.d.ts +3 -1
- package/dist/components/organisms/Charts/components/bar-chart.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/bar-chart.js +4 -2
- package/dist/components/organisms/Charts/components/bar-chart.js.map +1 -1
- package/dist/components/organisms/Charts/components/line-chart.cjs +4 -2
- package/dist/components/organisms/Charts/components/line-chart.cjs.map +1 -1
- package/dist/components/organisms/Charts/components/line-chart.d.ts +3 -1
- package/dist/components/organisms/Charts/components/line-chart.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/line-chart.js +4 -2
- package/dist/components/organisms/Charts/components/line-chart.js.map +1 -1
- package/dist/components/organisms/Charts/components/metrics.cjs +36 -25
- package/dist/components/organisms/Charts/components/metrics.cjs.map +1 -1
- package/dist/components/organisms/Charts/components/metrics.d.ts +30 -10
- package/dist/components/organisms/Charts/components/metrics.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/metrics.js +36 -25
- package/dist/components/organisms/Charts/components/metrics.js.map +1 -1
- package/dist/components/organisms/Charts/components/pie-chart.cjs +4 -2
- package/dist/components/organisms/Charts/components/pie-chart.cjs.map +1 -1
- package/dist/components/organisms/Charts/components/pie-chart.d.ts +3 -1
- package/dist/components/organisms/Charts/components/pie-chart.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/pie-chart.js +4 -2
- package/dist/components/organisms/Charts/components/pie-chart.js.map +1 -1
- package/dist/components/organisms/Charts/components/radar-chart.cjs +7 -5
- package/dist/components/organisms/Charts/components/radar-chart.cjs.map +1 -1
- package/dist/components/organisms/Charts/components/radar-chart.d.ts +3 -1
- package/dist/components/organisms/Charts/components/radar-chart.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/radar-chart.js +7 -5
- package/dist/components/organisms/Charts/components/radar-chart.js.map +1 -1
- package/dist/components/organisms/ColorPicker/components/input-cell.cjs +2 -2
- package/dist/components/organisms/ColorPicker/components/input-cell.cjs.map +1 -1
- package/dist/components/organisms/ColorPicker/components/input-cell.d.ts +2 -1
- package/dist/components/organisms/ColorPicker/components/input-cell.d.ts.map +1 -1
- package/dist/components/organisms/ColorPicker/components/input-cell.js +2 -2
- package/dist/components/organisms/ColorPicker/components/input-cell.js.map +1 -1
- package/dist/components/organisms/ColorPicker/index.cjs +49 -26
- package/dist/components/organisms/ColorPicker/index.cjs.map +1 -1
- package/dist/components/organisms/ColorPicker/index.d.ts +9 -4
- package/dist/components/organisms/ColorPicker/index.d.ts.map +1 -1
- package/dist/components/organisms/ColorPicker/index.js +49 -26
- package/dist/components/organisms/ColorPicker/index.js.map +1 -1
- package/dist/components/organisms/ColorPicker/providers/color-picker-context.cjs +5 -2
- package/dist/components/organisms/ColorPicker/providers/color-picker-context.cjs.map +1 -1
- package/dist/components/organisms/ColorPicker/providers/color-picker-context.d.ts +7 -1
- package/dist/components/organisms/ColorPicker/providers/color-picker-context.d.ts.map +1 -1
- package/dist/components/organisms/ColorPicker/providers/color-picker-context.js +5 -2
- package/dist/components/organisms/ColorPicker/providers/color-picker-context.js.map +1 -1
- package/dist/components/organisms/DatePicker/components/calendar.cjs +3 -1
- package/dist/components/organisms/DatePicker/components/calendar.cjs.map +1 -1
- package/dist/components/organisms/DatePicker/components/calendar.d.ts.map +1 -1
- package/dist/components/organisms/DatePicker/components/calendar.js +3 -1
- package/dist/components/organisms/DatePicker/components/calendar.js.map +1 -1
- package/dist/components/organisms/DatePicker/components/cell.cjs +4 -1
- package/dist/components/organisms/DatePicker/components/cell.cjs.map +1 -1
- package/dist/components/organisms/DatePicker/components/cell.d.ts.map +1 -1
- package/dist/components/organisms/DatePicker/components/cell.js +4 -1
- package/dist/components/organisms/DatePicker/components/cell.js.map +1 -1
- package/dist/components/organisms/DatePicker/components/date-range-picker.cjs +19 -17
- package/dist/components/organisms/DatePicker/components/date-range-picker.cjs.map +1 -1
- package/dist/components/organisms/DatePicker/components/date-range-picker.d.ts +3 -1
- package/dist/components/organisms/DatePicker/components/date-range-picker.d.ts.map +1 -1
- package/dist/components/organisms/DatePicker/components/date-range-picker.js +20 -18
- package/dist/components/organisms/DatePicker/components/date-range-picker.js.map +1 -1
- package/dist/components/organisms/DatePicker/components/input-date.cjs +5 -1
- package/dist/components/organisms/DatePicker/components/input-date.cjs.map +1 -1
- package/dist/components/organisms/DatePicker/components/input-date.d.ts.map +1 -1
- package/dist/components/organisms/DatePicker/components/input-date.js +5 -1
- package/dist/components/organisms/DatePicker/components/input-date.js.map +1 -1
- package/dist/components/organisms/DatePicker/components/range-calendar.cjs +15 -6
- package/dist/components/organisms/DatePicker/components/range-calendar.cjs.map +1 -1
- package/dist/components/organisms/DatePicker/components/range-calendar.d.ts +7 -1
- package/dist/components/organisms/DatePicker/components/range-calendar.d.ts.map +1 -1
- package/dist/components/organisms/DatePicker/components/range-calendar.js +15 -6
- package/dist/components/organisms/DatePicker/components/range-calendar.js.map +1 -1
- package/dist/components/organisms/DatePicker/index.cjs +12 -10
- package/dist/components/organisms/DatePicker/index.cjs.map +1 -1
- package/dist/components/organisms/DatePicker/index.d.ts +3 -1
- package/dist/components/organisms/DatePicker/index.d.ts.map +1 -1
- package/dist/components/organisms/DatePicker/index.js +13 -11
- package/dist/components/organisms/DatePicker/index.js.map +1 -1
- package/dist/components/organisms/FileUpload/index.cjs +18 -6
- package/dist/components/organisms/FileUpload/index.cjs.map +1 -1
- package/dist/components/organisms/FileUpload/index.d.ts +13 -4
- package/dist/components/organisms/FileUpload/index.d.ts.map +1 -1
- package/dist/components/organisms/FileUpload/index.js +18 -6
- package/dist/components/organisms/FileUpload/index.js.map +1 -1
- package/dist/components/organisms/FilterBar/components/filter-dropdown-menu.cjs +17 -4
- package/dist/components/organisms/FilterBar/components/filter-dropdown-menu.cjs.map +1 -1
- package/dist/components/organisms/FilterBar/components/filter-dropdown-menu.d.ts.map +1 -1
- package/dist/components/organisms/FilterBar/components/filter-dropdown-menu.js +17 -4
- package/dist/components/organisms/FilterBar/components/filter-dropdown-menu.js.map +1 -1
- package/dist/components/organisms/FilterBar/index.cjs +25 -5
- package/dist/components/organisms/FilterBar/index.cjs.map +1 -1
- package/dist/components/organisms/FilterBar/index.d.ts +7 -1
- package/dist/components/organisms/FilterBar/index.d.ts.map +1 -1
- package/dist/components/organisms/FilterBar/index.js +25 -5
- package/dist/components/organisms/FilterBar/index.js.map +1 -1
- package/dist/components/organisms/GradientPicker/index.cjs +20 -8
- package/dist/components/organisms/GradientPicker/index.cjs.map +1 -1
- package/dist/components/organisms/GradientPicker/index.d.ts +1 -1
- package/dist/components/organisms/GradientPicker/index.d.ts.map +1 -1
- package/dist/components/organisms/GradientPicker/index.js +20 -8
- package/dist/components/organisms/GradientPicker/index.js.map +1 -1
- package/dist/components/organisms/GradientPicker/providers/gradient-picker-context.cjs +4 -2
- package/dist/components/organisms/GradientPicker/providers/gradient-picker-context.cjs.map +1 -1
- package/dist/components/organisms/GradientPicker/providers/gradient-picker-context.d.ts +7 -1
- package/dist/components/organisms/GradientPicker/providers/gradient-picker-context.d.ts.map +1 -1
- package/dist/components/organisms/GradientPicker/providers/gradient-picker-context.js +4 -2
- package/dist/components/organisms/GradientPicker/providers/gradient-picker-context.js.map +1 -1
- package/dist/components/organisms/ImagePicker/index.cjs +11 -5
- package/dist/components/organisms/ImagePicker/index.cjs.map +1 -1
- package/dist/components/organisms/ImagePicker/index.d.ts +1 -1
- package/dist/components/organisms/ImagePicker/index.d.ts.map +1 -1
- package/dist/components/organisms/ImagePicker/index.js +11 -5
- package/dist/components/organisms/ImagePicker/index.js.map +1 -1
- package/dist/components/organisms/ImagePicker/providers/image-picker-context.cjs +4 -2
- package/dist/components/organisms/ImagePicker/providers/image-picker-context.cjs.map +1 -1
- package/dist/components/organisms/ImagePicker/providers/image-picker-context.d.ts +7 -1
- package/dist/components/organisms/ImagePicker/providers/image-picker-context.d.ts.map +1 -1
- package/dist/components/organisms/ImagePicker/providers/image-picker-context.js +4 -2
- package/dist/components/organisms/ImagePicker/providers/image-picker-context.js.map +1 -1
- package/dist/components/organisms/Messaging/index.cjs +9 -6
- package/dist/components/organisms/Messaging/index.cjs.map +1 -1
- package/dist/components/organisms/Messaging/index.d.ts +6 -2
- package/dist/components/organisms/Messaging/index.d.ts.map +1 -1
- package/dist/components/organisms/Messaging/index.js +10 -7
- package/dist/components/organisms/Messaging/index.js.map +1 -1
- package/dist/components/organisms/PageHeader/components/page-header-simple.cjs +4 -2
- package/dist/components/organisms/PageHeader/components/page-header-simple.cjs.map +1 -1
- package/dist/components/organisms/PageHeader/components/page-header-simple.d.ts +3 -1
- package/dist/components/organisms/PageHeader/components/page-header-simple.d.ts.map +1 -1
- package/dist/components/organisms/PageHeader/components/page-header-simple.js +5 -3
- package/dist/components/organisms/PageHeader/components/page-header-simple.js.map +1 -1
- package/dist/components/organisms/SlideoutMenu/index.cjs +19 -9
- package/dist/components/organisms/SlideoutMenu/index.cjs.map +1 -1
- package/dist/components/organisms/SlideoutMenu/index.d.ts +15 -5
- package/dist/components/organisms/SlideoutMenu/index.d.ts.map +1 -1
- package/dist/components/organisms/SlideoutMenu/index.js +19 -9
- package/dist/components/organisms/SlideoutMenu/index.js.map +1 -1
- package/dist/components/organisms/TextEditor/components/text-editor-button.cjs +2 -2
- package/dist/components/organisms/TextEditor/components/text-editor-button.cjs.map +1 -1
- package/dist/components/organisms/TextEditor/components/text-editor-button.d.ts +3 -1
- package/dist/components/organisms/TextEditor/components/text-editor-button.d.ts.map +1 -1
- package/dist/components/organisms/TextEditor/components/text-editor-button.js +2 -2
- package/dist/components/organisms/TextEditor/components/text-editor-button.js.map +1 -1
- package/dist/components/organisms/TextEditor/components/text-editor-extensions.cjs +21 -10
- package/dist/components/organisms/TextEditor/components/text-editor-extensions.cjs.map +1 -1
- package/dist/components/organisms/TextEditor/components/text-editor-extensions.d.ts.map +1 -1
- package/dist/components/organisms/TextEditor/components/text-editor-extensions.js +21 -10
- package/dist/components/organisms/TextEditor/components/text-editor-extensions.js.map +1 -1
- package/dist/components/organisms/TextEditor/index.cjs +10 -5
- package/dist/components/organisms/TextEditor/index.cjs.map +1 -1
- package/dist/components/organisms/TextEditor/index.d.ts +3 -1
- package/dist/components/organisms/TextEditor/index.d.ts.map +1 -1
- package/dist/components/organisms/TextEditor/index.js +10 -5
- package/dist/components/organisms/TextEditor/index.js.map +1 -1
- package/dist/components/organisms/TreeView/index.cjs +17 -5
- package/dist/components/organisms/TreeView/index.cjs.map +1 -1
- package/dist/components/organisms/TreeView/index.d.ts +7 -1
- package/dist/components/organisms/TreeView/index.d.ts.map +1 -1
- package/dist/components/organisms/TreeView/index.js +17 -5
- package/dist/components/organisms/TreeView/index.js.map +1 -1
- package/dist/components/organisms/VideoPlayer/index.cjs +11 -9
- package/dist/components/organisms/VideoPlayer/index.cjs.map +1 -1
- package/dist/components/organisms/VideoPlayer/index.d.ts +3 -1
- package/dist/components/organisms/VideoPlayer/index.d.ts.map +1 -1
- package/dist/components/organisms/VideoPlayer/index.js +11 -9
- package/dist/components/organisms/VideoPlayer/index.js.map +1 -1
- package/dist/components/templates/NotFoundPage/index.cjs +5 -1
- package/dist/components/templates/NotFoundPage/index.cjs.map +1 -1
- package/dist/components/templates/NotFoundPage/index.d.ts +3 -1
- package/dist/components/templates/NotFoundPage/index.d.ts.map +1 -1
- package/dist/components/templates/NotFoundPage/index.js +5 -1
- package/dist/components/templates/NotFoundPage/index.js.map +1 -1
- package/dist/components/templates/PageLayout/index.cjs +5 -3
- package/dist/components/templates/PageLayout/index.cjs.map +1 -1
- package/dist/components/templates/PageLayout/index.d.ts +3 -1
- package/dist/components/templates/PageLayout/index.d.ts.map +1 -1
- package/dist/components/templates/PageLayout/index.js +5 -3
- package/dist/components/templates/PageLayout/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -5,6 +5,7 @@ var uiIcons = require('@flipdish/ui-icons');
|
|
|
5
5
|
require('@flipdish/ui-library/components/atoms/Input');
|
|
6
6
|
var Tooltip = require('@flipdish/ui-library/components/atoms/Tooltip');
|
|
7
7
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
8
|
+
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
8
9
|
var React = require('react');
|
|
9
10
|
var reactAriaComponents = require('react-aria-components');
|
|
10
11
|
|
|
@@ -16,6 +17,9 @@ const InputDateBase = ({ tooltip, shortcut, groupRef, size = 'md', isInvalid, is
|
|
|
16
17
|
// If the input is inside a `TextFieldContext`, use its context to simplify applying styles
|
|
17
18
|
const context = React.useContext(DateFieldContext);
|
|
18
19
|
const inputSize = context?.size || size;
|
|
20
|
+
const prefix = testIdUtils.useTestIdPrefix();
|
|
21
|
+
const slot = typeof inputProps.slot === 'string' ? inputProps.slot : undefined;
|
|
22
|
+
const inputTestId = prefix ? testIdUtils.joinTestId(prefix, slot ? `input-${slot}` : 'input') : undefined;
|
|
19
23
|
const sizes = cx.sortCx({
|
|
20
24
|
sm: {
|
|
21
25
|
root: cx.cx('px-3 py-2 text-sm', hasTrailingIcon && 'pr-9', hasLeadingIcon && 'pl-8.5'),
|
|
@@ -36,7 +40,7 @@ const InputDateBase = ({ tooltip, shortcut, groupRef, size = 'md', isInvalid, is
|
|
|
36
40
|
shortcut: 'pr-3',
|
|
37
41
|
},
|
|
38
42
|
});
|
|
39
|
-
return (jsxRuntime.jsxs(reactAriaComponents.Group, { isDisabled, isInvalid, ref: groupRef, className: ({ isFocusWithin, isDisabled, isInvalid }) => cx.cx('group/input relative flex w-full flex-row place-content-center place-items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset', isFocusWithin && !isDisabled && 'ring-2 ring-brand',
|
|
43
|
+
return (jsxRuntime.jsxs(reactAriaComponents.Group, { isDisabled, isInvalid, ref: groupRef, "data-testid": inputTestId, className: ({ isFocusWithin, isDisabled, isInvalid }) => cx.cx('group/input relative flex w-full flex-row place-content-center place-items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset', isFocusWithin && !isDisabled && 'ring-2 ring-brand',
|
|
40
44
|
// Disabled state styles
|
|
41
45
|
isDisabled && 'cursor-not-allowed opacity-50 in-data-input-wrapper:opacity-100', 'group-disabled:cursor-not-allowed group-disabled:opacity-50 in-data-input-wrapper:group-disabled:opacity-100',
|
|
42
46
|
// Invalid state styles
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-date.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/input-date.tsx"],"sourcesContent":[null],"names":["createContext","useContext","sortCx","cx","_jsxs","AriaGroup","_jsx","AriaDateInput","AriaDateSegment","Tooltip","TooltipTrigger","HelpCircle","InfoCircle"],"mappings":"
|
|
1
|
+
{"version":3,"file":"input-date.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/input-date.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useTestIdPrefix","joinTestId","sortCx","cx","_jsxs","AriaGroup","_jsx","AriaDateInput","AriaDateSegment","Tooltip","TooltipTrigger","HelpCircle","InfoCircle"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-date.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/input-date.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"input-date.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/input-date.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,aAAa,EAAiB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAc,MAAM,OAAO,CAAC;AACrH,OAAO,KAAK,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAEL,KAAK,cAAc,IAAI,kBAAkB,EAIzC,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAC;AAU/B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IAC9E,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,GAAI,4IAY3B,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,MAAM,CAAC,gCAqI5C,CAAC;AAEF,UAAU,UACR,SAAQ,kBAAkB,CAAC,SAAS,CAAC,EACnC,IAAI,CACF,kBAAkB,EAClB,KAAK,GAAG,MAAM,GAAG,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,eAAe,GAAG,kBAAkB,GAAG,kBAAkB,CAC1I;IACH,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,GAAI,iMAiBvB,UAAU,gCAyCZ,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { HelpCircle, InfoCircle } from '@flipdish/ui-icons';
|
|
|
3
3
|
import '@flipdish/ui-library/components/atoms/Input';
|
|
4
4
|
import { Tooltip, TooltipTrigger } from '@flipdish/ui-library/components/atoms/Tooltip';
|
|
5
5
|
import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
|
|
6
|
+
import { useTestIdPrefix, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
6
7
|
import { createContext, useContext } from 'react';
|
|
7
8
|
import { Group, DateInput, DateSegment } from 'react-aria-components';
|
|
8
9
|
|
|
@@ -14,6 +15,9 @@ const InputDateBase = ({ tooltip, shortcut, groupRef, size = 'md', isInvalid, is
|
|
|
14
15
|
// If the input is inside a `TextFieldContext`, use its context to simplify applying styles
|
|
15
16
|
const context = useContext(DateFieldContext);
|
|
16
17
|
const inputSize = context?.size || size;
|
|
18
|
+
const prefix = useTestIdPrefix();
|
|
19
|
+
const slot = typeof inputProps.slot === 'string' ? inputProps.slot : undefined;
|
|
20
|
+
const inputTestId = prefix ? joinTestId(prefix, slot ? `input-${slot}` : 'input') : undefined;
|
|
17
21
|
const sizes = sortCx({
|
|
18
22
|
sm: {
|
|
19
23
|
root: cx('px-3 py-2 text-sm', hasTrailingIcon && 'pr-9', hasLeadingIcon && 'pl-8.5'),
|
|
@@ -34,7 +38,7 @@ const InputDateBase = ({ tooltip, shortcut, groupRef, size = 'md', isInvalid, is
|
|
|
34
38
|
shortcut: 'pr-3',
|
|
35
39
|
},
|
|
36
40
|
});
|
|
37
|
-
return (jsxs(Group, { isDisabled, isInvalid, ref: groupRef, className: ({ isFocusWithin, isDisabled, isInvalid }) => cx('group/input relative flex w-full flex-row place-content-center place-items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset', isFocusWithin && !isDisabled && 'ring-2 ring-brand',
|
|
41
|
+
return (jsxs(Group, { isDisabled, isInvalid, ref: groupRef, "data-testid": inputTestId, className: ({ isFocusWithin, isDisabled, isInvalid }) => cx('group/input relative flex w-full flex-row place-content-center place-items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset', isFocusWithin && !isDisabled && 'ring-2 ring-brand',
|
|
38
42
|
// Disabled state styles
|
|
39
43
|
isDisabled && 'cursor-not-allowed opacity-50 in-data-input-wrapper:opacity-100', 'group-disabled:cursor-not-allowed group-disabled:opacity-50 in-data-input-wrapper:group-disabled:opacity-100',
|
|
40
44
|
// Invalid state styles
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-date.js","sources":["../../../../../src/components/organisms/DatePicker/components/input-date.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaGroup","_jsx","AriaDateInput","AriaDateSegment"],"mappings":"
|
|
1
|
+
{"version":3,"file":"input-date.js","sources":["../../../../../src/components/organisms/DatePicker/components/input-date.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaGroup","_jsx","AriaDateInput","AriaDateSegment"],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ var uiIcons = require('@flipdish/ui-icons');
|
|
|
5
5
|
var Button = require('@flipdish/ui-library/components/atoms/Button');
|
|
6
6
|
var useBreakpoints = require('@flipdish/ui-library/hooks/useBreakpoints');
|
|
7
7
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
8
|
+
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
8
9
|
var i18n = require('@react-aria/i18n');
|
|
9
10
|
var React = require('react');
|
|
10
11
|
var reactAriaComponents = require('react-aria-components');
|
|
@@ -34,25 +35,33 @@ const RangeCalendarTitle = ({ part }) => {
|
|
|
34
35
|
const RangePresetButton = ({ value, className, children, ...props }) => {
|
|
35
36
|
const context = reactAriaComponents.useSlottedContext(reactAriaComponents.RangeCalendarContext);
|
|
36
37
|
const isSelected = context?.value?.start?.compare(value.start) === 0 && context?.value?.end?.compare(value.end) === 0;
|
|
37
|
-
|
|
38
|
+
const prefix = testIdUtils.useTestIdPrefix();
|
|
39
|
+
const presetTestId = prefix && typeof children === 'string' ? testIdUtils.joinTestId(prefix, `preset-${testIdUtils.slugifyTestId(children)}`) : undefined;
|
|
40
|
+
return (jsxRuntime.jsx("button", { ...props, "data-testid": presetTestId, className: cx.cx('cursor-pointer rounded-md px-3 py-2 text-left text-sm font-medium text-white outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2', isSelected
|
|
38
41
|
? 'bg-secondary text-secondary_hover hover:bg-secondary_hover'
|
|
39
42
|
: 'text-secondary hover:bg-primary_hover hover:text-secondary_hover', className), children: children }));
|
|
40
43
|
};
|
|
41
44
|
const MobilePresetButton = ({ value, children, ...props }) => {
|
|
42
45
|
const context = React.useContext(reactAriaComponents.RangeCalendarStateContext);
|
|
43
|
-
|
|
46
|
+
const prefix = testIdUtils.useTestIdPrefix();
|
|
47
|
+
const presetTestId = prefix && typeof children === 'string' ? testIdUtils.joinTestId(prefix, `preset-${testIdUtils.slugifyTestId(children)}`) : undefined;
|
|
48
|
+
return (jsxRuntime.jsx(Button.Button, { ...props, slot: null, size: "sm", color: "link-color", "data-testid": presetTestId, onClick: () => {
|
|
44
49
|
context?.setValue(value);
|
|
45
50
|
context?.setFocusedDate(value.start);
|
|
46
51
|
}, children: children }));
|
|
47
52
|
};
|
|
48
|
-
const RangeCalendar = ({ presets, visibleDuration, showOutOfRangeDates = false, showPresetsOnDesktop = false, ...props }) => {
|
|
53
|
+
const RangeCalendar = ({ presets, visibleDuration, showOutOfRangeDates = false, showPresetsOnDesktop = false, 'data-testid': dataTestId, ...props }) => {
|
|
49
54
|
const isDesktop = useBreakpoints.useBreakpoint('md');
|
|
50
55
|
const context = reactAriaComponents.useSlottedContext(reactAriaComponents.RangeCalendarContext);
|
|
51
56
|
const ContextWrapper = context ? React.Fragment : RangeCalendarContextProvider;
|
|
52
57
|
const visibleDurationMonths = visibleDuration?.months || (isDesktop ? 2 : 1);
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
58
|
+
// Adopt the ambient prefix from an ancestor (e.g. `DateRangePicker`) unchanged so ids stay
|
|
59
|
+
// flat (`<root>--cell-…`); only fall back to the standalone default when there is none.
|
|
60
|
+
const ambientPrefix = testIdUtils.useTestIdPrefix();
|
|
61
|
+
const calendarTestId = dataTestId ?? ambientPrefix ?? testIdUtils.rootTestId('range-calendar');
|
|
62
|
+
return (jsxRuntime.jsx(ContextWrapper, { children: jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: calendarTestId, children: jsxRuntime.jsxs(reactAriaComponents.RangeCalendar, { ...props, "data-testid": calendarTestId, className: (state) => cx.cx('flex items-start', typeof props.className === 'function' ? props.className(state) : props.className), visibleDuration: {
|
|
63
|
+
months: visibleDurationMonths,
|
|
64
|
+
}, children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 px-6 py-5 md:gap-2", children: [jsxRuntime.jsxs("header", { className: cx.cx('relative flex items-center', visibleDurationMonths > 1 ? 'justify-start' : 'justify-between'), children: [jsxRuntime.jsx(Button.Button, { slot: "previous", iconLeading: uiIcons.ChevronLeft, size: "sm", color: "tertiary", className: "size-8", "data-testid": testIdUtils.joinTestId(calendarTestId, 'prev') }), jsxRuntime.jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsxRuntime.jsx(RangeCalendarTitle, { part: "start" }) }), visibleDurationMonths === 1 && (jsxRuntime.jsx(Button.Button, { slot: "next", iconLeading: uiIcons.ChevronRight, size: "sm", color: "tertiary", className: "size-8", "data-testid": testIdUtils.joinTestId(calendarTestId, 'next') }))] }), !isDesktop && (jsxRuntime.jsxs("div", { className: "flex items-center gap-2 md:hidden", children: [jsxRuntime.jsx(inputDate.InputDateBase, { slot: "start", size: "sm", className: "flex-1" }), jsxRuntime.jsx("div", { className: "text-md text-quaternary", children: "\u2013" }), jsxRuntime.jsx(inputDate.InputDateBase, { slot: "end", size: "sm", className: "flex-1" })] })), (showPresetsOnDesktop || !isDesktop) && presets && (jsxRuntime.jsx("div", { className: "mt-1 flex justify-between gap-3 px-2", children: Object.values(presets).map((preset) => (jsxRuntime.jsx(MobilePresetButton, { value: preset.value, children: preset.label }, preset.label))) })), jsxRuntime.jsxs(reactAriaComponents.CalendarGrid, { weekdayStyle: "short", className: "w-max", children: [jsxRuntime.jsx(reactAriaComponents.CalendarGridHeader, { children: (day) => (jsxRuntime.jsx(reactAriaComponents.CalendarHeaderCell, { className: "border-b-4 border-transparent p-0", children: jsxRuntime.jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsxRuntime.jsx(reactAriaComponents.CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => jsxRuntime.jsx(cell.CalendarCell, { date: date, showOutOfRangeDates: showOutOfRangeDates }) })] })] }), visibleDurationMonths > 1 && (jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 border-l border-secondary px-6 py-5", children: [jsxRuntime.jsxs("header", { className: "relative flex items-center justify-end", children: [jsxRuntime.jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsxRuntime.jsx(RangeCalendarTitle, { part: "end" }) }), jsxRuntime.jsx(Button.Button, { slot: "next", iconLeading: uiIcons.ChevronRight, size: "sm", color: "tertiary", className: "size-8", "data-testid": testIdUtils.joinTestId(calendarTestId, 'next') })] }), jsxRuntime.jsxs(reactAriaComponents.CalendarGrid, { weekdayStyle: "short", offset: { months: 1 }, className: "w-max", children: [jsxRuntime.jsx(reactAriaComponents.CalendarGridHeader, { children: (day) => (jsxRuntime.jsx(reactAriaComponents.CalendarHeaderCell, { className: "border-b-4 border-transparent p-0", children: jsxRuntime.jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsxRuntime.jsx(reactAriaComponents.CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => jsxRuntime.jsx(cell.CalendarCell, { date: date }) })] })] }))] }) }) }));
|
|
56
65
|
};
|
|
57
66
|
|
|
58
67
|
exports.RangeCalendar = RangeCalendar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range-calendar.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/range-calendar.tsx"],"sourcesContent":[null],"names":["useState","_jsx","RangeCalendarContext","useContext","RangeCalendarStateContext","useDateFormatter","useSlottedContext","cx","Button","useBreakpoint","Fragment","_jsxs","AriaRangeCalendar","ChevronLeft","ChevronRight","InputDateBase","AriaCalendarGrid","AriaCalendarGridHeader","AriaCalendarHeaderCell","AriaCalendarGridBody","CalendarCell"],"mappings":"
|
|
1
|
+
{"version":3,"file":"range-calendar.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/range-calendar.tsx"],"sourcesContent":[null],"names":["useState","_jsx","RangeCalendarContext","useContext","RangeCalendarStateContext","useDateFormatter","useSlottedContext","useTestIdPrefix","joinTestId","slugifyTestId","cx","Button","useBreakpoint","Fragment","rootTestId","TestIdProvider","_jsxs","AriaRangeCalendar","ChevronLeft","ChevronRight","InputDateBase","AriaCalendarGrid","AriaCalendarGridHeader","AriaCalendarHeaderCell","AriaCalendarGridBody","CalendarCell"],"mappings":"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"}
|
|
@@ -23,7 +23,13 @@ export interface RangeCalendarProps extends AriaRangeCalendarProps<DateValue> {
|
|
|
23
23
|
showOutOfRangeDates?: boolean;
|
|
24
24
|
/** Whether to show presets on desktop. */
|
|
25
25
|
showPresetsOnDesktop?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Overrides the `data-testid` prefix used by this calendar's cells, presets, and
|
|
28
|
+
* navigation. Defaults to `fd-range-calendar` when standalone, or to the ambient
|
|
29
|
+
* prefix from an ancestor (e.g. `DateRangePicker`) when nested.
|
|
30
|
+
*/
|
|
31
|
+
'data-testid'?: string;
|
|
26
32
|
}
|
|
27
|
-
export declare const RangeCalendar: ({ presets, visibleDuration, showOutOfRangeDates, showPresetsOnDesktop, ...props }: RangeCalendarProps) => import("react").JSX.Element;
|
|
33
|
+
export declare const RangeCalendar: ({ presets, visibleDuration, showOutOfRangeDates, showPresetsOnDesktop, "data-testid": dataTestId, ...props }: RangeCalendarProps) => import("react").JSX.Element;
|
|
28
34
|
export {};
|
|
29
35
|
//# sourceMappingURL=range-calendar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range-calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/range-calendar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"range-calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/range-calendar.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,KAAK,EAAE,kBAAkB,IAAI,sBAAsB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAcrG,eAAO,MAAM,4BAA4B,GAAI,cAAc,iBAAiB,gCAK3E,CAAC;AAqBF,UAAU,sBAAuB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACxE,KAAK,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,GAAG,EAAE,SAAS,CAAA;KAAE,CAAC;CAC7C;AAED,eAAO,MAAM,iBAAiB,GAAI,0CAA0C,sBAAsB,gCAuBjG,CAAC;AA6BF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB,CAAC,SAAS,CAAC;IAC3E,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC;IAC/B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE;YAAE,KAAK,EAAE,SAAS,CAAC;YAAC,GAAG,EAAE,SAAS,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC;IACzF,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,0CAA0C;IAC1C,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,GAAI,8GAO3B,kBAAkB,gCAsHpB,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { ChevronLeft, ChevronRight } from '@flipdish/ui-icons';
|
|
|
3
3
|
import { Button } from '@flipdish/ui-library/components/atoms/Button';
|
|
4
4
|
import { useBreakpoint } from '@flipdish/ui-library/hooks/useBreakpoints';
|
|
5
5
|
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
6
|
+
import { useTestIdPrefix, rootTestId, TestIdProvider, joinTestId, slugifyTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
6
7
|
import { useDateFormatter } from '@react-aria/i18n';
|
|
7
8
|
import { Fragment, useState, useContext } from 'react';
|
|
8
9
|
import { useSlottedContext, RangeCalendarContext, RangeCalendar as RangeCalendar$1, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, RangeCalendarStateContext } from 'react-aria-components';
|
|
@@ -32,25 +33,33 @@ const RangeCalendarTitle = ({ part }) => {
|
|
|
32
33
|
const RangePresetButton = ({ value, className, children, ...props }) => {
|
|
33
34
|
const context = useSlottedContext(RangeCalendarContext);
|
|
34
35
|
const isSelected = context?.value?.start?.compare(value.start) === 0 && context?.value?.end?.compare(value.end) === 0;
|
|
35
|
-
|
|
36
|
+
const prefix = useTestIdPrefix();
|
|
37
|
+
const presetTestId = prefix && typeof children === 'string' ? joinTestId(prefix, `preset-${slugifyTestId(children)}`) : undefined;
|
|
38
|
+
return (jsx("button", { ...props, "data-testid": presetTestId, className: cx('cursor-pointer rounded-md px-3 py-2 text-left text-sm font-medium text-white outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2', isSelected
|
|
36
39
|
? 'bg-secondary text-secondary_hover hover:bg-secondary_hover'
|
|
37
40
|
: 'text-secondary hover:bg-primary_hover hover:text-secondary_hover', className), children: children }));
|
|
38
41
|
};
|
|
39
42
|
const MobilePresetButton = ({ value, children, ...props }) => {
|
|
40
43
|
const context = useContext(RangeCalendarStateContext);
|
|
41
|
-
|
|
44
|
+
const prefix = useTestIdPrefix();
|
|
45
|
+
const presetTestId = prefix && typeof children === 'string' ? joinTestId(prefix, `preset-${slugifyTestId(children)}`) : undefined;
|
|
46
|
+
return (jsx(Button, { ...props, slot: null, size: "sm", color: "link-color", "data-testid": presetTestId, onClick: () => {
|
|
42
47
|
context?.setValue(value);
|
|
43
48
|
context?.setFocusedDate(value.start);
|
|
44
49
|
}, children: children }));
|
|
45
50
|
};
|
|
46
|
-
const RangeCalendar = ({ presets, visibleDuration, showOutOfRangeDates = false, showPresetsOnDesktop = false, ...props }) => {
|
|
51
|
+
const RangeCalendar = ({ presets, visibleDuration, showOutOfRangeDates = false, showPresetsOnDesktop = false, 'data-testid': dataTestId, ...props }) => {
|
|
47
52
|
const isDesktop = useBreakpoint('md');
|
|
48
53
|
const context = useSlottedContext(RangeCalendarContext);
|
|
49
54
|
const ContextWrapper = context ? Fragment : RangeCalendarContextProvider;
|
|
50
55
|
const visibleDurationMonths = visibleDuration?.months || (isDesktop ? 2 : 1);
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
56
|
+
// Adopt the ambient prefix from an ancestor (e.g. `DateRangePicker`) unchanged so ids stay
|
|
57
|
+
// flat (`<root>--cell-…`); only fall back to the standalone default when there is none.
|
|
58
|
+
const ambientPrefix = useTestIdPrefix();
|
|
59
|
+
const calendarTestId = dataTestId ?? ambientPrefix ?? rootTestId('range-calendar');
|
|
60
|
+
return (jsx(ContextWrapper, { children: jsx(TestIdProvider, { value: calendarTestId, children: jsxs(RangeCalendar$1, { ...props, "data-testid": calendarTestId, className: (state) => cx('flex items-start', typeof props.className === 'function' ? props.className(state) : props.className), visibleDuration: {
|
|
61
|
+
months: visibleDurationMonths,
|
|
62
|
+
}, children: [jsxs("div", { className: "flex flex-col gap-3 px-6 py-5 md:gap-2", children: [jsxs("header", { className: cx('relative flex items-center', visibleDurationMonths > 1 ? 'justify-start' : 'justify-between'), children: [jsx(Button, { slot: "previous", iconLeading: ChevronLeft, size: "sm", color: "tertiary", className: "size-8", "data-testid": joinTestId(calendarTestId, 'prev') }), jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsx(RangeCalendarTitle, { part: "start" }) }), visibleDurationMonths === 1 && (jsx(Button, { slot: "next", iconLeading: ChevronRight, size: "sm", color: "tertiary", className: "size-8", "data-testid": joinTestId(calendarTestId, 'next') }))] }), !isDesktop && (jsxs("div", { className: "flex items-center gap-2 md:hidden", children: [jsx(InputDateBase, { slot: "start", size: "sm", className: "flex-1" }), jsx("div", { className: "text-md text-quaternary", children: "\u2013" }), jsx(InputDateBase, { slot: "end", size: "sm", className: "flex-1" })] })), (showPresetsOnDesktop || !isDesktop) && presets && (jsx("div", { className: "mt-1 flex justify-between gap-3 px-2", children: Object.values(presets).map((preset) => (jsx(MobilePresetButton, { value: preset.value, children: preset.label }, preset.label))) })), jsxs(CalendarGrid, { weekdayStyle: "short", className: "w-max", children: [jsx(CalendarGridHeader, { children: (day) => (jsx(CalendarHeaderCell, { className: "border-b-4 border-transparent p-0", children: jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsx(CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => jsx(CalendarCell, { date: date, showOutOfRangeDates: showOutOfRangeDates }) })] })] }), visibleDurationMonths > 1 && (jsxs("div", { className: "flex flex-col gap-3 border-l border-secondary px-6 py-5", children: [jsxs("header", { className: "relative flex items-center justify-end", children: [jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsx(RangeCalendarTitle, { part: "end" }) }), jsx(Button, { slot: "next", iconLeading: ChevronRight, size: "sm", color: "tertiary", className: "size-8", "data-testid": joinTestId(calendarTestId, 'next') })] }), jsxs(CalendarGrid, { weekdayStyle: "short", offset: { months: 1 }, className: "w-max", children: [jsx(CalendarGridHeader, { children: (day) => (jsx(CalendarHeaderCell, { className: "border-b-4 border-transparent p-0", children: jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsx(CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => jsx(CalendarCell, { date: date }) })] })] }))] }) }) }));
|
|
54
63
|
};
|
|
55
64
|
|
|
56
65
|
export { RangeCalendar, RangeCalendarContextProvider, RangePresetButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range-calendar.js","sources":["../../../../../src/components/organisms/DatePicker/components/range-calendar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaRangeCalendar","AriaCalendarGrid","AriaCalendarGridHeader","AriaCalendarHeaderCell","AriaCalendarGridBody"],"mappings":"
|
|
1
|
+
{"version":3,"file":"range-calendar.js","sources":["../../../../../src/components/organisms/DatePicker/components/range-calendar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaRangeCalendar","AriaCalendarGrid","AriaCalendarGridHeader","AriaCalendarHeaderCell","AriaCalendarGridBody"],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
4
4
|
var uiIcons = require('@flipdish/ui-icons');
|
|
5
5
|
var Button = require('@flipdish/ui-library/components/atoms/Button');
|
|
6
6
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
7
|
+
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
7
8
|
var date = require('@internationalized/date');
|
|
8
9
|
var i18n = require('@react-aria/i18n');
|
|
9
10
|
var utils = require('@react-stately/utils');
|
|
@@ -19,7 +20,7 @@ const highlightedDates = [date.today(date.getLocalTimeZone())];
|
|
|
19
20
|
*
|
|
20
21
|
* @summary popover calendar for selecting a single date
|
|
21
22
|
*/
|
|
22
|
-
const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCancel, size = 'sm', ...props }) => {
|
|
23
|
+
const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCancel, size = 'sm', 'data-testid': dataTestId, ...props }) => {
|
|
23
24
|
const formatter = i18n.useDateFormatter({
|
|
24
25
|
month: 'short',
|
|
25
26
|
day: 'numeric',
|
|
@@ -27,15 +28,16 @@ const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCance
|
|
|
27
28
|
});
|
|
28
29
|
const [value, setValue] = utils.useControlledState(valueProp, defaultValue || null, onChange);
|
|
29
30
|
const formattedDate = value ? formatter.format(value.toDate(date.getLocalTimeZone())) : 'Select date';
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
31
|
+
const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'date-picker', rootName: 'date-picker' });
|
|
32
|
+
return (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: rootTestId, children: jsxRuntime.jsxs(reactAriaComponents.DatePicker, { "aria-label": "Date picker", shouldCloseOnSelect: false, ...props, value: value, onChange: setValue, "data-testid": rootTestId, children: [jsxRuntime.jsx(reactAriaComponents.Group, { children: jsxRuntime.jsx(Button.Button, { size: size, color: "secondary", iconLeading: uiIcons.Calendar, "data-testid": testIdUtils.joinTestId(rootTestId, 'trigger'), children: formattedDate }) }), jsxRuntime.jsx(reactAriaComponents.Popover, { offset: 8, placement: "bottom right", className: ({ isEntering, isExiting }) => cx.cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
|
|
33
|
+
'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
|
|
34
|
+
'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsxRuntime.jsx(reactAriaComponents.Dialog, { "aria-label": "Date picker", "data-testid": testIdUtils.joinTestId(rootTestId, 'popover'), className: "rounded-2xl bg-primary shadow-xl ring ring-secondary_alt", children: ({ close }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "flex px-6 py-5", children: jsxRuntime.jsx(calendar.Calendar, { highlightedDates: highlightedDates }) }), jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3 border-t border-secondary p-4", children: [jsxRuntime.jsx(Button.Button, { size: "md", color: "secondary", "data-testid": testIdUtils.joinTestId(rootTestId, 'cancel'), onClick: () => {
|
|
35
|
+
onCancel?.();
|
|
36
|
+
close();
|
|
37
|
+
}, children: "Cancel" }), jsxRuntime.jsx(Button.Button, { size: "md", color: "primary", "data-testid": testIdUtils.joinTestId(rootTestId, 'apply'), onClick: () => {
|
|
38
|
+
onApply?.();
|
|
39
|
+
close();
|
|
40
|
+
}, children: "Apply" })] })] })) }) })] }) }));
|
|
39
41
|
};
|
|
40
42
|
|
|
41
43
|
exports.DateRangePicker = dateRangePicker.DateRangePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"sourcesContent":[null],"names":["today","getLocalTimeZone","useDateFormatter","useControlledState","
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"sourcesContent":[null],"names":["today","getLocalTimeZone","useDateFormatter","useControlledState","useResolvedTestId","_jsx","TestIdProvider","_jsxs","AriaDatePicker","AriaGroup","Button","CalendarIcon","joinTestId","AriaPopover","cx","AriaDialog","_Fragment","Calendar"],"mappings":"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"}
|
|
@@ -8,6 +8,8 @@ export interface DatePickerProps extends AriaDatePickerProps<DateValue> {
|
|
|
8
8
|
/** The function to call when the cancel button is clicked. */
|
|
9
9
|
onCancel?: () => void;
|
|
10
10
|
size?: ButtonProps['size'];
|
|
11
|
+
/** Overrides the root `data-testid` (defaults to `fd-date-picker`). Descendants derive their ids from this prefix. */
|
|
12
|
+
'data-testid'?: string;
|
|
11
13
|
}
|
|
12
14
|
/**
|
|
13
15
|
* A trigger button paired with a popover calendar for selecting a single date.
|
|
@@ -15,5 +17,5 @@ export interface DatePickerProps extends AriaDatePickerProps<DateValue> {
|
|
|
15
17
|
*
|
|
16
18
|
* @summary popover calendar for selecting a single date
|
|
17
19
|
*/
|
|
18
|
-
export declare const DatePicker: ({ value: valueProp, defaultValue, onChange, onApply, onCancel, size, ...props }: DatePickerProps) => import("react").JSX.Element;
|
|
20
|
+
export declare const DatePicker: ({ value: valueProp, defaultValue, onChange, onApply, onCancel, size, "data-testid": dataTestId, ...props }: DatePickerProps) => import("react").JSX.Element;
|
|
19
21
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,8CAA8C,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAMxF,OAAO,KAAK,EAAE,eAAe,IAAI,mBAAmB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAI/F,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC5F,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAIrF,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,CAAC,SAAS,CAAC;IACrE,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,sHAAsH;IACtH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,4GASxB,eAAe,gCA0EjB,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import { Calendar } from '@flipdish/ui-icons';
|
|
3
3
|
import { Button } from '@flipdish/ui-library/components/atoms/Button';
|
|
4
4
|
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
5
|
+
import { useResolvedTestId, TestIdProvider, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
5
6
|
import { today, getLocalTimeZone } from '@internationalized/date';
|
|
6
7
|
import { useDateFormatter } from '@react-aria/i18n';
|
|
7
8
|
import { useControlledState } from '@react-stately/utils';
|
|
@@ -17,7 +18,7 @@ const highlightedDates = [today(getLocalTimeZone())];
|
|
|
17
18
|
*
|
|
18
19
|
* @summary popover calendar for selecting a single date
|
|
19
20
|
*/
|
|
20
|
-
const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCancel, size = 'sm', ...props }) => {
|
|
21
|
+
const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCancel, size = 'sm', 'data-testid': dataTestId, ...props }) => {
|
|
21
22
|
const formatter = useDateFormatter({
|
|
22
23
|
month: 'short',
|
|
23
24
|
day: 'numeric',
|
|
@@ -25,15 +26,16 @@ const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCance
|
|
|
25
26
|
});
|
|
26
27
|
const [value, setValue] = useControlledState(valueProp, defaultValue || null, onChange);
|
|
27
28
|
const formattedDate = value ? formatter.format(value.toDate(getLocalTimeZone())) : 'Select date';
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
29
|
+
const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'date-picker', rootName: 'date-picker' });
|
|
30
|
+
return (jsx(TestIdProvider, { value: rootTestId, children: jsxs(DatePicker$1, { "aria-label": "Date picker", shouldCloseOnSelect: false, ...props, value: value, onChange: setValue, "data-testid": rootTestId, children: [jsx(Group, { children: jsx(Button, { size: size, color: "secondary", iconLeading: Calendar, "data-testid": joinTestId(rootTestId, 'trigger'), children: formattedDate }) }), jsx(Popover, { offset: 8, placement: "bottom right", className: ({ isEntering, isExiting }) => cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
|
|
31
|
+
'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
|
|
32
|
+
'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsx(Dialog, { "aria-label": "Date picker", "data-testid": joinTestId(rootTestId, 'popover'), className: "rounded-2xl bg-primary shadow-xl ring ring-secondary_alt", children: ({ close }) => (jsxs(Fragment, { children: [jsx("div", { className: "flex px-6 py-5", children: jsx(Calendar$1, { highlightedDates: highlightedDates }) }), jsxs("div", { className: "grid grid-cols-2 gap-3 border-t border-secondary p-4", children: [jsx(Button, { size: "md", color: "secondary", "data-testid": joinTestId(rootTestId, 'cancel'), onClick: () => {
|
|
33
|
+
onCancel?.();
|
|
34
|
+
close();
|
|
35
|
+
}, children: "Cancel" }), jsx(Button, { size: "md", color: "primary", "data-testid": joinTestId(rootTestId, 'apply'), onClick: () => {
|
|
36
|
+
onApply?.();
|
|
37
|
+
close();
|
|
38
|
+
}, children: "Apply" })] })] })) }) })] }) }));
|
|
37
39
|
};
|
|
38
40
|
|
|
39
41
|
export { DatePicker };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaDatePicker","AriaGroup","CalendarIcon","AriaPopover","AriaDialog","_Fragment","Calendar"],"mappings":"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"}
|