@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,6 +1,7 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { X } from '@flipdish/ui-icons';
|
|
3
3
|
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
4
|
+
import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
4
5
|
import { Button } from 'react-aria-components';
|
|
5
6
|
|
|
6
7
|
const sizes = {
|
|
@@ -19,8 +20,9 @@ const themes = {
|
|
|
19
20
|
*
|
|
20
21
|
* @summary icon-only button for dismissing or closing overlays and notifications
|
|
21
22
|
*/
|
|
22
|
-
const CloseButton = ({ label, className, size = 'sm', theme = 'light', ...otherProps }) => {
|
|
23
|
-
|
|
23
|
+
const CloseButton = ({ label, className, size = 'sm', theme = 'light', 'data-testid': dataTestId, ...otherProps }) => {
|
|
24
|
+
const closeButtonTestId = useResolvedTestId({ testId: dataTestId, segment: 'close-button', rootName: 'close-button' });
|
|
25
|
+
return (jsx(Button, { ...otherProps, "data-testid": closeButtonTestId, "aria-label": label || 'Close', className: (state) => cx('flex cursor-pointer items-center justify-center rounded-lg p-2 transition duration-100 ease-linear focus:outline-hidden', sizes[size].root, themes[theme], typeof className === 'function' ? className(state) : className), children: jsx(X, { "aria-hidden": "true", className: cx('shrink-0 transition-inherit-all', sizes[size].icon) }) }));
|
|
24
26
|
};
|
|
25
27
|
|
|
26
28
|
export { CloseButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/CloseButton/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaButton","CloseIcon"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/CloseButton/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaButton","CloseIcon"],"mappings":";;;;;;AAOA,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE;IACtC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE;IACtC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE;IACvC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE;CACxC;AAED,MAAM,MAAM,GAAG;AACb,IAAA,KAAK,EACH,oJAAoJ;AACtJ,IAAA,IAAI,EAAE,kIAAkI;CACzI;AAUD;;;;;AAKG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,UAAU,EAAoB,KAAI;AAC5I,IAAA,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;AAEtH,IAAA,QACEA,GAAA,CAACC,MAAU,EAAA,EAAA,GACL,UAAU,EAAA,aAAA,EACD,iBAAiB,EAAA,YAAA,EAClB,KAAK,IAAI,OAAO,EAC5B,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,yHAAyH,EACzH,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAChB,MAAM,CAAC,KAAK,CAAC,EACb,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,QAAA,EAGHD,IAACE,CAAS,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAA,CAAI,EAAA,CACzF;AAEjB;;;;"}
|
|
@@ -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 thin rule that visually separates content. Renders a 1px line filled with the
|
|
@@ -11,8 +12,9 @@ var cx = require('@flipdish/ui-library/utilities/cx');
|
|
|
11
12
|
*
|
|
12
13
|
* @summary Thin 1px rule that separates sections of content.
|
|
13
14
|
*/
|
|
14
|
-
const Divider = ({ orientation = 'horizontal', className, ...props }) => {
|
|
15
|
-
|
|
15
|
+
const Divider = ({ orientation = 'horizontal', className, 'data-testid': dataTestId, ...props }) => {
|
|
16
|
+
const dividerTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'divider', rootName: 'divider' });
|
|
17
|
+
return (jsxRuntime.jsx("hr", { "aria-orientation": orientation, className: cx.cx('shrink-0 border-0 bg-border-secondary', orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px', className), ...props, "data-testid": dividerTestId }));
|
|
16
18
|
};
|
|
17
19
|
|
|
18
20
|
exports.Divider = Divider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Divider/index.tsx"],"sourcesContent":[null],"names":["_jsx","cx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Divider/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","cx"],"mappings":";;;;;;AAgBA;;;;;;;AAOG;MACU,OAAO,GAAG,CAAC,EAAE,WAAW,GAAG,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAgB,KAAI;AACtH,IAAA,MAAM,aAAa,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAExG,IAAA,QACEC,cAAA,CAAA,IAAA,EAAA,EAAA,kBAAA,EACoB,WAAW,EAC7B,SAAS,EAAEC,KAAE,CAAC,uCAAuC,EAAE,WAAW,KAAK,YAAY,GAAG,aAAa,GAAG,aAAa,EAAE,SAAS,CAAC,EAAA,GAC3H,KAAK,EAAA,aAAA,EACI,aAAa,EAAA,CAC1B;AAEN;;;;"}
|
|
@@ -5,6 +5,8 @@ export interface DividerProps extends HTMLAttributes<HTMLHRElement> {
|
|
|
5
5
|
* @default "horizontal"
|
|
6
6
|
*/
|
|
7
7
|
orientation?: 'horizontal' | 'vertical';
|
|
8
|
+
/** Overrides the `data-testid` (defaults to `fd-divider`). */
|
|
9
|
+
'data-testid'?: string;
|
|
8
10
|
}
|
|
9
11
|
/**
|
|
10
12
|
* A thin rule that visually separates content. Renders a 1px line filled with the
|
|
@@ -14,5 +16,5 @@ export interface DividerProps extends HTMLAttributes<HTMLHRElement> {
|
|
|
14
16
|
*
|
|
15
17
|
* @summary Thin 1px rule that separates sections of content.
|
|
16
18
|
*/
|
|
17
|
-
export declare const Divider: ({ orientation, className, ...props }: DividerProps) => import("react").JSX.Element;
|
|
19
|
+
export declare const Divider: ({ orientation, className, "data-testid": dataTestId, ...props }: DividerProps) => import("react").JSX.Element;
|
|
18
20
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Divider/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Divider/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,aAAa,CAAC;IACjE;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,8DAA8D;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,GAAI,iEAAgF,YAAY,gCAWnH,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { 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 thin rule that visually separates content. Renders a 1px line filled with the
|
|
@@ -9,8 +10,9 @@ import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
|
9
10
|
*
|
|
10
11
|
* @summary Thin 1px rule that separates sections of content.
|
|
11
12
|
*/
|
|
12
|
-
const Divider = ({ orientation = 'horizontal', className, ...props }) => {
|
|
13
|
-
|
|
13
|
+
const Divider = ({ orientation = 'horizontal', className, 'data-testid': dataTestId, ...props }) => {
|
|
14
|
+
const dividerTestId = useResolvedTestId({ testId: dataTestId, segment: 'divider', rootName: 'divider' });
|
|
15
|
+
return (jsx("hr", { "aria-orientation": orientation, className: cx('shrink-0 border-0 bg-border-secondary', orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px', className), ...props, "data-testid": dividerTestId }));
|
|
14
16
|
};
|
|
15
17
|
|
|
16
18
|
export { Divider };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Divider/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Divider/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAgBA;;;;;;;AAOG;MACU,OAAO,GAAG,CAAC,EAAE,WAAW,GAAG,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAgB,KAAI;AACtH,IAAA,MAAM,aAAa,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAExG,IAAA,QACEA,GAAA,CAAA,IAAA,EAAA,EAAA,kBAAA,EACoB,WAAW,EAC7B,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,WAAW,KAAK,YAAY,GAAG,aAAa,GAAG,aAAa,EAAE,SAAS,CAAC,EAAA,GAC3H,KAAK,EAAA,aAAA,EACI,aAAa,EAAA,CAC1B;AAEN;;;;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
4
5
|
|
|
5
6
|
const sizes = {
|
|
6
7
|
sm: {
|
|
@@ -19,10 +20,11 @@ const sizes = {
|
|
|
19
20
|
*
|
|
20
21
|
* @summary status/list marker dot
|
|
21
22
|
*/
|
|
22
|
-
const Dot = ({ size = 'md', ...props }) => {
|
|
23
|
+
const Dot = ({ size = 'md', 'data-testid': dataTestId, ...props }) => {
|
|
24
|
+
const dotTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'dot', rootName: 'dot' });
|
|
23
25
|
return (
|
|
24
26
|
// biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
|
|
25
|
-
jsxRuntime.jsx("svg", { width: sizes[size].wh, height: sizes[size].wh, viewBox: `0 0 ${sizes[size].wh} ${sizes[size].wh}`, fill: "none", ...props, children: jsxRuntime.jsx("circle", { cx: sizes[size].c, cy: sizes[size].c, r: sizes[size].r, fill: "currentColor", stroke: "currentColor" }) }));
|
|
27
|
+
jsxRuntime.jsx("svg", { width: sizes[size].wh, height: sizes[size].wh, viewBox: `0 0 ${sizes[size].wh} ${sizes[size].wh}`, fill: "none", ...props, "data-testid": dotTestId, children: jsxRuntime.jsx("circle", { cx: sizes[size].c, cy: sizes[size].c, r: sizes[size].r, fill: "currentColor", stroke: "currentColor" }) }));
|
|
26
28
|
};
|
|
27
29
|
|
|
28
30
|
exports.Dot = Dot;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Dot/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Dot/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx"],"mappings":";;;;;AAKA,MAAM,KAAK,GAAG;AACZ,IAAA,EAAE,EAAE;AACF,QAAA,EAAE,EAAE,CAAC;AACL,QAAA,CAAC,EAAE,CAAC;AACJ,QAAA,CAAC,EAAE,GAAG;AACP,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,CAAC,EAAE,CAAC;AACJ,QAAA,CAAC,EAAE,CAAC;AACL,KAAA;CACF;AAQD;;;;AAIG;AACI,MAAM,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAY,KAAI;AACpF,IAAA,MAAM,SAAS,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAE5F;;AAEE,IAAAC,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EACrB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EACtB,OAAO,EAAE,CAAA,IAAA,EAAO,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAA,CAAE,EAClD,IAAI,EAAC,MAAM,EAAA,GACP,KAAK,EAAA,aAAA,EACI,SAAS,YAEtBA,cAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,cAAc,EAAA,CAAG,EAAA,CACxG;AAEV;;;;"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import type { SVGProps } from 'react';
|
|
2
|
+
export interface DotProps extends SVGProps<SVGSVGElement> {
|
|
3
|
+
size?: 'sm' | 'md';
|
|
4
|
+
/** Overrides the `data-testid` (defaults to `fd-dot`). */
|
|
5
|
+
'data-testid'?: string;
|
|
6
|
+
}
|
|
2
7
|
/**
|
|
3
8
|
* Small filled circle used as a status or list marker, sized `sm` or `md`.
|
|
4
9
|
*
|
|
5
10
|
* @summary status/list marker dot
|
|
6
11
|
*/
|
|
7
|
-
export declare const Dot: ({ size, ...props }:
|
|
8
|
-
size?: "sm" | "md";
|
|
9
|
-
}) => import("react").JSX.Element;
|
|
12
|
+
export declare const Dot: ({ size, "data-testid": dataTestId, ...props }: DotProps) => import("react").JSX.Element;
|
|
10
13
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Dot/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Dot/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAetC,MAAM,WAAW,QAAS,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACvD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,GAAG,GAAI,+CAAsD,QAAQ,gCAgBjF,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
2
3
|
|
|
3
4
|
const sizes = {
|
|
4
5
|
sm: {
|
|
@@ -17,10 +18,11 @@ const sizes = {
|
|
|
17
18
|
*
|
|
18
19
|
* @summary status/list marker dot
|
|
19
20
|
*/
|
|
20
|
-
const Dot = ({ size = 'md', ...props }) => {
|
|
21
|
+
const Dot = ({ size = 'md', 'data-testid': dataTestId, ...props }) => {
|
|
22
|
+
const dotTestId = useResolvedTestId({ testId: dataTestId, segment: 'dot', rootName: 'dot' });
|
|
21
23
|
return (
|
|
22
24
|
// biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
|
|
23
|
-
jsx("svg", { width: sizes[size].wh, height: sizes[size].wh, viewBox: `0 0 ${sizes[size].wh} ${sizes[size].wh}`, fill: "none", ...props, children: jsx("circle", { cx: sizes[size].c, cy: sizes[size].c, r: sizes[size].r, fill: "currentColor", stroke: "currentColor" }) }));
|
|
25
|
+
jsx("svg", { width: sizes[size].wh, height: sizes[size].wh, viewBox: `0 0 ${sizes[size].wh} ${sizes[size].wh}`, fill: "none", ...props, "data-testid": dotTestId, children: jsx("circle", { cx: sizes[size].c, cy: sizes[size].c, r: sizes[size].r, fill: "currentColor", stroke: "currentColor" }) }));
|
|
24
26
|
};
|
|
25
27
|
|
|
26
28
|
export { Dot };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Dot/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Dot/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAKA,MAAM,KAAK,GAAG;AACZ,IAAA,EAAE,EAAE;AACF,QAAA,EAAE,EAAE,CAAC;AACL,QAAA,CAAC,EAAE,CAAC;AACJ,QAAA,CAAC,EAAE,GAAG;AACP,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,CAAC,EAAE,CAAC;AACJ,QAAA,CAAC,EAAE,CAAC;AACL,KAAA;CACF;AAQD;;;;AAIG;AACI,MAAM,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAY,KAAI;AACpF,IAAA,MAAM,SAAS,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAE5F;;AAEE,IAAAA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EACrB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EACtB,OAAO,EAAE,CAAA,IAAA,EAAO,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAA,CAAE,EAClD,IAAI,EAAC,MAAM,EAAA,GACP,KAAK,EAAA,aAAA,EACI,SAAS,YAEtBA,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,cAAc,EAAA,CAAG,EAAA,CACxG;AAEV;;;;"}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
5
5
|
var isReactComponent = require('@flipdish/ui-library/utilities/isReactComponent');
|
|
6
|
+
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
6
7
|
var React = require('react');
|
|
7
8
|
|
|
8
9
|
const iconsSizes = {
|
|
@@ -120,8 +121,9 @@ const styles = cx.sortCx({
|
|
|
120
121
|
* @summary icon container for features, empty states, and status messages
|
|
121
122
|
*/
|
|
122
123
|
const FeaturedIcon = (props) => {
|
|
123
|
-
const { size = 'sm', theme: variant = 'light', color = 'brand', icon: Icon, ...otherProps } = props;
|
|
124
|
-
|
|
124
|
+
const { size = 'sm', theme: variant = 'light', color = 'brand', icon: Icon, 'data-testid': dataTestId, ...otherProps } = props;
|
|
125
|
+
const featuredIconTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'featured-icon', rootName: 'featured-icon' });
|
|
126
|
+
return (jsxRuntime.jsxs("div", { ...otherProps, "data-featured-icon": true, "data-testid": featuredIconTestId, className: cx.cx('relative flex shrink-0 items-center justify-center', iconsSizes[size], styles[variant].base, styles[variant].sizes[size], styles[variant].colors[color], props.className), children: [isReactComponent.isReactComponent(Icon) && jsxRuntime.jsx(Icon, { "data-icon": true, className: "z-1" }), React.isValidElement(Icon) && jsxRuntime.jsx("div", { className: "z-1", children: Icon }), props.children] }));
|
|
125
127
|
};
|
|
126
128
|
|
|
127
129
|
exports.FeaturedIcon = FeaturedIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/FeaturedIcon/index.tsx"],"sourcesContent":[null],"names":["sortCx","_jsxs","cx","isReactComponent","_jsx","isValidElement"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/FeaturedIcon/index.tsx"],"sourcesContent":[null],"names":["sortCx","useResolvedTestId","_jsxs","cx","isReactComponent","_jsx","isValidElement"],"mappings":"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"}
|
|
@@ -9,6 +9,8 @@ export interface FeaturedIconProps {
|
|
|
9
9
|
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
10
10
|
color?: 'brand' | 'gray' | 'success' | 'warning' | 'error';
|
|
11
11
|
theme?: 'light' | 'gradient' | 'dark' | 'outline' | 'modern' | 'modern-neue';
|
|
12
|
+
/** Overrides the `data-testid` (defaults to `fd-featured-icon`). */
|
|
13
|
+
'data-testid'?: string;
|
|
12
14
|
}
|
|
13
15
|
/**
|
|
14
16
|
* Displays an icon inside a styled container to visually anchor features,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/FeaturedIcon/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/FeaturedIcon/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAqHhD,MAAM,WAAW,iBAAiB;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3D,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;IAC7E,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,gCA0BpD,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
|
|
3
3
|
import { isReactComponent } from '@flipdish/ui-library/utilities/isReactComponent';
|
|
4
|
+
import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
4
5
|
import { isValidElement } from 'react';
|
|
5
6
|
|
|
6
7
|
const iconsSizes = {
|
|
@@ -118,8 +119,9 @@ const styles = sortCx({
|
|
|
118
119
|
* @summary icon container for features, empty states, and status messages
|
|
119
120
|
*/
|
|
120
121
|
const FeaturedIcon = (props) => {
|
|
121
|
-
const { size = 'sm', theme: variant = 'light', color = 'brand', icon: Icon, ...otherProps } = props;
|
|
122
|
-
|
|
122
|
+
const { size = 'sm', theme: variant = 'light', color = 'brand', icon: Icon, 'data-testid': dataTestId, ...otherProps } = props;
|
|
123
|
+
const featuredIconTestId = useResolvedTestId({ testId: dataTestId, segment: 'featured-icon', rootName: 'featured-icon' });
|
|
124
|
+
return (jsxs("div", { ...otherProps, "data-featured-icon": true, "data-testid": featuredIconTestId, className: cx('relative flex shrink-0 items-center justify-center', iconsSizes[size], styles[variant].base, styles[variant].sizes[size], styles[variant].colors[color], props.className), children: [isReactComponent(Icon) && jsx(Icon, { "data-icon": true, className: "z-1" }), isValidElement(Icon) && jsx("div", { className: "z-1", children: Icon }), props.children] }));
|
|
123
125
|
};
|
|
124
126
|
|
|
125
127
|
export { FeaturedIcon };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/FeaturedIcon/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/FeaturedIcon/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
4
5
|
var utils = require('@react-aria/utils');
|
|
5
6
|
var React = require('react');
|
|
6
7
|
|
|
@@ -10,9 +11,10 @@ var React = require('react');
|
|
|
10
11
|
* @summary wraps any pressable element to open the OS file picker
|
|
11
12
|
*/
|
|
12
13
|
const FileTrigger = (props) => {
|
|
13
|
-
const { children, onSelect, acceptedFileTypes, allowsMultiple, defaultCamera, acceptDirectory, ...rest } = props;
|
|
14
|
+
const { children, onSelect, acceptedFileTypes, allowsMultiple, defaultCamera, acceptDirectory, 'data-testid': dataTestId, ...rest } = props;
|
|
14
15
|
const inputRef = React.useRef(null);
|
|
15
16
|
const domProps = utils.filterDOMProps(rest);
|
|
17
|
+
const testId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'file-trigger', rootName: 'file-trigger' });
|
|
16
18
|
// Make sure that only one child is passed to the component.
|
|
17
19
|
const clonableElement = React.Children.only(children);
|
|
18
20
|
// Clone the child element and add an `onClick` handler to open the file dialog.
|
|
@@ -24,7 +26,7 @@ const FileTrigger = (props) => {
|
|
|
24
26
|
inputRef.current?.click();
|
|
25
27
|
},
|
|
26
28
|
});
|
|
27
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [mainElement, jsxRuntime.jsx("input", { ...domProps, type: "file", ref: inputRef, style: { display: 'none' }, accept: acceptedFileTypes?.toString(), onChange: (e) => onSelect?.(e.target.files), capture: defaultCamera, multiple: allowsMultiple,
|
|
29
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [mainElement, jsxRuntime.jsx("input", { ...domProps, "data-testid": testId, type: "file", ref: inputRef, style: { display: 'none' }, accept: acceptedFileTypes?.toString(), onChange: (e) => onSelect?.(e.target.files), capture: defaultCamera, multiple: allowsMultiple,
|
|
28
30
|
// @ts-expect-error
|
|
29
31
|
webkitdirectory: acceptDirectory ? '' : undefined })] }));
|
|
30
32
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/FileTrigger/index.tsx"],"sourcesContent":[null],"names":["useRef","filterDOMProps","cloneElement","_jsxs","_Fragment","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/FileTrigger/index.tsx"],"sourcesContent":[null],"names":["useRef","filterDOMProps","useResolvedTestId","cloneElement","_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;AAoCA;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,KAAuB,KAAI;IACrD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAE3I,IAAA,MAAM,QAAQ,GAAGA,YAAM,CAA0B,IAAI,CAAC;AACtD,IAAA,MAAM,QAAQ,GAAGC,oBAAc,CAAC,IAAI,CAAC;AACrC,IAAA,MAAM,MAAM,GAAGC,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;;IAG3G,MAAM,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAGrD,IAAA,MAAM,WAAW,GAAGC,kBAAY,CAAC,eAAqF,EAAE;QACtH,OAAO,EAAE,MAAK;AACZ,YAAA,IAAI,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE;AAC3B,gBAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE;YAC7B;AACA,YAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE;QAC3B,CAAC;AACF,KAAA,CAAC;IAEF,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACG,WAAW,EACZC,cAAA,CAAA,OAAA,EAAA,EAAA,GACM,QAAQ,EAAA,aAAA,EACC,MAAM,EACnB,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,MAAM,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EACrC,QAAQ,EAAE,CAAC,CAAC,KAAK,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3C,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,cAAc;;AAExB,gBAAA,eAAe,EAAE,eAAe,GAAG,EAAE,GAAG,SAAS,EAAA,CACjD,CAAA,EAAA,CACD;AAEP;;;;"}
|
|
@@ -25,6 +25,8 @@ export interface FileTriggerProps {
|
|
|
25
25
|
* Enables the selection of directories instead of individual files.
|
|
26
26
|
*/
|
|
27
27
|
acceptDirectory?: boolean;
|
|
28
|
+
/** Overrides the `data-testid` (defaults to `fd-file-trigger`). Lands on the hidden `<input type="file">`, not the cloned child. */
|
|
29
|
+
'data-testid'?: string;
|
|
28
30
|
}
|
|
29
31
|
/**
|
|
30
32
|
* A FileTrigger allows a user to access the file system with any pressable React Aria or React Spectrum component, or custom components built with usePress.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/FileTrigger/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/FileTrigger/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAA4C,SAAS,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAClC;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oIAAoI;IACpI,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAsClD,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
2
3
|
import { filterDOMProps } from '@react-aria/utils';
|
|
3
4
|
import React, { useRef, cloneElement } from 'react';
|
|
4
5
|
|
|
@@ -8,9 +9,10 @@ import React, { useRef, cloneElement } from 'react';
|
|
|
8
9
|
* @summary wraps any pressable element to open the OS file picker
|
|
9
10
|
*/
|
|
10
11
|
const FileTrigger = (props) => {
|
|
11
|
-
const { children, onSelect, acceptedFileTypes, allowsMultiple, defaultCamera, acceptDirectory, ...rest } = props;
|
|
12
|
+
const { children, onSelect, acceptedFileTypes, allowsMultiple, defaultCamera, acceptDirectory, 'data-testid': dataTestId, ...rest } = props;
|
|
12
13
|
const inputRef = useRef(null);
|
|
13
14
|
const domProps = filterDOMProps(rest);
|
|
15
|
+
const testId = useResolvedTestId({ testId: dataTestId, segment: 'file-trigger', rootName: 'file-trigger' });
|
|
14
16
|
// Make sure that only one child is passed to the component.
|
|
15
17
|
const clonableElement = React.Children.only(children);
|
|
16
18
|
// Clone the child element and add an `onClick` handler to open the file dialog.
|
|
@@ -22,7 +24,7 @@ const FileTrigger = (props) => {
|
|
|
22
24
|
inputRef.current?.click();
|
|
23
25
|
},
|
|
24
26
|
});
|
|
25
|
-
return (jsxs(Fragment, { children: [mainElement, jsx("input", { ...domProps, type: "file", ref: inputRef, style: { display: 'none' }, accept: acceptedFileTypes?.toString(), onChange: (e) => onSelect?.(e.target.files), capture: defaultCamera, multiple: allowsMultiple,
|
|
27
|
+
return (jsxs(Fragment, { children: [mainElement, jsx("input", { ...domProps, "data-testid": testId, type: "file", ref: inputRef, style: { display: 'none' }, accept: acceptedFileTypes?.toString(), onChange: (e) => onSelect?.(e.target.files), capture: defaultCamera, multiple: allowsMultiple,
|
|
26
28
|
// @ts-expect-error
|
|
27
29
|
webkitdirectory: acceptDirectory ? '' : undefined })] }));
|
|
28
30
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/FileTrigger/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/FileTrigger/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;AAoCA;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,KAAuB,KAAI;IACrD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAE3I,IAAA,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC;AACtD,IAAA,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC;AACrC,IAAA,MAAM,MAAM,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;;IAG3G,MAAM,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAGrD,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,eAAqF,EAAE;QACtH,OAAO,EAAE,MAAK;AACZ,YAAA,IAAI,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE;AAC3B,gBAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE;YAC7B;AACA,YAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE;QAC3B,CAAC;AACF,KAAA,CAAC;IAEF,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,WAAW,EACZC,GAAA,CAAA,OAAA,EAAA,EAAA,GACM,QAAQ,EAAA,aAAA,EACC,MAAM,EACnB,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,MAAM,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EACrC,QAAQ,EAAE,CAAC,CAAC,KAAK,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3C,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,cAAc;;AAExB,gBAAA,eAAe,EAAE,eAAe,GAAG,EAAE,GAAG,SAAS,EAAA,CACjD,CAAA,EAAA,CACD;AAEP;;;;"}
|
|
@@ -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 flipdishLogo_paths = require('./flipdish-logo.paths.cjs');
|
|
6
7
|
|
|
7
8
|
const LOCKUPS = {
|
|
@@ -34,9 +35,10 @@ const TONE_CLASS = {
|
|
|
34
35
|
*
|
|
35
36
|
* @summary official Flipdish icon mark and wordmark
|
|
36
37
|
*/
|
|
37
|
-
const FlipdishLogo = ({ className, variant = 'full', size = 'md', tone = 'default', ...props }) => {
|
|
38
|
+
const FlipdishLogo = ({ className, variant = 'full', size = 'md', tone = 'default', 'data-testid': dataTestId, ...props }) => {
|
|
38
39
|
const { paths, viewBox, label } = LOCKUPS[variant];
|
|
39
|
-
|
|
40
|
+
const flipdishLogoTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'flipdish-logo', rootName: 'flipdish-logo' });
|
|
41
|
+
return (jsxRuntime.jsxs("svg", { viewBox: viewBox, fill: "none", role: "img", className: cx.cx('w-auto', SIZE_CLASS[size], TONE_CLASS[tone], className), ...props, "data-testid": flipdishLogoTestId, children: [jsxRuntime.jsx("title", { children: label }), paths.map((d) => (jsxRuntime.jsx("path", { d: d, fill: "currentColor" }, d)))] }));
|
|
40
42
|
};
|
|
41
43
|
|
|
42
44
|
exports.FlipdishLogo = FlipdishLogo;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"sourcesContent":[null],"names":["FLIPDISH_FULL_PATHS","FLIPDISH_FULL_VIEWBOX","FLIPDISH_POWERED_BY_PATHS","FLIPDISH_POWERED_BY_VIEWBOX","FLIPDISH_ICON_PATHS","FLIPDISH_ICON_VIEWBOX","_jsxs","cx","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"sourcesContent":[null],"names":["FLIPDISH_FULL_PATHS","FLIPDISH_FULL_VIEWBOX","FLIPDISH_POWERED_BY_PATHS","FLIPDISH_POWERED_BY_VIEWBOX","FLIPDISH_ICON_PATHS","FLIPDISH_ICON_VIEWBOX","useResolvedTestId","_jsxs","cx","_jsx"],"mappings":";;;;;;;AAcA,MAAM,OAAO,GAAG;AACd,IAAA,IAAI,EAAE,EAAE,KAAK,EAAEA,sCAAmB,EAAE,OAAO,EAAEC,wCAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;AACvF,IAAA,SAAS,EAAE,EAAE,KAAK,EAAEC,4CAAyB,EAAE,OAAO,EAAEC,8CAA2B,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACnH,IAAA,IAAI,EAAE,EAAE,KAAK,EAAEC,sCAAmB,EAAE,OAAO,EAAEC,wCAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;CAC/E;AAEV,MAAM,UAAU,GAAG;;AAEjB,IAAA,EAAE,EAAE,KAAK;;AAET,IAAA,EAAE,EAAE,KAAK;;AAET,IAAA,EAAE,EAAE,MAAM;CACF;AAEV,MAAM,UAAU,GAAG;;AAEjB,IAAA,OAAO,EAAE,iBAAiB;;AAE1B,IAAA,KAAK,EAAE,eAAe;;AAEtB,IAAA,KAAK,EAAE,YAAY;CACX;AA6BV;;;;;;;;AAQG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,SAAS,EAChB,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACU,KAAI;AACtB,IAAA,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;AAClD,IAAA,MAAM,kBAAkB,GAAGC,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC;AAEzH,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,KAAK,EACV,SAAS,EAAEC,KAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAA,GAClE,KAAK,EAAA,aAAA,EACI,kBAAkB,EAAA,QAAA,EAAA,CAE/BC,cAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAQ,KAAK,EAAA,CAAS,EACrB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MACXA,cAAA,CAAA,MAAA,EAAA,EAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,cAAc,EAAA,EAA5B,CAAC,CAA8B,CAC3C,CAAC,CAAA,EAAA,CACE;AAEV;;;;"}
|
|
@@ -55,6 +55,8 @@ export interface FlipdishLogoProps extends Omit<SVGProps<SVGSVGElement>, 'fill'>
|
|
|
55
55
|
* @default 'default'
|
|
56
56
|
*/
|
|
57
57
|
tone?: keyof typeof TONE_CLASS;
|
|
58
|
+
/** Overrides the `data-testid` (defaults to `fd-flipdish-logo`). */
|
|
59
|
+
'data-testid'?: string;
|
|
58
60
|
}
|
|
59
61
|
/**
|
|
60
62
|
* The official Flipdish brand logo — the swift icon mark paired with the
|
|
@@ -65,6 +67,6 @@ export interface FlipdishLogoProps extends Omit<SVGProps<SVGSVGElement>, 'fill'>
|
|
|
65
67
|
*
|
|
66
68
|
* @summary official Flipdish icon mark and wordmark
|
|
67
69
|
*/
|
|
68
|
-
export declare const FlipdishLogo: ({ className, variant, size, tone, ...props }: FlipdishLogoProps) => import("react").JSX.Element;
|
|
70
|
+
export declare const FlipdishLogo: ({ className, variant, size, tone, "data-testid": dataTestId, ...props }: FlipdishLogoProps) => import("react").JSX.Element;
|
|
69
71
|
export {};
|
|
70
72
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAUtC,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;CAIH,CAAC;AAEX,QAAA,MAAM,UAAU;IACd,6DAA6D;;IAE7D,2EAA2E;;IAE3E,mEAAmE;;CAE3D,CAAC;AAEX,QAAA,MAAM,UAAU;IACd,+DAA+D;;IAE/D,4DAA4D;;IAE5D,yCAAyC;;CAEjC,CAAC;AAEX,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAC9E;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,GAAI,yEAO1B,iBAAiB,gCAmBnB,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
|
import { FLIPDISH_ICON_VIEWBOX, FLIPDISH_ICON_PATHS, FLIPDISH_POWERED_BY_VIEWBOX, FLIPDISH_POWERED_BY_PATHS, FLIPDISH_FULL_VIEWBOX, FLIPDISH_FULL_PATHS } from './flipdish-logo.paths.js';
|
|
4
5
|
|
|
5
6
|
const LOCKUPS = {
|
|
@@ -32,9 +33,10 @@ const TONE_CLASS = {
|
|
|
32
33
|
*
|
|
33
34
|
* @summary official Flipdish icon mark and wordmark
|
|
34
35
|
*/
|
|
35
|
-
const FlipdishLogo = ({ className, variant = 'full', size = 'md', tone = 'default', ...props }) => {
|
|
36
|
+
const FlipdishLogo = ({ className, variant = 'full', size = 'md', tone = 'default', 'data-testid': dataTestId, ...props }) => {
|
|
36
37
|
const { paths, viewBox, label } = LOCKUPS[variant];
|
|
37
|
-
|
|
38
|
+
const flipdishLogoTestId = useResolvedTestId({ testId: dataTestId, segment: 'flipdish-logo', rootName: 'flipdish-logo' });
|
|
39
|
+
return (jsxs("svg", { viewBox: viewBox, fill: "none", role: "img", className: cx('w-auto', SIZE_CLASS[size], TONE_CLASS[tone], className), ...props, "data-testid": flipdishLogoTestId, children: [jsx("title", { children: label }), paths.map((d) => (jsx("path", { d: d, fill: "currentColor" }, d)))] }));
|
|
38
40
|
};
|
|
39
41
|
|
|
40
42
|
export { FlipdishLogo };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAcA,MAAM,OAAO,GAAG;AACd,IAAA,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;AACvF,IAAA,SAAS,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,OAAO,EAAE,2BAA2B,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACnH,IAAA,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;CAC/E;AAEV,MAAM,UAAU,GAAG;;AAEjB,IAAA,EAAE,EAAE,KAAK;;AAET,IAAA,EAAE,EAAE,KAAK;;AAET,IAAA,EAAE,EAAE,MAAM;CACF;AAEV,MAAM,UAAU,GAAG;;AAEjB,IAAA,OAAO,EAAE,iBAAiB;;AAE1B,IAAA,KAAK,EAAE,eAAe;;AAEtB,IAAA,KAAK,EAAE,YAAY;CACX;AA6BV;;;;;;;;AAQG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,SAAS,EAChB,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACU,KAAI;AACtB,IAAA,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;AAClD,IAAA,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC;AAEzH,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAA,GAClE,KAAK,EAAA,aAAA,EACI,kBAAkB,EAAA,QAAA,EAAA,CAE/BC,GAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAQ,KAAK,EAAA,CAAS,EACrB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MACXA,GAAA,CAAA,MAAA,EAAA,EAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,cAAc,EAAA,EAA5B,CAAC,CAA8B,CAC3C,CAAC,CAAA,EAAA,CACE;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
|
|
|
6
7
|
const styles = {
|
|
7
8
|
sm: {
|
|
@@ -30,7 +31,8 @@ const styles = {
|
|
|
30
31
|
*
|
|
31
32
|
* @summary in-progress loading spinner
|
|
32
33
|
*/
|
|
33
|
-
const LoadingIndicator = ({ type = 'line-simple', size = 'sm', label }) => {
|
|
34
|
+
const LoadingIndicator = ({ type = 'line-simple', size = 'sm', label, 'data-testid': dataTestId }) => {
|
|
35
|
+
const loadingIndicatorTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'loading-indicator', rootName: 'loading-indicator' });
|
|
34
36
|
const renderSpinner = () => {
|
|
35
37
|
if (type === 'line-spinner') {
|
|
36
38
|
return (
|
|
@@ -47,7 +49,7 @@ const LoadingIndicator = ({ type = 'line-simple', size = 'sm', label }) => {
|
|
|
47
49
|
// biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
|
|
48
50
|
jsxRuntime.jsxs("svg", { className: cx.cx('animate-spin', styles[size].spinner), viewBox: "0 0 32 32", fill: "none", children: [jsxRuntime.jsx("circle", { className: "text-bg-tertiary", cx: "16", cy: "16", r: "14", stroke: "currentColor", strokeWidth: "4" }), jsxRuntime.jsx("circle", { className: "stroke-fg-brand-primary", cx: "16", cy: "16", r: "14", fill: "none", strokeWidth: "4", strokeDashoffset: "75", strokeDasharray: "100", strokeLinecap: "round" })] }));
|
|
49
51
|
};
|
|
50
|
-
return (jsxRuntime.jsxs("div", { className: cx.cx('flex flex-col items-center justify-center', styles[size].root), children: [renderSpinner(), label && jsxRuntime.jsx("span", { className: cx.cx('text-secondary', styles[size].label), children: label })] }));
|
|
52
|
+
return (jsxRuntime.jsxs("div", { "data-testid": loadingIndicatorTestId, className: cx.cx('flex flex-col items-center justify-center', styles[size].root), children: [renderSpinner(), label && jsxRuntime.jsx("span", { className: cx.cx('text-secondary', styles[size].label), children: label })] }));
|
|
51
53
|
};
|
|
52
54
|
|
|
53
55
|
exports.LoadingIndicator = LoadingIndicator;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/LoadingIndicator/index.tsx"],"sourcesContent":[null],"names":["_jsx","cx","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/LoadingIndicator/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","cx","_jsxs"],"mappings":"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"}
|
|
@@ -13,11 +13,13 @@ export interface LoadingIndicatorProps {
|
|
|
13
13
|
* Optional text label displayed below the indicator.
|
|
14
14
|
*/
|
|
15
15
|
label?: string;
|
|
16
|
+
/** Overrides the `data-testid` (defaults to `fd-loading-indicator`). */
|
|
17
|
+
'data-testid'?: string;
|
|
16
18
|
}
|
|
17
19
|
/**
|
|
18
20
|
* Animated spinner shown while content or an action is in progress, with an optional label.
|
|
19
21
|
*
|
|
20
22
|
* @summary in-progress loading spinner
|
|
21
23
|
*/
|
|
22
|
-
export declare const LoadingIndicator: ({ type, size, label }: LoadingIndicatorProps) => import("react").JSX.Element;
|
|
24
|
+
export declare const LoadingIndicator: ({ type, size, label, "data-testid": dataTestId }: LoadingIndicatorProps) => import("react").JSX.Element;
|
|
23
25
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/LoadingIndicator/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/LoadingIndicator/index.tsx"],"names":[],"mappings":"AA4BA,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,YAAY,CAAC;IACrD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,kDAAyE,qBAAqB,gCAmF9H,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
|
const styles = {
|
|
5
6
|
sm: {
|
|
@@ -28,7 +29,8 @@ const styles = {
|
|
|
28
29
|
*
|
|
29
30
|
* @summary in-progress loading spinner
|
|
30
31
|
*/
|
|
31
|
-
const LoadingIndicator = ({ type = 'line-simple', size = 'sm', label }) => {
|
|
32
|
+
const LoadingIndicator = ({ type = 'line-simple', size = 'sm', label, 'data-testid': dataTestId }) => {
|
|
33
|
+
const loadingIndicatorTestId = useResolvedTestId({ testId: dataTestId, segment: 'loading-indicator', rootName: 'loading-indicator' });
|
|
32
34
|
const renderSpinner = () => {
|
|
33
35
|
if (type === 'line-spinner') {
|
|
34
36
|
return (
|
|
@@ -45,7 +47,7 @@ const LoadingIndicator = ({ type = 'line-simple', size = 'sm', label }) => {
|
|
|
45
47
|
// biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
|
|
46
48
|
jsxs("svg", { className: cx('animate-spin', styles[size].spinner), viewBox: "0 0 32 32", fill: "none", children: [jsx("circle", { className: "text-bg-tertiary", cx: "16", cy: "16", r: "14", stroke: "currentColor", strokeWidth: "4" }), jsx("circle", { className: "stroke-fg-brand-primary", cx: "16", cy: "16", r: "14", fill: "none", strokeWidth: "4", strokeDashoffset: "75", strokeDasharray: "100", strokeLinecap: "round" })] }));
|
|
47
49
|
};
|
|
48
|
-
return (jsxs("div", { className: cx('flex flex-col items-center justify-center', styles[size].root), children: [renderSpinner(), label && jsx("span", { className: cx('text-secondary', styles[size].label), children: label })] }));
|
|
50
|
+
return (jsxs("div", { "data-testid": loadingIndicatorTestId, className: cx('flex flex-col items-center justify-center', styles[size].root), children: [renderSpinner(), label && jsx("span", { className: cx('text-secondary', styles[size].label), children: label })] }));
|
|
49
51
|
};
|
|
50
52
|
|
|
51
53
|
export { LoadingIndicator };
|