@flipdish/ui-library 0.11.0 → 0.11.2
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
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { Expand06, Check, Copy01 } from '@flipdish/ui-icons';
|
|
3
3
|
import { Button } from '@flipdish/ui-library/components/atoms/Button';
|
|
4
4
|
import { ButtonUtility } from '@flipdish/ui-library/components/atoms/UtilityButton';
|
|
5
5
|
import { useClipboard } from '@flipdish/ui-library/hooks/useClipboard';
|
|
6
6
|
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
7
|
+
import { useResolvedTestId, TestIdProvider, joinTestId, useTestIdPrefix, slugifyTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
7
8
|
import { toJsxRuntime } from 'hast-util-to-jsx-runtime';
|
|
8
9
|
import { createContext, useState, useRef, useContext, useLayoutEffect, useEffect, Fragment } from 'react';
|
|
9
10
|
import { Tabs, TabList, Tab, TabPanel } from 'react-aria-components';
|
|
@@ -52,13 +53,14 @@ const gradientStyles = {
|
|
|
52
53
|
'--gradient-light': 'rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.02) 4.7%, rgba(255, 255, 255, 0.04) 8.9%, rgba(255, 255, 255, 0.07) 12.8%, rgba(255, 255, 255, 0.10) 16.56%, rgba(255, 255, 255, 0.14) 20.37%, rgba(255, 255, 255, 0.18) 24.4%, rgba(255, 255, 255, 0.23) 28.83%, rgba(255, 255, 255, 0.29) 33.84%, rgba(255, 255, 255, 0.35) 39.6%, rgba(255, 255, 255, 0.43) 46.3%, rgba(255, 255, 255, 0.52) 54.1%, rgba(255, 255, 255, 0.62) 63.2%, rgba(255, 255, 255, 0.73) 73.76%, rgba(255, 255, 255, 0.86) 85.97%, #FFFFFF 100%',
|
|
53
54
|
'--gradient-dark': 'rgba(12, 14, 18, 0) 0%, rgba(12, 14, 18, 0.02) 4.7%, rgba(12, 14, 18, 0.04) 8.9%, rgba(12, 14, 18, 0.07) 12.8%, rgba(12, 14, 18, 0.10) 16.56%, rgba(12, 14, 18, 0.14) 20.37%, rgba(12, 14, 18, 0.18) 24.4%, rgba(12, 14, 18, 0.23) 28.83%, rgba(12, 14, 18, 0.29) 33.84%, rgba(12, 14, 18, 0.35) 39.6%, rgba(12, 14, 18, 0.43) 46.3%, rgba(12, 14, 18, 0.52) 54.1%, rgba(12, 14, 18, 0.62) 63.2%, rgba(12, 14, 18, 0.73) 73.76%, rgba(12, 14, 18, 0.86) 85.97%, rgb(12, 14, 18) 100%',
|
|
54
55
|
};
|
|
55
|
-
const CodeSnippetComponent = ({ children, code, language, showLineNumbers = true, maxHeight, onExpand, className, modern = true, ...otherProps }) => {
|
|
56
|
+
const CodeSnippetComponent = ({ children, code, language, showLineNumbers = true, maxHeight, onExpand, className, modern = true, 'data-testid': dataTestId, ...otherProps }) => {
|
|
56
57
|
const [nodes, setNodes] = useState(children);
|
|
57
58
|
const { copy, copied } = useClipboard();
|
|
58
59
|
const contentRef = useRef(null);
|
|
59
60
|
const [expanded, setExpanded] = useState(false);
|
|
60
61
|
const [exceedsMaxHeight, setExceedsMaxHeight] = useState(false);
|
|
61
62
|
const isInsideTabs = useContext(TabsRefContext) !== null;
|
|
63
|
+
const codeSnippetTestId = useResolvedTestId({ testId: dataTestId, segment: 'code-snippet', rootName: 'code-snippet' });
|
|
62
64
|
useLayoutEffect(() => {
|
|
63
65
|
if (!code)
|
|
64
66
|
return;
|
|
@@ -74,9 +76,9 @@ const CodeSnippetComponent = ({ children, code, language, showLineNumbers = true
|
|
|
74
76
|
const codeText = code ?? '';
|
|
75
77
|
const isCollapsible = maxHeight != null && exceedsMaxHeight;
|
|
76
78
|
const isModern = isInsideTabs || modern;
|
|
77
|
-
const codeBlock = (jsxs("div", { ...otherProps, className: cx('group/code-snippet relative max-w-full overflow-clip rounded-xl bg-primary ring-1', isModern ? 'shadow-lg ring-secondary_alt' : 'ring-secondary', className), children: [jsx("div", { ref: contentRef, className: cx('[&>.shiki]:overflow-x-auto [&>code]:w-full', 'font-mono text-sm leading-[22px] whitespace-pre', showLineNumbers ? 'line-numbers' : 'p-4', !expanded && isCollapsible && 'overflow-y-hidden', isCollapsible && 'pb-12'), style: {
|
|
78
|
-
|
|
79
|
-
|
|
79
|
+
const codeBlock = (jsx(TestIdProvider, { value: codeSnippetTestId, children: jsxs("div", { ...otherProps, "data-testid": codeSnippetTestId, className: cx('group/code-snippet relative max-w-full overflow-clip rounded-xl bg-primary ring-1', isModern ? 'shadow-lg ring-secondary_alt' : 'ring-secondary', className), children: [jsx("div", { ref: contentRef, className: cx('[&>.shiki]:overflow-x-auto [&>code]:w-full', 'font-mono text-sm leading-[22px] whitespace-pre', showLineNumbers ? 'line-numbers' : 'p-4', !expanded && isCollapsible && 'overflow-y-hidden', isCollapsible && 'pb-12'), style: {
|
|
80
|
+
maxHeight: expanded || !maxHeight ? 'none' : maxHeight,
|
|
81
|
+
}, children: nodes ?? code ?? jsx("p", { children: "Loading..." }) }), isCollapsible && (jsx("div", { style: gradientStyles, className: cx('inset-x-0 bottom-0 flex items-end justify-center bg-linear-(--gradient-light) pb-6 dark:bg-linear-(--gradient-dark)', expanded ? 'sticky h-17' : 'absolute h-47'), children: jsx(Button, { color: "secondary", size: "sm", onClick: () => setExpanded(!expanded), children: expanded ? 'Show less' : 'Show more' }) })), (codeText || onExpand) && (jsxs("div", { className: "absolute top-2 right-2 z-10 flex items-center gap-1 opacity-0 transition duration-100 ease-linear group-hover/code-snippet:opacity-100 has-[:focus-visible]:opacity-100", children: [onExpand && (jsx(ButtonUtility, { size: "xs", color: "tertiary", icon: Expand06, tooltip: "Expand", onClick: onExpand, "data-testid": joinTestId(codeSnippetTestId, 'expand') })), codeText && (jsx(ButtonUtility, { size: "xs", color: "tertiary", icon: copied ? Check : Copy01, tooltip: "Copy", onClick: () => copy(codeText), "data-testid": joinTestId(codeSnippetTestId, 'copy') }))] }))] }) }));
|
|
80
82
|
// Inside tabs: tabs component already provides the outer wrapper
|
|
81
83
|
if (isInsideTabs)
|
|
82
84
|
return codeBlock;
|
|
@@ -87,9 +89,10 @@ const CodeSnippetComponent = ({ children, code, language, showLineNumbers = true
|
|
|
87
89
|
// Line numbers: just the code block with a simple border
|
|
88
90
|
return codeBlock;
|
|
89
91
|
};
|
|
90
|
-
const CodeSnippetTabs = ({ children, className, ...otherProps }) => {
|
|
92
|
+
const CodeSnippetTabs = ({ children, className, 'data-testid': dataTestId, ...otherProps }) => {
|
|
91
93
|
const rootRef = useRef(null);
|
|
92
|
-
|
|
94
|
+
const tabsTestId = useResolvedTestId({ testId: dataTestId, segment: 'tabs', rootName: 'code-snippet' });
|
|
95
|
+
return (jsx(TabsRefContext, { value: rootRef, children: jsx(TestIdProvider, { value: tabsTestId, children: jsx(Tabs, { ref: rootRef, keyboardActivation: "manual", ...otherProps, "data-testid": tabsTestId, className: (values) => cx('group/code-tabs rounded-t-xl rounded-b-[20px] bg-secondary_alt shadow-xs ring-1 ring-secondary ring-inset', typeof className === 'function' ? className(values) : className), children: children }) }) }));
|
|
93
96
|
};
|
|
94
97
|
const CodeSnippetTabList = ({ children, className, ...otherProps }) => {
|
|
95
98
|
const { copy, copied } = useClipboard();
|
|
@@ -106,10 +109,16 @@ const CodeSnippetTabList = ({ children, className, ...otherProps }) => {
|
|
|
106
109
|
return (jsxs("div", { className: "relative flex items-start", children: [jsx(TabList, { ...otherProps, className: (values) => cx('flex flex-1 items-center overflow-auto px-3 pt-2 pb-2', typeof className === 'function' ? className(values) : className), children: children }), jsx("div", { className: "flex shrink-0 items-center pt-2 pr-2", children: jsx(ButtonUtility, { size: "xs", color: "tertiary", icon: copied ? Check : Copy01, tooltip: "Copy", onClick: handleCopy }) })] }));
|
|
107
110
|
};
|
|
108
111
|
const CodeSnippetTab = ({ children, className, ...otherProps }) => {
|
|
109
|
-
|
|
112
|
+
const prefix = useTestIdPrefix();
|
|
113
|
+
const idPart = otherProps.id !== undefined ? slugifyTestId(String(otherProps.id)) : typeof children === 'string' ? slugifyTestId(children) : 'item';
|
|
114
|
+
const tabTestId = prefix ? joinTestId(prefix, `tab-${idPart}`) : undefined;
|
|
115
|
+
return (jsx(Tab, { ...otherProps, "data-testid": tabTestId, className: (state) => cx('z-10 flex cursor-pointer items-center justify-center gap-2 rounded-md px-2 py-1 text-sm font-semibold whitespace-nowrap text-quaternary outline-0 outline-offset-2 outline-focus-ring transition duration-100 ease-linear', (state.isSelected || state.isHovered) && 'text-primary', state.isFocusVisible && 'outline-2', typeof className === 'function' ? className(state) : className), children: children }));
|
|
110
116
|
};
|
|
111
117
|
const CodeSnippetTabPanel = ({ children, className, ...otherProps }) => {
|
|
112
|
-
|
|
118
|
+
const prefix = useTestIdPrefix();
|
|
119
|
+
const idPart = otherProps.id !== undefined ? slugifyTestId(String(otherProps.id)) : 'panel';
|
|
120
|
+
const panelTestId = prefix ? joinTestId(prefix, `panel-${idPart}`) : undefined;
|
|
121
|
+
return (jsx(TabPanel, { ...otherProps, "data-testid": panelTestId, className: (state) => cx('px-2 pb-2', typeof className === 'function' ? className(state) : className), children: children }));
|
|
113
122
|
};
|
|
114
123
|
/**
|
|
115
124
|
* @summary displays formatted, copyable code blocks with optional tabs
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/CodeSnippet/index.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/CodeSnippet/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaTabs","AriaTabList","AriaTab","AriaTabPanel"],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
5
|
+
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
5
6
|
|
|
6
7
|
/**
|
|
7
8
|
* A full-width horizontal divider with a centred label. Use to visually separate
|
|
@@ -9,13 +10,14 @@ var cx = require('@flipdish/ui-library/utilities/cx');
|
|
|
9
10
|
*
|
|
10
11
|
* @summary separate content sections with a labelled horizontal divider
|
|
11
12
|
*/
|
|
12
|
-
const ContentDivider = ({ type, children, className }) => {
|
|
13
|
+
const ContentDivider = ({ type, children, className, 'data-testid': dataTestId }) => {
|
|
14
|
+
const contentDividerTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'content-divider', rootName: 'content-divider' });
|
|
13
15
|
const styles = {
|
|
14
16
|
'single-line': 'flex items-center gap-x-2',
|
|
15
17
|
'dual-line': 'flex justify-center gap-x-2 border-y border-secondary py-3',
|
|
16
18
|
'background-fill': 'flex justify-center gap-x-2 rounded-lg bg-secondary py-2',
|
|
17
19
|
};
|
|
18
|
-
return (jsxRuntime.jsxs("div", { className: cx.cx('w-full shrink-0', styles[type], className), children: [type === 'single-line' && jsxRuntime.jsx("div", { className: "h-px flex-1 bg-border-secondary" }), children, type === 'single-line' && jsxRuntime.jsx("div", { className: "h-px flex-1 bg-border-secondary" })] }));
|
|
20
|
+
return (jsxRuntime.jsxs("div", { className: cx.cx('w-full shrink-0', styles[type], className), "data-testid": contentDividerTestId, children: [type === 'single-line' && jsxRuntime.jsx("div", { className: "h-px flex-1 bg-border-secondary" }), children, type === 'single-line' && jsxRuntime.jsx("div", { className: "h-px flex-1 bg-border-secondary" })] }));
|
|
19
21
|
};
|
|
20
22
|
|
|
21
23
|
exports.ContentDivider = ContentDivider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/ContentDivider/index.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","_jsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/ContentDivider/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsxs","cx","_jsx"],"mappings":";;;;;;AAYA;;;;;AAKG;AACI,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAuB,KAAI;AAC9G,IAAA,MAAM,oBAAoB,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC;AAE/H,IAAA,MAAM,MAAM,GAAG;AACb,QAAA,aAAa,EAAE,2BAA2B;AAC1C,QAAA,WAAW,EAAE,4DAA4D;AACzE,QAAA,iBAAiB,EAAE,0DAA0D;KAC9E;AAED,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAA,aAAA,EAAe,oBAAoB,aAC9F,IAAI,KAAK,aAAa,IAAIC,wBAAK,SAAS,EAAC,iCAAiC,EAAA,CAAG,EAC7E,QAAQ,EACR,IAAI,KAAK,aAAa,IAAIA,wBAAK,SAAS,EAAC,iCAAiC,EAAA,CAAG,CAAA,EAAA,CAC1E;AAEV;;;;"}
|
|
@@ -3,6 +3,8 @@ export interface ContentDividerProps {
|
|
|
3
3
|
type: 'single-line' | 'dual-line' | 'background-fill';
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
className?: string;
|
|
6
|
+
/** Overrides the `data-testid` (defaults to `fd-content-divider`). */
|
|
7
|
+
'data-testid'?: string;
|
|
6
8
|
}
|
|
7
9
|
/**
|
|
8
10
|
* A full-width horizontal divider with a centred label. Use to visually separate
|
|
@@ -10,5 +12,5 @@ export interface ContentDividerProps {
|
|
|
10
12
|
*
|
|
11
13
|
* @summary separate content sections with a labelled horizontal divider
|
|
12
14
|
*/
|
|
13
|
-
export declare const ContentDivider: ({ type, children, className }: ContentDividerProps) => import("react").JSX.Element;
|
|
15
|
+
export declare const ContentDivider: ({ type, children, className, "data-testid": dataTestId }: ContentDividerProps) => import("react").JSX.Element;
|
|
14
16
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ContentDivider/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ContentDivider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,aAAa,GAAG,WAAW,GAAG,iBAAiB,CAAC;IACtD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GAAI,0DAA0D,mBAAmB,gCAgB3G,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
3
|
+
import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
3
4
|
|
|
4
5
|
/**
|
|
5
6
|
* A full-width horizontal divider with a centred label. Use to visually separate
|
|
@@ -7,13 +8,14 @@ import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
|
7
8
|
*
|
|
8
9
|
* @summary separate content sections with a labelled horizontal divider
|
|
9
10
|
*/
|
|
10
|
-
const ContentDivider = ({ type, children, className }) => {
|
|
11
|
+
const ContentDivider = ({ type, children, className, 'data-testid': dataTestId }) => {
|
|
12
|
+
const contentDividerTestId = useResolvedTestId({ testId: dataTestId, segment: 'content-divider', rootName: 'content-divider' });
|
|
11
13
|
const styles = {
|
|
12
14
|
'single-line': 'flex items-center gap-x-2',
|
|
13
15
|
'dual-line': 'flex justify-center gap-x-2 border-y border-secondary py-3',
|
|
14
16
|
'background-fill': 'flex justify-center gap-x-2 rounded-lg bg-secondary py-2',
|
|
15
17
|
};
|
|
16
|
-
return (jsxs("div", { className: cx('w-full shrink-0', styles[type], className), children: [type === 'single-line' && jsx("div", { className: "h-px flex-1 bg-border-secondary" }), children, type === 'single-line' && jsx("div", { className: "h-px flex-1 bg-border-secondary" })] }));
|
|
18
|
+
return (jsxs("div", { className: cx('w-full shrink-0', styles[type], className), "data-testid": contentDividerTestId, children: [type === 'single-line' && jsx("div", { className: "h-px flex-1 bg-border-secondary" }), children, type === 'single-line' && jsx("div", { className: "h-px flex-1 bg-border-secondary" })] }));
|
|
17
19
|
};
|
|
18
20
|
|
|
19
21
|
export { ContentDivider };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/ContentDivider/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/ContentDivider/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAYA;;;;;AAKG;AACI,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAuB,KAAI;AAC9G,IAAA,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC;AAE/H,IAAA,MAAM,MAAM,GAAG;AACb,QAAA,aAAa,EAAE,2BAA2B;AAC1C,QAAA,WAAW,EAAE,4DAA4D;AACzE,QAAA,iBAAiB,EAAE,0DAA0D;KAC9E;AAED,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAA,aAAA,EAAe,oBAAoB,aAC9F,IAAI,KAAK,aAAa,IAAIC,aAAK,SAAS,EAAC,iCAAiC,EAAA,CAAG,EAC7E,QAAQ,EACR,IAAI,KAAK,aAAa,IAAIA,aAAK,SAAS,EAAC,iCAAiC,EAAA,CAAG,CAAA,EAAA,CAC1E;AAEV;;;;"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
5
|
+
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
5
6
|
var React = require('react');
|
|
6
7
|
var icons = require('./components/icons.cjs');
|
|
7
8
|
|
|
@@ -122,7 +123,8 @@ const calculateScale = (desiredWidth, originalWidth, originalHeight) => {
|
|
|
122
123
|
*
|
|
123
124
|
* @summary display a styled payment card with brand or gradient visual treatments
|
|
124
125
|
*/
|
|
125
|
-
const CreditCard = ({ company = 'Untitled.', cardNumber = '1234 1234 1234 1234', cardHolder = 'OLIVIA RHYE', cardExpiration = '06/28', type = 'brand-dark', className, width, }) => {
|
|
126
|
+
const CreditCard = ({ company = 'Untitled.', cardNumber = '1234 1234 1234 1234', cardHolder = 'OLIVIA RHYE', cardExpiration = '06/28', type = 'brand-dark', className, width, 'data-testid': dataTestId, }) => {
|
|
127
|
+
const creditCardTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'credit-card', rootName: 'credit-card' });
|
|
126
128
|
const originalWidth = 316;
|
|
127
129
|
const originalHeight = 190;
|
|
128
130
|
const { scale, scaledWidth, scaledHeight } = React.useMemo(() => {
|
|
@@ -137,7 +139,7 @@ const CreditCard = ({ company = 'Untitled.', cardNumber = '1234 1234 1234 1234',
|
|
|
137
139
|
return (jsxRuntime.jsx("div", { style: {
|
|
138
140
|
width: `${scaledWidth}px`,
|
|
139
141
|
height: `${scaledHeight}px`,
|
|
140
|
-
}, className: cx.cx('relative flex', className), children: jsxRuntime.jsxs("div", { style: {
|
|
142
|
+
}, className: cx.cx('relative flex', className), "data-testid": creditCardTestId, children: jsxRuntime.jsxs("div", { style: {
|
|
141
143
|
transform: `scale(${scale})`,
|
|
142
144
|
width: `${originalWidth}px`,
|
|
143
145
|
height: `${originalHeight}px`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/CreditCard/index.tsx"],"sourcesContent":[null],"names":["sortCx","useMemo","_jsx","cx","_jsxs","PaypassIcon","MastercardIcon","MastercardIconWhite"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/CreditCard/index.tsx"],"sourcesContent":[null],"names":["sortCx","useResolvedTestId","useMemo","_jsx","cx","_jsxs","PaypassIcon","MastercardIcon","MastercardIconWhite"],"mappings":"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"}
|
|
@@ -10,6 +10,8 @@ export interface CreditCardProps {
|
|
|
10
10
|
type?: CreditCardType;
|
|
11
11
|
className?: string;
|
|
12
12
|
width?: number;
|
|
13
|
+
/** Overrides the `data-testid` (defaults to `fd-credit-card`). */
|
|
14
|
+
'data-testid'?: string;
|
|
13
15
|
}
|
|
14
16
|
/**
|
|
15
17
|
* Presentational payment card that renders cardholder details over a range of
|
|
@@ -17,6 +19,6 @@ export interface CreditCardProps {
|
|
|
17
19
|
*
|
|
18
20
|
* @summary display a styled payment card with brand or gradient visual treatments
|
|
19
21
|
*/
|
|
20
|
-
export declare const CreditCard: ({ company, cardNumber, cardHolder, cardExpiration, type, className, width, }: CreditCardProps) => import("react").JSX.Element;
|
|
22
|
+
export declare const CreditCard: ({ company, cardNumber, cardHolder, cardExpiration, type, className, width, "data-testid": dataTestId, }: CreditCardProps) => import("react").JSX.Element;
|
|
21
23
|
export {};
|
|
22
24
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CreditCard/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CreditCard/index.tsx"],"names":[],"mappings":"AA0GA,QAAA,MAAM,aAAa,0GAA2G,CAAC;AAC/H,QAAA,MAAM,WAAW,gFAAiF,CAAC;AACnG,QAAA,MAAM,oBAAoB,sFAAuF,CAAC;AAIlH,KAAK,cAAc,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5H,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAiBD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,yGASxB,eAAe,gCAuFjB,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
|
|
3
|
+
import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
3
4
|
import { useMemo } from 'react';
|
|
4
5
|
import { PaypassIcon, MastercardIcon, MastercardIconWhite } from './components/icons.js';
|
|
5
6
|
|
|
@@ -120,7 +121,8 @@ const calculateScale = (desiredWidth, originalWidth, originalHeight) => {
|
|
|
120
121
|
*
|
|
121
122
|
* @summary display a styled payment card with brand or gradient visual treatments
|
|
122
123
|
*/
|
|
123
|
-
const CreditCard = ({ company = 'Untitled.', cardNumber = '1234 1234 1234 1234', cardHolder = 'OLIVIA RHYE', cardExpiration = '06/28', type = 'brand-dark', className, width, }) => {
|
|
124
|
+
const CreditCard = ({ company = 'Untitled.', cardNumber = '1234 1234 1234 1234', cardHolder = 'OLIVIA RHYE', cardExpiration = '06/28', type = 'brand-dark', className, width, 'data-testid': dataTestId, }) => {
|
|
125
|
+
const creditCardTestId = useResolvedTestId({ testId: dataTestId, segment: 'credit-card', rootName: 'credit-card' });
|
|
124
126
|
const originalWidth = 316;
|
|
125
127
|
const originalHeight = 190;
|
|
126
128
|
const { scale, scaledWidth, scaledHeight } = useMemo(() => {
|
|
@@ -135,7 +137,7 @@ const CreditCard = ({ company = 'Untitled.', cardNumber = '1234 1234 1234 1234',
|
|
|
135
137
|
return (jsx("div", { style: {
|
|
136
138
|
width: `${scaledWidth}px`,
|
|
137
139
|
height: `${scaledHeight}px`,
|
|
138
|
-
}, className: cx('relative flex', className), children: jsxs("div", { style: {
|
|
140
|
+
}, className: cx('relative flex', className), "data-testid": creditCardTestId, children: jsxs("div", { style: {
|
|
139
141
|
transform: `scale(${scale})`,
|
|
140
142
|
width: `${originalWidth}px`,
|
|
141
143
|
height: `${originalHeight}px`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/CreditCard/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/CreditCard/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -7,10 +7,20 @@ var Checkbox = require('@flipdish/ui-library/components/atoms/Checkbox');
|
|
|
7
7
|
var RadioButton = require('@flipdish/ui-library/components/atoms/RadioButton');
|
|
8
8
|
var Toggle = require('@flipdish/ui-library/components/atoms/Toggle');
|
|
9
9
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
10
|
+
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
10
11
|
var React = require('react');
|
|
11
12
|
var reactAriaComponents = require('react-aria-components');
|
|
12
13
|
|
|
13
|
-
const DropdownItem = ({ label, children, addon, icon: Icon, avatarUrl, unstyled, selectionIndicator = 'checkmark', ...props }) => {
|
|
14
|
+
const DropdownItem = ({ label, children, addon, icon: Icon, avatarUrl, unstyled, selectionIndicator = 'checkmark', 'data-testid': dataTestId, ...props }) => {
|
|
15
|
+
const prefix = testIdUtils.useTestIdPrefix();
|
|
16
|
+
const idPart = props.id !== undefined
|
|
17
|
+
? testIdUtils.slugifyTestId(String(props.id))
|
|
18
|
+
: typeof label === 'string'
|
|
19
|
+
? testIdUtils.slugifyTestId(label)
|
|
20
|
+
: typeof children === 'string'
|
|
21
|
+
? testIdUtils.slugifyTestId(children)
|
|
22
|
+
: 'item';
|
|
23
|
+
const itemTestId = dataTestId ?? (prefix ? testIdUtils.joinTestId(prefix, `item-${idPart}`) : undefined);
|
|
14
24
|
const SelectionIndicator = React.useCallback((state) => {
|
|
15
25
|
if (selectionIndicator === 'checkmark') {
|
|
16
26
|
return (jsxRuntime.jsx(uiIcons.Check, { "aria-hidden": "true", className: cx.cx('size-4 shrink-0 stroke-[2.25px] text-fg-brand-primary', !state.isSelected && 'invisible', state.className) }));
|
|
@@ -27,12 +37,14 @@ const DropdownItem = ({ label, children, addon, icon: Icon, avatarUrl, unstyled,
|
|
|
27
37
|
return null;
|
|
28
38
|
}, [selectionIndicator]);
|
|
29
39
|
if (unstyled) {
|
|
30
|
-
return jsxRuntime.jsx(reactAriaComponents.MenuItem, { id: label, textValue: label, ...props });
|
|
40
|
+
return jsxRuntime.jsx(reactAriaComponents.MenuItem, { id: label, textValue: label, "data-testid": itemTestId, ...props });
|
|
31
41
|
}
|
|
32
|
-
return (jsxRuntime.jsx(reactAriaComponents.MenuItem, { ...props, className: (state) => cx.cx('group block cursor-pointer px-1.5 py-px outline-hidden', state.isDisabled && 'cursor-not-allowed opacity-50', typeof props.className === 'function' ? props.className(state) : props.className), children: (state) => (jsxRuntime.jsxs("div", { className: cx.cx('relative flex items-center rounded-md px-2.5 py-2 outline-focus-ring transition duration-100 ease-linear', !state.isDisabled && 'group-hover:bg-primary_hover', state.isFocused && 'bg-primary_hover', state.isFocusVisible && 'outline-2 -outline-offset-2', state.hasSubmenu && 'pr-1.5'), children: [state.selectionMode !== 'none' && !avatarUrl && !Icon && jsxRuntime.jsx(SelectionIndicator, { ...state, className: "mr-2" }), avatarUrl && (jsxRuntime.jsx("div", { className: "mr-2 flex size-4 items-center justify-center", children: jsxRuntime.jsx(Avatar.Avatar, { "aria-hidden": "true", size: "xs", src: avatarUrl, alt: label, className: "size-5" }) })), Icon && jsxRuntime.jsx(Icon, { "aria-hidden": "true", className: "mr-2 size-4 shrink-0 stroke-[2.25px] text-fg-quaternary" }), jsxRuntime.jsx("span", { className: cx.cx('grow truncate text-sm font-semibold text-secondary', state.isFocused && 'text-secondary_hover'), children: label || (typeof children === 'function' ? children(state) : children) }), addon && jsxRuntime.jsx("span", { className: "ml-1 shrink-0 pr-1 text-xs font-medium text-quaternary", children: addon }), state.selectionMode !== 'none' && (avatarUrl || Icon) && jsxRuntime.jsx(SelectionIndicator, { ...state, className: "ml-1" }), state.hasSubmenu && jsxRuntime.jsx(uiIcons.ChevronRight, { "aria-hidden": "true", className: "ml-auto size-4 shrink-0 stroke-[2.25px] text-fg-quaternary" })] })) }));
|
|
42
|
+
return (jsxRuntime.jsx(reactAriaComponents.MenuItem, { ...props, "data-testid": itemTestId, className: (state) => cx.cx('group block cursor-pointer px-1.5 py-px outline-hidden', state.isDisabled && 'cursor-not-allowed opacity-50', typeof props.className === 'function' ? props.className(state) : props.className), children: (state) => (jsxRuntime.jsxs("div", { className: cx.cx('relative flex items-center rounded-md px-2.5 py-2 outline-focus-ring transition duration-100 ease-linear', !state.isDisabled && 'group-hover:bg-primary_hover', state.isFocused && 'bg-primary_hover', state.isFocusVisible && 'outline-2 -outline-offset-2', state.hasSubmenu && 'pr-1.5'), children: [state.selectionMode !== 'none' && !avatarUrl && !Icon && jsxRuntime.jsx(SelectionIndicator, { ...state, className: "mr-2" }), avatarUrl && (jsxRuntime.jsx("div", { className: "mr-2 flex size-4 items-center justify-center", children: jsxRuntime.jsx(Avatar.Avatar, { "aria-hidden": "true", size: "xs", src: avatarUrl, alt: label, className: "size-5" }) })), Icon && jsxRuntime.jsx(Icon, { "aria-hidden": "true", className: "mr-2 size-4 shrink-0 stroke-[2.25px] text-fg-quaternary" }), jsxRuntime.jsx("span", { className: cx.cx('grow truncate text-sm font-semibold text-secondary', state.isFocused && 'text-secondary_hover'), children: label || (typeof children === 'function' ? children(state) : children) }), addon && jsxRuntime.jsx("span", { className: "ml-1 shrink-0 pr-1 text-xs font-medium text-quaternary", children: addon }), state.selectionMode !== 'none' && (avatarUrl || Icon) && jsxRuntime.jsx(SelectionIndicator, { ...state, className: "ml-1" }), state.hasSubmenu && jsxRuntime.jsx(uiIcons.ChevronRight, { "aria-hidden": "true", className: "ml-auto size-4 shrink-0 stroke-[2.25px] text-fg-quaternary" })] })) }));
|
|
33
43
|
};
|
|
34
|
-
const DropdownMenu = (props) => {
|
|
35
|
-
|
|
44
|
+
const DropdownMenu = ({ 'data-testid': dataTestId, ...props }) => {
|
|
45
|
+
const prefix = testIdUtils.useTestIdPrefix();
|
|
46
|
+
const menuTestId = dataTestId ?? prefix;
|
|
47
|
+
return (jsxRuntime.jsx(reactAriaComponents.Menu, { ...props, "data-testid": menuTestId, className: (state) => cx.cx('h-min overflow-y-auto py-1 outline-hidden select-none', typeof props.className === 'function' ? props.className(state) : props.className) }));
|
|
36
48
|
};
|
|
37
49
|
const DropdownPopover = (props) => {
|
|
38
50
|
return (jsxRuntime.jsx(reactAriaComponents.Popover, { placement: "bottom right", ...props, className: (state) => cx.cx('w-62 origin-(--trigger-anchor-point) overflow-auto rounded-lg bg-primary shadow-lg ring-1 ring-secondary_alt will-change-transform', state.isEntering &&
|
|
@@ -42,8 +54,13 @@ const DropdownPopover = (props) => {
|
|
|
42
54
|
const DropdownSeparator = (props) => {
|
|
43
55
|
return jsxRuntime.jsx(reactAriaComponents.Separator, { ...props, className: cx.cx('my-1 h-px w-full bg-border-secondary', props.className) });
|
|
44
56
|
};
|
|
45
|
-
const DropdownDotsButton = (props) => {
|
|
46
|
-
|
|
57
|
+
const DropdownDotsButton = ({ 'data-testid': dataTestId, ...props }) => {
|
|
58
|
+
const dotsButtonTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'dots-button', rootName: 'dropdown-dots-button' });
|
|
59
|
+
return (jsxRuntime.jsx(reactAriaComponents.Button, { "aria-label": "Open menu", ...props, "data-testid": dotsButtonTestId, className: (state) => cx.cx('cursor-pointer rounded-md text-fg-quaternary outline-focus-ring transition duration-100 ease-linear', (state.isPressed || state.isHovered) && 'text-fg-quaternary_hover', (state.isPressed || state.isFocusVisible) && 'outline-2 outline-offset-2', typeof props.className === 'function' ? props.className(state) : props.className), children: jsxRuntime.jsx(uiIcons.DotsVertical, { className: "size-5 transition-inherit-all" }) }));
|
|
60
|
+
};
|
|
61
|
+
const DropdownRoot = ({ children, 'data-testid': dataTestId, ...props }) => {
|
|
62
|
+
const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'dropdown', rootName: 'dropdown' });
|
|
63
|
+
return (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: rootTestId, children: jsxRuntime.jsx(reactAriaComponents.MenuTrigger, { ...props, children: children }) }));
|
|
47
64
|
};
|
|
48
65
|
/**
|
|
49
66
|
* Compound contextual menu opened from a trigger element. Items support icons,
|
|
@@ -53,7 +70,7 @@ const DropdownDotsButton = (props) => {
|
|
|
53
70
|
* @summary open a contextual menu from a trigger with selectable, icon-aware items
|
|
54
71
|
*/
|
|
55
72
|
const Dropdown = {
|
|
56
|
-
Root:
|
|
73
|
+
Root: DropdownRoot,
|
|
57
74
|
Popover: DropdownPopover,
|
|
58
75
|
Menu: DropdownMenu,
|
|
59
76
|
Section: reactAriaComponents.MenuSection,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Dropdown/index.tsx"],"sourcesContent":[null],"names":["useCallback","_jsx","Check","cx","CheckboxBase","RadioButtonBase","ToggleBase","AriaMenuItem","_jsxs","Avatar","ChevronRight","AriaMenu","AriaPopover","AriaSeparator","AriaButton","DotsVertical","AriaMenuTrigger","AriaMenuSection","AriaHeader"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Dropdown/index.tsx"],"sourcesContent":[null],"names":["useTestIdPrefix","slugifyTestId","joinTestId","useCallback","_jsx","Check","cx","CheckboxBase","RadioButtonBase","ToggleBase","AriaMenuItem","_jsxs","Avatar","ChevronRight","AriaMenu","AriaPopover","AriaSeparator","useResolvedTestId","AriaButton","DotsVertical","TestIdProvider","AriaMenuTrigger","AriaMenuSection","AriaHeader"],"mappings":"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"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { type FC, type RefAttributes, type SVGProps } from 'react';
|
|
2
|
-
import type { ButtonProps as AriaButtonProps, MenuItemProps as AriaMenuItemProps, MenuProps as AriaMenuProps, PopoverProps as AriaPopoverProps, SeparatorProps as AriaSeparatorProps } from 'react-aria-components';
|
|
3
|
-
import { MenuTrigger as AriaMenuTrigger } from 'react-aria-components';
|
|
2
|
+
import type { ButtonProps as AriaButtonProps, MenuItemProps as AriaMenuItemProps, MenuProps as AriaMenuProps, MenuTriggerProps as AriaMenuTriggerProps, PopoverProps as AriaPopoverProps, SeparatorProps as AriaSeparatorProps } from 'react-aria-components';
|
|
4
3
|
interface DropdownItemProps extends AriaMenuItemProps {
|
|
5
4
|
/** The label of the item to be displayed. */
|
|
6
5
|
label?: string;
|
|
@@ -14,11 +13,29 @@ interface DropdownItemProps extends AriaMenuItemProps {
|
|
|
14
13
|
avatarUrl?: string;
|
|
15
14
|
/** The selection indicator to be displayed on the item. */
|
|
16
15
|
selectionIndicator?: 'checkmark' | 'checkbox' | 'radio' | 'toggle' | 'none';
|
|
16
|
+
/** Overrides the derived `data-testid` for the item (defaults to `<root>--item-<id>`). */
|
|
17
|
+
'data-testid'?: string;
|
|
17
18
|
}
|
|
18
19
|
export interface DropdownMenuProps<T extends object> extends AriaMenuProps<T> {
|
|
20
|
+
/** Overrides the derived `data-testid` for the menu (defaults to the resolved `Dropdown.Root` id, e.g. `fd-dropdown`). */
|
|
21
|
+
'data-testid'?: string;
|
|
19
22
|
}
|
|
20
23
|
interface DropdownPopoverProps extends AriaPopoverProps {
|
|
21
24
|
}
|
|
25
|
+
interface DropdownDotsButtonProps extends AriaButtonProps, RefAttributes<HTMLButtonElement> {
|
|
26
|
+
/**
|
|
27
|
+
* Overrides the derived `data-testid` for the dots button (defaults to
|
|
28
|
+
* `fd-dropdown-dots-button`, or `<root>--dots-button` when nested inside `Dropdown.Root`).
|
|
29
|
+
*/
|
|
30
|
+
'data-testid'?: string;
|
|
31
|
+
}
|
|
32
|
+
export interface DropdownRootProps extends AriaMenuTriggerProps {
|
|
33
|
+
/**
|
|
34
|
+
* Overrides the derived root `data-testid` (defaults to `fd-dropdown`).
|
|
35
|
+
* `Dropdown.Menu`, `Dropdown.Item`, and `Dropdown.DotsButton` derive their ids from this prefix.
|
|
36
|
+
*/
|
|
37
|
+
'data-testid'?: string;
|
|
38
|
+
}
|
|
22
39
|
/**
|
|
23
40
|
* Compound contextual menu opened from a trigger element. Items support icons,
|
|
24
41
|
* avatars, selection indicators (checkmark / checkbox / radio / toggle), addon
|
|
@@ -27,14 +44,14 @@ interface DropdownPopoverProps extends AriaPopoverProps {
|
|
|
27
44
|
* @summary open a contextual menu from a trigger with selectable, icon-aware items
|
|
28
45
|
*/
|
|
29
46
|
export declare const Dropdown: {
|
|
30
|
-
Root:
|
|
47
|
+
Root: ({ children, "data-testid": dataTestId, ...props }: DropdownRootProps) => import("react").JSX.Element;
|
|
31
48
|
Popover: (props: DropdownPopoverProps) => import("react").JSX.Element;
|
|
32
|
-
Menu: <T extends object>(props: DropdownMenuProps<T>) => import("react").JSX.Element;
|
|
49
|
+
Menu: <T extends object>({ "data-testid": dataTestId, ...props }: DropdownMenuProps<T>) => import("react").JSX.Element;
|
|
33
50
|
Section: <T>(props: import("react-aria-components").MenuSectionProps<T> & React.RefAttributes<HTMLElement>) => import("react").ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
34
51
|
SectionHeader: (props: import("react-aria-components").HeaderProps & React.RefAttributes<HTMLElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
35
|
-
Item: ({ label, children, addon, icon: Icon, avatarUrl, unstyled, selectionIndicator, ...props }: DropdownItemProps) => import("react").JSX.Element;
|
|
52
|
+
Item: ({ label, children, addon, icon: Icon, avatarUrl, unstyled, selectionIndicator, "data-testid": dataTestId, ...props }: DropdownItemProps) => import("react").JSX.Element;
|
|
36
53
|
Separator: (props: AriaSeparatorProps) => import("react").JSX.Element;
|
|
37
|
-
DotsButton: (
|
|
54
|
+
DotsButton: ({ "data-testid": dataTestId, ...props }: DropdownDotsButtonProps) => import("react").JSX.Element;
|
|
38
55
|
};
|
|
39
56
|
export {};
|
|
40
57
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Dropdown/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Dropdown/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,KAAK,QAAQ,EAAe,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EACV,WAAW,IAAI,eAAe,EAC9B,aAAa,IAAI,iBAAiB,EAClC,SAAS,IAAI,aAAa,EAC1B,gBAAgB,IAAI,oBAAoB,EACxC,YAAY,IAAI,gBAAgB,EAChC,cAAc,IAAI,kBAAkB,EAErC,MAAM,uBAAuB,CAAC;AAY/B,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IACnC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC5E,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA0GD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IAC3E,0HAA0H;IAC1H,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAiBD,UAAU,oBAAqB,SAAQ,gBAAgB;CAAG;AA2B1D,UAAU,uBAAwB,SAAQ,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC;IACzF;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAwBD,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB;IAC7D;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAYD;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ;8DAjBoD,iBAAiB;qBA/D1D,oBAAoB;WAjB9B,CAAC,SAAS,MAAM,2CAA2C,iBAAiB,CAAC,CAAC,CAAC;;;iIAnGlG,iBAAiB;uBAyIc,kBAAkB;0DAYiB,uBAAuB;CAwD3F,CAAC"}
|