@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
|
@@ -32,10 +32,10 @@ var ebay_icon_1 = require("../ebay-icon");
|
|
|
32
32
|
var ebay_button_1 = require("../ebay-button");
|
|
33
33
|
var EbayCtaButton = function (_a) {
|
|
34
34
|
var size = _a.size, children = _a.children, fluid = _a.fluid, truncate = _a.truncate, forwardedRef = _a.forwardedRef, extraClasses = _a.className, rest = __rest(_a, ["size", "children", "fluid", "truncate", "forwardedRef", "className"]);
|
|
35
|
-
var className = classnames_1.default(extraClasses, 'cta-btn', { 'cta-btn--large': size === 'large' }, { 'cta-btn--fluid': fluid }, { 'cta-btn--truncated': truncate });
|
|
35
|
+
var className = (0, classnames_1.default)(extraClasses, 'cta-btn', { 'cta-btn--large': size === 'large' }, { 'cta-btn--fluid': fluid }, { 'cta-btn--truncated': truncate });
|
|
36
36
|
return (react_1.default.createElement("a", __assign({}, rest, { className: className, ref: forwardedRef }),
|
|
37
37
|
react_1.default.createElement(ebay_button_1.EbayButtonCell, { type: "cta" },
|
|
38
38
|
react_1.default.createElement("span", null, children),
|
|
39
39
|
react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "arrowRight24" }))));
|
|
40
40
|
};
|
|
41
|
-
exports.default = forwardRef_1.withForwardRef(EbayCtaButton);
|
|
41
|
+
exports.default = (0, forwardRef_1.withForwardRef)(EbayCtaButton);
|
package/ebay-cta-button/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.EbayCtaButton = void 0;
|
|
3
7
|
var cta_button_1 = require("./cta-button");
|
|
4
|
-
Object.defineProperty(exports, "EbayCtaButton", { enumerable: true, get: function () { return cta_button_1.default; } });
|
|
8
|
+
Object.defineProperty(exports, "EbayCtaButton", { enumerable: true, get: function () { return __importDefault(cta_button_1).default; } });
|
|
@@ -8,7 +8,7 @@ interface DialogAnimationHookProps {
|
|
|
8
8
|
enabled?: boolean;
|
|
9
9
|
onTransitionEnd: () => void;
|
|
10
10
|
}
|
|
11
|
-
export
|
|
11
|
+
export type TransitionElement = 'window' | 'root';
|
|
12
12
|
export declare function useDialogAnimation({ open, classPrefix, transitionElement, dialogRef, dialogWindowRef, enabled, onTransitionEnd }: DialogAnimationHookProps): void;
|
|
13
13
|
export {};
|
|
14
14
|
//# sourceMappingURL=animation.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../src/ebay-dialog-base/components/animation.ts"],"names":[],"mappings":";AAWA,UAAU,wBAAwB;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,MAAM,IAAI,CAAA;CAC9B;AAED,
|
|
1
|
+
{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../src/ebay-dialog-base/components/animation.ts"],"names":[],"mappings":";AAWA,UAAU,wBAAwB;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,MAAM,IAAI,CAAA;CAC9B;AAED,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAElD,wBAAgB,kBAAkB,CAAC,EAC/B,IAAI,EACJ,WAAW,EACX,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,OAAO,EACP,eAAe,EAClB,EAAE,wBAAwB,GAAG,IAAI,CA0CjC"}
|
|
@@ -4,8 +4,8 @@ exports.useDialogAnimation = void 0;
|
|
|
4
4
|
var react_1 = require("react");
|
|
5
5
|
function useDialogAnimation(_a) {
|
|
6
6
|
var open = _a.open, classPrefix = _a.classPrefix, transitionElement = _a.transitionElement, dialogRef = _a.dialogRef, dialogWindowRef = _a.dialogWindowRef, enabled = _a.enabled, onTransitionEnd = _a.onTransitionEnd;
|
|
7
|
-
var firstRender = react_1.useRef(true);
|
|
8
|
-
react_1.useLayoutEffect(function () {
|
|
7
|
+
var firstRender = (0, react_1.useRef)(true);
|
|
8
|
+
(0, react_1.useLayoutEffect)(function () {
|
|
9
9
|
if (!enabled) {
|
|
10
10
|
return;
|
|
11
11
|
}
|
|
@@ -44,11 +44,11 @@ function useDialogAnimation(_a) {
|
|
|
44
44
|
exports.useDialogAnimation = useDialogAnimation;
|
|
45
45
|
function showAnimation(_a) {
|
|
46
46
|
var dialog = _a.dialog, waitFor = _a.waitFor, classPrefix = _a.classPrefix, onTransitionEnd = _a.onTransitionEnd;
|
|
47
|
-
return transition(dialog, waitFor, classPrefix
|
|
47
|
+
return transition(dialog, waitFor, "".concat(classPrefix, "--show"), onTransitionEnd);
|
|
48
48
|
}
|
|
49
49
|
function hideAnimation(_a) {
|
|
50
50
|
var dialog = _a.dialog, waitFor = _a.waitFor, classPrefix = _a.classPrefix, onTransitionEnd = _a.onTransitionEnd;
|
|
51
|
-
return transition(dialog, waitFor, classPrefix
|
|
51
|
+
return transition(dialog, waitFor, "".concat(classPrefix, "--hide"), onTransitionEnd);
|
|
52
52
|
}
|
|
53
53
|
function transition(element, waitFor, className, onTransitionEnd) {
|
|
54
54
|
if (!element.current || !className) {
|
|
@@ -56,7 +56,7 @@ function transition(element, waitFor, className, onTransitionEnd) {
|
|
|
56
56
|
}
|
|
57
57
|
var ran = 0;
|
|
58
58
|
var pending = waitFor ? waitFor.length : 0;
|
|
59
|
-
var initClass = className
|
|
59
|
+
var initClass = "".concat(className, "-init");
|
|
60
60
|
element.current.classList.add(initClass);
|
|
61
61
|
return nextFrame(function () {
|
|
62
62
|
if (!element.current) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-actions.d.ts","sourceRoot":"","sources":["../../../src/ebay-dialog-base/components/dialog-actions.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5C,
|
|
1
|
+
{"version":3,"file":"dialog-actions.d.ts","sourceRoot":"","sources":["../../../src/ebay-dialog-base/components/dialog-actions.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5C,KAAK,sBAAsB,GAAG;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAA;AAED,QAAA,MAAM,iBAAiB,EAAC,EAAE,CAAC,sBAAsB,CAAqC,CAAA;AAEtF,eAAe,iBAAiB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-footer.d.ts","sourceRoot":"","sources":["../../../src/ebay-dialog-base/components/dialog-footer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5C,
|
|
1
|
+
{"version":3,"file":"dialog-footer.d.ts","sourceRoot":"","sources":["../../../src/ebay-dialog-base/components/dialog-footer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5C,KAAK,qBAAqB,GAAG;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAA;AAED,QAAA,MAAM,gBAAgB,EAAC,EAAE,CAAC,qBAAqB,CAAqC,CAAA;AAEpF,eAAe,gBAAgB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-header.d.ts","sourceRoot":"","sources":["../../../src/ebay-dialog-base/components/dialog-header.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEjD,
|
|
1
|
+
{"version":3,"file":"dialog-header.d.ts","sourceRoot":"","sources":["../../../src/ebay-dialog-base/components/dialog-header.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEjD,KAAK,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;AAEjC,QAAA,MAAM,gBAAgB,EAAC,EAAE,CAAC,KAAK,CAGI,CAAA;AAEnC,eAAe,gBAAgB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC, KeyboardEventHandler, MouseEventHandler } from 'react';
|
|
2
2
|
import { Icon } from '../../ebay-icon';
|
|
3
|
-
|
|
3
|
+
type EbayDialogPreviousButtonProps = {
|
|
4
4
|
icon?: Icon;
|
|
5
5
|
className?: string;
|
|
6
6
|
onClick?: MouseEventHandler & KeyboardEventHandler;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-previous-button.d.ts","sourceRoot":"","sources":["../../../src/ebay-dialog-base/components/dialog-previous-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAG1E,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEtC,
|
|
1
|
+
{"version":3,"file":"dialog-previous-button.d.ts","sourceRoot":"","sources":["../../../src/ebay-dialog-base/components/dialog-previous-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAG1E,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEtC,KAAK,6BAA6B,GAAG;IACjC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,iBAAiB,GAAG,oBAAoB,CAAA;CACrD,CAAA;AAED,QAAA,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAS/D,CAAA;AAED,eAAe,wBAAwB,CAAA"}
|
|
@@ -30,6 +30,6 @@ var classnames_1 = __importDefault(require("classnames"));
|
|
|
30
30
|
var ebay_icon_button_1 = require("../../ebay-icon-button");
|
|
31
31
|
var EbayDialogPreviousButton = function (_a) {
|
|
32
32
|
var className = _a.className, icon = _a.icon, rest = __rest(_a, ["className", "icon"]);
|
|
33
|
-
return (react_1.default.createElement(ebay_icon_button_1.EbayIconButton, __assign({}, rest, { icon: icon || 'chevronLeft16', className: classnames_1.default(className, 'lightbox-dialog__prev') })));
|
|
33
|
+
return (react_1.default.createElement(ebay_icon_button_1.EbayIconButton, __assign({}, rest, { icon: icon || 'chevronLeft16', className: (0, classnames_1.default)(className, 'lightbox-dialog__prev') })));
|
|
34
34
|
};
|
|
35
35
|
exports.default = EbayDialogPreviousButton;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { FC, HTMLProps, RefObject, ReactElement, MouseEventHandler, ReactNode, KeyboardEventHandler } from 'react';
|
|
2
2
|
import { TransitionElement } from './animation';
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
export type WindowType = 'compact';
|
|
4
|
+
type ClassPrefix = 'fullscreen-dialog' | 'lightbox-dialog' | 'panel-dialog' | 'drawer-dialog' | 'toast-dialog' | 'alert-dialog' | 'confirm-dialog' | 'snackbar-dialog';
|
|
5
|
+
type ButtonPosition = 'top' | 'right' | 'bottom' | 'left' | 'hidden';
|
|
6
6
|
export interface DialogBaseProps<T> extends HTMLProps<T> {
|
|
7
7
|
baseEl?: 'div' | 'span' | 'aside';
|
|
8
8
|
open?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialogBase.d.ts","sourceRoot":"","sources":["../../../src/ebay-dialog-base/components/dialogBase.tsx"],"names":[],"mappings":"AAAA,OAAc,EACV,EAAE,EACF,SAAS,EACT,SAAS,EAIT,YAAY,EAEZ,iBAAiB,EACjB,SAAS,EAET,oBAAoB,EACvB,MAAM,OAAO,CAAA;AAMd,OAAO,EAAsB,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAGnE,
|
|
1
|
+
{"version":3,"file":"dialogBase.d.ts","sourceRoot":"","sources":["../../../src/ebay-dialog-base/components/dialogBase.tsx"],"names":[],"mappings":"AAAA,OAAc,EACV,EAAE,EACF,SAAS,EACT,SAAS,EAIT,YAAY,EAEZ,iBAAiB,EACjB,SAAS,EAET,oBAAoB,EACvB,MAAM,OAAO,CAAA;AAMd,OAAO,EAAsB,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAGnE,MAAM,MAAM,UAAU,GAAG,SAAS,CAAA;AAClC,KAAK,WAAW,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,cAAc,GACrE,eAAe,GAAG,cAAc,GAAG,cAAc,GAAG,gBAAgB,GACpE,iBAAiB,CAAA;AACvB,KAAK,cAAc,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAGpE,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACpD,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,iBAAiB,GAAG,oBAAoB,CAAC;IAC3D,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC,WAAW,CAAC,CA0KvD,CAAA;AAED,eAAe,UAAU,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,17 +56,17 @@ var keyboardTrap = __importStar(require("makeup-keyboard-trap"));
|
|
|
52
56
|
var ebay_icon_1 = require("../../ebay-icon");
|
|
53
57
|
var random_id_1 = require("../../common/random-id");
|
|
54
58
|
var animation_1 = require("./animation");
|
|
55
|
-
|
|
59
|
+
var DialogBase = function (_a) {
|
|
56
60
|
var _b;
|
|
57
61
|
var _c = _a.baseEl, Container = _c === void 0 ? 'div' : _c, _d = _a.classPrefix, classPrefix = _d === void 0 ? 'drawer-dialog' : _d, windowClass = _a.windowClass, windowType = _a.windowType, mainId = _a.mainId, top = _a.top, header = _a.header, _e = _a.buttonPosition, buttonPosition = _e === void 0 ? 'right' : _e, children = _a.children, ariaLabelledby = _a.ariaLabelledby, a11yCloseText = _a.a11yCloseText, _f = _a.onCloseBtnClick, onCloseBtnClick = _f === void 0 ? function () { } : _f, footer = _a.footer, actions = _a.actions, onScroll = _a.onScroll, _g = _a.open, open = _g === void 0 ? false : _g, _h = _a.onOpen, onOpen = _h === void 0 ? function () { } : _h, _j = _a.onBackgroundClick, onBackgroundClick = _j === void 0 ? function () { } : _j, ignoreEscape = _a.ignoreEscape, closeButton = _a.closeButton, previousButton = _a.previousButton, isModal = _a.isModal, _k = _a.role, role = _k === void 0 ? 'dialog' : _k, focus = _a.focus, transitionElement = _a.transitionElement, animated = _a.animated, closeButtonClass = _a.closeButtonClass, props = __rest(_a, ["baseEl", "classPrefix", "windowClass", "windowType", "mainId", "top", "header", "buttonPosition", "children", "ariaLabelledby", "a11yCloseText", "onCloseBtnClick", "footer", "actions", "onScroll", "open", "onOpen", "onBackgroundClick", "ignoreEscape", "closeButton", "previousButton", "isModal", "role", "focus", "transitionElement", "animated", "closeButtonClass"]);
|
|
58
|
-
var dialogRef = react_1.useRef(null);
|
|
59
|
-
var drawerBaseEl = react_1.useRef(null);
|
|
60
|
-
var closeButtonRef = react_1.useRef(null);
|
|
61
|
-
var _l = react_1.useState(''), rId = _l[0], setRandomId = _l[1];
|
|
62
|
-
react_1.useEffect(function () {
|
|
63
|
-
setRandomId(random_id_1.randomId());
|
|
62
|
+
var dialogRef = (0, react_1.useRef)(null);
|
|
63
|
+
var drawerBaseEl = (0, react_1.useRef)(null);
|
|
64
|
+
var closeButtonRef = (0, react_1.useRef)(null);
|
|
65
|
+
var _l = (0, react_1.useState)(''), rId = _l[0], setRandomId = _l[1];
|
|
66
|
+
(0, react_1.useEffect)(function () {
|
|
67
|
+
setRandomId((0, random_id_1.randomId)());
|
|
64
68
|
}, []);
|
|
65
|
-
react_1.useEffect(function () {
|
|
69
|
+
(0, react_1.useEffect)(function () {
|
|
66
70
|
var handleBackgroundClick = function (e) {
|
|
67
71
|
if (drawerBaseEl.current && !drawerBaseEl.current.contains(e.target)) {
|
|
68
72
|
onBackgroundClick(e);
|
|
@@ -79,7 +83,7 @@ exports.DialogBase = function (_a) {
|
|
|
79
83
|
}
|
|
80
84
|
return function () { return document.removeEventListener('click', handleBackgroundClick, false); };
|
|
81
85
|
}, [onBackgroundClick, open]);
|
|
82
|
-
react_1.useEffect(function () {
|
|
86
|
+
(0, react_1.useEffect)(function () {
|
|
83
87
|
if (open && isModal) {
|
|
84
88
|
screenreaderTrap.trap(drawerBaseEl.current);
|
|
85
89
|
keyboardTrap.trap(drawerBaseEl.current);
|
|
@@ -93,7 +97,7 @@ exports.DialogBase = function (_a) {
|
|
|
93
97
|
keyboardTrap.untrap();
|
|
94
98
|
};
|
|
95
99
|
}, [open, isModal]);
|
|
96
|
-
animation_1.useDialogAnimation({
|
|
100
|
+
(0, animation_1.useDialogAnimation)({
|
|
97
101
|
open: open,
|
|
98
102
|
classPrefix: classPrefix,
|
|
99
103
|
transitionElement: transitionElement,
|
|
@@ -108,7 +112,7 @@ exports.DialogBase = function (_a) {
|
|
|
108
112
|
onCloseBtnClick(event);
|
|
109
113
|
}
|
|
110
114
|
};
|
|
111
|
-
react_1.useEffect(function () {
|
|
115
|
+
(0, react_1.useEffect)(function () {
|
|
112
116
|
// For animated dialogs we handle the focus on transitionEnd event
|
|
113
117
|
if (!animated) {
|
|
114
118
|
handleFocus(open);
|
|
@@ -130,25 +134,26 @@ exports.DialogBase = function (_a) {
|
|
|
130
134
|
return function () { return document.removeEventListener('keydown', onKeyDown, false); };
|
|
131
135
|
}
|
|
132
136
|
}
|
|
133
|
-
var closeButtonContent = buttonPosition !== 'hidden' && (react_1.default.createElement("button", { ref: closeButtonRef, className: classnames_1.default("icon-btn", closeButtonClass, classPrefix
|
|
137
|
+
var closeButtonContent = buttonPosition !== 'hidden' && (react_1.default.createElement("button", { ref: closeButtonRef, className: (0, classnames_1.default)("icon-btn", closeButtonClass, "".concat(classPrefix, "__close"), {
|
|
134
138
|
'icon-btn--transparent': classPrefix === "toast-dialog"
|
|
135
139
|
}), type: "button", "aria-label": a11yCloseText, onClick: onCloseBtnClick }, closeButton || react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "close16" })));
|
|
136
|
-
var windowClassName = windowType ? classPrefix
|
|
137
|
-
var dialogTitleId = ((_b = header === null || header === void 0 ? void 0 : header.props) === null || _b === void 0 ? void 0 : _b.id) || "dialog-title-"
|
|
140
|
+
var windowClassName = windowType ? "".concat(classPrefix, "__").concat(windowType, "-window") : "".concat(classPrefix, "__window");
|
|
141
|
+
var dialogTitleId = ((_b = header === null || header === void 0 ? void 0 : header.props) === null || _b === void 0 ? void 0 : _b.id) || "dialog-title-".concat(rId);
|
|
138
142
|
var dialogLabelledBy = ariaLabelledby || dialogTitleId;
|
|
139
|
-
var dialogHeader = header ? react_1.cloneElement(header, __assign(__assign({}, header.props), { id: dialogTitleId })) : null;
|
|
140
|
-
return (react_1.default.createElement(Container, __assign({}, props, { "aria-labelledby": dialogLabelledBy, "arial-modal": "true", role: role, hidden: !open, className: classnames_1.default(classPrefix, props.className), "aria-live": !isModal ? 'polite' : undefined, ref: dialogRef, onKeyDown: onKeyDown }),
|
|
141
|
-
react_1.default.createElement("div", { className: classnames_1.default(windowClassName, windowClass), ref: drawerBaseEl },
|
|
143
|
+
var dialogHeader = header ? (0, react_1.cloneElement)(header, __assign(__assign({}, header.props), { id: dialogTitleId })) : null;
|
|
144
|
+
return (react_1.default.createElement(Container, __assign({}, props, { "aria-labelledby": dialogLabelledBy, "arial-modal": "true", role: role, hidden: !open, className: (0, classnames_1.default)(classPrefix, props.className), "aria-live": !isModal ? 'polite' : undefined, ref: dialogRef, onKeyDown: onKeyDown }),
|
|
145
|
+
react_1.default.createElement("div", { className: (0, classnames_1.default)(windowClassName, windowClass), ref: drawerBaseEl },
|
|
142
146
|
top,
|
|
143
|
-
dialogHeader && (react_1.default.createElement("div", { className: classPrefix
|
|
147
|
+
dialogHeader && (react_1.default.createElement("div", { className: "".concat(classPrefix, "__header") },
|
|
144
148
|
previousButton,
|
|
145
149
|
buttonPosition === 'right' && dialogHeader,
|
|
146
150
|
buttonPosition !== 'bottom' && closeButtonContent,
|
|
147
151
|
(buttonPosition === 'left' || buttonPosition === 'hidden') && dialogHeader)),
|
|
148
|
-
react_1.default.createElement("div", { id: mainId, className: classPrefix
|
|
149
|
-
actions ? (react_1.default.createElement("div", { className: classPrefix
|
|
150
|
-
footer || buttonPosition === 'bottom' ? (react_1.default.createElement("div", { className: classPrefix
|
|
152
|
+
react_1.default.createElement("div", { id: mainId, className: "".concat(classPrefix, "__main"), onScroll: onScroll }, children),
|
|
153
|
+
actions ? (react_1.default.createElement("div", { className: "".concat(classPrefix, "__actions") }, actions)) : null,
|
|
154
|
+
footer || buttonPosition === 'bottom' ? (react_1.default.createElement("div", { className: "".concat(classPrefix, "__footer") },
|
|
151
155
|
footer,
|
|
152
156
|
buttonPosition === 'bottom' && closeButtonContent)) : null)));
|
|
153
157
|
};
|
|
158
|
+
exports.DialogBase = DialogBase;
|
|
154
159
|
exports.default = exports.DialogBase;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-base-with-state.d.ts","sourceRoot":"","sources":["../../src/ebay-dialog-base/dialog-base-with-state.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAY,YAAY,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAc,eAAe,EAAE,MAAM,yBAAyB,CAAA;AASrE,eAAO,MAAM,mBAAmB,mDAM7B,
|
|
1
|
+
{"version":3,"file":"dialog-base-with-state.d.ts","sourceRoot":"","sources":["../../src/ebay-dialog-base/dialog-base-with-state.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAY,YAAY,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAc,eAAe,EAAE,MAAM,yBAAyB,CAAA;AASrE,eAAO,MAAM,mBAAmB,mDAM7B,gBAAgB,WAAW,CAAC,KAAG,YAyCjC,CAAA;AAED,eAAe,mBAAmB,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
|
};
|
|
@@ -46,7 +50,7 @@ var react_1 = __importStar(require("react"));
|
|
|
46
50
|
var react_remove_scroll_1 = require("react-remove-scroll");
|
|
47
51
|
var dialogBase_1 = require("./components/dialogBase");
|
|
48
52
|
var index_1 = require("./index");
|
|
49
|
-
|
|
53
|
+
var DialogBaseWithState = function (_a) {
|
|
50
54
|
var isModal = _a.isModal, open = _a.open, children = _a.children, _b = _a.animated, animated = _b === void 0 ? true : _b, rest = __rest(_a, ["isModal", "open", "children", "animated"]);
|
|
51
55
|
var shouldRenderModal = isModal !== false;
|
|
52
56
|
var childrenArray = react_1.Children.toArray(children);
|
|
@@ -68,4 +72,5 @@ exports.DialogBaseWithState = function (_a) {
|
|
|
68
72
|
var renderOverLay = function () { return shouldRenderModal ? (react_1.default.createElement(react_remove_scroll_1.RemoveScroll, { enabled: open }, dialogBase)) : dialogBase; };
|
|
69
73
|
return animated || open ? renderOverLay() : null;
|
|
70
74
|
};
|
|
75
|
+
exports.DialogBaseWithState = DialogBaseWithState;
|
|
71
76
|
exports.default = exports.DialogBaseWithState;
|
|
@@ -1,14 +1,18 @@
|
|
|
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.EbayDialogPreviousButton = exports.EbayDialogActions = exports.DialogBaseWithState = exports.EbayDialogCloseButton = exports.EbayDialogFooter = exports.EbayDialogHeader = void 0;
|
|
3
7
|
var dialog_header_1 = require("./components/dialog-header");
|
|
4
|
-
Object.defineProperty(exports, "EbayDialogHeader", { enumerable: true, get: function () { return dialog_header_1.default; } });
|
|
8
|
+
Object.defineProperty(exports, "EbayDialogHeader", { enumerable: true, get: function () { return __importDefault(dialog_header_1).default; } });
|
|
5
9
|
var dialog_footer_1 = require("./components/dialog-footer");
|
|
6
|
-
Object.defineProperty(exports, "EbayDialogFooter", { enumerable: true, get: function () { return dialog_footer_1.default; } });
|
|
10
|
+
Object.defineProperty(exports, "EbayDialogFooter", { enumerable: true, get: function () { return __importDefault(dialog_footer_1).default; } });
|
|
7
11
|
var dialog_close_button_1 = require("./components/dialog-close-button");
|
|
8
|
-
Object.defineProperty(exports, "EbayDialogCloseButton", { enumerable: true, get: function () { return dialog_close_button_1.default; } });
|
|
12
|
+
Object.defineProperty(exports, "EbayDialogCloseButton", { enumerable: true, get: function () { return __importDefault(dialog_close_button_1).default; } });
|
|
9
13
|
var dialog_base_with_state_1 = require("./dialog-base-with-state");
|
|
10
|
-
Object.defineProperty(exports, "DialogBaseWithState", { enumerable: true, get: function () { return dialog_base_with_state_1.default; } });
|
|
14
|
+
Object.defineProperty(exports, "DialogBaseWithState", { enumerable: true, get: function () { return __importDefault(dialog_base_with_state_1).default; } });
|
|
11
15
|
var dialog_actions_1 = require("./components/dialog-actions");
|
|
12
|
-
Object.defineProperty(exports, "EbayDialogActions", { enumerable: true, get: function () { return dialog_actions_1.default; } });
|
|
16
|
+
Object.defineProperty(exports, "EbayDialogActions", { enumerable: true, get: function () { return __importDefault(dialog_actions_1).default; } });
|
|
13
17
|
var dialog_previous_button_1 = require("./components/dialog-previous-button");
|
|
14
|
-
Object.defineProperty(exports, "EbayDialogPreviousButton", { enumerable: true, get: function () { return dialog_previous_button_1.default; } });
|
|
18
|
+
Object.defineProperty(exports, "EbayDialogPreviousButton", { enumerable: true, get: function () { return __importDefault(dialog_previous_button_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
|
};
|
|
@@ -53,8 +57,8 @@ var EbayDrawerDialog = function (_a) {
|
|
|
53
57
|
var _b;
|
|
54
58
|
var _c = _a.expanded, controlledExpanded = _c === void 0 ? false : _c, noHandle = _a.noHandle, _d = _a.onClose, onClose = _d === void 0 ? function () { } : _d, _e = _a.onCollapsed, onCollapsed = _e === void 0 ? function () { } : _e, _f = _a.onExpanded, onExpanded = _f === void 0 ? function () { } : _f, a11yMaximizeText = _a.a11yMaximizeText, a11yMinimizeText = _a.a11yMinimizeText, children = _a.children, rest = __rest(_a, ["expanded", "noHandle", "onClose", "onCollapsed", "onExpanded", "a11yMaximizeText", "a11yMinimizeText", "children"]);
|
|
55
59
|
var touches = [];
|
|
56
|
-
var _g = react_1.useState(controlledExpanded), expanded = _g[0], setExpanded = _g[1];
|
|
57
|
-
react_1.useEffect(function () {
|
|
60
|
+
var _g = (0, react_1.useState)(controlledExpanded), expanded = _g[0], setExpanded = _g[1];
|
|
61
|
+
(0, react_1.useEffect)(function () {
|
|
58
62
|
setExpanded(controlledExpanded);
|
|
59
63
|
}, [controlledExpanded]);
|
|
60
64
|
var setExpandedState = function (expand) {
|
|
@@ -104,7 +108,7 @@ var EbayDrawerDialog = function (_a) {
|
|
|
104
108
|
});
|
|
105
109
|
}
|
|
106
110
|
};
|
|
107
|
-
var handle = noHandle ? null : (react_1.default.createElement("button", { "aria-label": expanded ? a11yMinimizeText : a11yMaximizeText, className: classPrefix
|
|
111
|
+
var handle = noHandle ? null : (react_1.default.createElement("button", { "aria-label": expanded ? a11yMinimizeText : a11yMaximizeText, className: "".concat(classPrefix, "__handle"), onClick: function () { return setExpandedState(!expanded); }, onScroll: function () { return setExpandedState(true); }, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, type: "button" }));
|
|
108
112
|
var childrenArray = react_1.Children.toArray(children);
|
|
109
113
|
var header = childrenArray.find(function (_a) {
|
|
110
114
|
var type = _a.type;
|
|
@@ -114,8 +118,8 @@ var EbayDrawerDialog = function (_a) {
|
|
|
114
118
|
var type = _a.type;
|
|
115
119
|
return type !== ebay_dialog_base_1.EbayDialogHeader;
|
|
116
120
|
});
|
|
117
|
-
return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, __assign({}, rest, { classPrefix: classPrefix, onCloseBtnClick: onClose, className: classnames_1.default(rest.className, classPrefix
|
|
118
|
-
_b[classPrefix
|
|
121
|
+
return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, __assign({}, rest, { classPrefix: classPrefix, onCloseBtnClick: onClose, className: (0, classnames_1.default)(rest.className, "".concat(classPrefix, "--mask-fade-slow")), windowClass: (0, classnames_1.default)("".concat(classPrefix, "__window"), "".concat(classPrefix, "__window--slide"), (_b = {},
|
|
122
|
+
_b["".concat(classPrefix, "__window--expanded")] = expanded,
|
|
119
123
|
_b)), onBackgroundClick: onClose, top: handle }),
|
|
120
124
|
header || react_1.default.createElement(ebay_dialog_base_1.EbayDialogHeader, null),
|
|
121
125
|
withoutHeader));
|
|
@@ -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.EbayDrawerDialog = void 0;
|
|
3
7
|
var drawer_1 = require("./components/drawer");
|
|
4
|
-
Object.defineProperty(exports, "EbayDrawerDialog", { enumerable: true, get: function () { return drawer_1.default; } });
|
|
8
|
+
Object.defineProperty(exports, "EbayDrawerDialog", { enumerable: true, get: function () { return __importDefault(drawer_1).default; } });
|
package/ebay-eek/eek-rating.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eek-rating.d.ts","sourceRoot":"","sources":["../../src/ebay-eek/eek-rating.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAMjC,
|
|
1
|
+
{"version":3,"file":"eek-rating.d.ts","sourceRoot":"","sources":["../../src/ebay-eek/eek-rating.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAMjC,MAAM,MAAM,YAAY,GAAG;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAA;AAED,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA4B7B,CAAA;AAGD,eAAe,OAAO,CAAA"}
|
package/ebay-eek/eek-rating.js
CHANGED
|
@@ -10,9 +10,9 @@ var ebay_icon_1 = require("../ebay-icon");
|
|
|
10
10
|
var EbayEek = function (_a) {
|
|
11
11
|
var _b;
|
|
12
12
|
var _c = _a.min, min = _c === void 0 ? '' : _c, _d = _a.max, max = _d === void 0 ? '' : _d, rating = _a.rating, a11yText = _a.a11yText, extraClasses = _a.className;
|
|
13
|
-
var parsedRating = eek_util_1.default({ rating: rating, min: min, max: max });
|
|
14
|
-
var className = classnames_1.default(extraClasses, 'eek', (_b = {}, _b["eek--rating-"
|
|
15
|
-
var backupA11yText = "Energy Rating: "
|
|
13
|
+
var parsedRating = (0, eek_util_1.default)({ rating: rating, min: min, max: max });
|
|
14
|
+
var className = (0, classnames_1.default)(extraClasses, 'eek', (_b = {}, _b["eek--rating-".concat(parsedRating)] = !!parsedRating, _b));
|
|
15
|
+
var backupA11yText = "Energy Rating: ".concat(rating, ". Range: ").concat(max, " - ").concat(min, ".");
|
|
16
16
|
return (react_1.default.createElement("div", { className: className, role: "figure", "aria-label": a11yText || backupA11yText },
|
|
17
17
|
react_1.default.createElement("div", { className: "eek__container", "aria-hidden": true },
|
|
18
18
|
react_1.default.createElement("span", { className: "eek__rating-range" },
|
package/ebay-eek/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.EbayEek = void 0;
|
|
3
7
|
var eek_rating_1 = require("./eek-rating");
|
|
4
|
-
Object.defineProperty(exports, "EbayEek", { enumerable: true, get: function () { return eek_rating_1.default; } });
|
|
8
|
+
Object.defineProperty(exports, "EbayEek", { enumerable: true, get: function () { return __importDefault(eek_rating_1).default; } });
|
package/ebay-fake-menu/index.js
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
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.EbayFakeMenuSeparator = exports.EbayFakeMenuItem = exports.EbayFakeMenu = void 0;
|
|
3
7
|
var menu_1 = require("./menu");
|
|
4
|
-
Object.defineProperty(exports, "EbayFakeMenu", { enumerable: true, get: function () { return menu_1.default; } });
|
|
8
|
+
Object.defineProperty(exports, "EbayFakeMenu", { enumerable: true, get: function () { return __importDefault(menu_1).default; } });
|
|
5
9
|
var menu_item_1 = require("./menu-item");
|
|
6
|
-
Object.defineProperty(exports, "EbayFakeMenuItem", { enumerable: true, get: function () { return menu_item_1.default; } });
|
|
10
|
+
Object.defineProperty(exports, "EbayFakeMenuItem", { enumerable: true, get: function () { return __importDefault(menu_item_1).default; } });
|
|
7
11
|
var menu_item_separator_1 = require("./menu-item-separator");
|
|
8
|
-
Object.defineProperty(exports, "EbayFakeMenuSeparator", { enumerable: true, get: function () { return menu_item_separator_1.default; } });
|
|
12
|
+
Object.defineProperty(exports, "EbayFakeMenuSeparator", { enumerable: true, get: function () { return __importDefault(menu_item_separator_1).default; } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item-separator.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu/menu-item-separator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAGjD,
|
|
1
|
+
{"version":3,"file":"menu-item-separator.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu/menu-item-separator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAGjD,KAAK,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;AAEjC,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,KAAK,CASpC,CAAA;AAED,eAAe,qBAAqB,CAAA"}
|
|
@@ -29,6 +29,6 @@ var react_1 = __importDefault(require("react"));
|
|
|
29
29
|
var classnames_1 = __importDefault(require("classnames"));
|
|
30
30
|
var EbayMenuItemSeparator = function (_a) {
|
|
31
31
|
var className = _a.className, rest = __rest(_a, ["className"]);
|
|
32
|
-
return (react_1.default.createElement("hr", __assign({}, rest, { className: classnames_1.default(className, 'fake-menu__separator'), role: "separator" })));
|
|
32
|
+
return (react_1.default.createElement("hr", __assign({}, rest, { className: (0, classnames_1.default)(className, 'fake-menu__separator'), role: "separator" })));
|
|
33
33
|
};
|
|
34
34
|
exports.default = EbayMenuItemSeparator;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentProps, FC } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type EbayFakeMenuItemProps = Omit<ComponentProps<'a'>, 'onKeyDown' | 'onMouseDown'> & {
|
|
3
3
|
current?: boolean;
|
|
4
4
|
disabled?: boolean;
|
|
5
5
|
autoFocus?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAA;AAIpE,
|
|
1
|
+
{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAA;AAIpE,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,WAAW,GAAG,aAAa,CAAC,GAAG;IACzF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,qBAAqB,CA6B3C,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
|
};
|
|
@@ -49,14 +53,14 @@ var classnames_1 = __importDefault(require("classnames"));
|
|
|
49
53
|
var ebay_icon_1 = require("../ebay-icon");
|
|
50
54
|
var EbayMenuItem = function (_a) {
|
|
51
55
|
var className = _a.className, current = _a.current, disabled = _a.disabled, autoFocus = _a.autoFocus, children = _a.children, rest = __rest(_a, ["className", "current", "disabled", "autoFocus", "children"]);
|
|
52
|
-
var ref = react_1.useRef();
|
|
53
|
-
react_1.useEffect(function () {
|
|
56
|
+
var ref = (0, react_1.useRef)();
|
|
57
|
+
(0, react_1.useEffect)(function () {
|
|
54
58
|
var _a;
|
|
55
59
|
if (autoFocus) {
|
|
56
60
|
(_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
57
61
|
}
|
|
58
62
|
});
|
|
59
|
-
return (react_1.default.createElement("a", __assign({}, rest, { ref: ref, className: classnames_1.default(className, 'fake-menu__item'), "aria-disabled": disabled ? 'true' : undefined }),
|
|
63
|
+
return (react_1.default.createElement("a", __assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, 'fake-menu__item'), "aria-disabled": disabled ? 'true' : undefined }),
|
|
60
64
|
react_1.default.createElement("span", null, children),
|
|
61
65
|
react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "tick16" })));
|
|
62
66
|
};
|
package/ebay-fake-menu/menu.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentProps, FC } from 'react';
|
|
2
2
|
import { EbayKeyboardEventHandler, EbayMouseEventHandler } from '../common/event-utils/types';
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
type SpanProps = Omit<ComponentProps<'div'>, 'onKeyDown' | 'onSelect'>;
|
|
4
|
+
type Props = SpanProps & {
|
|
5
5
|
itemMatchesUrl?: boolean;
|
|
6
6
|
onKeyDown?: EbayKeyboardEventHandler<HTMLElement, {
|
|
7
7
|
index: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEV,cAAc,EAAE,EAAE,EACrB,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAE7F,
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEV,cAAc,EAAE,EAAE,EACrB,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAE7F,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAA;AACtE,KAAK,KAAK,GAAG,SAAS,GAAG;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,wBAAwB,CAAC,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrE,QAAQ,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC1E,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CAwC3B,CAAA;AAED,eAAe,YAAY,CAAA"}
|