@ebay/ui-core-react 8.5.2 → 8.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 +104 -84
- package/common/__mocks__/random-id.d.ts.map +1 -1
- package/common/component-utils/forwardRef.d.ts +1 -1
- package/common/component-utils/forwardRef.d.ts.map +1 -1
- package/common/component-utils/index.d.ts +2 -2
- package/common/component-utils/index.d.ts.map +1 -1
- package/common/component-utils/utils.d.ts +2 -2
- package/common/component-utils/utils.d.ts.map +1 -1
- package/common/debounce.d.ts.map +1 -1
- package/common/dropdown.d.ts +10 -10
- package/common/dropdown.d.ts.map +1 -1
- 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 +4 -4
- package/common/event-utils/types.d.ts.map +1 -1
- package/common/event-utils/use-key-press.d.ts.map +1 -1
- package/common/event-utils/use-roving-index.d.ts +1 -1
- package/common/event-utils/use-roving-index.d.ts.map +1 -1
- package/common/floating-label-utils/hooks.d.ts +6 -6
- package/common/floating-label-utils/hooks.d.ts.map +1 -1
- package/common/notice-utils/notice-content.d.ts +2 -2
- package/common/notice-utils/notice-content.d.ts.map +1 -1
- package/common/notice-utils/notice-cta.d.ts +2 -2
- package/common/notice-utils/notice-cta.d.ts.map +1 -1
- package/common/notice-utils/notice-footer.d.ts +2 -2
- package/common/notice-utils/notice-footer.d.ts.map +1 -1
- package/common/notice-utils/notice-title.d.ts +3 -3
- package/common/notice-utils/notice-title.d.ts.map +1 -1
- package/common/random-id.d.ts.map +1 -1
- package/common/range.d.ts.map +1 -1
- package/common/tooltip-utils/constants.d.ts +2 -2
- package/common/tooltip-utils/constants.d.ts.map +1 -1
- package/common/tooltip-utils/index.d.ts +7 -7
- package/common/tooltip-utils/index.d.ts.map +1 -1
- package/common/tooltip-utils/tooltip-close-button.d.ts +1 -1
- package/common/tooltip-utils/tooltip-close-button.d.ts.map +1 -1
- package/common/tooltip-utils/tooltip-content.d.ts +2 -2
- package/common/tooltip-utils/tooltip-content.d.ts.map +1 -1
- package/common/tooltip-utils/tooltip-footer.d.ts +2 -2
- package/common/tooltip-utils/tooltip-footer.d.ts.map +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.d.ts +3 -3
- package/common/tooltip-utils/tooltip.d.ts.map +1 -1
- 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 +1 -1
- package/common/tooltip-utils/use-tooltip.d.ts.map +1 -1
- package/dialog-previous-button-B1dTCOv2.js +1 -0
- package/ebay-accordion/accordion.d.ts +5 -5
- package/ebay-accordion/accordion.d.ts.map +1 -1
- package/ebay-accordion/index.d.ts +2 -2
- package/ebay-accordion/index.d.ts.map +1 -1
- package/ebay-accordion/index.js +2 -2
- package/ebay-alert-dialog/README.md +14 -11
- package/ebay-alert-dialog/alert-dialog.d.ts +2 -2
- package/ebay-alert-dialog/alert-dialog.d.ts.map +1 -1
- package/ebay-alert-dialog/index.d.ts +1 -1
- package/ebay-alert-dialog/index.d.ts.map +1 -1
- package/ebay-alert-dialog/index.js +1 -1
- package/ebay-avatar/avatar-image.d.ts +2 -2
- package/ebay-avatar/avatar-image.d.ts.map +1 -1
- package/ebay-avatar/avatar.d.ts +3 -3
- package/ebay-avatar/avatar.d.ts.map +1 -1
- package/ebay-avatar/index.d.ts +3 -3
- package/ebay-avatar/index.d.ts.map +1 -1
- package/ebay-avatar/types.d.ts +1 -1
- package/ebay-avatar/utils.d.ts +1 -1
- package/ebay-avatar/utils.d.ts.map +1 -1
- package/ebay-badge/README.md +13 -8
- package/ebay-badge/badge.d.ts +3 -3
- package/ebay-badge/badge.d.ts.map +1 -1
- package/ebay-badge/index.d.ts +1 -1
- package/ebay-badge/index.d.ts.map +1 -1
- package/ebay-breadcrumbs/README.md +18 -13
- package/ebay-breadcrumbs/breadcrumb-item.d.ts +3 -3
- package/ebay-breadcrumbs/breadcrumb-item.d.ts.map +1 -1
- package/ebay-breadcrumbs/breadcrumbs.d.ts +3 -3
- package/ebay-breadcrumbs/breadcrumbs.d.ts.map +1 -1
- package/ebay-breadcrumbs/index.d.ts +2 -2
- package/ebay-breadcrumbs/index.d.ts.map +1 -1
- package/ebay-button/README.md +34 -23
- package/ebay-button/button-cell.d.ts +3 -3
- package/ebay-button/button-cell.d.ts.map +1 -1
- package/ebay-button/button-expand.d.ts +1 -1
- package/ebay-button/button-expand.d.ts.map +1 -1
- package/ebay-button/button-loading.d.ts +1 -1
- package/ebay-button/button-loading.d.ts.map +1 -1
- package/ebay-button/button-text.d.ts +2 -2
- package/ebay-button/button-text.d.ts.map +1 -1
- package/ebay-button/button.d.ts +3 -3
- package/ebay-button/button.d.ts.map +1 -1
- package/ebay-button/index.d.ts +3 -3
- package/ebay-button/index.d.ts.map +1 -1
- package/ebay-button/types.d.ts +5 -5
- package/ebay-button/types.d.ts.map +1 -1
- package/ebay-calendar/README.md +23 -20
- package/ebay-calendar/calendar.d.ts +2 -2
- package/ebay-calendar/calendar.d.ts.map +1 -1
- package/ebay-calendar/date-utils.d.ts +1 -1
- package/ebay-calendar/date-utils.d.ts.map +1 -1
- package/ebay-calendar/index.d.ts +1 -1
- package/ebay-calendar/index.d.ts.map +1 -1
- package/ebay-carousel/README.md +21 -22
- package/ebay-carousel/carousel-control-button.d.ts +2 -2
- package/ebay-carousel/carousel-control-button.d.ts.map +1 -1
- package/ebay-carousel/carousel-item.d.ts +3 -3
- package/ebay-carousel/carousel-item.d.ts.map +1 -1
- package/ebay-carousel/carousel-list.d.ts +2 -2
- package/ebay-carousel/carousel-list.d.ts.map +1 -1
- package/ebay-carousel/carousel.d.ts +2 -2
- package/ebay-carousel/carousel.d.ts.map +1 -1
- package/ebay-carousel/helpers.d.ts +5 -5
- package/ebay-carousel/helpers.d.ts.map +1 -1
- package/ebay-carousel/index.d.ts +2 -2
- package/ebay-carousel/index.d.ts.map +1 -1
- package/ebay-carousel/scroll-to-transition.d.ts.map +1 -1
- package/ebay-carousel/types.d.ts +5 -5
- package/ebay-carousel/types.d.ts.map +1 -1
- package/ebay-ccd/README.md +11 -17
- package/ebay-ccd/ccd.d.ts +4 -4
- package/ebay-ccd/ccd.d.ts.map +1 -1
- package/ebay-ccd/index.d.ts +1 -1
- package/ebay-character-count/README.md +6 -6
- package/ebay-character-count/character-count.d.ts +3 -3
- package/ebay-character-count/character-count.d.ts.map +1 -1
- package/ebay-character-count/index.d.ts +2 -2
- package/ebay-checkbox/README.md +14 -9
- package/ebay-checkbox/checkbox.d.ts +3 -3
- package/ebay-checkbox/checkbox.d.ts.map +1 -1
- package/ebay-checkbox/index.d.ts +2 -2
- package/ebay-checkbox/index.d.ts.map +1 -1
- package/ebay-checkbox/types.d.ts +2 -2
- package/ebay-checkbox/types.d.ts.map +1 -1
- package/ebay-chip/README.md +6 -10
- package/ebay-chip/chip.d.ts +3 -3
- package/ebay-chip/chip.d.ts.map +1 -1
- package/ebay-chip/index.d.ts +1 -1
- package/ebay-chip/index.d.ts.map +1 -1
- package/ebay-chips-combobox/chips-combobox.d.ts +4 -4
- package/ebay-chips-combobox/chips-combobox.d.ts.map +1 -1
- package/ebay-chips-combobox/index.d.ts +3 -3
- package/ebay-chips-combobox/index.d.ts.map +1 -1
- package/ebay-chips-combobox/types.d.ts +1 -1
- package/ebay-chips-combobox/types.d.ts.map +1 -1
- package/ebay-combobox/combobox-button.d.ts +2 -2
- package/ebay-combobox/combobox-button.d.ts.map +1 -1
- package/ebay-combobox/combobox-option.d.ts +2 -2
- package/ebay-combobox/combobox-option.d.ts.map +1 -1
- package/ebay-combobox/combobox.d.ts +3 -3
- package/ebay-combobox/combobox.d.ts.map +1 -1
- package/ebay-combobox/index.d.ts +4 -4
- package/ebay-combobox/index.d.ts.map +1 -1
- package/ebay-combobox/types.d.ts +4 -4
- package/ebay-combobox/types.d.ts.map +1 -1
- package/ebay-confirm-dialog/README.md +17 -13
- package/ebay-confirm-dialog/confirm-dialog.d.ts +3 -3
- package/ebay-confirm-dialog/confirm-dialog.d.ts.map +1 -1
- package/ebay-confirm-dialog/index.d.ts +1 -1
- package/ebay-confirm-dialog/index.d.ts.map +1 -1
- package/ebay-confirm-dialog/index.js +1 -1
- package/ebay-cta-button/README.md +15 -9
- 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/index.d.ts +1 -1
- package/ebay-cta-button/index.d.ts.map +1 -1
- package/ebay-date-textbox/README.md +25 -24
- package/ebay-date-textbox/date-textbox.d.ts +4 -4
- package/ebay-date-textbox/date-textbox.d.ts.map +1 -1
- package/ebay-date-textbox/index.d.ts +1 -1
- package/ebay-date-textbox/index.d.ts.map +1 -1
- package/ebay-details/ebay-details.d.ts +5 -6
- package/ebay-details/ebay-details.d.ts.map +1 -1
- package/ebay-details/index.d.ts +1 -1
- package/ebay-details/index.d.ts.map +1 -1
- package/ebay-details/index.js +1 -1
- package/ebay-details-BuPepKYE.js +1 -0
- package/ebay-dialog-base/README.md +2 -6
- package/ebay-dialog-base/components/animation.d.ts +2 -2
- package/ebay-dialog-base/components/animation.d.ts.map +1 -1
- 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-close-button.d.ts +1 -1
- package/ebay-dialog-base/components/dialog-close-button.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 +2 -2
- package/ebay-dialog-base/components/dialog-header.d.ts.map +1 -1
- package/ebay-dialog-base/components/dialog-previous-button.d.ts +2 -2
- package/ebay-dialog-base/components/dialog-previous-button.d.ts.map +1 -1
- package/ebay-dialog-base/components/dialogBase.d.ts +8 -8
- package/ebay-dialog-base/components/dialogBase.d.ts.map +1 -1
- package/ebay-dialog-base/dialog-base-with-state.d.ts +2 -2
- package/ebay-dialog-base/dialog-base-with-state.d.ts.map +1 -1
- package/ebay-dialog-base/index.d.ts +9 -9
- package/ebay-dialog-base/index.d.ts.map +1 -1
- package/ebay-dialog-base/index.js +1 -1
- package/ebay-dialog-base/types.d.ts +1 -1
- package/ebay-dialog-base/types.d.ts.map +1 -1
- package/ebay-drawer-dialog-deprecated/README.md +18 -8
- package/ebay-drawer-dialog-deprecated/components/drawer.d.ts +2 -2
- package/ebay-drawer-dialog-deprecated/components/drawer.d.ts.map +1 -1
- package/ebay-drawer-dialog-deprecated/index.d.ts +1 -1
- package/ebay-drawer-dialog-deprecated/index.d.ts.map +1 -1
- package/ebay-drawer-dialog-deprecated/index.js +1 -1
- package/ebay-education-notice/README.md +6 -9
- package/ebay-education-notice/education-notice-footer.d.ts +1 -1
- package/ebay-education-notice/education-notice-footer.d.ts.map +1 -1
- package/ebay-education-notice/education-notice-title.d.ts +2 -2
- package/ebay-education-notice/education-notice-title.d.ts.map +1 -1
- package/ebay-education-notice/education-notice.d.ts +6 -6
- package/ebay-education-notice/education-notice.d.ts.map +1 -1
- package/ebay-education-notice/index.d.ts +4 -4
- package/ebay-education-notice/index.d.ts.map +1 -1
- package/ebay-education-notice/types.d.ts +1 -1
- package/ebay-education-notice/types.d.ts.map +1 -1
- package/ebay-eek/README.md +13 -8
- package/ebay-eek/eek-rating.d.ts +1 -1
- package/ebay-eek/eek-rating.d.ts.map +1 -1
- package/ebay-eek/eek-util.d.ts +1 -1
- package/ebay-eek/eek-util.d.ts.map +1 -1
- package/ebay-eek/index.d.ts +1 -1
- package/ebay-eek/index.d.ts.map +1 -1
- package/ebay-fake-link/fake-link.d.ts +4 -4
- package/ebay-fake-link/fake-link.d.ts.map +1 -1
- package/ebay-fake-link/index.d.ts +1 -1
- package/ebay-fake-link/index.d.ts.map +1 -1
- package/ebay-fake-menu/README.md +23 -15
- package/ebay-fake-menu/index.d.ts +3 -3
- package/ebay-fake-menu/index.d.ts.map +1 -1
- package/ebay-fake-menu/menu-item-separator.d.ts +2 -2
- package/ebay-fake-menu/menu-item-separator.d.ts.map +1 -1
- package/ebay-fake-menu/menu-item.d.ts +3 -3
- package/ebay-fake-menu/menu-item.d.ts.map +1 -1
- package/ebay-fake-menu/menu.d.ts +3 -3
- package/ebay-fake-menu/menu.d.ts.map +1 -1
- package/ebay-fake-menu-button/README.md +34 -31
- package/ebay-fake-menu-button/index.d.ts +4 -4
- package/ebay-fake-menu-button/index.d.ts.map +1 -1
- package/ebay-fake-menu-button/menu-button-item.d.ts +2 -2
- package/ebay-fake-menu-button/menu-button-item.d.ts.map +1 -1
- package/ebay-fake-menu-button/menu-button-label.d.ts +1 -1
- package/ebay-fake-menu-button/menu-button-label.d.ts.map +1 -1
- package/ebay-fake-menu-button/menu-button-separator.d.ts +2 -2
- package/ebay-fake-menu-button/menu-button-separator.d.ts.map +1 -1
- package/ebay-fake-menu-button/menu-button.d.ts +5 -5
- package/ebay-fake-menu-button/menu-button.d.ts.map +1 -1
- package/ebay-fake-tabs/README.md +14 -9
- package/ebay-fake-tabs/fake-tabs.d.ts +2 -2
- package/ebay-fake-tabs/fake-tabs.d.ts.map +1 -1
- package/ebay-fake-tabs/index.d.ts +2 -2
- package/ebay-fake-tabs/index.d.ts.map +1 -1
- package/ebay-fake-tabs/tab.d.ts +3 -3
- package/ebay-fake-tabs/tab.d.ts.map +1 -1
- package/ebay-field/README.md +30 -21
- package/ebay-field/description.d.ts +3 -3
- package/ebay-field/description.d.ts.map +1 -1
- package/ebay-field/field.d.ts +2 -2
- package/ebay-field/field.d.ts.map +1 -1
- package/ebay-field/index.d.ts +4 -4
- package/ebay-field/index.d.ts.map +1 -1
- package/ebay-field/label.d.ts +3 -3
- package/ebay-field/label.d.ts.map +1 -1
- package/ebay-field/types.d.ts +4 -4
- package/ebay-field/types.d.ts.map +1 -1
- package/ebay-file-input/README.md +4 -8
- package/ebay-file-input/file-input.d.ts +3 -3
- package/ebay-file-input/file-input.d.ts.map +1 -1
- package/ebay-file-input/index.d.ts +1 -1
- package/ebay-file-input/index.d.ts.map +1 -1
- package/ebay-file-input/types.d.ts +1 -1
- package/ebay-file-preview-card/README.md +25 -8
- package/ebay-file-preview-card/ebay-file-preview-card-action.d.ts +6 -0
- package/ebay-file-preview-card/ebay-file-preview-card-action.d.ts.map +1 -0
- package/ebay-file-preview-card/file-preview-action.d.ts +10 -7
- package/ebay-file-preview-card/file-preview-action.d.ts.map +1 -1
- package/ebay-file-preview-card/file-preview-card.d.ts +9 -7
- package/ebay-file-preview-card/file-preview-card.d.ts.map +1 -1
- package/ebay-file-preview-card/file-preview-content.d.ts +3 -3
- package/ebay-file-preview-card/file-preview-content.d.ts.map +1 -1
- package/ebay-file-preview-card/file-preview-label.d.ts +2 -2
- package/ebay-file-preview-card/file-preview-label.d.ts.map +1 -1
- package/ebay-file-preview-card/index.d.ts +3 -2
- package/ebay-file-preview-card/index.d.ts.map +1 -1
- package/ebay-file-preview-card/index.js +1 -1
- package/ebay-file-preview-card/types.d.ts +2 -2
- package/ebay-file-preview-card/types.d.ts.map +1 -1
- package/ebay-file-preview-card-group/README.md +5 -4
- package/ebay-file-preview-card-group/file-preview-card-group.d.ts +6 -5
- package/ebay-file-preview-card-group/file-preview-card-group.d.ts.map +1 -1
- package/ebay-file-preview-card-group/index.d.ts +1 -1
- package/ebay-file-preview-card-group/index.d.ts.map +1 -1
- package/ebay-file-preview-card-group/index.js +1 -1
- package/ebay-file-preview-card-group/types.d.ts +2 -2
- package/ebay-file-preview-card-group/types.d.ts.map +1 -1
- package/ebay-filter/filter.d.ts +3 -3
- package/ebay-filter/filter.d.ts.map +1 -1
- package/ebay-filter/index.d.ts +2 -2
- package/ebay-filter/index.d.ts.map +1 -1
- package/ebay-filter/types.d.ts +1 -1
- package/ebay-filter/types.d.ts.map +1 -1
- package/ebay-filter-menu/filter-menu-footer-button.d.ts +4 -4
- package/ebay-filter-menu/filter-menu-footer-button.d.ts.map +1 -1
- package/ebay-filter-menu/filter-menu-item.d.ts +4 -4
- package/ebay-filter-menu/filter-menu-item.d.ts.map +1 -1
- package/ebay-filter-menu/filter-menu.d.ts +3 -3
- package/ebay-filter-menu/filter-menu.d.ts.map +1 -1
- package/ebay-filter-menu/index.d.ts +4 -4
- package/ebay-filter-menu/index.d.ts.map +1 -1
- package/ebay-filter-menu/types.d.ts +3 -3
- package/ebay-filter-menu/types.d.ts.map +1 -1
- package/ebay-filter-menu-button/README.md +5 -5
- package/ebay-filter-menu-button/filter-menu-button.d.ts +2 -2
- package/ebay-filter-menu-button/filter-menu-button.d.ts.map +1 -1
- package/ebay-filter-menu-button/index.d.ts +2 -2
- package/ebay-filter-menu-button/index.d.ts.map +1 -1
- package/ebay-fullscreen-dialog-deprecated/README.md +13 -10
- package/ebay-fullscreen-dialog-deprecated/fullscreen-dialog.d.ts +3 -3
- package/ebay-fullscreen-dialog-deprecated/fullscreen-dialog.d.ts.map +1 -1
- package/ebay-fullscreen-dialog-deprecated/index.d.ts +1 -1
- package/ebay-fullscreen-dialog-deprecated/index.d.ts.map +1 -1
- package/ebay-fullscreen-dialog-deprecated/index.js +1 -1
- package/ebay-icon/README.md +13 -9
- package/ebay-icon/icon.d.ts +5 -5
- package/ebay-icon/icon.d.ts.map +1 -1
- package/ebay-icon/index.d.ts +2 -2
- package/ebay-icon/index.d.ts.map +1 -1
- package/ebay-icon-button/README.md +23 -15
- 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/index.d.ts +1 -1
- package/ebay-icon-button/index.d.ts.map +1 -1
- package/ebay-image-placeholder/README.md +1 -6
- package/ebay-image-placeholder/image-placeholder.d.ts +1 -1
- package/ebay-image-placeholder/image-placeholder.d.ts.map +1 -1
- package/ebay-image-placeholder/index.d.ts +1 -1
- package/ebay-image-placeholder/index.d.ts.map +1 -1
- package/ebay-infotip/README.md +17 -20
- package/ebay-infotip/ebay-infotip-content.d.ts +3 -3
- package/ebay-infotip/ebay-infotip-content.d.ts.map +1 -1
- package/ebay-infotip/ebay-infotip-heading.d.ts +2 -2
- package/ebay-infotip/ebay-infotip-heading.d.ts.map +1 -1
- package/ebay-infotip/ebay-infotip-host.d.ts +4 -4
- package/ebay-infotip/ebay-infotip-host.d.ts.map +1 -1
- package/ebay-infotip/ebay-infotip.d.ts +5 -5
- package/ebay-infotip/ebay-infotip.d.ts.map +1 -1
- package/ebay-infotip/index.d.ts +5 -5
- package/ebay-infotip/index.d.ts.map +1 -1
- package/ebay-infotip/index.js +1 -1
- package/ebay-infotip/types.d.ts +1 -1
- package/ebay-infotip/types.d.ts.map +1 -1
- package/ebay-inline-notice/README.md +8 -8
- package/ebay-inline-notice/index.d.ts +3 -3
- package/ebay-inline-notice/index.d.ts.map +1 -1
- package/ebay-inline-notice/inline-notice.d.ts +4 -4
- package/ebay-inline-notice/inline-notice.d.ts.map +1 -1
- package/ebay-inline-notice/types.d.ts +1 -1
- package/ebay-inline-notice/types.d.ts.map +1 -1
- package/ebay-lightbox-dialog/README.md +17 -13
- package/ebay-lightbox-dialog/index.d.ts +1 -1
- package/ebay-lightbox-dialog/index.d.ts.map +1 -1
- package/ebay-lightbox-dialog/index.js +1 -1
- package/ebay-lightbox-dialog/lightbox-dialog.d.ts +7 -7
- package/ebay-lightbox-dialog/lightbox-dialog.d.ts.map +1 -1
- package/ebay-list/README.md +149 -0
- package/ebay-list/index.d.ts +5 -0
- package/ebay-list/index.d.ts.map +1 -0
- package/ebay-list/index.js +1 -0
- package/ebay-list/list-item-leading.d.ts +7 -0
- package/ebay-list/list-item-leading.d.ts.map +1 -0
- package/ebay-list/list-item-trailing.d.ts +7 -0
- package/ebay-list/list-item-trailing.d.ts.map +1 -0
- package/ebay-list/list-item.d.ts +11 -0
- package/ebay-list/list-item.d.ts.map +1 -0
- package/ebay-list/list.d.ts +8 -0
- package/ebay-list/list.d.ts.map +1 -0
- package/ebay-list/types.d.ts +6 -0
- package/ebay-list/types.d.ts.map +1 -0
- package/ebay-listbox/README.md +16 -26
- package/ebay-listbox/index.d.ts +3 -3
- package/ebay-listbox/index.d.ts.map +1 -1
- package/ebay-listbox/listbox-option-description.d.ts +2 -2
- package/ebay-listbox/listbox-option-description.d.ts.map +1 -1
- package/ebay-listbox/listbox-option.d.ts +2 -2
- package/ebay-listbox/listbox-option.d.ts.map +1 -1
- package/ebay-listbox/listbox.d.ts +5 -5
- package/ebay-listbox/listbox.d.ts.map +1 -1
- package/ebay-listbox-button/README.md +17 -9
- package/ebay-listbox-button/index.d.ts +2 -2
- package/ebay-listbox-button/index.d.ts.map +1 -1
- package/ebay-listbox-button/listbox-button-option.d.ts +3 -3
- package/ebay-listbox-button/listbox-button-option.d.ts.map +1 -1
- package/ebay-listbox-button/listbox-button.d.ts +3 -3
- package/ebay-listbox-button/listbox-button.d.ts.map +1 -1
- package/ebay-menu/README.md +24 -20
- package/ebay-menu/index.d.ts +4 -4
- package/ebay-menu/index.d.ts.map +1 -1
- package/ebay-menu/menu-item-separator.d.ts +2 -2
- package/ebay-menu/menu-item-separator.d.ts.map +1 -1
- package/ebay-menu/menu-item.d.ts +3 -3
- package/ebay-menu/menu-item.d.ts.map +1 -1
- package/ebay-menu/menu.d.ts +2 -2
- package/ebay-menu/menu.d.ts.map +1 -1
- package/ebay-menu/types.d.ts +7 -7
- package/ebay-menu/types.d.ts.map +1 -1
- package/ebay-menu-button/README.md +33 -30
- package/ebay-menu-button/index.d.ts +5 -5
- package/ebay-menu-button/index.d.ts.map +1 -1
- package/ebay-menu-button/menu-button-item.d.ts +1 -1
- package/ebay-menu-button/menu-button-item.d.ts.map +1 -1
- package/ebay-menu-button/menu-button-label.d.ts +1 -1
- package/ebay-menu-button/menu-button-label.d.ts.map +1 -1
- package/ebay-menu-button/menu-button-separator.d.ts +2 -2
- package/ebay-menu-button/menu-button-separator.d.ts.map +1 -1
- package/ebay-menu-button/menu-button.d.ts +2 -2
- package/ebay-menu-button/menu-button.d.ts.map +1 -1
- package/ebay-menu-button/types.d.ts +6 -6
- package/ebay-menu-button/types.d.ts.map +1 -1
- package/ebay-notice-base/components/ebay-notice-content/index.d.ts +1 -1
- package/ebay-notice-base/components/ebay-notice-content/index.d.ts.map +1 -1
- package/ebay-notice-base/components/ebay-notice-content/notice-content.d.ts +3 -3
- package/ebay-notice-base/components/ebay-notice-content/notice-content.d.ts.map +1 -1
- package/ebay-notice-base/components/ebay-notice-title/index.d.ts +1 -1
- package/ebay-notice-base/components/ebay-notice-title/index.d.ts.map +1 -1
- package/ebay-notice-base/components/ebay-notice-title/notice-title.d.ts +1 -1
- package/ebay-notice-base/components/ebay-notice-title/notice-title.d.ts.map +1 -1
- package/ebay-notice-base/index.d.ts +2 -2
- package/ebay-notice-base/index.d.ts.map +1 -1
- package/ebay-page-notice/README.md +13 -11
- package/ebay-page-notice/index.d.ts +5 -5
- package/ebay-page-notice/index.d.ts.map +1 -1
- 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 +2 -2
- package/ebay-page-notice/page-notice-title.d.ts.map +1 -1
- package/ebay-page-notice/page-notice.d.ts +4 -4
- package/ebay-page-notice/page-notice.d.ts.map +1 -1
- package/ebay-pagination/README.md +29 -23
- package/ebay-pagination/const.d.ts.map +1 -1
- package/ebay-pagination/helpers.d.ts +1 -1
- package/ebay-pagination/helpers.d.ts.map +1 -1
- package/ebay-pagination/index.d.ts +3 -3
- package/ebay-pagination/index.d.ts.map +1 -1
- package/ebay-pagination/pagination-item.d.ts +4 -4
- package/ebay-pagination/pagination-item.d.ts.map +1 -1
- package/ebay-pagination/pagination.d.ts +4 -4
- package/ebay-pagination/pagination.d.ts.map +1 -1
- package/ebay-pagination/types.d.ts +2 -2
- package/ebay-pagination/types.d.ts.map +1 -1
- package/ebay-panel-dialog/README.md +14 -11
- package/ebay-panel-dialog/index.d.ts +1 -1
- package/ebay-panel-dialog/index.d.ts.map +1 -1
- package/ebay-panel-dialog/index.js +1 -1
- package/ebay-panel-dialog/panel-dialog.d.ts +4 -4
- package/ebay-panel-dialog/panel-dialog.d.ts.map +1 -1
- package/ebay-progress-bar/README.md +13 -8
- package/ebay-progress-bar/index.d.ts +1 -1
- package/ebay-progress-bar/index.d.ts.map +1 -1
- package/ebay-progress-bar/progress-bar.d.ts +2 -2
- package/ebay-progress-bar/progress-bar.d.ts.map +1 -1
- package/ebay-progress-bar-expressive/README.md +12 -9
- package/ebay-progress-bar-expressive/index.d.ts +2 -2
- package/ebay-progress-bar-expressive/index.d.ts.map +1 -1
- package/ebay-progress-bar-expressive/progress-bar-expressive-message.d.ts +2 -2
- package/ebay-progress-bar-expressive/progress-bar-expressive-message.d.ts.map +1 -1
- package/ebay-progress-bar-expressive/progress-bar-expressive.d.ts +3 -3
- package/ebay-progress-bar-expressive/progress-bar-expressive.d.ts.map +1 -1
- package/ebay-progress-spinner/README.md +12 -7
- package/ebay-progress-spinner/index.d.ts +1 -1
- package/ebay-progress-spinner/index.d.ts.map +1 -1
- package/ebay-progress-spinner/progress-spinner.d.ts +4 -4
- package/ebay-progress-spinner/progress-spinner.d.ts.map +1 -1
- package/ebay-progress-stepper/README.md +13 -12
- package/ebay-progress-stepper/ebay-progress-step.d.ts +2 -2
- package/ebay-progress-stepper/ebay-progress-step.d.ts.map +1 -1
- package/ebay-progress-stepper/ebay-progress-stepper.d.ts +2 -2
- package/ebay-progress-stepper/ebay-progress-stepper.d.ts.map +1 -1
- 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/index.d.ts +4 -4
- package/ebay-progress-stepper/index.d.ts.map +1 -1
- package/ebay-progress-stepper/types.d.ts +2 -2
- package/ebay-radio/README.md +19 -11
- package/ebay-radio/index.d.ts +1 -1
- package/ebay-radio/index.d.ts.map +1 -1
- package/ebay-radio/radio.d.ts +4 -4
- package/ebay-radio/radio.d.ts.map +1 -1
- package/ebay-section-notice/README.md +15 -13
- package/ebay-section-notice/index.d.ts +5 -5
- package/ebay-section-notice/index.d.ts.map +1 -1
- package/ebay-section-notice/section-notice-cta.d.ts +1 -1
- package/ebay-section-notice/section-notice-cta.d.ts.map +1 -1
- 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 +2 -2
- package/ebay-section-notice/section-notice-title.d.ts.map +1 -1
- package/ebay-section-notice/section-notice.d.ts +6 -6
- package/ebay-section-notice/section-notice.d.ts.map +1 -1
- package/ebay-section-title/README.md +23 -16
- package/ebay-section-title/cta.d.ts +2 -2
- package/ebay-section-title/cta.d.ts.map +1 -1
- package/ebay-section-title/index.d.ts +5 -5
- package/ebay-section-title/index.d.ts.map +1 -1
- package/ebay-section-title/info.d.ts +2 -2
- package/ebay-section-title/info.d.ts.map +1 -1
- package/ebay-section-title/overflow.d.ts +2 -2
- package/ebay-section-title/overflow.d.ts.map +1 -1
- package/ebay-section-title/section-title.d.ts +2 -2
- package/ebay-section-title/section-title.d.ts.map +1 -1
- package/ebay-section-title/subtitle.d.ts +2 -2
- package/ebay-section-title/subtitle.d.ts.map +1 -1
- package/ebay-section-title/title.d.ts +2 -2
- package/ebay-section-title/title.d.ts.map +1 -1
- package/ebay-segmented-buttons/README.md +11 -8
- package/ebay-segmented-buttons/button.d.ts +2 -2
- package/ebay-segmented-buttons/button.d.ts.map +1 -1
- package/ebay-segmented-buttons/index.d.ts +3 -3
- package/ebay-segmented-buttons/index.d.ts.map +1 -1
- package/ebay-segmented-buttons/segmented-buttons.d.ts +2 -2
- package/ebay-segmented-buttons/segmented-buttons.d.ts.map +1 -1
- package/ebay-segmented-buttons/types.d.ts +5 -5
- package/ebay-segmented-buttons/types.d.ts.map +1 -1
- package/ebay-select/README.md +38 -27
- package/ebay-select/ebay-select-option.d.ts +2 -2
- package/ebay-select/ebay-select-option.d.ts.map +1 -1
- package/ebay-select/ebay-select.d.ts +4 -4
- package/ebay-select/ebay-select.d.ts.map +1 -1
- package/ebay-select/index.d.ts +2 -2
- package/ebay-select/index.d.ts.map +1 -1
- package/ebay-signal/README.md +13 -6
- package/ebay-signal/index.d.ts +1 -1
- package/ebay-signal/index.d.ts.map +1 -1
- package/ebay-signal/signal.d.ts +3 -3
- package/ebay-signal/signal.d.ts.map +1 -1
- package/ebay-skeleton/ebay-skeleton-avatar.d.ts +2 -2
- package/ebay-skeleton/ebay-skeleton-avatar.d.ts.map +1 -1
- package/ebay-skeleton/ebay-skeleton-button.d.ts +3 -3
- package/ebay-skeleton/ebay-skeleton-button.d.ts.map +1 -1
- package/ebay-skeleton/ebay-skeleton-image.d.ts +2 -2
- package/ebay-skeleton/ebay-skeleton-image.d.ts.map +1 -1
- package/ebay-skeleton/ebay-skeleton-text.d.ts +3 -3
- package/ebay-skeleton/ebay-skeleton-text.d.ts.map +1 -1
- package/ebay-skeleton/ebay-skeleton-textbox.d.ts +2 -2
- package/ebay-skeleton/ebay-skeleton-textbox.d.ts.map +1 -1
- package/ebay-skeleton/ebay-skeleton.d.ts +3 -3
- package/ebay-skeleton/ebay-skeleton.d.ts.map +1 -1
- package/ebay-skeleton/index.d.ts +6 -6
- package/ebay-skeleton/index.d.ts.map +1 -1
- package/ebay-skeleton/types.d.ts +4 -4
- package/ebay-skeleton/types.d.ts.map +1 -1
- package/ebay-snackbar-dialog/README.md +21 -16
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog-action.d.ts +1 -1
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog-action.d.ts.map +1 -1
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog.d.ts +4 -4
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog.d.ts.map +1 -1
- package/ebay-snackbar-dialog/index.d.ts +2 -2
- package/ebay-snackbar-dialog/index.d.ts.map +1 -1
- package/ebay-snackbar-dialog/index.js +1 -1
- package/ebay-split-button/README.md +29 -23
- package/ebay-split-button/index.d.ts +2 -2
- package/ebay-split-button/index.d.ts.map +1 -1
- package/ebay-split-button/split-button.d.ts +2 -2
- package/ebay-split-button/split-button.d.ts.map +1 -1
- package/ebay-split-button/types.d.ts +5 -5
- package/ebay-split-button/types.d.ts.map +1 -1
- package/ebay-star-rating/README.md +13 -7
- package/ebay-star-rating/index.d.ts +1 -1
- package/ebay-star-rating/index.d.ts.map +1 -1
- package/ebay-star-rating/star-rating.d.ts +2 -2
- package/ebay-star-rating/star-rating.d.ts.map +1 -1
- package/ebay-star-rating-select/README.md +20 -14
- package/ebay-star-rating-select/index.d.ts +1 -1
- package/ebay-star-rating-select/index.d.ts.map +1 -1
- package/ebay-star-rating-select/star-rating-select.d.ts +3 -3
- package/ebay-star-rating-select/star-rating-select.d.ts.map +1 -1
- package/ebay-svg/README.md +11 -8
- package/ebay-svg/index.d.ts +1 -1
- package/ebay-svg/index.d.ts.map +1 -1
- package/ebay-svg/svg.d.ts +2 -2
- package/ebay-svg/svg.d.ts.map +1 -1
- package/ebay-switch/README.md +13 -6
- package/ebay-switch/ebay-switch.d.ts +3 -3
- package/ebay-switch/ebay-switch.d.ts.map +1 -1
- package/ebay-switch/index.d.ts +1 -1
- package/ebay-switch/index.d.ts.map +1 -1
- package/ebay-table/index.d.ts +5 -5
- package/ebay-table/index.d.ts.map +1 -1
- package/ebay-table/table-cell.d.ts +3 -3
- package/ebay-table/table-cell.d.ts.map +1 -1
- package/ebay-table/table-header.d.ts +3 -3
- package/ebay-table/table-header.d.ts.map +1 -1
- package/ebay-table/table-row.d.ts +4 -4
- package/ebay-table/table-row.d.ts.map +1 -1
- package/ebay-table/table.d.ts +4 -4
- package/ebay-table/table.d.ts.map +1 -1
- package/ebay-table/types.d.ts +7 -7
- package/ebay-table/types.d.ts.map +1 -1
- package/ebay-tabs/README.md +16 -10
- package/ebay-tabs/index.d.ts +4 -4
- package/ebay-tabs/index.d.ts.map +1 -1
- package/ebay-tabs/tab-panel.d.ts +2 -2
- package/ebay-tabs/tab-panel.d.ts.map +1 -1
- package/ebay-tabs/tab.d.ts +2 -2
- package/ebay-tabs/tab.d.ts.map +1 -1
- package/ebay-tabs/tabs.d.ts +2 -2
- package/ebay-tabs/tabs.d.ts.map +1 -1
- package/ebay-tabs/types.d.ts +4 -4
- package/ebay-tabs/types.d.ts.map +1 -1
- package/ebay-textbox/README.md +38 -29
- package/ebay-textbox/index.d.ts +6 -6
- package/ebay-textbox/index.d.ts.map +1 -1
- package/ebay-textbox/postfix-icon.d.ts +2 -2
- package/ebay-textbox/postfix-icon.d.ts.map +1 -1
- package/ebay-textbox/postfix-text.d.ts +2 -2
- package/ebay-textbox/postfix-text.d.ts.map +1 -1
- package/ebay-textbox/prefix-icon.d.ts +2 -2
- package/ebay-textbox/prefix-icon.d.ts.map +1 -1
- package/ebay-textbox/prefix-text.d.ts +2 -2
- package/ebay-textbox/prefix-text.d.ts.map +1 -1
- package/ebay-textbox/textbox.d.ts +5 -5
- package/ebay-textbox/textbox.d.ts.map +1 -1
- package/ebay-textbox/types.d.ts +6 -6
- package/ebay-textbox/types.d.ts.map +1 -1
- package/ebay-toast-dialog/README.md +7 -6
- package/ebay-toast-dialog/components/toast.d.ts +3 -3
- package/ebay-toast-dialog/components/toast.d.ts.map +1 -1
- package/ebay-toast-dialog/index.d.ts +1 -1
- package/ebay-toast-dialog/index.d.ts.map +1 -1
- package/ebay-toast-dialog/index.js +1 -1
- package/ebay-toggle-button/index.d.ts +2 -2
- package/ebay-toggle-button/index.d.ts.map +1 -1
- package/ebay-toggle-button/toggle-button.d.ts +2 -2
- package/ebay-toggle-button/toggle-button.d.ts.map +1 -1
- package/ebay-toggle-button/types.d.ts +5 -5
- package/ebay-toggle-button/types.d.ts.map +1 -1
- package/ebay-toggle-button-group/README.md +12 -12
- package/ebay-toggle-button-group/index.d.ts +2 -2
- package/ebay-toggle-button-group/index.d.ts.map +1 -1
- package/ebay-toggle-button-group/toggle-button-group.d.ts +2 -2
- package/ebay-toggle-button-group/toggle-button-group.d.ts.map +1 -1
- package/ebay-toggle-button-group/types.d.ts +5 -5
- package/ebay-toggle-button-group/types.d.ts.map +1 -1
- package/ebay-tooltip/README.md +10 -7
- package/ebay-tooltip/ebay-tooltip-content.d.ts +3 -3
- package/ebay-tooltip/ebay-tooltip-content.d.ts.map +1 -1
- package/ebay-tooltip/ebay-tooltip-host.d.ts +3 -3
- package/ebay-tooltip/ebay-tooltip-host.d.ts.map +1 -1
- package/ebay-tooltip/ebay-tooltip.d.ts +3 -3
- package/ebay-tooltip/ebay-tooltip.d.ts.map +1 -1
- package/ebay-tooltip/index.d.ts +5 -5
- package/ebay-tooltip/index.d.ts.map +1 -1
- package/ebay-tourtip/README.md +23 -26
- package/ebay-tourtip/ebay-tourtip-content.d.ts +3 -3
- package/ebay-tourtip/ebay-tourtip-content.d.ts.map +1 -1
- package/ebay-tourtip/ebay-tourtip-footer.d.ts +2 -2
- package/ebay-tourtip/ebay-tourtip-footer.d.ts.map +1 -1
- package/ebay-tourtip/ebay-tourtip-heading.d.ts +2 -2
- package/ebay-tourtip/ebay-tourtip-heading.d.ts.map +1 -1
- package/ebay-tourtip/ebay-tourtip-host.d.ts +3 -3
- package/ebay-tourtip/ebay-tourtip-host.d.ts.map +1 -1
- package/ebay-tourtip/ebay-tourtip.d.ts +4 -4
- package/ebay-tourtip/ebay-tourtip.d.ts.map +1 -1
- package/ebay-tourtip/index.d.ts +6 -6
- package/ebay-tourtip/index.d.ts.map +1 -1
- package/ebay-tri-state-checkbox/Readme.md +15 -12
- package/ebay-tri-state-checkbox/index.d.ts +2 -2
- package/ebay-tri-state-checkbox/index.d.ts.map +1 -1
- package/ebay-tri-state-checkbox/tri-state-checkbox.d.ts +3 -3
- package/ebay-tri-state-checkbox/tri-state-checkbox.d.ts.map +1 -1
- package/ebay-tri-state-checkbox/types.d.ts +3 -3
- package/ebay-tri-state-checkbox/types.d.ts.map +1 -1
- package/ebay-video/README.md +24 -19
- package/ebay-video/const.d.ts.map +1 -1
- package/ebay-video/controls.d.ts.map +1 -1
- package/ebay-video/index.d.ts +3 -3
- package/ebay-video/index.d.ts.map +1 -1
- package/ebay-video/reportButton.d.ts +1 -1
- package/ebay-video/reportButton.d.ts.map +1 -1
- package/ebay-video/source.d.ts +2 -2
- package/ebay-video/source.d.ts.map +1 -1
- package/ebay-video/types.d.ts +3 -3
- package/ebay-video/types.d.ts.map +1 -1
- package/ebay-video/video.d.ts +4 -4
- package/ebay-video/video.d.ts.map +1 -1
- package/events/index.d.ts +4 -4
- package/events/index.d.ts.map +1 -1
- package/file-preview-card-BD6TIsY7.js +1 -0
- package/{lightbox-dialog-B19PMyMY.js → lightbox-dialog-DqcQsTSy.js} +1 -1
- package/package.json +79 -78
- package/utils/index.d.ts +6 -6
- package/utils/index.d.ts.map +1 -1
- package/dialog-previous-button-DR6Ujner.js +0 -1
- package/ebay-details-CwOA53up.js +0 -1
- package/file-preview-card-D4qnvGtF.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/ebay-list/list.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAwC,MAAM,OAAO,CAAC;AAIxF,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChD,aAAa,CAAC,EAAE,oBAAoB,CAAC;CACxC,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA4B/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,sBAAsB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC"}
|
package/ebay-listbox/README.md
CHANGED
|
@@ -7,11 +7,7 @@
|
|
|
7
7
|
## Import JS
|
|
8
8
|
|
|
9
9
|
```jsx harmony
|
|
10
|
-
import {
|
|
11
|
-
EbayListbox,
|
|
12
|
-
EbayListboxOption,
|
|
13
|
-
EbayListboxOptionDescription,
|
|
14
|
-
} from "@ebay/ui-core-react/ebay-listbox";
|
|
10
|
+
import { EbayListbox, EbayListboxOption, EbayListboxOptionDescription } from "@ebay/ui-core-react/ebay-listbox";
|
|
15
11
|
```
|
|
16
12
|
|
|
17
13
|
## Import following styles from SKIN
|
|
@@ -40,23 +36,23 @@ import "@ebay/skin/listbox.css";
|
|
|
40
36
|
|
|
41
37
|
### EbayListbox
|
|
42
38
|
|
|
43
|
-
| Name | Type | Required | Description
|
|
44
|
-
| ------------------------ | ------- | -------- |
|
|
45
|
-
| `name` | string | No | Used for the name attribute of the native `<select>`.
|
|
46
|
-
| `disabled` | boolean | No | Set to true if the field is disabled.
|
|
39
|
+
| Name | Type | Required | Description |
|
|
40
|
+
| ------------------------ | ------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
41
|
+
| `name` | string | No | Used for the name attribute of the native `<select>`. |
|
|
42
|
+
| `disabled` | boolean | No | Set to true if the field is disabled. |
|
|
47
43
|
| `listSelection` | string | No | If `manual`, the user will need to press enter to select an item using the keyboard. Otherwise, `auto` will automatically select as the user presses up/down. |
|
|
48
|
-
| `typeaheadTimeoutLength` | number | No | Timeout length to pass to typeahead.
|
|
49
|
-
| `maxHeight` | string | No | Example: 100px, 200px, 10rem.
|
|
44
|
+
| `typeaheadTimeoutLength` | number | No | Timeout length to pass to typeahead. |
|
|
45
|
+
| `maxHeight` | string | No | Example: 100px, 200px, 10rem. |
|
|
50
46
|
|
|
51
47
|
### EbayListboxOption
|
|
52
48
|
|
|
53
|
-
| Name | Type | Required | Description
|
|
54
|
-
| ---------- | ------------ | -------- |
|
|
49
|
+
| Name | Type | Required | Description |
|
|
50
|
+
| ---------- | ------------ | -------- | ------------------------------------------------------ |
|
|
55
51
|
| `icon` | ReactElement | No | An optional icon to display alongside the option text. |
|
|
56
|
-
| `text` | string | No | The text to display for the option.
|
|
57
|
-
| `value` | string | Yes | The value of the option.
|
|
58
|
-
| `disabled` | boolean | No | Set to true if the option is disabled.
|
|
59
|
-
| `selected` | boolean | No | Set to true if the option is selected by default.
|
|
52
|
+
| `text` | string | No | The text to display for the option. |
|
|
53
|
+
| `value` | string | Yes | The value of the option. |
|
|
54
|
+
| `disabled` | boolean | No | Set to true if the option is disabled. |
|
|
55
|
+
| `selected` | boolean | No | Set to true if the option is selected by default. |
|
|
60
56
|
|
|
61
57
|
## Callbacks
|
|
62
58
|
|
|
@@ -82,19 +78,13 @@ import "@ebay/skin/listbox.css";
|
|
|
82
78
|
```jsx
|
|
83
79
|
<EbayListbox>
|
|
84
80
|
<EbayListboxOption value="AA" text="Option 1">
|
|
85
|
-
<EbayListboxOptionDescription>
|
|
86
|
-
Option 1 extra info
|
|
87
|
-
</EbayListboxOptionDescription>
|
|
81
|
+
<EbayListboxOptionDescription>Option 1 extra info</EbayListboxOptionDescription>
|
|
88
82
|
</EbayListboxOption>
|
|
89
83
|
<EbayListboxOption value="BB" text="Option 2">
|
|
90
|
-
<EbayListboxOptionDescription>
|
|
91
|
-
Option 2 extra info
|
|
92
|
-
</EbayListboxOptionDescription>
|
|
84
|
+
<EbayListboxOptionDescription>Option 2 extra info</EbayListboxOptionDescription>
|
|
93
85
|
</EbayListboxOption>
|
|
94
86
|
<EbayListboxOption value="CC" text="Option 3">
|
|
95
|
-
<EbayListboxOptionDescription>
|
|
96
|
-
Option 3 extra info
|
|
97
|
-
</EbayListboxOptionDescription>
|
|
87
|
+
<EbayListboxOptionDescription>Option 3 extra info</EbayListboxOptionDescription>
|
|
98
88
|
</EbayListboxOption>
|
|
99
89
|
</EbayListbox>
|
|
100
90
|
```
|
package/ebay-listbox/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
1
|
+
export * from "./listbox";
|
|
2
|
+
export * from "./listbox-option";
|
|
3
|
+
export * from "./listbox-option-description";
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,8BAA8B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentProps, FC } from
|
|
2
|
-
export type EbayListboxOptionDescriptionProps = ComponentProps<
|
|
1
|
+
import { ComponentProps, FC } from "react";
|
|
2
|
+
export type EbayListboxOptionDescriptionProps = ComponentProps<"div">;
|
|
3
3
|
export declare const EbayListboxOptionDescription: FC<EbayListboxOptionDescriptionProps>;
|
|
4
4
|
//# sourceMappingURL=listbox-option-description.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listbox-option-description.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox-option-description.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"listbox-option-description.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox-option-description.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,iCAAiC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtE,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAAC,iCAAiC,CAQ9E,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ComponentProps, FC, ReactElement } from
|
|
2
|
-
export type EbayListboxOptionProps = ComponentProps<
|
|
1
|
+
import { ComponentProps, FC, ReactElement } from "react";
|
|
2
|
+
export type EbayListboxOptionProps = ComponentProps<"div"> & {
|
|
3
3
|
icon?: ReactElement;
|
|
4
4
|
text?: string;
|
|
5
5
|
value: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listbox-option.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox-option.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"listbox-option.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox-option.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAMhE,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACzD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAqCxD,CAAC"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { FC } from
|
|
2
|
-
import { ComponentProps, ReactNode } from
|
|
3
|
-
import { EbayChangeEventHandler } from
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { ComponentProps, ReactNode } from "react";
|
|
3
|
+
import { EbayChangeEventHandler } from "../events";
|
|
4
4
|
export type ChangeEventProps = {
|
|
5
5
|
index: number;
|
|
6
6
|
selected: string[];
|
|
7
7
|
wasClicked: boolean;
|
|
8
8
|
};
|
|
9
|
-
export type EbayListboxProps = Omit<ComponentProps<
|
|
9
|
+
export type EbayListboxProps = Omit<ComponentProps<"div">, "onChange"> & {
|
|
10
10
|
name?: string;
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
children: ReactNode;
|
|
13
|
-
listSelection?:
|
|
13
|
+
listSelection?: "auto" | "manual";
|
|
14
14
|
typeaheadTimeoutLength?: number;
|
|
15
15
|
maxHeight?: string | number;
|
|
16
16
|
selectClassName?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA6B,EAAE,EAAwC,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA6B,EAAE,EAAwC,MAAM,OAAO,CAAC;AAInG,OAAO,EAAE,cAAc,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAInD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;IACrE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA4L5C,CAAC"}
|
|
@@ -1,33 +1,41 @@
|
|
|
1
1
|
# EbayListboxButton
|
|
2
2
|
|
|
3
3
|
## Demo
|
|
4
|
+
|
|
4
5
|
[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/buttons-ebay-listbox-button--default)
|
|
5
6
|
|
|
6
7
|
## Import JS
|
|
8
|
+
|
|
7
9
|
```jsx harmony
|
|
8
|
-
import { EbayListboxButton, EbayListboxButtonOption } from
|
|
10
|
+
import { EbayListboxButton, EbayListboxButtonOption } from "@ebay/ui-core-react/ebay-listbox-button";
|
|
9
11
|
```
|
|
12
|
+
|
|
10
13
|
## Import following styles from SKIN
|
|
14
|
+
|
|
11
15
|
```jsx harmony
|
|
12
|
-
import
|
|
16
|
+
import "@ebay/skin/listbox-button";
|
|
13
17
|
|
|
14
18
|
// Add if you're using floating labels
|
|
15
|
-
import
|
|
19
|
+
import "@ebay/skin/floating-label";
|
|
16
20
|
```
|
|
21
|
+
|
|
17
22
|
## Import styles using SCSS/CSS
|
|
23
|
+
|
|
18
24
|
```jsx harmony
|
|
19
|
-
import
|
|
25
|
+
import "@ebay/skin/listbox-button.css";
|
|
20
26
|
|
|
21
27
|
// Add if you're using floating labels
|
|
22
|
-
import
|
|
28
|
+
import "@ebay/skin/floating-label.css";
|
|
23
29
|
```
|
|
24
30
|
|
|
25
31
|
## Usage
|
|
32
|
+
|
|
26
33
|
```
|
|
27
34
|
yarn add @ebay/ui-core-react
|
|
28
35
|
```
|
|
36
|
+
|
|
29
37
|
```jsx harmony
|
|
30
|
-
|
|
38
|
+
<EbayListboxButton defaultValue="BB" onSelect={action(`onSelect triggered`)} fluid borderless>
|
|
31
39
|
<EbayListboxButtonOption value="AA">Option 1</EbayListboxButtonOption>
|
|
32
40
|
<EbayListboxButtonOption value="BB">Option 2</EbayListboxButtonOption>
|
|
33
41
|
<EbayListboxButtonOption value="CC">Option 3</EbayListboxButtonOption>
|
|
@@ -37,7 +45,7 @@ yarn add @ebay/ui-core-react
|
|
|
37
45
|
## Attributes
|
|
38
46
|
|
|
39
47
|
| Name | Type | Required | Description |
|
|
40
|
-
|
|
48
|
+
| ---------------- | ------- | -------- | ------------------------------------------------------------------------------------------------------- |
|
|
41
49
|
| `value` | string | No | Allows you to set the selected option to the one with `value` |
|
|
42
50
|
| `selected` | number | No | Allows you to set the selected index option to `selected` |
|
|
43
51
|
| `aria-disabled` | boolean | No | Set to true if the field is disabled |
|
|
@@ -46,14 +54,14 @@ yarn add @ebay/ui-core-react
|
|
|
46
54
|
| `borderless` | boolean | No | To make the listbox borderless |
|
|
47
55
|
| `maxHeight` | string | No | example: 100px, 200px, 10rem |
|
|
48
56
|
| `prefixId` | string | No | The id of an external element to use as the a11y prefix label for the listbox button. |
|
|
49
|
-
| `prefixLabel`
|
|
57
|
+
| `prefixLabel` | string | No | The label to add before selected option on the button. Cannot be used with `prefixId` |
|
|
50
58
|
| `floatingLabel` | string | No | Indicates that the listbox is a floating label type and renders it with a label |
|
|
51
59
|
| `unselectedText` | string | No | The text to be shown when no options are selected. Default is '-'. Cannot be used with `floating-label` |
|
|
52
60
|
|
|
53
61
|
## Callbacks
|
|
54
62
|
|
|
55
63
|
| Name | Type | Required | Description | Data |
|
|
56
|
-
|
|
64
|
+
| ------------ | -------- | -------- | --------------------- | ---------------------------------------------------------------------------- |
|
|
57
65
|
| `onChange` | Function | No | triggered on change | `(ChangeEvent, { index: number, selected: string[] , wasClicked: boolean })` |
|
|
58
66
|
| `onCollapse` | Function | No | triggered on collapse | `()` |
|
|
59
67
|
| `onExpand` | Function | No | triggered on expand | `()` |
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default as EbayListboxButton } from
|
|
2
|
-
export { default as EbayListboxButtonOption } from
|
|
1
|
+
export { default as EbayListboxButton } from "./listbox-button";
|
|
2
|
+
export { default as EbayListboxButtonOption } from "./listbox-button-option";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ComponentProps, FC, MouseEvent, RefCallback, RefObject } from
|
|
2
|
-
export type EbayListboxButtonOptionProps = ComponentProps<
|
|
1
|
+
import { ComponentProps, FC, MouseEvent, RefCallback, RefObject } from "react";
|
|
2
|
+
export type EbayListboxButtonOptionProps = ComponentProps<"input"> & {
|
|
3
3
|
selected?: boolean;
|
|
4
4
|
index?: number;
|
|
5
|
-
onClick?: (event: MouseEvent<HTMLDivElement>, value: ComponentProps<
|
|
5
|
+
onClick?: (event: MouseEvent<HTMLDivElement>, value: ComponentProps<"input">["value"], index: number) => void;
|
|
6
6
|
innerRef?: RefObject<HTMLDivElement> | RefCallback<HTMLDivElement>;
|
|
7
7
|
};
|
|
8
8
|
declare const ListboxOption: FC<EbayListboxButtonOptionProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listbox-button-option.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/listbox-button-option.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"listbox-button-option.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/listbox-button-option.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItF,MAAM,MAAM,4BAA4B,GAAG,cAAc,CAAC,OAAO,CAAC,GAAG;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9G,QAAQ,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;CACtE,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,4BAA4B,CA4BnD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { ComponentProps, FC } from
|
|
2
|
-
import { EbayChangeEventHandler } from
|
|
1
|
+
import { ComponentProps, FC } from "react";
|
|
2
|
+
import { EbayChangeEventHandler } from "../common/event-utils/types";
|
|
3
3
|
export type ChangeEventProps = {
|
|
4
4
|
index: number;
|
|
5
5
|
selected: string[];
|
|
6
6
|
wasClicked: boolean;
|
|
7
7
|
};
|
|
8
|
-
export type EbayListboxButtonProps = Omit<ComponentProps<
|
|
8
|
+
export type EbayListboxButtonProps = Omit<ComponentProps<"button">, "onChange"> & {
|
|
9
9
|
selected?: number;
|
|
10
10
|
borderless?: boolean;
|
|
11
11
|
fluid?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listbox-button.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/listbox-button.tsx"],"names":[],"mappings":"AAAA,OAAc,
|
|
1
|
+
{"version":3,"file":"listbox-button.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/listbox-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAMV,cAAc,EACd,EAAE,EAKL,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,sBAAsB,EAAO,MAAM,6BAA6B,CAAC;AAK1E,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;IACvE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,sBAAsB,CAuS7C,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
package/ebay-menu/README.md
CHANGED
|
@@ -1,56 +1,60 @@
|
|
|
1
1
|
# EbayMenu
|
|
2
2
|
|
|
3
3
|
## Demo
|
|
4
|
+
|
|
4
5
|
[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/building-blocks-ebay-menu--default)
|
|
5
6
|
|
|
6
7
|
## Install
|
|
8
|
+
|
|
7
9
|
```
|
|
8
10
|
yarn add @ebay/ui-core-react
|
|
9
11
|
```
|
|
10
12
|
|
|
11
13
|
## Usage
|
|
14
|
+
|
|
12
15
|
```jsx harmony
|
|
13
|
-
import { EbayMenu, EbayMenuItem as Item } from
|
|
14
|
-
import
|
|
16
|
+
import { EbayMenu, EbayMenuItem as Item } from "@ebay/ui-core-react/ebay-menu";
|
|
17
|
+
import "@ebay/skin/menu";
|
|
15
18
|
|
|
16
19
|
<EbayMenu>
|
|
17
20
|
<Item>item 1</Item>
|
|
18
21
|
<Item>item 2</Item>
|
|
19
22
|
<Item>item 3</Item>
|
|
20
|
-
</EbayMenu
|
|
23
|
+
</EbayMenu>;
|
|
21
24
|
```
|
|
22
25
|
|
|
23
26
|
## EbayMenu Props
|
|
24
27
|
|
|
25
|
-
Name
|
|
26
|
-
|
|
27
|
-
`type`
|
|
28
|
-
`checked`
|
|
29
|
-
`baseEl`
|
|
30
|
-
`onKeydown` | Function | No
|
|
31
|
-
`onSelect`
|
|
32
|
-
`onChange`
|
|
28
|
+
| Name | Type | Required | Description |
|
|
29
|
+
| ----------- | -------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
30
|
+
| `type` | String | No | Can be `radio`/`checkbox` |
|
|
31
|
+
| `checked` | Number | No | when used with `radio` type will check the item with the corresponding index |
|
|
32
|
+
| `baseEl` | String | No | Container can be `span` (default) or `div` |
|
|
33
|
+
| `onKeydown` | Function | No | props: (e: event, { index: number, checked: number[], checkedValues?: string[] }) |
|
|
34
|
+
| `onSelect` | Function | No | props: (e: event, { index: number }), triggered on item clicked (not for type `radio`/`checkbox`) |
|
|
35
|
+
| `onChange` | Function | No | props: (e: event, { index: number, checked: number[], checkedValues: string[]), triggered on item `checked` change, (for type `radio`/`checkbox` only) |
|
|
33
36
|
|
|
34
37
|
## EbayMenuItem Props
|
|
35
38
|
|
|
36
|
-
Name
|
|
37
|
-
|
|
38
|
-
`value`
|
|
39
|
-
`checked`
|
|
40
|
-
`disabled`
|
|
41
|
-
`badgeNumber`
|
|
42
|
-
`badgeAriaLabel` | String
|
|
39
|
+
| Name | Type | Required | Description |
|
|
40
|
+
| ---------------- | ------- | -------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- |
|
|
41
|
+
| `value` | String | No | for type `radio`, `checkbox`: the value to use with callbacks for `checkedValues[]` |
|
|
42
|
+
| `checked` | Boolean | No | for type `radio`, `checkbox`: whether or not the item is checked |
|
|
43
|
+
| `disabled` | Boolean | No | makes the menu item disabled |
|
|
44
|
+
| `badgeNumber` | Number | No | used as the number to be placed in the badge |
|
|
45
|
+
| `badgeAriaLabel` | String | Only if `badgeNumber` provided, passed as the `aria-label` directly to the badge |
|
|
43
46
|
|
|
44
47
|
## EbayMenuSeparator
|
|
48
|
+
|
|
45
49
|
Example:
|
|
46
50
|
|
|
47
51
|
```jsx
|
|
48
|
-
import { EbayMenu, EbayMenuItem as Item, EbayMenuSeparator as Separator } from
|
|
52
|
+
import { EbayMenu, EbayMenuItem as Item, EbayMenuSeparator as Separator } from "@ebay/ui-core-react/ebay-menu";
|
|
49
53
|
|
|
50
54
|
<EbayMenu>
|
|
51
55
|
<Item>item 1</Item>
|
|
52
56
|
<Item>item 2</Item>
|
|
53
57
|
<Separator />
|
|
54
58
|
<Item>item 3</Item>
|
|
55
|
-
</EbayMenu
|
|
59
|
+
</EbayMenu>;
|
|
56
60
|
```
|
package/ebay-menu/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { default as EbayMenu } from
|
|
2
|
-
export { default as EbayMenuItem, type MenuItemProps } from
|
|
3
|
-
export { default as EbayMenuSeparator } from
|
|
4
|
-
export type { EbayMenuType, EbayMenuPriority, EbayMenuKeyDownEventHandler, EbayMenuChangeEventHandler, EbayMenuSelectEventHandler, EbayMenuProps } from
|
|
1
|
+
export { default as EbayMenu } from "./menu";
|
|
2
|
+
export { default as EbayMenuItem, type MenuItemProps } from "./menu-item";
|
|
3
|
+
export { default as EbayMenuSeparator } from "./menu-item-separator";
|
|
4
|
+
export type { EbayMenuType, EbayMenuPriority, EbayMenuKeyDownEventHandler, EbayMenuChangeEventHandler, EbayMenuSelectEventHandler, EbayMenuProps, } from "./types";
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
package/ebay-menu/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,YAAY,EACR,YAAY,EACZ,gBAAgB,EAChB,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,aAAa,GAChB,MAAM,SAAS,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ComponentProps, FC } from
|
|
2
|
-
type Props = ComponentProps<
|
|
1
|
+
import { ComponentProps, FC } from "react";
|
|
2
|
+
type Props = ComponentProps<"hr">;
|
|
3
3
|
declare const EbayMenuItemSeparator: FC<Props>;
|
|
4
4
|
export default EbayMenuItemSeparator;
|
|
5
5
|
//# sourceMappingURL=menu-item-separator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item-separator.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/menu-item-separator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"menu-item-separator.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/menu-item-separator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlD,KAAK,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAElC,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,KAAK,CAEpC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
package/ebay-menu/menu-item.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ComponentProps, FC } from
|
|
2
|
-
import { EbayMenuType } from
|
|
3
|
-
export type MenuItemProps = ComponentProps<
|
|
1
|
+
import { ComponentProps, FC } from "react";
|
|
2
|
+
import { EbayMenuType } from "./types";
|
|
3
|
+
export type MenuItemProps = ComponentProps<"div"> & {
|
|
4
4
|
type?: EbayMenuType;
|
|
5
5
|
focused?: boolean;
|
|
6
6
|
tabIndex?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAqB,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAIrE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,aAAa,CAyCnC,CAAC;AAUF,eAAe,YAAY,CAAC"}
|
package/ebay-menu/menu.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import type { EbayMenuProps } from
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { EbayMenuProps } from "./types";
|
|
3
3
|
declare const _default: React.ForwardRefExoticComponent<Omit<EbayMenuProps, "ref"> & React.RefAttributes<React.FC<EbayMenuProps>>>;
|
|
4
4
|
export default _default;
|
|
5
5
|
//# sourceMappingURL=menu.d.ts.map
|
package/ebay-menu/menu.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmG,MAAM,OAAO,CAAC;AAOxH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;;AA4J7C,wBAAwC"}
|
package/ebay-menu/types.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ComponentProps, Ref } from
|
|
2
|
-
import { EbayEventHandler, EbayKeyboardEventHandler } from
|
|
3
|
-
export type EbayMenuType =
|
|
4
|
-
export type EbayMenuPriority =
|
|
5
|
-
type ContainerDivProps = Omit<ComponentProps<
|
|
6
|
-
type ContainerSpanProps = Omit<ComponentProps<
|
|
1
|
+
import { ComponentProps, Ref } from "react";
|
|
2
|
+
import { EbayEventHandler, EbayKeyboardEventHandler } from "../common/event-utils/types";
|
|
3
|
+
export type EbayMenuType = "radio" | "checkbox";
|
|
4
|
+
export type EbayMenuPriority = "primary" | "secondary" | "none";
|
|
5
|
+
type ContainerDivProps = Omit<ComponentProps<"div">, "onKeyDown" | "onChange" | "onSelect">;
|
|
6
|
+
type ContainerSpanProps = Omit<ComponentProps<"span">, "onKeyDown" | "onChange" | "onSelect">;
|
|
7
7
|
type SelectProps = {
|
|
8
8
|
index: number;
|
|
9
9
|
checked: number[];
|
|
@@ -20,7 +20,7 @@ export type EbayMenuProps = ContainerDivProps & ContainerSpanProps & {
|
|
|
20
20
|
priority?: EbayMenuPriority;
|
|
21
21
|
checked?: number;
|
|
22
22
|
autofocus?: boolean;
|
|
23
|
-
baseEl?:
|
|
23
|
+
baseEl?: "div" | "span";
|
|
24
24
|
onKeyDown?: EbayMenuKeyDownEventHandler;
|
|
25
25
|
onChange?: EbayMenuChangeEventHandler;
|
|
26
26
|
onSelect?: EbayMenuSelectEventHandler;
|
package/ebay-menu/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAEzF,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC;AAChD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;AAEhE,KAAK,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;AAC5F,KAAK,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;AAC9F,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AACF,KAAK,WAAW,GAAG,WAAW,GAAG;IAC7B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B,CAAC;AACF,MAAM,MAAM,2BAA2B,GAAG,wBAAwB,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,CAAC,CAAC;AAC3G,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACpF,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACpF,MAAM,MAAM,aAAa,GAAG,iBAAiB,GACzC,kBAAkB,GAAG;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,2BAA2B,CAAC;IACxC,QAAQ,CAAC,EAAE,0BAA0B,CAAC;IACtC,QAAQ,CAAC,EAAE,0BAA0B,CAAC;IACtC,YAAY,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,eAAe,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
# EbayMenuButton
|
|
2
2
|
|
|
3
3
|
## Demo
|
|
4
|
+
|
|
4
5
|
[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/buttons-ebay-menu-button--default)
|
|
5
6
|
|
|
6
7
|
## Install
|
|
8
|
+
|
|
7
9
|
```
|
|
8
10
|
yarn add @ebay/ui-core-react
|
|
9
11
|
```
|
|
10
12
|
|
|
11
13
|
## Usage
|
|
14
|
+
|
|
12
15
|
```jsx harmony
|
|
13
16
|
import {
|
|
14
17
|
EbayMenuButton,
|
|
@@ -34,36 +37,36 @@ import '@ebay/skin/menu-button';
|
|
|
34
37
|
|
|
35
38
|
## EbayMenuButton Attributes
|
|
36
39
|
|
|
37
|
-
Name
|
|
38
|
-
|
|
39
|
-
`text`
|
|
40
|
-
`a11yText`
|
|
41
|
-
`noToggleIcon`
|
|
42
|
-
`expanded`
|
|
43
|
-
`type`
|
|
44
|
-
`reverse`
|
|
45
|
-
`fixWidth`
|
|
46
|
-
`borderless`
|
|
47
|
-
`size`
|
|
48
|
-
`priority`
|
|
49
|
-
`checked`
|
|
50
|
-
`disabled`
|
|
51
|
-
`variant`
|
|
52
|
-
`collapseOnSelect` | Boolean | No
|
|
53
|
-
`prefixId`
|
|
54
|
-
`prefixLabel`
|
|
55
|
-
`onExpand`
|
|
56
|
-
`onCollapse`
|
|
57
|
-
`onSelect`
|
|
58
|
-
`onChange`
|
|
40
|
+
| Name | Type | Required | Description |
|
|
41
|
+
| ------------------ | -------- | ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
42
|
+
| `text` | String | No | button label text |
|
|
43
|
+
| `a11yText` | String | Only without a text label | a11y text for the button |
|
|
44
|
+
| `noToggleIcon` | Boolean | No | whether to hide the chevron toggle icon |
|
|
45
|
+
| `expanded` | Boolean | No | whether content is expanded |
|
|
46
|
+
| `type` | String | No | can be `radio` or `checkbox` |
|
|
47
|
+
| `reverse` | Boolean | No | expand menu flyout to the left |
|
|
48
|
+
| `fixWidth` | Boolean | No | Constrain items container width to button width |
|
|
49
|
+
| `borderless` | Boolean | No | Whether button has borders |
|
|
50
|
+
| `size` | String | No | button size: `small` or `large` |
|
|
51
|
+
| `priority` | String | No | button size: `primary`, `secondary` (default), `tertiary`, `none` |
|
|
52
|
+
| `checked` | Number | No | will set the corresponding index item to checked state and use the `aria-checked` attribute in markup |
|
|
53
|
+
| `disabled` | Boolean | No | will disable the entire dropdown (disables the ebay-button label) if set to true |
|
|
54
|
+
| `variant` | String | No | will change the button style: `overflow`, `form` or `button` |
|
|
55
|
+
| `collapseOnSelect` | Boolean | No | Will collapse whole menu when an item is selected in menu. Typically used in type=`radio` |
|
|
56
|
+
| `prefixId` | String | No | The id of an external element to use as the prefix label for the menu button. Cannot be used with `prefix-label` |
|
|
57
|
+
| `prefixLabel` | String | No | The label to add before each selected item on the button. Cannot be used with `prefix-id` (NOT YET IMPLEMENTED) |
|
|
58
|
+
| `onExpand` | Function | No | Called when content is expanded |
|
|
59
|
+
| `onCollapse` | Function | No | Called when content is collapsed |
|
|
60
|
+
| `onSelect` | Function | No | props: (e: event, { index: number }), triggered on item clicked (not for type `radio`/`checkbox`) |
|
|
61
|
+
| `onChange` | Function | No | props: (e: event, { index: number, checked: number[], checkedValues: string[] }), triggered on item `checked` change, (for type `radio`/`checkbox` only) |
|
|
59
62
|
|
|
60
63
|
## EbayMenuButtonItem Attributes
|
|
61
64
|
|
|
62
|
-
Name
|
|
63
|
-
|
|
64
|
-
`value`
|
|
65
|
-
`checked`
|
|
66
|
-
`disabled`
|
|
67
|
-
`badgeNumber`
|
|
68
|
-
`badgeAriaLabel` | Number
|
|
69
|
-
`onClick`
|
|
65
|
+
| Name | Type | Required | Description |
|
|
66
|
+
| ---------------- | -------- | -------- | ----------------------------------------------------------------------------------- |
|
|
67
|
+
| `value` | String | No | for type `radio`, `checkbox`: the value to use with callbacks for `checkedValues[]` |
|
|
68
|
+
| `checked` | Boolean | No | for type `radio`, `checkbox`: whether or not the item is checked |
|
|
69
|
+
| `disabled` | Boolean | No | makes the menu item disabled |
|
|
70
|
+
| `badgeNumber` | Number | No | used as the number to be placed in the badge |
|
|
71
|
+
| `badgeAriaLabel` | Number | No | used as the number to be placed in the badge (NOT YET IMPLEMENTED) |
|
|
72
|
+
| `onClick` | Function | No | For a non-link menu item, with param `{ originalEvent }` |
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { default as EbayMenuButton } from
|
|
2
|
-
export { default as EbayMenuButtonItem } from
|
|
3
|
-
export { default as EbayMenuButtonSeparator } from
|
|
4
|
-
export { default as EbayMenuButtonLabel } from
|
|
5
|
-
export type { EbayMenuButtonVariant, EbayMenuButtonProps, MenuButtonProps, LabelProps } from
|
|
1
|
+
export { default as EbayMenuButton } from "./menu-button";
|
|
2
|
+
export { default as EbayMenuButtonItem } from "./menu-button-item";
|
|
3
|
+
export { default as EbayMenuButtonSeparator } from "./menu-button-separator";
|
|
4
|
+
export { default as EbayMenuButtonLabel } from "./menu-button-label";
|
|
5
|
+
export type { EbayMenuButtonVariant, EbayMenuButtonProps, MenuButtonProps, LabelProps } from "./types";
|
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-menu-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-menu-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACrE,YAAY,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
|