@ebay/ui-core-react 8.2.2 → 8.4.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 +2 -1
- package/{button-DpMwH1cr.js → button-C3RhAySI.js} +1 -1
- package/{calendar-BZZF3Pad.js → calendar-C0wOay3d.js} +1 -1
- package/{checkbox-Bb3s3Jof.js → checkbox-BziMKlXl.js} +1 -1
- package/chip-CFq5Sx2d.js +1 -0
- package/combobox-BzM04rYV.js +1 -0
- package/common/component-utils/forwardRef.d.ts +2 -2
- package/common/component-utils/forwardRef.d.ts.map +1 -1
- package/common/component-utils/utils.d.ts +4 -4
- package/common/component-utils/utils.d.ts.map +1 -1
- package/common/event-utils/index.d.ts.map +1 -1
- package/common/event-utils/types.d.ts.map +1 -1
- package/common/event-utils/use-roving-index.d.ts.map +1 -1
- package/common/floating-label-utils/hooks.d.ts.map +1 -1
- package/common/notice-utils/notice-content.d.ts +1 -1
- package/common/notice-utils/notice-content.d.ts.map +1 -1
- package/common/range.d.ts.map +1 -1
- package/common/tooltip-utils/constants.d.ts +2 -1
- package/common/tooltip-utils/constants.d.ts.map +1 -1
- package/common/tooltip-utils/tooltip-host.d.ts +3 -3
- package/common/tooltip-utils/tooltip-host.d.ts.map +1 -1
- package/common/tooltip-utils/use-tooltip.d.ts.map +1 -1
- package/dialog-previous-button-ns64Jg1v.js +1 -0
- package/dropdown-BGdrijmi.js +1 -0
- package/ebay-accordion/accordion.d.ts.map +1 -1
- package/ebay-accordion/index.js +2 -2
- package/ebay-alert-dialog/alert-dialog.d.ts.map +1 -1
- package/ebay-alert-dialog/index.js +1 -1
- package/ebay-avatar/avatar-image.d.ts.map +1 -1
- package/ebay-avatar/index.js +1 -1
- package/ebay-breadcrumbs/breadcrumb-item.d.ts +1 -1
- 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/index.js +1 -1
- package/ebay-button/index.js +1 -1
- package/ebay-calendar/calendar.d.ts.map +1 -1
- package/ebay-calendar/index.js +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.d.ts.map +1 -1
- package/ebay-carousel/helpers.d.ts.map +1 -1
- package/ebay-carousel/index.js +1 -1
- package/ebay-checkbox/index.js +1 -1
- package/ebay-chip/index.js +1 -1
- package/ebay-chips-combobox/index.js +1 -1
- package/ebay-combobox/combobox.d.ts +1 -2
- package/ebay-combobox/combobox.d.ts.map +1 -1
- package/ebay-combobox/index.js +1 -1
- package/ebay-confirm-dialog/confirm-dialog.d.ts.map +1 -1
- package/ebay-confirm-dialog/index.js +1 -1
- package/ebay-cta-button/index.js +1 -1
- package/ebay-date-textbox/index.js +1 -1
- package/ebay-details/index.js +1 -1
- package/{ebay-details-Bam0o8vd.js → ebay-details-Co3xp8NP.js} +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/dialogBase.d.ts +2 -1
- package/ebay-dialog-base/components/dialogBase.d.ts.map +1 -1
- package/ebay-dialog-base/dialog-base-with-state.d.ts.map +1 -1
- package/ebay-dialog-base/index.js +1 -1
- package/ebay-drawer-dialog-deprecated/components/drawer.d.ts.map +1 -1
- package/ebay-drawer-dialog-deprecated/index.js +1 -1
- package/ebay-education-notice/education-notice.d.ts +0 -1
- package/ebay-education-notice/education-notice.d.ts.map +1 -1
- package/ebay-education-notice/index.js +1 -1
- package/ebay-eek/eek-util.d.ts.map +1 -1
- package/ebay-eek/index.js +1 -1
- package/ebay-fake-menu/index.js +1 -1
- package/ebay-fake-menu/menu-item-separator.d.ts.map +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.d.ts +2 -2
- package/ebay-fake-menu/menu.d.ts.map +1 -1
- package/ebay-fake-menu-button/index.js +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.map +1 -1
- package/ebay-file-preview-card/README.md +69 -0
- package/ebay-file-preview-card/file-preview-action.d.ts +15 -0
- package/ebay-file-preview-card/file-preview-action.d.ts.map +1 -0
- package/ebay-file-preview-card/file-preview-card.d.ts +23 -0
- package/ebay-file-preview-card/file-preview-card.d.ts.map +1 -0
- package/ebay-file-preview-card/file-preview-content.d.ts +10 -0
- package/ebay-file-preview-card/file-preview-content.d.ts.map +1 -0
- package/ebay-file-preview-card/file-preview-label.d.ts +9 -0
- package/ebay-file-preview-card/file-preview-label.d.ts.map +1 -0
- package/ebay-file-preview-card/index.d.ts +3 -0
- package/ebay-file-preview-card/index.d.ts.map +1 -0
- package/ebay-file-preview-card/index.js +1 -0
- package/ebay-file-preview-card/types.d.ts +18 -0
- package/ebay-file-preview-card/types.d.ts.map +1 -0
- package/ebay-filter-menu/index.js +1 -1
- package/ebay-filter-menu-button/filter-menu-button.d.ts.map +1 -1
- package/ebay-filter-menu-button/index.js +1 -1
- package/ebay-fullscreen-dialog-deprecated/fullscreen-dialog.d.ts.map +1 -1
- package/ebay-fullscreen-dialog-deprecated/index.js +1 -1
- package/ebay-icon/index.js +1 -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 +2 -5
- package/ebay-icon-button/icon-button.d.ts.map +1 -1
- package/ebay-icon-button/index.js +1 -1
- package/ebay-infotip/ebay-infotip-host.d.ts +1 -1
- package/ebay-infotip/ebay-infotip-host.d.ts.map +1 -1
- package/ebay-infotip/ebay-infotip.d.ts +1 -1
- package/ebay-infotip/ebay-infotip.d.ts.map +1 -1
- package/ebay-infotip/index.js +1 -1
- package/ebay-inline-notice/index.js +1 -1
- package/ebay-lightbox-dialog/index.js +1 -1
- package/ebay-lightbox-dialog/lightbox-dialog.d.ts.map +1 -1
- package/ebay-listbox/index.js +1 -1
- package/ebay-listbox/listbox.d.ts.map +1 -1
- package/ebay-listbox-button/index.js +2 -2
- package/ebay-listbox-button/listbox-button-option.d.ts +4 -4
- package/ebay-listbox-button/listbox-button-option.d.ts.map +1 -1
- package/ebay-listbox-button/listbox-button.d.ts.map +1 -1
- package/ebay-menu/index.js +1 -1
- package/ebay-menu/menu-item-separator.d.ts.map +1 -1
- package/ebay-menu/menu.d.ts.map +1 -1
- package/ebay-menu/types.d.ts +1 -1
- package/ebay-menu-button/index.js +1 -1
- package/ebay-menu-button/menu-button-separator.d.ts.map +1 -1
- package/ebay-menu-button/menu-button.d.ts.map +1 -1
- 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-title/notice-title.d.ts.map +1 -1
- package/ebay-page-notice/index.js +1 -1
- package/ebay-page-notice/page-notice.d.ts.map +1 -1
- package/ebay-pagination/index.js +1 -1
- package/ebay-pagination/pagination-item.d.ts +1 -1
- package/ebay-pagination/pagination-item.d.ts.map +1 -1
- package/ebay-panel-dialog/index.js +1 -1
- package/ebay-panel-dialog/panel-dialog.d.ts.map +1 -1
- package/ebay-progress-bar-expressive/README.md +52 -0
- package/ebay-progress-bar-expressive/index.d.ts +3 -0
- package/ebay-progress-bar-expressive/index.d.ts.map +1 -0
- package/ebay-progress-bar-expressive/index.js +1 -0
- package/ebay-progress-bar-expressive/progress-bar-expressive-message.d.ts +10 -0
- package/ebay-progress-bar-expressive/progress-bar-expressive-message.d.ts.map +1 -0
- package/ebay-progress-bar-expressive/progress-bar-expressive.d.ts +7 -0
- package/ebay-progress-bar-expressive/progress-bar-expressive.d.ts.map +1 -0
- package/ebay-progress-spinner/index.js +1 -1
- package/ebay-progress-stepper/index.js +1 -1
- package/ebay-radio/index.js +1 -1
- package/ebay-radio/radio.d.ts.map +1 -1
- package/ebay-section-notice/index.js +1 -1
- package/ebay-section-notice/section-notice.d.ts.map +1 -1
- package/ebay-segmented-buttons/index.js +1 -1
- package/ebay-select/index.js +1 -1
- package/ebay-skeleton/ebay-skeleton-avatar.d.ts.map +1 -1
- package/ebay-skeleton/ebay-skeleton-button.d.ts.map +1 -1
- package/ebay-skeleton/ebay-skeleton-image.d.ts.map +1 -1
- package/ebay-skeleton/ebay-skeleton-text.d.ts.map +1 -1
- package/ebay-skeleton/ebay-skeleton-textbox.d.ts.map +1 -1
- package/ebay-skeleton/types.d.ts +1 -0
- package/ebay-skeleton/types.d.ts.map +1 -1
- 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.map +1 -1
- package/ebay-snackbar-dialog/index.js +1 -1
- package/ebay-split-button/index.js +1 -1
- package/ebay-star-rating/index.js +1 -1
- package/ebay-star-rating-select/index.js +1 -1
- package/ebay-svg/index.js +1 -1
- package/ebay-svg/symbols.d.ts.map +1 -1
- package/ebay-table/index.js +1 -1
- package/ebay-table/table-header.d.ts.map +1 -1
- package/ebay-table/table-row.d.ts +2 -2
- package/ebay-table/table-row.d.ts.map +1 -1
- package/ebay-table/table.d.ts.map +1 -1
- package/ebay-textbox/index.js +1 -1
- package/ebay-textbox/postfix-icon.d.ts.map +1 -1
- package/ebay-textbox/prefix-icon.d.ts.map +1 -1
- package/ebay-textbox/textbox.d.ts.map +1 -1
- package/ebay-toast-dialog/index.js +1 -1
- package/ebay-toggle-button/index.js +1 -1
- package/ebay-toggle-button-group/index.js +1 -1
- package/ebay-tooltip/index.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/index.js +1 -1
- package/ebay-tri-state-checkbox/index.js +1 -1
- package/ebay-tri-state-checkbox/tri-state-checkbox.d.ts.map +1 -1
- package/ebay-video/controls.d.ts.map +1 -1
- package/ebay-video/index.js +1 -1
- package/ebay-video/reportButton.d.ts.map +1 -1
- package/ebay-video/types.d.ts +1 -1
- package/ebay-video/types.d.ts.map +1 -1
- package/ebay-video/video.d.ts.map +1 -1
- package/filter-menu-CzHlWYrY.js +1 -0
- package/forwardRef-DBQKIlPy.js +1 -0
- package/hooks-B4eFIQlH.js +1 -0
- package/{icon-button-CZtp0khK.js → icon-button-DPIjQGta.js} +1 -1
- package/icon-hO_8pLp7.js +1 -0
- package/{lightbox-dialog-D_Uf6lg5.js → lightbox-dialog-2MA5lJCC.js} +1 -1
- package/menu-DmmYhPJU.js +1 -0
- package/menu-button-label-BCs24-MK.js +1 -0
- package/menu-button-label-DFjHo8Lr.js +1 -0
- package/menu-item-C24G4so-.js +1 -0
- package/package.json +12 -73
- package/{progress-spinner-B8eg-zDH.js → progress-spinner-CTs1iaUV.js} +1 -1
- package/radio-D-YF8WXv.js +1 -0
- package/random-id-DlJj_RWH.js +1 -0
- package/reduced-motion-CMIhlQVx.js +1 -0
- package/{textbox-4AxUUs5r.js → textbox-B6zeeYue.js} +1 -1
- package/{toggle-button-Bzon4-mn.js → toggle-button-CugK7Hwz.js} +1 -1
- package/tri-state-checkbox-Lrf47q9t.js +1 -0
- package/{use-tooltip-8T32Ki1f.js → use-tooltip-BTMlwcb6.js} +1 -1
- package/utils/index.d.ts +1 -0
- package/utils/index.d.ts.map +1 -1
- package/utils/index.js +1 -1
- package/utils/reduced-motion.d.ts +3 -0
- package/utils/reduced-motion.d.ts.map +1 -0
- package/chip-CaMakGa6.js +0 -1
- package/combobox-BcAuEyib.js +0 -1
- package/dialog-previous-button-vXOjDN7l.js +0 -1
- package/dropdown-BLiIyhWy.js +0 -1
- package/filter-menu-CF5Lvzqu.js +0 -1
- package/forwardRef-irqyO_PF.js +0 -1
- package/hooks-DqYMvHrS.js +0 -1
- package/icon-CeLPlCml.js +0 -1
- package/menu-D2zjriWy.js +0 -1
- package/menu-button-label-C_SUnCJn.js +0 -1
- package/menu-button-label-Ck5QyJG2.js +0 -1
- package/menu-item-C3XRMJzc.js +0 -1
- package/radio-wp0-bMIM.js +0 -1
- package/tri-state-checkbox-BX-snR_a.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("../tslib.es6-C4EgNkz1.js"),a=require("react"),c=require("makeup-expander"),K=require("classnames"),v=require("../calendar-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("../tslib.es6-C4EgNkz1.js"),a=require("react"),c=require("makeup-expander"),K=require("classnames"),v=require("../calendar-C0wOay3d.js"),i=require("../textbox-B6zeeYue.js");require("../icon-hO_8pLp7.js");const Q=require("../dropdown-BGdrijmi.js");var N;const{default:X=c}=(N=c==null?void 0:c.default)!=null&&N.__esModule?c.default:c,Z=600,$=m=>{var{className:D,inputPlaceholderText:g="YYYY-MM-DD",a11yOpenPopoverText:_="open calendar",range:o,value:y,rangeEnd:I,defaultValue:q,defaultRangeEnd:w,collapseOnSelect:M,onChange:p=()=>{},onInputChange:A=()=>{},onInputRangeEndChange:L=()=>{}}=m,V=J.__rest(m,["className","inputPlaceholderText","a11yOpenPopoverText","range","value","rangeEnd","defaultValue","defaultRangeEnd","collapseOnSelect","onChange","onInputChange","onInputRangeEndChange"]);const S=a.useRef(null),[Y,d]=a.useState(q||""),[B,u]=a.useState(w||""),b=i.isControlled(y)?y:Y,T=i.isControlled(I)?I:B,[l,E]=a.useState(()=>v.dateArgToISO(b)),[s,x]=a.useState(()=>v.dateArgToISO(T)),[C,O]=a.useState(!1),[F,z]=a.useState(1),{overlayStyles:H,refs:h}=Q.useFloatingDropdown({open:C}),f=h.host,W=()=>{O(!0)},j=()=>{O(!1)};a.useEffect(()=>{if(!f.current)return;S.current=new X(f.current,{hostSelector:".ebay-date-textbox--main > .icon-btn",contentSelector:".date-textbox__popover",expandOnClick:!0,autoCollapse:!0}),f.current.addEventListener("expander-expand",W),f.current.addEventListener("expander-collapse",j);const e=()=>{z(document.documentElement.clientWidth<Z?1:2)};return e(),window.addEventListener("resize",e),()=>{var t;(t=S.current)===null||t===void 0||t.destroy(),window.removeEventListener("resize",e)}},[]);const P=(e,t)=>{const r=new Date(e.target.value),n=isNaN(r.getTime())?null:v.toISO(r);t===0?(E(n),d(n||"")):(x(n),u(n||"")),o?p(e,{rangeStart:t===0?n:l,rangeEnd:t===1?n:s}):p(e,{selected:n})},k=(e,{iso:t})=>{if(E(t),d(t),o){const r=l||s,n={rangeStart:t,rangeEnd:r};l&&s?(u(""),x(null),n.rangeEnd=null):r&&(r<t?(E(r),d(r),u(t),x(t),n.rangeStart=r,n.rangeEnd=t):(E(t),d(t),u(r),x(r),n.rangeStart=t,n.rangeEnd=r)),p(e,n)}else p(e,{selected:t});M&&(S.current.expanded=!1)},R=(e,t)=>{t===0?(d(e.target.value),A(e)):(u(e.target.value),L(e))},[U,G]=Array.isArray(g)?g:[g,g];return a.createElement("span",{className:K("date-textbox",D),ref:h.setHost},o&&a.createElement(i.EbayTextbox,{value:b,placeholder:U,onInputChange:e=>R(e,0),onBlur:e=>P(e,0)}),a.createElement(i.EbayTextbox,{className:"ebay-date-textbox--main",placeholder:G,value:o?T:b,onInputChange:e=>R(e,o?1:0),onBlur:e=>P(e,o?1:0)},a.createElement(i.EbayTextboxPostfixIcon,{name:"calendar24",buttonAriaLabel:_})),a.createElement("div",{hidden:!C,ref:h.setOverlay,style:H,className:"date-textbox__popover"},a.createElement(v.EbayCalendar,Object.assign({},V,{range:o,interactive:!0,navigable:!0,numMonths:F,selected:l&&s?[l,s]:l||s||void 0,onSelect:k}))))};exports.EbayDateTextbox=$;
|
package/ebay-details/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../ebay-details-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../ebay-details-Co3xp8NP.js");exports.EbayDetails=e.EbayDetails;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const y=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),a=require("classnames"),s=require("./icon-
|
|
1
|
+
"use strict";const y=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),a=require("classnames"),s=require("./icon-hO_8pLp7.js"),N=t=>{var{size:r,alignment:m,layout:n,text:o,as:i="div",className:d,open:_,onToggle:l,children:u}=t,E=y.__rest(t,["size","alignment","layout","text","as","className","open","onToggle","children"]);const g=l&&(c=>{l(c,{open:c.currentTarget.open})});return e.createElement("details",Object.assign({open:_,onToggle:g,className:a("details",d)},E),e.createElement("summary",{className:a("details__summary",{"details__summary--small":r==="small","details__summary--center":m==="center"})},e.createElement("span",{className:"details__label"},o),e.createElement("span",{className:"details__icon",hidden:!0},n==="accordion"?e.createElement(e.Fragment,null,e.createElement(s.EbayIcon,{className:"details__expand",name:"add16"}),e.createElement(s.EbayIcon,{className:"details__collapse",name:"remove16"})):e.createElement(s.EbayIcon,{name:"chevronDown16"}))),e.createElement(i,{className:a({details__content:n==="accordion"})},u))};exports.EbayDetails=N;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC, ComponentProps } from 'react';
|
|
2
|
-
type
|
|
3
|
-
declare const EbayDialogHeader: FC<
|
|
2
|
+
export type EbayDialogHeaderProps = ComponentProps<'h2'>;
|
|
3
|
+
declare const EbayDialogHeader: FC<EbayDialogHeaderProps>;
|
|
4
4
|
export default EbayDialogHeader;
|
|
5
5
|
//# sourceMappingURL=dialog-header.d.ts.map
|
|
@@ -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,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;AAExD,QAAA,MAAM,gBAAgB,EAAC,EAAE,CAAC,qBAAqB,CAGZ,CAAA;AAEnC,eAAe,gBAAgB,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FC, HTMLProps, RefObject, ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { TransitionElement } from './animation';
|
|
3
3
|
import { DialogCloseEventHandler } from '../types';
|
|
4
|
+
import { EbayDialogHeaderProps } from './dialog-header';
|
|
4
5
|
export type WindowType = 'compact';
|
|
5
6
|
type ClassPrefix = 'fullscreen-dialog' | 'lightbox-dialog' | 'panel-dialog' | 'drawer-dialog' | 'toast-dialog' | 'alert-dialog' | 'confirm-dialog' | 'snackbar-dialog';
|
|
6
7
|
type ButtonPosition = 'top' | 'right' | 'bottom' | 'left' | 'hidden';
|
|
@@ -10,7 +11,7 @@ export interface DialogBaseProps<T> extends HTMLProps<T> {
|
|
|
10
11
|
classPrefix?: ClassPrefix;
|
|
11
12
|
windowClass?: string;
|
|
12
13
|
windowType?: WindowType;
|
|
13
|
-
header?: ReactElement
|
|
14
|
+
header?: ReactElement<EbayDialogHeaderProps>;
|
|
14
15
|
footer?: ReactElement;
|
|
15
16
|
actions?: ReactElement;
|
|
16
17
|
isModal?: 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,SAAS,EAEZ,MAAM,OAAO,CAAA;AAMd,OAAO,EAAsB,iBAAiB,EAAE,MAAM,aAAa,CAAA;AACnE,OAAO,
|
|
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,SAAS,EAEZ,MAAM,OAAO,CAAA;AAMd,OAAO,EAAsB,iBAAiB,EAAE,MAAM,aAAa,CAAA;AACnE,OAAO,EAAoB,uBAAuB,EAAE,MAAM,UAAU,CAAA;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAGvD,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,qBAAqB,CAAC,CAAC;IAC7C,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,uBAAuB,CAAC;IAC1C,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;IAC5C,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,CA8KvD,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -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,
|
|
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,GAAI,gDAMjC,eAAe,CAAC,WAAW,CAAC,KAAG,YAyCjC,CAAA;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../dialog-previous-button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../dialog-previous-button-ns64Jg1v.js");exports.DialogBaseWithState=o.DialogBaseWithState;exports.EbayDialogActions=o.EbayDialogActions;exports.EbayDialogCloseButton=o.EbayDialogCloseButton;exports.EbayDialogFooter=o.EbayDialogFooter;exports.EbayDialogHeader=o.EbayDialogHeader;exports.EbayDialogPreviousButton=o.EbayDialogPreviousButton;exports.useDialogAnimation=o.useDialogAnimation;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/ebay-drawer-dialog-deprecated/components/drawer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAY,EAAE,EAAgB,SAAS,EAA0C,MAAM,OAAO,CAAA;AAE5G,OAAO,EAAE,eAAe,EAAyC,MAAM,wBAAwB,CAAA;AAK/F,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACzD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;
|
|
1
|
+
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/ebay-drawer-dialog-deprecated/components/drawer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAY,EAAE,EAAgB,SAAS,EAA0C,MAAM,OAAO,CAAA;AAE5G,OAAO,EAAE,eAAe,EAAyC,MAAM,wBAAwB,CAAA;AAK/F,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACzD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAGD,QAAA,MAAM,0BAA0B,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,CA8FxD,CAAA;AAED,eAAe,0BAA0B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),g=require("classnames"),i=require("../dialog-previous-button-ns64Jg1v.js");require("../icon-button-DPIjQGta.js");const A=30,t="drawer-dialog",$=p=>{var{expanded:l=!1,noHandle:y,onClose:c=()=>{},onCollapsed:T=()=>{},onExpanded:w=()=>{},a11yMaximizeText:b,a11yMinimizeText:C,children:D}=p,u=v.__rest(p,["expanded","noHandle","onClose","onCollapsed","onExpanded","a11yMaximizeText","a11yMinimizeText","children"]);let a=[];const[s,E]=o.useState(l);o.useEffect(()=>{E(l)},[l]);const d=e=>{E(e),e?w():T()},_=e=>{a=Array.from(e.changedTouches).map(({identifier:r,pageY:n})=>({identifier:r,pageY:n}))},h=e=>{Array.from(e.changedTouches).forEach(({identifier:r})=>{const n=a.findIndex(f=>f.identifier===r);n>-1&&a.splice(n,1)})},H=e=>{a.length&&Array.from(e.changedTouches).forEach(({identifier:r,pageY:n})=>{const f=a.findIndex(q=>q.identifier===r),x=n-a[f].pageY;x>A?(s?d(!1):c(),h(e)):x<-30&&(d(!0),h(e))})},S=y?null:o.createElement("button",{"aria-label":s?C:b,className:`${t}__handle`,onClick:()=>d(!s),onScroll:()=>d(!0),onTouchStart:_,onTouchMove:H,onTouchEnd:h,type:"button"}),m=o.Children.toArray(D),M=m.find(({type:e})=>e===i.EbayDialogHeader),k=m.filter(({type:e})=>e!==i.EbayDialogHeader);return o.createElement(i.DialogBaseWithState,Object.assign({},u,{classPrefix:t,onCloseBtnClick:c,className:g(u.className,`${t}--mask-fade-slow`),windowClass:g(u.windowClass,`${t}__window`,`${t}__window--slide`,{[`${t}__window--expanded`]:s}),onBackgroundClick:c,top:S}),M||o.createElement(i.EbayDialogHeader,null),k)};exports.EbayDrawerDialogDeprecated=$;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"education-notice.d.ts","sourceRoot":"","sources":["../../src/ebay-education-notice/education-notice.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAM3D,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAEzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAIjD,MAAM,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,GAAG;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,uBAAuB,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,
|
|
1
|
+
{"version":3,"file":"education-notice.d.ts","sourceRoot":"","sources":["../../src/ebay-education-notice/education-notice.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAM3D,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAEzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAIjD,MAAM,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,GAAG;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,uBAAuB,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAC9B,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;CACrC,CAAA;AAED,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CAkElC,CAAA;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),m=require("classnames"),E=require("../notice-content-C0ZStfuX.js"),j=require("../notice-content-9iF4T8uB.js"),a=require("../utils-C9NL3q0j.js"),F=require("../icon-hO_8pLp7.js"),O=require("../icon-button-DPIjQGta.js"),y=require("../notice-footer-G6VPjVZu.js"),P=t=>{var{children:n,className:o,a11yIconText:i,variant:c="none",iconVariant:p="none",a11yDismissText:r,educationIcon:C="lightbulb24",iconClass:h,dismissed:l=!1,onDismiss:T=()=>{}}=t,f=u.__rest(t,["children","className","a11yIconText","variant","iconVariant","a11yDismissText","educationIcon","iconClass","dismissed","onDismiss"]);const[q,v]=e.useState(l),s=a.findComponent(n,E.EbayNoticeContent),d=a.findComponent(n,N),I=a.findComponent(n,b),D=c==="prominent",_=p==="prominent",g=x=>{v(!0),T(x)};if(!d)throw new Error("<EbayEducationNoticeTitle>: Please use a <EbayEducationNoticeTitle> that defines the content of the notice");return q||l?null:e.createElement("section",Object.assign({"aria-roledescription":"Notice"},f,{className:m(o,"education-notice",{"education-notice--prominent":D})}),e.createElement("div",{className:"education-notice__header"},e.createElement(F.EbayIcon,{name:C,className:m(h,{"icon--prominent":_}),a11yText:i,a11yVariant:"label"}),d,r&&e.createElement(O.EbayIconButton,{"aria-label":r,size:"small",className:"education-notice__dismiss",onClick:g,icon:"close16"})),e.createElement(j.NoticeContent,Object.assign({},s==null?void 0:s.props,{type:"education"})),I)},N=t=>{var{className:n,as:o,children:i}=t,c=u.__rest(t,["className","as","children"]);return e.createElement(y.NoticeTitle,Object.assign({},c,{className:n,as:o,type:"education"}),i)},b=({className:t,children:n})=>e.createElement(y.NoticeFooter,{className:t,type:"education"},n);exports.EbayNoticeContent=E.EbayNoticeContent;exports.EbayEducationNotice=P;exports.EbayEducationNoticeFooter=b;exports.EbayEducationNoticeTitle=N;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eek-util.d.ts","sourceRoot":"","sources":["../../src/ebay-eek/eek-util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"eek-util.d.ts","sourceRoot":"","sources":["../../src/ebay-eek/eek-util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;yBAU3B,OAAO,YAAY,KAAG,MAAM;AAA5C,wBAuBC"}
|
package/ebay-eek/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),u=require("classnames"),i=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),u=require("classnames"),i=require("../icon-hO_8pLp7.js"),d={"A+++":["D","E","G"],"A++":["E","G"],"A+":["F","G"],A:["G"]},E=r=>{const{max:t,min:n,rating:s}=r,l=d[t];if(!(l&&l.indexOf(n)>-1))return null;let e=t,c=1;for(;e!==s;){if(c++,n===e)return null;e.length>1?e=e.slice(0,e.length-1):e=String.fromCharCode(e.charCodeAt(0)+1)}return c>7?7:c},m=({min:r="",max:t="",rating:n,a11yText:s,className:l})=>{const e=E({rating:n,min:r,max:t}),c=u(l,"eek",{[`eek--rating-${e}`]:!!e}),o=`Energy Rating: ${n}. Range: ${t} - ${r}.`;return a.createElement("div",{className:c,role:"figure","aria-label":s||o},a.createElement("div",{className:"eek__container","aria-hidden":!0},a.createElement("span",{className:"eek__rating-range"},a.createElement("span",{"aria-hidden":"true"},t),a.createElement(i.EbayIcon,{name:"eekRangeArrow"}),a.createElement("span",{"aria-hidden":"true"},r)),a.createElement("span",{className:"eek__rating","aria-hidden":"true"},n)),a.createElement(i.EbayIcon,{name:"eekArrow"}))};exports.EbayEek=m;
|
package/ebay-fake-menu/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../menu-item-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../menu-item-C24G4so-.js"),s=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),u=require("classnames"),c=e=>{var{className:t}=e,r=s.__rest(e,["className"]);return n.createElement("hr",Object.assign({},r,{className:u(t,"fake-menu__separator")}))};exports.EbayFakeMenu=a.EbayFakeMenu;exports.EbayFakeMenuItem=a.EbayMenuItem;exports.EbayFakeMenuSeparator=c;
|
|
@@ -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,KAAK,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;AAEjC,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,KAAK,
|
|
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,CAQpC,CAAA;AAED,eAAe,qBAAqB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComponentProps, FC } from 'react';
|
|
2
2
|
export type EbayMenuItemType = 'button';
|
|
3
|
-
export type EbayFakeMenuItemProps = Omit<ComponentProps<'a'>, 'onKeyDown'
|
|
3
|
+
export type EbayFakeMenuItemProps = Omit<ComponentProps<'a'>, 'onKeyDown'> & Omit<ComponentProps<'button'>, 'onKeyDown'> & {
|
|
4
4
|
current?: boolean;
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
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;AAKpE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAA;AACvC,MAAM,MAAM,qBAAqB,GAC7B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,WAAW,
|
|
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;AAKpE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAA;AACvC,MAAM,MAAM,qBAAqB,GAC7B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC,GACtC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,GAC3C;IACI,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAA;AAEL,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,qBAAqB,CA8D3C,CAAA;AAED,eAAe,YAAY,CAAA"}
|
package/ebay-fake-menu/menu.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ComponentProps, RefObject } from 'react';
|
|
2
2
|
import { EbayKeyboardEventHandler, EbayMouseEventHandler } from '../common/event-utils/types';
|
|
3
3
|
type SpanProps = Omit<ComponentProps<'div'>, 'onKeyDown' | 'onSelect'>;
|
|
4
|
-
type
|
|
4
|
+
export type EbayFakeMenuProps = SpanProps & {
|
|
5
5
|
itemMatchesUrl?: boolean;
|
|
6
6
|
onKeyDown?: EbayKeyboardEventHandler<HTMLElement, {
|
|
7
7
|
index: number;
|
|
@@ -11,6 +11,6 @@ type Props = SpanProps & {
|
|
|
11
11
|
}>;
|
|
12
12
|
forwardedRef?: RefObject<HTMLDivElement>;
|
|
13
13
|
};
|
|
14
|
-
declare const _default: React.ForwardRefExoticComponent<Omit<
|
|
14
|
+
declare const _default: React.ForwardRefExoticComponent<Omit<EbayFakeMenuProps, "ref"> & React.RefAttributes<React.FC<EbayFakeMenuProps>>>;
|
|
15
15
|
export default _default;
|
|
16
16
|
//# sourceMappingURL=menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEV,cAAc,EACd,SAAS,EACZ,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAG7F,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAA;AACtE,
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEV,cAAc,EACd,SAAS,EACZ,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAG7F,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAA;AACtE,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG;IACxC,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;IACvE,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CAC5C,CAAA;;AA6CD,wBAA2C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-button-label-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-button-label-BCs24-MK.js");exports.EbayFakeMenuButton=e.EbayMenuButton;exports.EbayFakeMenuButtonItem=e.EbayFakeMenuButtonItem;exports.EbayFakeMenuButtonLabel=e.EbayFakeMenuButtonLabel;exports.EbayFakeMenuButtonSeparator=e.EbayMenuButtonSeparator;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentProps, FC } from 'react';
|
|
2
|
-
type
|
|
3
|
-
declare const EbayMenuButtonSeparator: FC<
|
|
2
|
+
export type EbayMenuButtonSeparatorProps = Omit<ComponentProps<'hr'>, 'onMouseDown'>;
|
|
3
|
+
declare const EbayMenuButtonSeparator: FC<EbayMenuButtonSeparatorProps>;
|
|
4
4
|
export default EbayMenuButtonSeparator;
|
|
5
5
|
//# sourceMappingURL=menu-button-separator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-button-separator.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu-button/menu-button-separator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAGjD,
|
|
1
|
+
{"version":3,"file":"menu-button-separator.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu-button/menu-button-separator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAGjD,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC,CAAA;AAEpF,QAAA,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAQ7D,CAAA;AAED,eAAe,uBAAuB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu-button/menu-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,cAAc,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../../src/ebay-fake-menu-button/menu-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,cAAc,EAAE,EAAE,EAAkD,MAAM,OAAO,CAAA;AAK/G,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAE7F,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAQ5D,MAAM,MAAM,yBAAyB,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEtE,MAAM,MAAM,uBAAuB,GAAG;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvE,SAAS,CAAC,EAAE,wBAAwB,CAAC,WAAW,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC7E,CAAA;AAED,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC,GAC7E,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,WAAW,GAAG,aAAa,GAAG,UAAU,CAAC,GACxE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,WAAW,GAAG,aAAa,GAAG,UAAU,CAAC,CAAA;AACvE,KAAK,KAAK,GAAG,WAAW,GAAG,uBAAuB,CAAA;AAElD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAoH7B,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
# EbayFilePreviewCard
|
|
2
|
+
|
|
3
|
+
## Demo
|
|
4
|
+
|
|
5
|
+
[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/media-ebay-file-preview-card--docs)
|
|
6
|
+
|
|
7
|
+
## Usage
|
|
8
|
+
|
|
9
|
+
### Import JS
|
|
10
|
+
|
|
11
|
+
```jsx harmony
|
|
12
|
+
import { EbayFilePreviewCard } from '@ebay/ui-core-react/ebay-file-preview-card'
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### Import following styles from SKIN
|
|
16
|
+
|
|
17
|
+
```jsx harmony
|
|
18
|
+
import '@ebay/skin/file-preview-card'
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
### Or import styles using SCSS/CSS
|
|
22
|
+
|
|
23
|
+
```jsx harmony
|
|
24
|
+
import '@ebay/skin/file-preview-card.css'
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
### Import icons
|
|
28
|
+
|
|
29
|
+
Add the below icons to the `EbaySvg` component.
|
|
30
|
+
|
|
31
|
+
Note: Make sure that `EbaySvg` is only rendered on the server so it does not affect the client bundle size.
|
|
32
|
+
|
|
33
|
+
```tsx
|
|
34
|
+
<EbaySvg icons={['close16', 'delete16', 'vertical16', 'play16', 'file24']} />
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
```jsx harmony
|
|
38
|
+
<EbayFilePreviewCard
|
|
39
|
+
status="uploading"
|
|
40
|
+
a11yCancelUploadText="Cancel Uploard"
|
|
41
|
+
onCancel={(e) => action('onCancel')(e)}
|
|
42
|
+
/>
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
## Attributes
|
|
46
|
+
|
|
47
|
+
| Name | Type | Required | Description | Data |
|
|
48
|
+
| ---------------------- | ------------------------------------------------------------ | -------- | ------------------------------------------------------------------------------------------------------------ | ---- |
|
|
49
|
+
| `a11yCancelUploadText` | `String` | No | a11y text for cancel upload button. | |
|
|
50
|
+
| `as` | `React.ElementType` | No | Element type for the preview card, default is `div` | |
|
|
51
|
+
| `deleteText` | `String` | No | Text for delete button. | |
|
|
52
|
+
| `status` | `String` | No | Status of the file, can be `"uploading"` | |
|
|
53
|
+
| `labelText` | `String` | No | Text to display in the label. | |
|
|
54
|
+
| `footerTitle` | `String` | No | Title to display beneath the file, usually the filename. | |
|
|
55
|
+
| `footerSubtitle` | `String` | No | Subtitle to display beneath the file title. | |
|
|
56
|
+
| `infoText` | `String` | No | Text to display info in file if not image. | |
|
|
57
|
+
| `file` | `File` or `{name: string, type?: File[type], src?: string }` | No | File object, can be raw platform `File` or an object containing `name`, `type`, and a `src` for the preview. | |
|
|
58
|
+
| `menuActions` | `{event: string, label: string }[]` | No | Array of menu actions, containing event and label. | |
|
|
59
|
+
| `seeMore` | `Number` | No | Passing a number here will convert the card to a "see more" card. | |
|
|
60
|
+
| `a11ySeeMoreText` | `String` | No | a11y text for see more button. |
|
|
61
|
+
|
|
62
|
+
## Events
|
|
63
|
+
|
|
64
|
+
| Name | Type | Required | Description | Data |
|
|
65
|
+
| -------------- | ---------------------------- | -------- | --------------------------------------------------- | --------------------------------------------------------------- |
|
|
66
|
+
| `onMenuAction` | `EbayMenuSelectEventHandler` | No | Triggered when an action is selected from the menu. | `event, {index: number, checked: number[], eventName?: string}` |
|
|
67
|
+
| `onSeeMore` | `EbayEventHandler` | No | Triggered when the see more button is clicked. | `event` |
|
|
68
|
+
| `onDelete` | `EbayEventHandler` | No | Triggered when the delete button is clicked. | `event` |
|
|
69
|
+
| `onCancel` | `EbayEventHandler` | No | Triggered when the cancel button is clicked. | `event` |
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { EbayEventHandler } from '../common/event-utils/types';
|
|
3
|
+
import { FilePreviewCardMenuAction, FilePreviewCardMenuActionHandler } from './types';
|
|
4
|
+
export type EbayFilePreviewActionProps = {
|
|
5
|
+
menuActions?: FilePreviewCardMenuAction[];
|
|
6
|
+
deleteText?: string;
|
|
7
|
+
status?: 'uploading';
|
|
8
|
+
a11yCancelUploadText?: string;
|
|
9
|
+
onMenuAction?: FilePreviewCardMenuActionHandler;
|
|
10
|
+
onCancel?: EbayEventHandler;
|
|
11
|
+
onDelete?: EbayEventHandler;
|
|
12
|
+
};
|
|
13
|
+
declare const EbayFilePreviewAction: FC<EbayFilePreviewActionProps>;
|
|
14
|
+
export default EbayFilePreviewAction;
|
|
15
|
+
//# sourceMappingURL=file-preview-action.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-preview-action.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/file-preview-action.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAG9D,OAAO,EACH,yBAAyB,EACzB,gCAAgC,EACnC,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,0BAA0B,GAAG;IACrC,WAAW,CAAC,EAAE,yBAAyB,EAAE,CAAA;IACzC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,gCAAgC,CAAA;IAC/C,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAC3B,QAAQ,CAAC,EAAE,gBAAgB,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAwEzD,CAAA;AAED,eAAe,qBAAqB,CAAA"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { FC, ComponentProps, ElementType } from 'react';
|
|
2
|
+
import { EbayEventHandler } from '../common/event-utils/types';
|
|
3
|
+
import { FilePreviewCardMenuAction, FilePreviewCardMenuActionHandler, FilePreviewType } from './types';
|
|
4
|
+
export type EbayFilePreviewCardProps = ComponentProps<'div'> & {
|
|
5
|
+
a11yCancelUploadText?: string;
|
|
6
|
+
as?: ElementType;
|
|
7
|
+
deleteText?: string;
|
|
8
|
+
file?: File | FilePreviewType;
|
|
9
|
+
status?: 'uploading';
|
|
10
|
+
infoText?: string;
|
|
11
|
+
menuActions?: FilePreviewCardMenuAction[];
|
|
12
|
+
seeMore?: number;
|
|
13
|
+
a11ySeeMoreText?: string;
|
|
14
|
+
footerTitle?: string;
|
|
15
|
+
footerSubtitle?: string;
|
|
16
|
+
onMenuAction?: FilePreviewCardMenuActionHandler;
|
|
17
|
+
onSeeMore?: EbayEventHandler;
|
|
18
|
+
onDelete?: EbayEventHandler;
|
|
19
|
+
onCancel?: EbayEventHandler;
|
|
20
|
+
};
|
|
21
|
+
declare const EbayFileInput: FC<EbayFilePreviewCardProps>;
|
|
22
|
+
export default EbayFileInput;
|
|
23
|
+
//# sourceMappingURL=file-preview-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-preview-card.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/file-preview-card.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAW,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAI9D,OAAO,EACH,yBAAyB,EACzB,gCAAgC,EAChC,eAAe,EAClB,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,eAAe,CAAA;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,yBAAyB,EAAE,CAAA;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,gCAAgC,CAAA;IAC/C,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAC3B,QAAQ,CAAC,EAAE,gBAAgB,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,wBAAwB,CAgF/C,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { FilePreviewType } from './types';
|
|
3
|
+
export type EbayFilePreviewContentProps = {
|
|
4
|
+
file?: FilePreviewType;
|
|
5
|
+
status?: 'uploading';
|
|
6
|
+
seeMore?: number;
|
|
7
|
+
};
|
|
8
|
+
declare const EbayFilePreviewContent: FC<EbayFilePreviewContentProps>;
|
|
9
|
+
export default EbayFilePreviewContent;
|
|
10
|
+
//# sourceMappingURL=file-preview-content.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-preview-content.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/file-preview-content.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,MAAM,MAAM,2BAA2B,GAAG;IACtC,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA8B3D,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { FilePreviewType } from './types';
|
|
3
|
+
export type EbayFilePreviewLabelProps = {
|
|
4
|
+
file?: FilePreviewType;
|
|
5
|
+
infoText?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const EbayFilePreviewLabel: FC<EbayFilePreviewLabelProps>;
|
|
8
|
+
export default EbayFilePreviewLabel;
|
|
9
|
+
//# sourceMappingURL=file-preview-label.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-preview-label.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/file-preview-label.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,MAAM,MAAM,yBAAyB,GAAG;IACpC,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAqBvD,CAAA;AAED,eAAe,oBAAoB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AACnG,cAAc,SAAS,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),_=require("../icon-button-DPIjQGta.js"),T=require("../menu-button-label-DFjHo8Lr.js"),w=require("../menu-DmmYhPJU.js"),x=require("classnames"),q=require("../progress-spinner-CTs1iaUV.js"),g=require("../icon-hO_8pLp7.js"),I=({status:t,menuActions:r,onMenuAction:l,deleteText:v,onCancel:a,onDelete:i,a11yCancelUploadText:p})=>{const u=(n,c)=>{var o;if(c){const s=(o=c.checked)===null||o===void 0?void 0:o[0],m=r&&s!==void 0&&s in r?r[s].event:null;m&&l?l(n,Object.assign(Object.assign({},c),{eventName:m})):i&&i(n)}};return t==="uploading"?e.createElement(_.EbayIconButton,{"aria-label":p,onClick:a,className:"file-preview-card__action",icon:"close16"}):r!=null&&r.length?e.createElement(e.Fragment,null,e.createElement(T.EbayMenuButton,{variant:"overflow",className:"file-preview-card__action",onSelect:u},r.map(n=>e.createElement(w.EbayMenuItem,{value:n.event,key:n.label},n.label)),e.createElement(w.EbayMenuItem,{key:"delete",value:"delete"},v))):e.createElement(_.EbayIconButton,{"aria-label":v,className:"file-preview-card__action",icon:"delete16",onClick:i})},h=({file:t,status:r,seeMore:l})=>{if(r==="uploading")return e.createElement(q.EbayProgressSpinner,{className:"file-preview-card__asset"});switch(t==null?void 0:t.type){case"video":return e.createElement("video",{className:"file-preview-card__asset",src:t.src});case"image":return e.createElement("img",{className:x("file-preview-card__asset",{"file-preview-card__asset--fade":l&&l>0}),src:t==null?void 0:t.src,alt:t==null?void 0:t.name});default:return e.createElement(g.EbayIcon,{name:"file24",className:"file-preview-card__asset"})}},k=({file:t,infoText:r})=>t&&t.type!=="image"?e.createElement("div",{className:"file-preview-card__info"},t.type==="video"&&e.createElement(g.EbayIcon,{name:"play16",className:"file-preview-card__video-icon"}),r||t.name.substring(t.name.lastIndexOf(".")+1).toUpperCase()):e.createElement(e.Fragment,null),O=t=>{var{a11yCancelUploadText:r,status:l,as:v="div",file:a,seeMore:i,deleteText:p,footerTitle:u,footerSubtitle:n,a11ySeeMoreText:c,menuActions:o,infoText:s,onCancel:m,onDelete:N,onMenuAction:M,onSeeMore:S}=t,C=F.__rest(t,["a11yCancelUploadText","status","as","file","seeMore","deleteText","footerTitle","footerSubtitle","a11ySeeMoreText","menuActions","infoText","onCancel","onDelete","onMenuAction","onSeeMore"]);const y=e.useMemo(()=>{var E,b;if(!a)return;let f=a,d;return!((E=a==null?void 0:a.type)===null||E===void 0)&&E.startsWith("image")?d="image":!((b=a==null?void 0:a.type)===null||b===void 0)&&b.startsWith("video")&&(d="video"),a instanceof File&&(f={name:a.name,type:d,src:d?URL.createObjectURL(a):void 0}),f.type=d,f},[a]);return e.createElement(v,Object.assign({className:"file-preview-card"},C),e.createElement("div",{className:"file-preview-card__body"},e.createElement(h,{file:y,status:l,seeMore:i}),i&&i>0?e.createElement("button",{type:"button",className:"file-preview-card__see-more",onClick:S,"aria-label":c},e.createElement("span",null,"+",i)):e.createElement(I,{a11yCancelUploadText:r,status:l,menuActions:o,onMenuAction:M,deleteText:p,onCancel:m,onDelete:N}),e.createElement(k,{file:y,infoText:s})),u&&e.createElement("div",{className:"file-preview-card__footer"},e.createElement("span",null,u),n&&e.createElement("span",null,n)))};exports.EbayFilePreviewCard=O;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { EbayEventHandler } from '../common/event-utils/types';
|
|
2
|
+
export type FilePreviewCardMenuAction = {
|
|
3
|
+
event: string;
|
|
4
|
+
label: string;
|
|
5
|
+
};
|
|
6
|
+
export type FilePreviewType = {
|
|
7
|
+
name: string;
|
|
8
|
+
type?: File['type'];
|
|
9
|
+
src?: string;
|
|
10
|
+
};
|
|
11
|
+
type MenuActionEventData = {
|
|
12
|
+
index: number;
|
|
13
|
+
checked: number[];
|
|
14
|
+
eventName?: string;
|
|
15
|
+
};
|
|
16
|
+
export type FilePreviewCardMenuActionHandler = EbayEventHandler<HTMLElement, MenuActionEventData>;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAE9D,MAAM,MAAM,yBAAyB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,mBAAmB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,gCAAgC,GAAG,gBAAgB,CAC3D,WAAW,EACX,mBAAmB,CACtB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../filter-menu-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../filter-menu-CzHlWYrY.js");exports.EbayFilterMenu=e.EbayFilterMenu;exports.EbayFilterMenuFooterButton=e.EbayFilterMenuFooterButton;exports.EbayFilterMenuItem=e.EbayFilterMenuItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-menu-button.d.ts","sourceRoot":"","sources":["../../src/ebay-filter-menu-button/filter-menu-button.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"filter-menu-button.d.ts","sourceRoot":"","sources":["../../src/ebay-filter-menu-button/filter-menu-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAIhE,OAAO,EAGH,mBAAmB,EAItB,MAAM,qBAAqB,CAAA;AAG5B,MAAM,MAAM,yBAAyB,GAAG,mBAAmB,GAAG;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAuF7D,CAAA;AAED,eAAe,oBAAoB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),q=require("classnames"),b=require("../dropdown-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),q=require("classnames"),b=require("../dropdown-BGdrijmi.js"),w=require("../icon-hO_8pLp7.js"),a=require("../filter-menu-CzHlWYrY.js"),N=require("../utils-C9NL3q0j.js"),B=u=>{var{className:d,text:p,"aria-label":y,onExpand:f,onCollapse:E,onChange:l,children:i}=u,o=S.__rest(u,["className","text","aria-label","onExpand","onCollapse","onChange","children"]);const c=n.useRef(null),h=N.filterByType(i,a.EbayFilterMenuItem),[v,F]=n.useState(()=>h.some(t=>t.props.checked)),{isExpanded:_,collapse:r}=b.useExpander({ref:c,options:{hostSelector:".filter-menu-button__button",contentSelector:".filter-menu-button__menu",focusManagement:"interactive",expandOnClick:!0,autoCollapse:!0,alwaysDoFocusManagement:!0},onExpand:f,onCollapse:E}),{overlayStyles:M,refs:m}=b.useFloatingDropdown({open:_}),C=t=>{var e;(e=o.onKeyDown)===null||e===void 0||e.call(o,t),t.key==="Escape"&&r()},g=(...t)=>{var e;(e=o.onFormSubmit)===null||e===void 0||e.call(o,...t),r()},x=(...t)=>{var e;(e=o.onFooterClick)===null||e===void 0||e.call(o,...t),r()},k=(t,e)=>{var s;l==null||l(t,e),F(((s=e.checked)===null||s===void 0?void 0:s.length)>0)};return n.createElement("span",{ref:c,className:q("filter-menu-button",d)},n.createElement("button",{type:"button",className:"filter-menu-button__button",ref:m.setHost,"aria-expanded":"false","aria-haspopup":"true","aria-label":y,"aria-pressed":v},n.createElement("span",{className:"filter-menu-button__button-cell"},n.createElement("span",{className:"filter-menu-button__button-text"},p),n.createElement(w.EbayIcon,{name:"chevronDown12"}))),n.createElement(a.EbayFilterMenu,Object.assign({},o,{onChange:k,classPrefix:"filter-menu-button",onKeyDown:C,onFooterClick:x,onFormSubmit:g,ref:m.setOverlay,style:M}),i))};exports.EbayFilterMenuFooterButton=a.EbayFilterMenuFooterButton;exports.EbayFilterMenuItem=a.EbayFilterMenuItem;exports.EbayFilterMenuButton=B;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fullscreen-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-fullscreen-dialog-deprecated/fullscreen-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"fullscreen-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-fullscreen-dialog-deprecated/fullscreen-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAKnE,MAAM,WAAW,KAAK,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,uBAAuB,CAAC;CACnC;AAED,QAAA,MAAM,8BAA8B,EAAE,EAAE,CAAC,KAAK,CAkB7C,CAAA;AAED,eAAe,8BAA8B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../tslib.es6-C4EgNkz1.js"),c=require("react"),t=require("classnames"),u=require("../dialog-previous-button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../tslib.es6-C4EgNkz1.js"),c=require("react"),t=require("classnames"),u=require("../dialog-previous-button-ns64Jg1v.js");require("../icon-button-DPIjQGta.js");const e="fullscreen-dialog",d=s=>{var{open:o,onClose:a=()=>{},className:n,animated:i}=s,l=r.__rest(s,["open","onClose","className","animated"]);return c.createElement(u.DialogBaseWithState,Object.assign({},l,{classPrefix:e,buttonPosition:"right",onCloseBtnClick:a,transitionElement:"window",animated:i,className:t(n,`${e}--mask-fade-slow`),windowClass:t(`${e}__window`,`${e}__window--slide`),open:o}))};exports.EbayFullscreenDialogDeprecated=d;
|
package/ebay-icon/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../icon-hO_8pLp7.js");exports.EbayIcon=e.EbayIcon;
|