@ebay/ui-core-react 5.6.2 → 5.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -32
- package/common/component-utils/forwardRef.js +9 -4
- package/common/component-utils/index.js +6 -2
- package/common/component-utils/usePrevious.js +2 -2
- package/common/debounce.js +9 -7
- package/common/event-utils/index.d.ts +2 -2
- package/common/event-utils/index.d.ts.map +1 -1
- package/common/event-utils/types.d.ts +10 -10
- package/common/event-utils/types.d.ts.map +1 -1
- package/common/event-utils/use-key-press.js +3 -3
- package/common/event-utils/use-roving-index.d.ts.map +1 -1
- package/common/event-utils/use-roving-index.js +12 -10
- package/common/floating-label-utils/hooks.d.ts +3 -3
- package/common/floating-label-utils/hooks.d.ts.map +1 -1
- package/common/floating-label-utils/hooks.js +22 -18
- package/common/notice-utils/notice-content.d.ts +1 -1
- package/common/notice-utils/notice-content.d.ts.map +1 -1
- package/common/notice-utils/notice-content.js +1 -1
- package/common/notice-utils/notice-cta.d.ts +1 -1
- package/common/notice-utils/notice-cta.d.ts.map +1 -1
- package/common/notice-utils/notice-cta.js +1 -1
- package/common/notice-utils/notice-footer.d.ts +1 -1
- package/common/notice-utils/notice-footer.d.ts.map +1 -1
- package/common/notice-utils/notice-footer.js +1 -1
- package/common/notice-utils/notice-title.d.ts +1 -1
- package/common/notice-utils/notice-title.d.ts.map +1 -1
- package/common/notice-utils/notice-title.js +1 -1
- package/common/random-id.js +2 -1
- package/common/range.js +2 -1
- package/common/tooltip-utils/index.js +8 -4
- package/common/tooltip-utils/tooltip-content.d.ts +1 -1
- package/common/tooltip-utils/tooltip-content.d.ts.map +1 -1
- package/common/tooltip-utils/tooltip-content.js +9 -9
- package/common/tooltip-utils/tooltip-footer.d.ts +1 -1
- package/common/tooltip-utils/tooltip-footer.d.ts.map +1 -1
- package/common/tooltip-utils/tooltip-footer.js +1 -1
- package/common/tooltip-utils/tooltip-host.d.ts +1 -1
- package/common/tooltip-utils/tooltip-host.d.ts.map +1 -1
- package/common/tooltip-utils/tooltip-host.js +1 -1
- package/common/tooltip-utils/tooltip.d.ts +2 -2
- package/common/tooltip-utils/tooltip.d.ts.map +1 -1
- package/common/tooltip-utils/tooltip.js +12 -8
- package/common/tooltip-utils/types.d.ts +2 -2
- package/common/tooltip-utils/types.d.ts.map +1 -1
- package/common/tooltip-utils/use-tooltip.d.ts +2 -2
- package/common/tooltip-utils/use-tooltip.d.ts.map +1 -1
- package/common/tooltip-utils/use-tooltip.js +3 -2
- package/ebay-alert-dialog/alert-dialog.js +8 -4
- package/ebay-alert-dialog/index.js +5 -1
- package/ebay-badge/badge.d.ts +2 -2
- package/ebay-badge/badge.d.ts.map +1 -1
- package/ebay-badge/badge.js +1 -1
- package/ebay-badge/index.js +5 -1
- package/ebay-breadcrumbs/breadcrumb-item.d.ts +2 -2
- package/ebay-breadcrumbs/breadcrumb-item.d.ts.map +1 -1
- package/ebay-breadcrumbs/breadcrumbs.d.ts +1 -1
- package/ebay-breadcrumbs/breadcrumbs.d.ts.map +1 -1
- package/ebay-breadcrumbs/breadcrumbs.js +9 -5
- package/ebay-breadcrumbs/index.js +6 -2
- package/ebay-button/button-cell.d.ts +2 -2
- package/ebay-button/button-cell.d.ts.map +1 -1
- package/ebay-button/button-cell.js +1 -1
- package/ebay-button/button-text.d.ts +1 -1
- package/ebay-button/button-text.d.ts.map +1 -1
- package/ebay-button/button-text.js +1 -1
- package/ebay-button/button.d.ts +3 -3
- package/ebay-button/button.d.ts.map +1 -1
- package/ebay-button/button.js +14 -10
- package/ebay-button/index.js +6 -2
- package/ebay-button/types.d.ts +5 -5
- package/ebay-button/types.d.ts.map +1 -1
- package/ebay-carousel/carousel-control-button.d.ts +1 -1
- package/ebay-carousel/carousel-control-button.d.ts.map +1 -1
- package/ebay-carousel/carousel-control-button.js +2 -2
- package/ebay-carousel/carousel-item.d.ts +3 -3
- package/ebay-carousel/carousel-item.d.ts.map +1 -1
- package/ebay-carousel/carousel-item.js +11 -7
- package/ebay-carousel/carousel-list.d.ts +1 -1
- package/ebay-carousel/carousel-list.d.ts.map +1 -1
- package/ebay-carousel/carousel-list.js +18 -14
- package/ebay-carousel/carousel.d.ts +1 -1
- package/ebay-carousel/carousel.d.ts.map +1 -1
- package/ebay-carousel/carousel.js +23 -19
- package/ebay-carousel/helpers.d.ts.map +1 -1
- package/ebay-carousel/helpers.js +19 -13
- package/ebay-carousel/index.js +6 -2
- package/ebay-carousel/scroll-to-transition.d.ts +1 -1
- package/ebay-carousel/scroll-to-transition.d.ts.map +1 -1
- package/ebay-carousel/types.d.ts +4 -4
- package/ebay-carousel/types.d.ts.map +1 -1
- package/ebay-checkbox/checkbox.d.ts +3 -3
- package/ebay-checkbox/checkbox.d.ts.map +1 -1
- package/ebay-checkbox/checkbox.js +10 -6
- package/ebay-checkbox/index.js +5 -1
- package/ebay-confirm-dialog/confirm-dialog.js +8 -4
- package/ebay-confirm-dialog/index.js +5 -1
- package/ebay-cta-button/cta-button.d.ts +3 -3
- package/ebay-cta-button/cta-button.d.ts.map +1 -1
- package/ebay-cta-button/cta-button.js +2 -2
- package/ebay-cta-button/index.js +5 -1
- package/ebay-dialog-base/components/animation.d.ts +1 -1
- package/ebay-dialog-base/components/animation.d.ts.map +1 -1
- package/ebay-dialog-base/components/animation.js +5 -5
- package/ebay-dialog-base/components/dialog-actions.d.ts +1 -1
- package/ebay-dialog-base/components/dialog-actions.d.ts.map +1 -1
- package/ebay-dialog-base/components/dialog-footer.d.ts +1 -1
- package/ebay-dialog-base/components/dialog-footer.d.ts.map +1 -1
- package/ebay-dialog-base/components/dialog-header.d.ts +1 -1
- package/ebay-dialog-base/components/dialog-header.d.ts.map +1 -1
- package/ebay-dialog-base/components/dialog-previous-button.d.ts +1 -1
- package/ebay-dialog-base/components/dialog-previous-button.d.ts.map +1 -1
- package/ebay-dialog-base/components/dialog-previous-button.js +1 -1
- package/ebay-dialog-base/components/dialogBase.d.ts +3 -3
- package/ebay-dialog-base/components/dialogBase.d.ts.map +1 -1
- package/ebay-dialog-base/components/dialogBase.js +28 -23
- package/ebay-dialog-base/dialog-base-with-state.d.ts.map +1 -1
- package/ebay-dialog-base/dialog-base-with-state.js +8 -3
- package/ebay-dialog-base/index.js +10 -6
- package/ebay-drawer-dialog/components/drawer.js +11 -7
- package/ebay-drawer-dialog/index.js +5 -1
- package/ebay-eek/eek-rating.d.ts +1 -1
- package/ebay-eek/eek-rating.d.ts.map +1 -1
- package/ebay-eek/eek-rating.js +3 -3
- package/ebay-eek/index.js +5 -1
- package/ebay-fake-menu/index.js +7 -3
- package/ebay-fake-menu/menu-item-separator.d.ts +1 -1
- package/ebay-fake-menu/menu-item-separator.d.ts.map +1 -1
- package/ebay-fake-menu/menu-item-separator.js +1 -1
- package/ebay-fake-menu/menu-item.d.ts +1 -1
- package/ebay-fake-menu/menu-item.d.ts.map +1 -1
- package/ebay-fake-menu/menu-item.js +9 -5
- package/ebay-fake-menu/menu.d.ts +2 -2
- package/ebay-fake-menu/menu.d.ts.map +1 -1
- package/ebay-fake-menu/menu.js +8 -4
- package/ebay-fake-menu-button/index.js +8 -4
- package/ebay-fake-menu-button/menu-button-separator.d.ts +1 -1
- package/ebay-fake-menu-button/menu-button-separator.d.ts.map +1 -1
- package/ebay-fake-menu-button/menu-button-separator.js +1 -1
- package/ebay-fake-menu-button/menu-button.d.ts +4 -4
- package/ebay-fake-menu-button/menu-button.d.ts.map +1 -1
- package/ebay-fake-menu-button/menu-button.js +20 -16
- package/ebay-fake-tabs/fake-tabs.d.ts +1 -1
- package/ebay-fake-tabs/fake-tabs.d.ts.map +1 -1
- package/ebay-fake-tabs/fake-tabs.js +10 -6
- package/ebay-fake-tabs/index.js +6 -2
- package/ebay-fake-tabs/tab.d.ts +1 -1
- package/ebay-fake-tabs/tab.d.ts.map +1 -1
- package/ebay-fake-tabs/tab.js +1 -1
- package/ebay-field/description.d.ts +1 -1
- package/ebay-field/description.d.ts.map +1 -1
- package/ebay-field/description.js +1 -1
- package/ebay-field/field.d.ts +1 -1
- package/ebay-field/field.d.ts.map +1 -1
- package/ebay-field/field.js +1 -1
- package/ebay-field/index.js +7 -3
- package/ebay-field/label.d.ts +1 -1
- package/ebay-field/label.d.ts.map +1 -1
- package/ebay-field/label.js +1 -1
- package/ebay-field/types.d.ts +4 -4
- package/ebay-field/types.d.ts.map +1 -1
- package/ebay-fullscreen-dialog/fullscreen-dialog.js +1 -1
- package/ebay-fullscreen-dialog/index.js +5 -1
- package/ebay-icon/icon.d.ts +3 -3
- package/ebay-icon/icon.d.ts.map +1 -1
- package/ebay-icon/icon.js +15 -11
- package/ebay-icon/index.js +5 -1
- package/ebay-icon/types.d.ts +1 -1
- package/ebay-icon/types.d.ts.map +1 -1
- package/ebay-icon-button/icon-button.d.ts +5 -5
- package/ebay-icon-button/icon-button.d.ts.map +1 -1
- package/ebay-icon-button/icon-button.js +4 -4
- package/ebay-icon-button/index.js +5 -1
- package/ebay-infotip/ebay-infotip-heading.d.ts +1 -1
- package/ebay-infotip/ebay-infotip-heading.d.ts.map +1 -1
- package/ebay-infotip/ebay-infotip-heading.js +1 -1
- package/ebay-infotip/ebay-infotip-host.d.ts +2 -2
- package/ebay-infotip/ebay-infotip-host.d.ts.map +1 -1
- package/ebay-infotip/ebay-infotip-host.js +2 -2
- package/ebay-infotip/ebay-infotip.d.ts +1 -1
- package/ebay-infotip/ebay-infotip.d.ts.map +1 -1
- package/ebay-infotip/ebay-infotip.js +14 -11
- package/ebay-infotip/index.js +8 -4
- package/ebay-infotip/types.d.ts +1 -1
- package/ebay-infotip/types.d.ts.map +1 -1
- package/ebay-inline-notice/index.js +5 -1
- package/ebay-inline-notice/inline-notice.d.ts +1 -1
- package/ebay-inline-notice/inline-notice.d.ts.map +1 -1
- package/ebay-inline-notice/inline-notice.js +10 -6
- package/ebay-inline-notice/types.d.ts +1 -1
- package/ebay-inline-notice/types.d.ts.map +1 -1
- package/ebay-lightbox-dialog/index.js +5 -1
- package/ebay-lightbox-dialog/lightbox-dialog.d.ts +1 -1
- package/ebay-lightbox-dialog/lightbox-dialog.d.ts.map +1 -1
- package/ebay-lightbox-dialog/lightbox-dialog.js +2 -2
- package/ebay-listbox-button/index.js +6 -2
- package/ebay-listbox-button/listbox-button-option.d.ts +1 -1
- package/ebay-listbox-button/listbox-button-option.d.ts.map +1 -1
- package/ebay-listbox-button/listbox-button-option.js +2 -2
- package/ebay-listbox-button/listbox-button.d.ts +2 -2
- package/ebay-listbox-button/listbox-button.d.ts.map +1 -1
- package/ebay-listbox-button/listbox-button.js +22 -18
- package/ebay-menu/index.js +13 -5
- package/ebay-menu/menu-item-separator.d.ts +1 -1
- package/ebay-menu/menu-item-separator.d.ts.map +1 -1
- package/ebay-menu/menu-item-separator.js +1 -1
- package/ebay-menu/menu-item.d.ts +1 -1
- package/ebay-menu/menu-item.d.ts.map +1 -1
- package/ebay-menu/menu-item.js +9 -5
- package/ebay-menu/menu.d.ts +1 -1
- package/ebay-menu/menu.js +23 -17
- package/ebay-menu/types.d.ts +10 -10
- package/ebay-menu/types.d.ts.map +1 -1
- package/ebay-menu-button/index.js +14 -6
- package/ebay-menu-button/menu-button-separator.d.ts +1 -1
- package/ebay-menu-button/menu-button-separator.d.ts.map +1 -1
- package/ebay-menu-button/menu-button-separator.js +1 -1
- package/ebay-menu-button/menu-button.d.ts +3 -3
- package/ebay-menu-button/menu-button.d.ts.map +1 -1
- package/ebay-menu-button/menu-button.js +21 -17
- package/ebay-menu-button/types.d.ts +1 -1
- package/ebay-menu-button/types.d.ts.map +1 -1
- package/ebay-notice-base/components/ebay-notice-content/index.js +5 -1
- package/ebay-notice-base/components/ebay-notice-content/notice-content.d.ts +1 -1
- package/ebay-notice-base/components/ebay-notice-content/notice-content.d.ts.map +1 -1
- package/ebay-notice-base/components/ebay-notice-title/index.js +5 -1
- package/ebay-notice-base/index.js +1 -0
- package/ebay-page-notice/index.js +8 -4
- package/ebay-page-notice/page-notice-cta.d.ts +1 -1
- package/ebay-page-notice/page-notice-cta.d.ts.map +1 -1
- package/ebay-page-notice/page-notice-footer.d.ts +1 -1
- package/ebay-page-notice/page-notice-footer.d.ts.map +1 -1
- package/ebay-page-notice/page-notice-title.d.ts +1 -1
- package/ebay-page-notice/page-notice-title.d.ts.map +1 -1
- package/ebay-page-notice/page-notice.d.ts +2 -2
- package/ebay-page-notice/page-notice.d.ts.map +1 -1
- package/ebay-page-notice/page-notice.js +10 -6
- package/ebay-pagination/index.js +6 -2
- package/ebay-pagination/pagination-item.d.ts +4 -4
- package/ebay-pagination/pagination-item.d.ts.map +1 -1
- package/ebay-pagination/pagination-item.js +3 -3
- package/ebay-pagination/pagination.d.ts +1 -1
- package/ebay-pagination/pagination.d.ts.map +1 -1
- package/ebay-pagination/pagination.js +38 -26
- package/ebay-pagination/types.d.ts +2 -2
- package/ebay-pagination/types.d.ts.map +1 -1
- package/ebay-panel-dialog/index.js +5 -1
- package/ebay-panel-dialog/panel-dialog.d.ts +1 -1
- package/ebay-panel-dialog/panel-dialog.d.ts.map +1 -1
- package/ebay-panel-dialog/panel-dialog.js +2 -2
- package/ebay-progress-bar/index.js +5 -1
- package/ebay-progress-bar/progress-bar.d.ts +1 -1
- package/ebay-progress-bar/progress-bar.d.ts.map +1 -1
- package/ebay-progress-bar/progress-bar.js +1 -1
- package/ebay-progress-spinner/index.js +5 -1
- package/ebay-progress-spinner/progress-spinner.d.ts +3 -3
- package/ebay-progress-spinner/progress-spinner.d.ts.map +1 -1
- package/ebay-progress-spinner/progress-spinner.js +1 -1
- package/ebay-progress-stepper/ebay-progress-step.d.ts +1 -1
- package/ebay-progress-stepper/ebay-progress-step.d.ts.map +1 -1
- package/ebay-progress-stepper/ebay-progress-step.js +7 -3
- package/ebay-progress-stepper/ebay-progress-stepper.d.ts +1 -1
- package/ebay-progress-stepper/ebay-progress-stepper.d.ts.map +1 -1
- package/ebay-progress-stepper/ebay-progress-stepper.js +8 -4
- package/ebay-progress-stepper/ebay-progress-title.d.ts +1 -1
- package/ebay-progress-stepper/ebay-progress-title.d.ts.map +1 -1
- package/ebay-progress-stepper/ebay-progress-title.js +1 -1
- package/ebay-progress-stepper/index.js +7 -3
- package/ebay-progress-stepper/types.d.ts +2 -2
- package/ebay-progress-stepper/types.d.ts.map +1 -1
- package/ebay-radio/index.js +5 -1
- package/ebay-radio/radio.d.ts +3 -3
- package/ebay-radio/radio.d.ts.map +1 -1
- package/ebay-radio/radio.js +8 -4
- package/ebay-section-notice/index.js +7 -3
- package/ebay-section-notice/section-notice-footer.d.ts +1 -1
- package/ebay-section-notice/section-notice-footer.d.ts.map +1 -1
- package/ebay-section-notice/section-notice-title.d.ts +1 -1
- package/ebay-section-notice/section-notice-title.d.ts.map +1 -1
- package/ebay-section-notice/section-notice.d.ts +2 -2
- package/ebay-section-notice/section-notice.d.ts.map +1 -1
- package/ebay-section-notice/section-notice.js +12 -8
- package/ebay-section-title/cta.d.ts +1 -1
- package/ebay-section-title/cta.d.ts.map +1 -1
- package/ebay-section-title/cta.js +1 -1
- package/ebay-section-title/index.js +9 -5
- package/ebay-section-title/info.d.ts +1 -1
- package/ebay-section-title/info.d.ts.map +1 -1
- package/ebay-section-title/info.js +1 -1
- package/ebay-section-title/overflow.d.ts +1 -1
- package/ebay-section-title/overflow.d.ts.map +1 -1
- package/ebay-section-title/overflow.js +1 -1
- package/ebay-section-title/section-title.d.ts +1 -1
- package/ebay-section-title/section-title.d.ts.map +1 -1
- package/ebay-section-title/section-title.js +5 -5
- package/ebay-section-title/subtitle.d.ts +1 -1
- package/ebay-section-title/subtitle.d.ts.map +1 -1
- package/ebay-section-title/subtitle.js +1 -1
- package/ebay-section-title/title.d.ts +1 -1
- package/ebay-section-title/title.d.ts.map +1 -1
- package/ebay-section-title/title.js +1 -1
- package/ebay-select/ebay-select-option.d.ts +1 -1
- package/ebay-select/ebay-select-option.d.ts.map +1 -1
- package/ebay-select/ebay-select.d.ts +3 -3
- package/ebay-select/ebay-select.d.ts.map +1 -1
- package/ebay-select/ebay-select.js +12 -8
- package/ebay-select/index.js +6 -2
- package/ebay-signal/index.js +5 -1
- package/ebay-signal/signal.d.ts +2 -2
- package/ebay-signal/signal.d.ts.map +1 -1
- package/ebay-signal/signal.js +1 -1
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog-action.d.ts.map +1 -1
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog-action.js +3 -2
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog.d.ts +1 -1
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog.d.ts.map +1 -1
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog.js +14 -9
- package/ebay-snackbar-dialog/index.js +1 -0
- package/ebay-split-button/index.js +11 -3
- package/ebay-split-button/split-button.js +2 -2
- package/ebay-split-button/types.d.ts +3 -3
- package/ebay-split-button/types.d.ts.map +1 -1
- package/ebay-star-rating/index.js +11 -3
- package/ebay-star-rating/star-rating.d.ts +1 -1
- package/ebay-star-rating/star-rating.d.ts.map +1 -1
- package/ebay-star-rating/star-rating.js +2 -2
- package/ebay-star-rating-select/index.js +11 -3
- package/ebay-star-rating-select/star-rating-select.d.ts +2 -2
- package/ebay-star-rating-select/star-rating-select.d.ts.map +1 -1
- package/ebay-star-rating-select/star-rating-select.js +12 -8
- package/ebay-svg/index.js +5 -1
- package/ebay-switch/ebay-switch.d.ts +1 -1
- package/ebay-switch/ebay-switch.d.ts.map +1 -1
- package/ebay-switch/ebay-switch.js +9 -5
- package/ebay-switch/index.js +5 -1
- package/ebay-tabs/index.d.ts +1 -1
- package/ebay-tabs/index.d.ts.map +1 -1
- package/ebay-tabs/index.js +7 -3
- package/ebay-tabs/tab-panel.d.ts +1 -1
- package/ebay-tabs/tab-panel.d.ts.map +1 -1
- package/ebay-tabs/tab-panel.js +1 -1
- package/ebay-tabs/tab.d.ts +1 -1
- package/ebay-tabs/tab.d.ts.map +1 -1
- package/ebay-tabs/tab.js +1 -1
- package/ebay-tabs/tabs.d.ts +2 -14
- package/ebay-tabs/tabs.d.ts.map +1 -1
- package/ebay-tabs/tabs.js +18 -14
- package/ebay-tabs/types.d.ts +16 -2
- package/ebay-tabs/types.d.ts.map +1 -1
- package/ebay-textbox/index.js +7 -3
- package/ebay-textbox/textbox.d.ts +4 -4
- package/ebay-textbox/textbox.d.ts.map +1 -1
- package/ebay-textbox/textbox.js +16 -12
- package/ebay-textbox/types.d.ts +2 -2
- package/ebay-textbox/types.d.ts.map +1 -1
- package/ebay-toast-dialog/components/toast.d.ts +1 -1
- package/ebay-toast-dialog/components/toast.d.ts.map +1 -1
- package/ebay-toast-dialog/components/toast.js +3 -2
- package/ebay-toast-dialog/index.js +5 -1
- package/ebay-tooltip/ebay-tooltip.d.ts +1 -1
- package/ebay-tooltip/ebay-tooltip.d.ts.map +1 -1
- package/ebay-tooltip/ebay-tooltip.js +10 -6
- package/ebay-tooltip/index.js +7 -3
- package/ebay-tourtip/ebay-tourtip-footer.d.ts +1 -1
- package/ebay-tourtip/ebay-tourtip-footer.d.ts.map +1 -1
- package/ebay-tourtip/ebay-tourtip-heading.d.ts +1 -1
- package/ebay-tourtip/ebay-tourtip-heading.d.ts.map +1 -1
- package/ebay-tourtip/ebay-tourtip-heading.js +1 -1
- package/ebay-tourtip/ebay-tourtip.d.ts +1 -1
- package/ebay-tourtip/ebay-tourtip.d.ts.map +1 -1
- package/ebay-tourtip/ebay-tourtip.js +13 -9
- package/ebay-tourtip/index.js +9 -5
- package/ebay-video/controls.js +3 -1
- package/ebay-video/index.js +12 -4
- package/ebay-video/reportButton.js +2 -1
- package/ebay-video/source.d.ts +1 -1
- package/ebay-video/source.d.ts.map +1 -1
- package/ebay-video/types.d.ts +5 -5
- package/ebay-video/types.d.ts.map +1 -1
- package/ebay-video/video.d.ts +3 -3
- package/ebay-video/video.d.ts.map +1 -1
- package/ebay-video/video.js +32 -26
- package/package.json +2 -2
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React, { ComponentProps, RefObject } from 'react';
|
|
2
2
|
import { ListItemRef } from './types';
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
type ListProps = ComponentProps<'li'>;
|
|
4
|
+
type CarouselItemProps = ListProps & {
|
|
5
5
|
slideWidth?: number;
|
|
6
6
|
offset?: number;
|
|
7
7
|
className?: string;
|
|
8
8
|
forwardedRef?: RefObject<ListItemRef>;
|
|
9
9
|
};
|
|
10
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<CarouselItemProps, "
|
|
10
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<CarouselItemProps, "forwardedRef" | "key" | "offset" | "slideWidth" | keyof React.LiHTMLAttributes<HTMLLIElement>> & React.RefAttributes<React.FC<CarouselItemProps>>>;
|
|
11
11
|
export default _default;
|
|
12
12
|
//# sourceMappingURL=carousel-item.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel-item.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/carousel-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACV,cAAc,EAEd,SAAS,EAIZ,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,
|
|
1
|
+
{"version":3,"file":"carousel-item.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/carousel-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACV,cAAc,EAEd,SAAS,EAIZ,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,KAAK,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;AACrC,KAAK,iBAAiB,GAAG,SAAS,GAAG;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;CACxC,CAAC;;AAiCF,wBAA+C"}
|
|
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
16
20
|
}) : (function(o, m, k, k2) {
|
|
17
21
|
if (k2 === undefined) k2 = k;
|
|
18
22
|
o[k2] = m[k];
|
|
@@ -25,7 +29,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
25
29
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
30
|
if (mod && mod.__esModule) return mod;
|
|
27
31
|
var result = {};
|
|
28
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
33
|
__setModuleDefault(result, mod);
|
|
30
34
|
return result;
|
|
31
35
|
};
|
|
@@ -46,12 +50,12 @@ var component_utils_1 = require("../common/component-utils");
|
|
|
46
50
|
var helpers_1 = require("./helpers");
|
|
47
51
|
var EbayCarouselItem = function (_a) {
|
|
48
52
|
var slideWidth = _a.slideWidth, offset = _a.offset, forwardedRef = _a.forwardedRef, children = _a.children, rest = __rest(_a, ["slideWidth", "offset", "forwardedRef", "children"]);
|
|
49
|
-
var itemRef = react_1.useRef();
|
|
50
|
-
var _b = react_1.useState(false), isVisible = _b[0], setIsVisible = _b[1];
|
|
51
|
-
react_1.useImperativeHandle(forwardedRef, function () {
|
|
53
|
+
var itemRef = (0, react_1.useRef)();
|
|
54
|
+
var _b = (0, react_1.useState)(false), isVisible = _b[0], setIsVisible = _b[1];
|
|
55
|
+
(0, react_1.useImperativeHandle)(forwardedRef, function () {
|
|
52
56
|
if (!itemRef.current)
|
|
53
57
|
return;
|
|
54
|
-
var _a = helpers_1.getRelativeRects(itemRef.current), left = _a.left, right = _a.right;
|
|
58
|
+
var _a = (0, helpers_1.getRelativeRects)(itemRef.current), left = _a.left, right = _a.right;
|
|
55
59
|
var fullyVisible = left === undefined ||
|
|
56
60
|
(left - offset >= -0.01 && right - offset <= slideWidth + 0.01);
|
|
57
61
|
setIsVisible(fullyVisible);
|
|
@@ -63,4 +67,4 @@ var EbayCarouselItem = function (_a) {
|
|
|
63
67
|
}, [slideWidth, offset]);
|
|
64
68
|
return (react_1.default.createElement("li", __assign({ ref: itemRef, "aria-hidden": !isVisible }, rest), children));
|
|
65
69
|
};
|
|
66
|
-
exports.default = component_utils_1.withForwardRef(EbayCarouselItem);
|
|
70
|
+
exports.default = (0, component_utils_1.withForwardRef)(EbayCarouselItem);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel-list.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/carousel-list.tsx"],"names":[],"mappings":"AAAA,OAAc,EACV,EAAE,EAAE,SAAS,EAEL,SAAS,EACpB,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,
|
|
1
|
+
{"version":3,"file":"carousel-list.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/carousel-list.tsx"],"names":[],"mappings":"AAAA,OAAc,EACV,EAAE,EAAE,SAAS,EAEL,SAAS,EACpB,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,KAAK,iBAAiB,GAAG;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;IAChD,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE;;KAAA,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA2EvC,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
14
18
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
19
|
if (mod && mod.__esModule) return mod;
|
|
16
20
|
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
22
|
__setModuleDefault(result, mod);
|
|
19
23
|
return result;
|
|
20
24
|
};
|
|
@@ -28,12 +32,12 @@ var helpers_1 = require("./helpers");
|
|
|
28
32
|
var scroll_to_transition_1 = require("./scroll-to-transition");
|
|
29
33
|
var CarouselList = function (_a) {
|
|
30
34
|
var _b = _a.gap, gap = _b === void 0 ? 16 : _b, itemsPerSlide = _a.itemsPerSlide, slideWidth = _a.slideWidth, offset = _a.offset, activeIndex = _a.activeIndex, nextControlDisabled = _a.nextControlDisabled, className = _a.className, itemsRef = _a.itemsRef, children = _a.children, onSetActiveIndex = _a.onSetActiveIndex, onScroll = _a.onScroll;
|
|
31
|
-
var _c = react_1.useState(0), translateLeft = _c[0], setTranslateLeft = _c[1];
|
|
32
|
-
var _d = react_1.useState(false), skipScrolling = _d[0], setSkipScrolling = _d[1];
|
|
33
|
-
var _e = react_1.useState(false), scrollTransitioning = _e[0], setScrollTransitioning = _e[1];
|
|
34
|
-
var listRef = react_1.useRef(null);
|
|
35
|
-
var scrollTimeout = react_1.useRef(null);
|
|
36
|
-
react_1.useEffect(function () {
|
|
35
|
+
var _c = (0, react_1.useState)(0), translateLeft = _c[0], setTranslateLeft = _c[1];
|
|
36
|
+
var _d = (0, react_1.useState)(false), skipScrolling = _d[0], setSkipScrolling = _d[1];
|
|
37
|
+
var _e = (0, react_1.useState)(false), scrollTransitioning = _e[0], setScrollTransitioning = _e[1];
|
|
38
|
+
var listRef = (0, react_1.useRef)(null);
|
|
39
|
+
var scrollTimeout = (0, react_1.useRef)(null);
|
|
40
|
+
(0, react_1.useEffect)(function () {
|
|
37
41
|
var size = react_1.Children.count(children);
|
|
38
42
|
if (!size || !listRef.current)
|
|
39
43
|
return;
|
|
@@ -42,18 +46,18 @@ var CarouselList = function (_a) {
|
|
|
42
46
|
return;
|
|
43
47
|
}
|
|
44
48
|
var list = listRef.current;
|
|
45
|
-
var isNativeScroll = helpers_1.isNativeScrolling(list);
|
|
49
|
+
var isNativeScroll = (0, helpers_1.isNativeScrolling)(list);
|
|
46
50
|
if (isNativeScroll) {
|
|
47
51
|
setScrollTransitioning(true);
|
|
48
|
-
scroll_to_transition_1.scrollTransition(list, offset, function () { return setScrollTransitioning(false); });
|
|
52
|
+
(0, scroll_to_transition_1.scrollTransition)(list, offset, function () { return setScrollTransitioning(false); });
|
|
49
53
|
}
|
|
50
54
|
else {
|
|
51
55
|
setTranslateLeft(offset);
|
|
52
56
|
}
|
|
53
57
|
}, [offset]);
|
|
54
|
-
var handleFinishScrolling = react_1.useCallback(function () {
|
|
58
|
+
var handleFinishScrolling = (0, react_1.useCallback)(function () {
|
|
55
59
|
var scrollLeft = listRef.current.scrollLeft;
|
|
56
|
-
var closest = helpers_1.getClosestIndex(scrollLeft, itemsRef.current, slideWidth, itemsPerSlide, gap);
|
|
60
|
+
var closest = (0, helpers_1.getClosestIndex)(scrollLeft, itemsRef.current, slideWidth, itemsPerSlide, gap);
|
|
57
61
|
if (closest !== activeIndex) {
|
|
58
62
|
setSkipScrolling(true);
|
|
59
63
|
onSetActiveIndex(closest);
|
|
@@ -70,9 +74,9 @@ var CarouselList = function (_a) {
|
|
|
70
74
|
}
|
|
71
75
|
}, 640);
|
|
72
76
|
};
|
|
73
|
-
return (react_1.default.createElement("div", { className: classnames_1.default('carousel__viewport', {
|
|
77
|
+
return (react_1.default.createElement("div", { className: (0, classnames_1.default)('carousel__viewport', {
|
|
74
78
|
'carousel__viewport--mask': !nextControlDisabled
|
|
75
79
|
}, className) },
|
|
76
|
-
react_1.default.createElement("ul", { className: "carousel__list", ref: listRef, onScroll: handleScroll, style: { transform: "translate3d("
|
|
80
|
+
react_1.default.createElement("ul", { className: "carousel__list", ref: listRef, onScroll: handleScroll, style: { transform: "translate3d(".concat(-translateLeft, "px, 0, 0)") } }, (0, helpers_1.alterChildren)(children, itemsRef, itemsPerSlide, slideWidth, offset, gap))));
|
|
77
81
|
};
|
|
78
82
|
exports.default = CarouselList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,cAAc,EAAE,EAAE,EAA+C,MAAM,OAAO,CAAA;AAQxG,
|
|
1
|
+
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,cAAc,EAAE,EAAE,EAA+C,MAAM,OAAO,CAAA;AAQxG,KAAK,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE;;KAAA,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE;;KAAA,KAAK,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAA;IAC9C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAA;CAClD,CAAC;AAMF,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,aAAa,CA0GnC,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
16
20
|
}) : (function(o, m, k, k2) {
|
|
17
21
|
if (k2 === undefined) k2 = k;
|
|
18
22
|
o[k2] = m[k];
|
|
@@ -25,7 +29,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
25
29
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
30
|
if (mod && mod.__esModule) return mod;
|
|
27
31
|
var result = {};
|
|
28
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
33
|
__setModuleDefault(result, mod);
|
|
30
34
|
return result;
|
|
31
35
|
};
|
|
@@ -55,47 +59,47 @@ var debounce_1 = require("../common/debounce");
|
|
|
55
59
|
// Auto play (+ onPlay/onPause callbacks)
|
|
56
60
|
var EbayCarousel = function (_a) {
|
|
57
61
|
var _b = _a.gap, gap = _b === void 0 ? 16 : _b, _c = _a.index, index = _c === void 0 ? 0 : _c, _itemsPerSlide = _a.itemsPerSlide, a11yPreviousText = _a.a11yPreviousText, a11yNextText = _a.a11yNextText, _d = _a.onScroll, onScroll = _d === void 0 ? function () { } : _d, _e = _a.onNext, onNext = _e === void 0 ? function () { } : _e, _f = _a.onPrevious, onPrevious = _f === void 0 ? function () { } : _f, _g = _a.onSlide, onSlide = _g === void 0 ? function () { } : _g, className = _a.className, children = _a.children, rest = __rest(_a, ["gap", "index", "itemsPerSlide", "a11yPreviousText", "a11yNextText", "onScroll", "onNext", "onPrevious", "onSlide", "className", "children"]);
|
|
58
|
-
var _h = react_1.useState(index), activeIndex = _h[0], setActiveIndex = _h[1];
|
|
59
|
-
var _j = react_1.useState(0), slideWidth = _j[0], setSlideWidth = _j[1];
|
|
60
|
-
var _k = react_1.useState(0), offset = _k[0], setOffset = _k[1];
|
|
61
|
-
var containerRef = react_1.useRef(null);
|
|
62
|
-
var itemsRef = react_1.useRef([]);
|
|
62
|
+
var _h = (0, react_1.useState)(index), activeIndex = _h[0], setActiveIndex = _h[1];
|
|
63
|
+
var _j = (0, react_1.useState)(0), slideWidth = _j[0], setSlideWidth = _j[1];
|
|
64
|
+
var _k = (0, react_1.useState)(0), offset = _k[0], setOffset = _k[1];
|
|
65
|
+
var containerRef = (0, react_1.useRef)(null);
|
|
66
|
+
var itemsRef = (0, react_1.useRef)([]);
|
|
63
67
|
var itemCount = react_1.Children.count(children);
|
|
64
68
|
var itemsPerSlide = Math.floor(_itemsPerSlide) || undefined;
|
|
65
69
|
var isSingleSlide = itemCount <= itemsPerSlide;
|
|
66
70
|
var prevControlDisabled = isSingleSlide || offset === 0;
|
|
67
|
-
var nextControlDisabled = isSingleSlide || (offset === helpers_1.getMaxOffset(itemsRef.current, slideWidth));
|
|
71
|
+
var nextControlDisabled = isSingleSlide || (offset === (0, helpers_1.getMaxOffset)(itemsRef.current, slideWidth));
|
|
68
72
|
var handleResize = function () {
|
|
69
73
|
if (!containerRef.current)
|
|
70
74
|
return;
|
|
71
75
|
var containerWidth = containerRef.current.getBoundingClientRect().width;
|
|
72
76
|
setSlideWidth(containerWidth);
|
|
73
77
|
};
|
|
74
|
-
react_1.useEffect(function () {
|
|
75
|
-
window.addEventListener('resize', debounce_1.debounce(handleResize, 16));
|
|
78
|
+
(0, react_1.useEffect)(function () {
|
|
79
|
+
window.addEventListener('resize', (0, debounce_1.debounce)(handleResize, 16));
|
|
76
80
|
return function () {
|
|
77
|
-
window.removeEventListener('resize', debounce_1.debounce(handleResize, 16));
|
|
81
|
+
window.removeEventListener('resize', (0, debounce_1.debounce)(handleResize, 16));
|
|
78
82
|
};
|
|
79
83
|
}, []);
|
|
80
|
-
react_1.useEffect(function () {
|
|
81
|
-
setOffset(helpers_1.getOffset(itemsRef.current, activeIndex, slideWidth));
|
|
84
|
+
(0, react_1.useEffect)(function () {
|
|
85
|
+
setOffset((0, helpers_1.getOffset)(itemsRef.current, activeIndex, slideWidth));
|
|
82
86
|
}, [activeIndex, slideWidth]);
|
|
83
|
-
react_1.useEffect(function () {
|
|
87
|
+
(0, react_1.useEffect)(function () {
|
|
84
88
|
if (index >= 0 && index <= itemCount - 1) {
|
|
85
89
|
setActiveIndex(index);
|
|
86
90
|
}
|
|
87
91
|
}, [index]);
|
|
88
|
-
react_1.useEffect(function () {
|
|
92
|
+
(0, react_1.useEffect)(function () {
|
|
89
93
|
itemsRef.current = itemsRef.current.splice(0, itemCount);
|
|
90
94
|
}, [children]);
|
|
91
|
-
react_1.useEffect(function () {
|
|
95
|
+
(0, react_1.useEffect)(function () {
|
|
92
96
|
var containerWidth = containerRef.current.getBoundingClientRect().width;
|
|
93
97
|
setSlideWidth(containerWidth);
|
|
94
98
|
}, [containerRef.current]);
|
|
95
99
|
var handleControlClick = function (event, _a) {
|
|
96
100
|
var direction = _a.direction;
|
|
97
|
-
var nextIndex = helpers_1.getNextIndex(direction, activeIndex, itemsRef.current, slideWidth, itemsPerSlide);
|
|
98
|
-
var slide = helpers_1.getSlide(activeIndex, itemsPerSlide, nextIndex);
|
|
101
|
+
var nextIndex = (0, helpers_1.getNextIndex)(direction, activeIndex, itemsRef.current, slideWidth, itemsPerSlide);
|
|
102
|
+
var slide = (0, helpers_1.getSlide)(activeIndex, itemsPerSlide, nextIndex);
|
|
99
103
|
setActiveIndex(nextIndex);
|
|
100
104
|
if (direction === 'LEFT') {
|
|
101
105
|
onPrevious(event);
|
|
@@ -105,7 +109,7 @@ var EbayCarousel = function (_a) {
|
|
|
105
109
|
}
|
|
106
110
|
onSlide({ slide: slide });
|
|
107
111
|
};
|
|
108
|
-
return (react_1.default.createElement("div", __assign({ className: classnames_1.default('carousel', className, {
|
|
112
|
+
return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('carousel', className, {
|
|
109
113
|
'carousel--slides': itemsPerSlide,
|
|
110
114
|
'carousel--peek': itemsPerSlide % 1 === 0
|
|
111
115
|
}) }, rest),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtE,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,YAAY,CAW1D;AAED,eAAO,MAAM,iBAAiB,OAAQ,OAAO,KAAG,OAAuD,CAAA;AAEvG,eAAO,MAAM,YAAY,UAAW,WAAW,EAAE,cAAc,MAAM,KAAG,MAOvE,CAAA;AAED,eAAO,MAAM,SAAS,UAAW,WAAW,EAAE,SAAS,MAAM,cAAc,MAAM,KAAG,MAMnF,CAAA;AAED,eAAO,MAAM,aAAa,aACZ,SAAS,YACT,
|
|
1
|
+
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtE,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,YAAY,CAW1D;AAED,eAAO,MAAM,iBAAiB,OAAQ,OAAO,KAAG,OAAuD,CAAA;AAEvG,eAAO,MAAM,YAAY,UAAW,WAAW,EAAE,cAAc,MAAM,KAAG,MAOvE,CAAA;AAED,eAAO,MAAM,SAAS,UAAW,WAAW,EAAE,SAAS,MAAM,cAAc,MAAM,KAAG,MAMnF,CAAA;AAED,eAAO,MAAM,aAAa,aACZ,SAAS,YACT,UAAU,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,kBAC9B,MAAM,eACT,MAAM,WACV,MAAM,QACT,MAAM,KAAG,YAAY,EAwB7B,CAAA;AAgBF;;;GAGG;AACH,eAAO,MAAM,QAAQ,gBAAiB,MAAM,kBAAkB,MAAM,yBAA4B,SAAS,GAAG,MAM3G,CAAA;AAID,eAAO,MAAM,YAAY,cACV,iBAAiB,eACf,MAAM,UACX,WAAW,EAAE,eACR,MAAM,kBACH,MAAM,KAAG,MAyB5B,CAAA;AAED,eAAO,MAAM,eAAe,eACZ,MAAM,SACX,WAAW,EAAE,cACR,MAAM,gCAEZ,MAAM,KAAG,MA0BlB,CAAA"}
|
package/ebay-carousel/helpers.js
CHANGED
|
@@ -25,33 +25,36 @@ function getRelativeRects(el) {
|
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
27
|
exports.getRelativeRects = getRelativeRects;
|
|
28
|
-
|
|
29
|
-
exports.
|
|
28
|
+
var isNativeScrolling = function (el) { return getComputedStyle(el).overflowX !== 'visible'; };
|
|
29
|
+
exports.isNativeScrolling = isNativeScrolling;
|
|
30
|
+
var getMaxOffset = function (items, slideWidth) {
|
|
30
31
|
if (!items.length) {
|
|
31
32
|
return 0;
|
|
32
33
|
}
|
|
33
34
|
var lastEl = items[items.length - 1];
|
|
34
35
|
return Math.max(lastEl.right - slideWidth, 0) || 0;
|
|
35
36
|
};
|
|
36
|
-
exports.
|
|
37
|
+
exports.getMaxOffset = getMaxOffset;
|
|
38
|
+
var getOffset = function (items, index, slideWidth) {
|
|
37
39
|
if (!items.length) {
|
|
38
40
|
return 0;
|
|
39
41
|
}
|
|
40
|
-
return Math.min(items[index].left, exports.getMaxOffset(items, slideWidth)) || 0;
|
|
42
|
+
return Math.min(items[index].left, (0, exports.getMaxOffset)(items, slideWidth)) || 0;
|
|
41
43
|
};
|
|
42
|
-
exports.
|
|
44
|
+
exports.getOffset = getOffset;
|
|
45
|
+
var alterChildren = function (children, itemsRef, itemsPerSlide, slideWidth, offset, gap) { return react_1.Children.map(children, function (item, index) {
|
|
43
46
|
var _a = item.props.style, style = _a === void 0 ? {} : _a;
|
|
44
47
|
var itemWidth;
|
|
45
48
|
if (itemsPerSlide) {
|
|
46
49
|
var itemsInSlide = itemsPerSlide + (itemsPerSlide % 1);
|
|
47
|
-
itemWidth = "calc("
|
|
50
|
+
itemWidth = "calc(".concat(100 / itemsInSlide, "% - ").concat(((itemsInSlide - 1) * gap) / itemsInSlide, "px)");
|
|
48
51
|
}
|
|
49
52
|
var isStartOfSlide = itemsPerSlide ? index % itemsPerSlide === 0 : true;
|
|
50
|
-
return react_1.cloneElement(item, __assign(__assign({}, item.props), { slideWidth: slideWidth,
|
|
51
|
-
offset: offset, ref: function (el) {
|
|
53
|
+
return (0, react_1.cloneElement)(item, __assign(__assign({}, item.props), { slideWidth: slideWidth, offset: offset, ref: function (el) {
|
|
52
54
|
itemsRef.current[index] = el;
|
|
53
|
-
}, className: isStartOfSlide ? 'carousel__snap-point' : item.props.className, style: __assign(__assign({}, style), { width: itemWidth || style.width, marginRight: gap && index !== react_1.Children.count(children) - 1 ? gap
|
|
55
|
+
}, className: isStartOfSlide ? 'carousel__snap-point' : item.props.className, style: __assign(__assign({}, style), { width: itemWidth || style.width, marginRight: gap && index !== react_1.Children.count(children) - 1 ? "".concat(gap, "px") : style.marginRight }) }));
|
|
54
56
|
}); };
|
|
57
|
+
exports.alterChildren = alterChildren;
|
|
55
58
|
/**
|
|
56
59
|
* Ensures that an index is valid.
|
|
57
60
|
*/
|
|
@@ -69,15 +72,16 @@ var normalizeIndex = function (index, items, itemsPerSlide) {
|
|
|
69
72
|
* Gets the slide for a given index.
|
|
70
73
|
* Defaults to the current index if none provided.
|
|
71
74
|
*/
|
|
72
|
-
|
|
75
|
+
var getSlide = function (activeIndex, itemsPerSlide, nextIndex) {
|
|
73
76
|
if (nextIndex === void 0) { nextIndex = activeIndex; }
|
|
74
77
|
if (!itemsPerSlide) {
|
|
75
78
|
return;
|
|
76
79
|
}
|
|
77
80
|
return Math.ceil(nextIndex / itemsPerSlide);
|
|
78
81
|
};
|
|
82
|
+
exports.getSlide = getSlide;
|
|
79
83
|
var getDelta = function (direction) { return direction === 'LEFT' ? -1 : 1; };
|
|
80
|
-
|
|
84
|
+
var getNextIndex = function (direction, activeIndex, items, slideWidth, itemsPerSlide) {
|
|
81
85
|
var i = activeIndex;
|
|
82
86
|
var item;
|
|
83
87
|
// If going backward from 0, we go to the end.
|
|
@@ -101,10 +105,11 @@ exports.getNextIndex = function (direction, activeIndex, items, slideWidth, item
|
|
|
101
105
|
}
|
|
102
106
|
return normalizeIndex(i, items, itemsPerSlide);
|
|
103
107
|
};
|
|
104
|
-
exports.
|
|
108
|
+
exports.getNextIndex = getNextIndex;
|
|
109
|
+
var getClosestIndex = function (scrollLeft, items, slideWidth, itemsPerSlide, gap) {
|
|
105
110
|
if (itemsPerSlide === void 0) { itemsPerSlide = 1; }
|
|
106
111
|
var closest;
|
|
107
|
-
if (scrollLeft >= exports.getMaxOffset(items, slideWidth) - gap) {
|
|
112
|
+
if (scrollLeft >= (0, exports.getMaxOffset)(items, slideWidth) - gap) {
|
|
108
113
|
closest = items.length - 1;
|
|
109
114
|
}
|
|
110
115
|
else {
|
|
@@ -127,3 +132,4 @@ exports.getClosestIndex = function (scrollLeft, items, slideWidth, itemsPerSlide
|
|
|
127
132
|
}
|
|
128
133
|
return closest;
|
|
129
134
|
};
|
|
135
|
+
exports.getClosestIndex = getClosestIndex;
|
package/ebay-carousel/index.js
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.EbayCarouselItem = exports.EbayCarousel = void 0;
|
|
3
7
|
var carousel_1 = require("./carousel");
|
|
4
|
-
Object.defineProperty(exports, "EbayCarousel", { enumerable: true, get: function () { return carousel_1.default; } });
|
|
8
|
+
Object.defineProperty(exports, "EbayCarousel", { enumerable: true, get: function () { return __importDefault(carousel_1).default; } });
|
|
5
9
|
var carousel_item_1 = require("./carousel-item");
|
|
6
|
-
Object.defineProperty(exports, "EbayCarouselItem", { enumerable: true, get: function () { return carousel_item_1.default; } });
|
|
10
|
+
Object.defineProperty(exports, "EbayCarouselItem", { enumerable: true, get: function () { return __importDefault(carousel_item_1).default; } });
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* @param {(offset: number)=>{}} fn The function to call after scrolling completes.
|
|
7
7
|
* @return {function} A function to cancel the scroll listener.
|
|
8
8
|
*/
|
|
9
|
-
|
|
9
|
+
type ReturnFunctionType = () => void;
|
|
10
10
|
/**
|
|
11
11
|
* Utility to animate scroll position of an element using an `ease-out` curve over 250ms.
|
|
12
12
|
* Cancels the animation if the user touches back down.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-to-transition.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/scroll-to-transition.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,
|
|
1
|
+
{"version":3,"file":"scroll-to-transition.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/scroll-to-transition.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,KAAK,kBAAkB,GAAG,MAAM,IAAI,CAAA;AA2BpC;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,IAAI,GAAG,kBAAkB,CAgEhG"}
|
package/ebay-carousel/types.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
1
|
+
export type CarouselControlType = 'prev' | 'next';
|
|
2
|
+
export type MovementDirection = 'LEFT' | 'RIGHT' | 'NONE';
|
|
3
|
+
export type RelativeRect = Pick<ClientRect, 'left' | 'right'>;
|
|
4
|
+
export type ListItemRef = {
|
|
5
5
|
left: number;
|
|
6
6
|
right: number;
|
|
7
7
|
fullyVisible: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-carousel/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,CAAA;AAEjD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AAEzD,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAC,OAAO,CAAC,CAAA;AAE3D,MAAM,MAAM,WAAW,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,OAAO,CAAC;CACzB,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { ComponentProps, FC } from 'react';
|
|
2
2
|
import { EbayChangeEventHandler, EbayFocusEventHandler, EbayKeyboardEventHandler } from '../common/event-utils/types';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
type Size = 'default' | 'large';
|
|
4
|
+
type InputProps = Omit<ComponentProps<'input'>, 'size' | 'onChange' | 'onFocus' | 'onKeyDown'>;
|
|
5
|
+
type EbayCheckboxProps = {
|
|
6
6
|
size?: Size;
|
|
7
7
|
onChange?: EbayChangeEventHandler<HTMLInputElement, {
|
|
8
8
|
value: string | number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ebay-checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,cAAc,EAAE,EAAE,EAAuC,MAAM,OAAO,CAAA;AAKjH,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAErH,
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ebay-checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,cAAc,EAAE,EAAE,EAAuC,MAAM,OAAO,CAAA;AAKjH,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAErH,KAAK,IAAI,GAAG,SAAS,GAAG,OAAO,CAAA;AAC/B,KAAK,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,CAAC,CAAA;AAC9F,KAAK,iBAAiB,GAAG;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAClG,OAAO,CAAC,EAAE,qBAAqB,CAAC,gBAAgB,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAChG,SAAS,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACrG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CAChD,CAAA;AAID,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,UAAU,GAAG,iBAAiB,CAmEpD,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
16
20
|
}) : (function(o, m, k, k2) {
|
|
17
21
|
if (k2 === undefined) k2 = k;
|
|
18
22
|
o[k2] = m[k];
|
|
@@ -25,7 +29,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
25
29
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
30
|
if (mod && mod.__esModule) return mod;
|
|
27
31
|
var result = {};
|
|
28
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
33
|
__setModuleDefault(result, mod);
|
|
30
34
|
return result;
|
|
31
35
|
};
|
|
@@ -52,7 +56,7 @@ var component_utils_1 = require("../common/component-utils");
|
|
|
52
56
|
var isControlled = function (checked) { return typeof checked !== 'undefined'; };
|
|
53
57
|
var EbayCheckbox = function (_a) {
|
|
54
58
|
var id = _a.id, _b = _a.size, size = _b === void 0 ? 'default' : _b, className = _a.className, style = _a.style, checked = _a.checked, _c = _a.defaultChecked, defaultChecked = _c === void 0 ? false : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, _e = _a.onFocus, onFocus = _e === void 0 ? function () { } : _e, _f = _a.onKeyDown, onKeyDown = _f === void 0 ? function () { } : _f, children = _a.children, inputRef = _a.inputRef, rest = __rest(_a, ["id", "size", "className", "style", "checked", "defaultChecked", "onChange", "onFocus", "onKeyDown", "children", "inputRef"]);
|
|
55
|
-
var _g = react_1.useState(defaultChecked), isChecked = _g[0], setChecked = _g[1];
|
|
59
|
+
var _g = (0, react_1.useState)(defaultChecked), isChecked = _g[0], setChecked = _g[1];
|
|
56
60
|
var handleChange = function (e) {
|
|
57
61
|
var input = e.target;
|
|
58
62
|
onChange(e, { value: input === null || input === void 0 ? void 0 : input.value, checked: Boolean(input === null || input === void 0 ? void 0 : input.checked) });
|
|
@@ -63,14 +67,14 @@ var EbayCheckbox = function (_a) {
|
|
|
63
67
|
var input = e.target;
|
|
64
68
|
onKeyDown(e, { value: input.value, checked: Boolean(input.checked) });
|
|
65
69
|
};
|
|
66
|
-
var containerClass = classnames_1.default('checkbox', className, { 'checkbox--large': size === 'large' });
|
|
70
|
+
var containerClass = (0, classnames_1.default)('checkbox', className, { 'checkbox--large': size === 'large' });
|
|
67
71
|
var iconChecked = size === 'large' ?
|
|
68
72
|
react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "checkboxChecked24", className: "checkbox__checked" }) :
|
|
69
73
|
react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "checkboxChecked18", className: "checkbox__checked" });
|
|
70
74
|
var iconUnChecked = size === 'large' ?
|
|
71
75
|
react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "checkboxUnchecked24", className: "checkbox__unchecked" }) :
|
|
72
76
|
react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "checkboxUnchecked18", className: "checkbox__unchecked" });
|
|
73
|
-
var ebayLabel = component_utils_1.findComponent(children, ebay_field_1.EbayLabel);
|
|
77
|
+
var ebayLabel = (0, component_utils_1.findComponent)(children, ebay_field_1.EbayLabel);
|
|
74
78
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
75
79
|
react_1.default.createElement("span", { className: containerClass, style: __assign(__assign({}, style), { alignItems: 'center' }) },
|
|
76
80
|
react_1.default.createElement("input", __assign({}, rest, { id: id, className: "checkbox__control", type: "checkbox", checked: isControlled(checked) ? checked : isChecked, onChange: handleChange, onFocus: handleFocus, onKeyDown: handleKeyDown, ref: inputRef })),
|
|
@@ -78,7 +82,7 @@ var EbayCheckbox = function (_a) {
|
|
|
78
82
|
iconChecked,
|
|
79
83
|
iconUnChecked)),
|
|
80
84
|
ebayLabel ?
|
|
81
|
-
react_1.cloneElement(ebayLabel, __assign(__assign({}, ebayLabel.props), { position: 'end', htmlFor: id })) :
|
|
85
|
+
(0, react_1.cloneElement)(ebayLabel, __assign(__assign({}, ebayLabel.props), { position: 'end', htmlFor: id })) :
|
|
82
86
|
children));
|
|
83
87
|
};
|
|
84
88
|
exports.default = EbayCheckbox;
|
package/ebay-checkbox/index.js
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.EbayCheckbox = void 0;
|
|
3
7
|
var checkbox_1 = require("./checkbox");
|
|
4
|
-
Object.defineProperty(exports, "EbayCheckbox", { enumerable: true, get: function () { return checkbox_1.default; } });
|
|
8
|
+
Object.defineProperty(exports, "EbayCheckbox", { enumerable: true, get: function () { return __importDefault(checkbox_1).default; } });
|
|
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
16
20
|
}) : (function(o, m, k, k2) {
|
|
17
21
|
if (k2 === undefined) k2 = k;
|
|
18
22
|
o[k2] = m[k];
|
|
@@ -25,7 +29,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
25
29
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
30
|
if (mod && mod.__esModule) return mod;
|
|
27
31
|
var result = {};
|
|
28
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
33
|
__setModuleDefault(result, mod);
|
|
30
34
|
return result;
|
|
31
35
|
};
|
|
@@ -51,10 +55,10 @@ var ebay_button_1 = require("../ebay-button");
|
|
|
51
55
|
var classPrefix = 'confirm-dialog';
|
|
52
56
|
var EbayConfirmDialog = function (_a) {
|
|
53
57
|
var _b = _a.a11yCloseText, a11yCloseText = _b === void 0 ? 'Close Dialog' : _b, confirmText = _a.confirmText, rejectText = _a.rejectText, _c = _a.onReject, onReject = _c === void 0 ? function () { } : _c, _d = _a.onConfirm, onConfirm = _d === void 0 ? function () { } : _d, rest = __rest(_a, ["a11yCloseText", "confirmText", "rejectText", "onReject", "onConfirm"]);
|
|
54
|
-
var confirmBtnRef = react_1.useRef(null);
|
|
58
|
+
var confirmBtnRef = (0, react_1.useRef)(null);
|
|
55
59
|
var confirmId = 'confirm-dialog-confirm';
|
|
56
60
|
var mainId = 'confirm-dialog-main';
|
|
57
|
-
return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, __assign({ focus: confirmBtnRef }, rest, { a11yCloseText: a11yCloseText, role: "dialog", mainId: mainId, classPrefix: classPrefix, className: classnames_1.default(rest.className, classPrefix
|
|
61
|
+
return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, __assign({ focus: confirmBtnRef }, rest, { a11yCloseText: a11yCloseText, role: "dialog", mainId: mainId, classPrefix: classPrefix, className: (0, classnames_1.default)(rest.className, "".concat(classPrefix, "--mask-fade")), windowClass: "".concat(classPrefix, "__window ").concat(classPrefix, "__window--fade"), buttonPosition: "hidden", onCloseBtnClick: onReject }),
|
|
58
62
|
rest.children,
|
|
59
63
|
react_1.default.createElement(ebay_dialog_base_1.EbayDialogFooter, null,
|
|
60
64
|
react_1.default.createElement(ebay_button_1.EbayButton, { onClick: onReject, className: "confirm-dialog__reject" }, rejectText),
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.EbayConfirmDialog = void 0;
|
|
3
7
|
var confirm_dialog_1 = require("./confirm-dialog");
|
|
4
|
-
Object.defineProperty(exports, "EbayConfirmDialog", { enumerable: true, get: function () { return confirm_dialog_1.default; } });
|
|
8
|
+
Object.defineProperty(exports, "EbayConfirmDialog", { enumerable: true, get: function () { return __importDefault(confirm_dialog_1).default; } });
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React, { ComponentProps, RefObject } from 'react';
|
|
2
2
|
import { Size } from '../ebay-button';
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
type HTMLAnchorProps = ComponentProps<'a'>;
|
|
4
|
+
type Props = HTMLAnchorProps & {
|
|
5
5
|
fluid?: boolean;
|
|
6
6
|
truncate?: boolean;
|
|
7
7
|
size?: Size;
|
|
8
8
|
forwardedRef?: RefObject<HTMLAnchorElement>;
|
|
9
9
|
};
|
|
10
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "
|
|
10
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "forwardedRef" | "key" | "size" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement> | "fluid" | "truncate"> & React.RefAttributes<React.FC<Props>>>;
|
|
11
11
|
export default _default;
|
|
12
12
|
//# sourceMappingURL=cta-button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cta-button.d.ts","sourceRoot":"","sources":["../../src/ebay-cta-button/cta-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAM,SAAS,EAAE,MAAM,OAAO,CAAA;AAI5D,OAAO,EAAkB,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAErD,
|
|
1
|
+
{"version":3,"file":"cta-button.d.ts","sourceRoot":"","sources":["../../src/ebay-cta-button/cta-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAM,SAAS,EAAE,MAAM,OAAO,CAAA;AAI5D,OAAO,EAAkB,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAErD,KAAK,eAAe,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAC3C,KAAK,KAAK,GAAG,eAAe,GAAG;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAC/C,CAAA;;AA2BD,wBAA4C"}
|