@ebay/ui-core-react 9.0.0 → 9.1.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/ebay-file-preview-card/README.md +1 -0
- package/ebay-file-preview-card/file-preview-action.d.ts +1 -0
- package/ebay-file-preview-card/file-preview-action.d.ts.map +1 -1
- package/ebay-file-preview-card/file-preview-card.d.ts +1 -0
- package/ebay-file-preview-card/file-preview-card.d.ts.map +1 -1
- package/ebay-file-preview-card/index.js +1 -1
- package/ebay-file-preview-card-group/index.js +1 -1
- package/ebay-item-tile/index.js +1 -1
- package/ebay-item-tile-group/index.js +1 -1
- package/file-preview-card-C28-H6Zw.js +1 -0
- package/{item-tile-CpH9pgq8.js → item-tile-Dd22jWQA.js} +1 -1
- package/package.json +1 -1
- package/file-preview-card-DnIUegpg.js +0 -1
|
@@ -55,6 +55,7 @@ import "@ebay/skin/file-preview-card.css";
|
|
|
55
55
|
| `infoText` | `String` | No | Text to display info in file if not image. | |
|
|
56
56
|
| `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. | |
|
|
57
57
|
| `menuActions` | `{event: string, label: string }[]` | No | Array of menu actions, containing event and label. | |
|
|
58
|
+
| `a11yMenuButtonText` | `String` | No | a11y text for menu button. This is required when menuActions is set. | |
|
|
58
59
|
| `seeMore` | `Number` | No | Passing a number here will convert the card to a "see more" card. | |
|
|
59
60
|
| `a11ySeeMoreText` | `String` | No | a11y text for see more button. |
|
|
60
61
|
| `href` | `String` | No | href that will wrapper the file preview card. |
|
|
@@ -7,6 +7,7 @@ export type FilePreviewActionProps = {
|
|
|
7
7
|
deleteText?: string;
|
|
8
8
|
status?: "uploading";
|
|
9
9
|
a11yCancelUploadText?: string;
|
|
10
|
+
a11yMenuButtonText?: string;
|
|
10
11
|
onMenuAction?: FilePreviewCardMenuActionHandler;
|
|
11
12
|
onCancel?: EbayEventHandler<HTMLElement>;
|
|
12
13
|
onDelete?: EbayEventHandler<HTMLElement>;
|
|
@@ -1 +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,YAAY,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAG/D,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AAEjF,OAAO,EAAE,yBAAyB,EAAE,gCAAgC,EAAE,MAAM,SAAS,CAAC;AAItF,MAAM,MAAM,sBAAsB,GAAG;IACjC,WAAW,CAAC,EAAE,yBAAyB,EAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,gCAAgC,CAAC;IAChD,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,EAAE,YAAY,CAAC,8BAA8B,CAAC,CAAC;CACxD,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,
|
|
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,YAAY,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAG/D,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AAEjF,OAAO,EAAE,yBAAyB,EAAE,gCAAgC,EAAE,MAAM,SAAS,CAAC;AAItF,MAAM,MAAM,sBAAsB,GAAG;IACjC,WAAW,CAAC,EAAE,yBAAyB,EAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,gCAAgC,CAAC;IAChD,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,EAAE,YAAY,CAAC,8BAA8B,CAAC,CAAC;CACxD,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAmFjD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1 +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,CAAC;AAExE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAO/D,OAAO,EAAE,yBAAyB,EAAE,gCAAgC,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEvG,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,eAAe,CAAC;IAC9B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,yBAAyB,EAAE,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,gCAAgC,CAAC;IAChD,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CAC5C,CAAC;AAEF,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,
|
|
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,CAAC;AAExE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAO/D,OAAO,EAAE,yBAAyB,EAAE,gCAAgC,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEvG,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,eAAe,CAAC;IAC9B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,yBAAyB,EAAE,CAAC;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,gCAAgC,CAAC;IAChD,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CAC5C,CAAC;AAEF,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA2FrD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../file-preview-card-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../file-preview-card-C28-H6Zw.js");exports.EbayFilePreviewCard=e.EbayFilePreviewCard;exports.EbayFilePreviewCardAction=e.EbayFilePreviewCardAction;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),C=require("classnames"),E=require("../utils-C9NL3q0j.js"),b=require("../file-preview-card-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),C=require("classnames"),E=require("../utils-C9NL3q0j.js"),b=require("../file-preview-card-C28-H6Zw.js"),m=15,f=i=>{var{a11ySeeMoreText:M,onDelete:c,onCancel:l,onAction:a,onMenuAction:u,className:S,children:p}=i,g=A.__rest(i,["a11ySeeMoreText","onDelete","onCancel","onAction","onMenuAction","className","children"]);const[t,h]=o.useState(m),v=()=>{h(r=>r+m)},n=E.filterByType(p,b.EbayFilePreviewCard),d=n.length-t,w=n.slice(0,Math.min(t,n.length));return o.createElement("div",Object.assign({className:C("file-preview-card-group",S)},g),o.createElement("ul",null,w.map((r,s)=>o.cloneElement(r,{as:r.props.as||"li",onDelete:e=>c&&c(e,{index:s}),onCancel:e=>l&&l(e,{index:s}),onAction:e=>a&&a(e,{index:s}),onMenuAction:(e,y)=>u&&u(e,{index:s,menuActionEvent:y})})),d>0&&o.cloneElement(n[t],{seeMore:d,a11ySeeMoreText:M,onSeeMore:v,as:n[t].props.as||"li"})))};exports.EbayFilePreviewCardGroup=f;
|
package/ebay-item-tile/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../item-tile-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../item-tile-Dd22jWQA.js");exports.EbayItemTile=e.EbayItemTile;exports.EbayItemTileAction=e.EbayItemTileAction;exports.EbayItemTileDescription=e.EbayItemTileDescription;exports.EbayItemTileSubtitle=e.EbayItemTileSubtitle;exports.EbayItemTileSupertitle=e.EbayItemTileSupertitle;exports.EbayItemTileTitle=e.EbayItemTileTitle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),y=require("classnames"),p=require("../utils-C9NL3q0j.js"),b=require("../item-tile-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),y=require("classnames"),p=require("../utils-C9NL3q0j.js"),b=require("../item-tile-Dd22jWQA.js"),d=t=>{var{layout:i,className:n,onAction:l,children:s}=t,o=m.__rest(t,["layout","className","onAction","children"]);const c=p.filterByType(s,b.EbayItemTile);return e.createElement("div",Object.assign({className:y("layout-grid item-tile-group",n,{"item-tile-group--list-view":i==="list"})},o),e.createElement("ul",null,c.map((a,r)=>e.createElement("li",{key:r},e.cloneElement(a,{layout:i,onAction:u=>l&&l(u,{index:r})})))))};exports.EbayItemTileGroup=d;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const k=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),C=require("classnames"),O=require("./utils-C9NL3q0j.js"),g=require("./icon-button-AJ6dtyvc.js"),j=require("./menu-button-tvdOBhp1.js"),F=require("./menu-Bvnencku.js"),U=require("./icons/ebay-icon-close-16/index.js"),L=require("./icons/ebay-icon-delete-16/index.js"),R=require("./progress-spinner-DTmNtD59.js"),A=require("./icons/ebay-icon-file-24/index.js"),D=require("./icons/ebay-icon-play-16/index.js"),W=({status:t,menuActions:n,onMenuAction:r,deleteText:s,onCancel:a,onDelete:l,onAction:b,a11yCancelUploadText:m,a11yMenuButtonText:E,action:i})=>{const y=(c,u)=>{var o;if(u){const d=(o=u.checked)===null||o===void 0?void 0:o[0],p=n&&d!==void 0&&d in n?n[d].event:null;p&&r?r(c,Object.assign(Object.assign({},u),{eventName:p})):l&&l(c)}};return t==="uploading"?e.createElement(g.EbayIconButton,{"aria-label":m,onClick:a,className:"file-preview-card__action",icon:e.createElement(U.EbayIconClose16,null)}):n?.length?e.createElement(e.Fragment,null,e.createElement(j.EbayMenuButton,{variant:"overflow",className:"file-preview-card__action",a11yText:E,onSelect:y},n.map(c=>e.createElement(F.EbayMenuItem,{value:c.event,key:c.label},c.label)),e.createElement(F.EbayMenuItem,{key:"delete",value:"delete"},s))):i?.props&&i.props.icon&&i.props["aria-label"]?e.createElement(g.EbayIconButton,Object.assign({onClick:b,className:C("file-preview-card__action",i.props.className)},i.props)):s?e.createElement(g.EbayIconButton,{"aria-label":s,className:"file-preview-card__action",icon:e.createElement(L.EbayIconDelete16,null),onClick:l}):e.createElement(e.Fragment,null)},I=({file:t,status:n,seeMore:r})=>{if(n==="uploading")return e.createElement(R.EbayProgressSpinner,{className:"file-preview-card__asset"});switch(t?.type){case"video":return e.createElement("video",{className:"file-preview-card__asset",src:t.src});case"image":return e.createElement("img",{className:C("file-preview-card__asset",{"file-preview-card__asset--fade":r&&r>0}),src:t?.src,alt:t?.name});default:return e.createElement(A.EbayIconFile24,{className:"file-preview-card__asset"})}},z=({file:t,infoText:n})=>t&&t.type!=="image"?e.createElement("div",{className:"file-preview-card__info"},t.type==="video"&&e.createElement(D.EbayIconPlay16,{className:"file-preview-card__video-icon"}),n||t.name.substring(t.name.lastIndexOf(".")+1).toUpperCase()):e.createElement(e.Fragment,null),M=()=>null,G=t=>{var{a11yCancelUploadText:n,status:r,as:s="div",file:a,seeMore:l,deleteText:b,footerTitle:m,footerSubtitle:E,a11ySeeMoreText:i,menuActions:y,a11yMenuButtonText:c,infoText:u,href:o,onCancel:d,onDelete:p,onMenuAction:q,onSeeMore:x,onAction:T,className:h,children:S}=t,B=k.__rest(t,["a11yCancelUploadText","status","as","file","seeMore","deleteText","footerTitle","footerSubtitle","a11ySeeMoreText","menuActions","a11yMenuButtonText","infoText","href","onCancel","onDelete","onMenuAction","onSeeMore","onAction","className","children"]);const P=O.findComponent(S,M),f=e.useMemo(()=>{var _,w;if(!a)return;let N=a,v;return!((_=a?.type)===null||_===void 0)&&_.startsWith("image")?v="image":!((w=a?.type)===null||w===void 0)&&w.startsWith("video")&&(v="video"),a instanceof File&&(N={name:a.name,type:v,src:v?URL.createObjectURL(a):void 0}),N.type=v,N},[a]);return e.createElement(s,Object.assign({className:C("file-preview-card",h)},B),e.createElement("div",{className:"file-preview-card__body"},o?e.createElement("a",{href:o},e.createElement(I,{file:f,status:r,seeMore:l})):e.createElement(I,{file:f,status:r,seeMore:l}),l&&l>0?e.createElement("button",{type:"button",className:"file-preview-card__see-more",onClick:x,"aria-label":i},e.createElement("span",null,"+",l)):e.createElement(W,{a11yCancelUploadText:n,a11yMenuButtonText:c,status:r,menuActions:y,onMenuAction:q,deleteText:b,onCancel:d,onDelete:p,onAction:T,action:P}),e.createElement(z,{file:f,infoText:u})),m&&e.createElement("div",{className:"file-preview-card__footer"},e.createElement("span",null,m),E&&e.createElement("span",null,E)))};exports.EbayFilePreviewCard=G;exports.EbayFilePreviewCardAction=M;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const a=require("./tslib.es6-C4EgNkz1.js"),i=require("react"),I=require("classnames"),s=require("./utils-C9NL3q0j.js"),m=require("./file-preview-card-
|
|
1
|
+
"use strict";const a=require("./tslib.es6-C4EgNkz1.js"),i=require("react"),I=require("classnames"),s=require("./utils-C9NL3q0j.js"),m=require("./file-preview-card-C28-H6Zw.js"),o=()=>null,E=e=>{var{children:l}=e,t=a.__rest(e,["children"]);return i.createElement("div",Object.assign({className:"item-tile__section-primary"},t),l)},d=e=>{var{href:l,children:t}=e,n=a.__rest(e,["href","children"]);return i.createElement("a",Object.assign({href:l,className:"item-tile__title"},n),t)},b=e=>{var{children:l}=e,t=a.__rest(e,["children"]);return i.createElement("div",Object.assign({className:"item-tile__subtitle"},t),l)},u=e=>{var{as:l="p",children:t}=e,n=a.__rest(e,["as","children"]);return i.createElement(l,Object.assign({},n),t)},N=({title:e,subtitle:l,descriptions:t})=>i.createElement(i.Fragment,null,e||l?i.createElement("div",{className:"item-tile__section-secondary"},e,l):null,t?.length?i.createElement("div",{className:"item-tile__section-tertiary"},t):null),g=e=>{var{file:l,href:t,layout:n,className:y,onAction:_,children:r}=e,v=a.__rest(e,["file","href","layout","className","onAction","children"]);const h=s.findComponent(r,E),T=s.findComponent(r,d),p=s.findComponent(r,b),c=s.findComponent(r,o),f=s.filterByType(r,u);return i.createElement("div",Object.assign({className:I(y,"item-tile",{"item-tile--list-view":n==="list"})},v),l&&i.createElement("div",{className:"item-tile__header"},i.createElement(m.EbayFilePreviewCard,{file:l,href:t,onAction:_},c&&i.createElement(m.EbayFilePreviewCardAction,Object.assign({},c.props)))),i.createElement("div",{className:"item-tile__body"},h,i.createElement(N,{title:T,subtitle:p,descriptions:f})))};exports.EbayItemTile=g;exports.EbayItemTileAction=o;exports.EbayItemTileDescription=u;exports.EbayItemTileSubtitle=b;exports.EbayItemTileSupertitle=E;exports.EbayItemTileTitle=d;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const k=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),g=require("classnames"),B=require("./utils-C9NL3q0j.js"),N=require("./icon-button-AJ6dtyvc.js"),O=require("./menu-button-tvdOBhp1.js"),C=require("./menu-Bvnencku.js"),j=require("./icons/ebay-icon-close-16/index.js"),U=require("./icons/ebay-icon-delete-16/index.js"),L=require("./progress-spinner-DTmNtD59.js"),R=require("./icons/ebay-icon-file-24/index.js"),A=require("./icons/ebay-icon-play-16/index.js"),D=({status:t,menuActions:n,onMenuAction:l,deleteText:s,onCancel:a,onDelete:i,onAction:p,a11yCancelUploadText:m,action:r})=>{const b=(c,u)=>{var o;if(u){const d=(o=u.checked)===null||o===void 0?void 0:o[0],E=n&&d!==void 0&&d in n?n[d].event:null;E&&l?l(c,Object.assign(Object.assign({},u),{eventName:E})):i&&i(c)}};return t==="uploading"?e.createElement(N.EbayIconButton,{"aria-label":m,onClick:a,className:"file-preview-card__action",icon:e.createElement(j.EbayIconClose16,null)}):n?.length?e.createElement(e.Fragment,null,e.createElement(O.EbayMenuButton,{variant:"overflow",className:"file-preview-card__action",onSelect:b},n.map(c=>e.createElement(C.EbayMenuItem,{value:c.event,key:c.label},c.label)),e.createElement(C.EbayMenuItem,{key:"delete",value:"delete"},s))):r?.props&&r.props.icon&&r.props["aria-label"]?e.createElement(N.EbayIconButton,Object.assign({onClick:p,className:g("file-preview-card__action",r.props.className)},r.props)):s?e.createElement(N.EbayIconButton,{"aria-label":s,className:"file-preview-card__action",icon:e.createElement(U.EbayIconDelete16,null),onClick:i}):e.createElement(e.Fragment,null)},F=({file:t,status:n,seeMore:l})=>{if(n==="uploading")return e.createElement(L.EbayProgressSpinner,{className:"file-preview-card__asset"});switch(t?.type){case"video":return e.createElement("video",{className:"file-preview-card__asset",src:t.src});case"image":return e.createElement("img",{className:g("file-preview-card__asset",{"file-preview-card__asset--fade":l&&l>0}),src:t?.src,alt:t?.name});default:return e.createElement(R.EbayIconFile24,{className:"file-preview-card__asset"})}},W=({file:t,infoText:n})=>t&&t.type!=="image"?e.createElement("div",{className:"file-preview-card__info"},t.type==="video"&&e.createElement(A.EbayIconPlay16,{className:"file-preview-card__video-icon"}),n||t.name.substring(t.name.lastIndexOf(".")+1).toUpperCase()):e.createElement(e.Fragment,null),I=()=>null,z=t=>{var{a11yCancelUploadText:n,status:l,as:s="div",file:a,seeMore:i,deleteText:p,footerTitle:m,footerSubtitle:r,a11ySeeMoreText:b,menuActions:c,infoText:u,href:o,onCancel:d,onDelete:E,onMenuAction:q,onSeeMore:M,onAction:h,className:S,children:x}=t,P=k.__rest(t,["a11yCancelUploadText","status","as","file","seeMore","deleteText","footerTitle","footerSubtitle","a11ySeeMoreText","menuActions","infoText","href","onCancel","onDelete","onMenuAction","onSeeMore","onAction","className","children"]);const T=B.findComponent(x,I),y=e.useMemo(()=>{var f,_;if(!a)return;let w=a,v;return!((f=a?.type)===null||f===void 0)&&f.startsWith("image")?v="image":!((_=a?.type)===null||_===void 0)&&_.startsWith("video")&&(v="video"),a instanceof File&&(w={name:a.name,type:v,src:v?URL.createObjectURL(a):void 0}),w.type=v,w},[a]);return e.createElement(s,Object.assign({className:g("file-preview-card",S)},P),e.createElement("div",{className:"file-preview-card__body"},o?e.createElement("a",{href:o},e.createElement(F,{file:y,status:l,seeMore:i})):e.createElement(F,{file:y,status:l,seeMore:i}),i&&i>0?e.createElement("button",{type:"button",className:"file-preview-card__see-more",onClick:M,"aria-label":b},e.createElement("span",null,"+",i)):e.createElement(D,{a11yCancelUploadText:n,status:l,menuActions:c,onMenuAction:q,deleteText:p,onCancel:d,onDelete:E,onAction:h,action:T}),e.createElement(W,{file:y,infoText:u})),m&&e.createElement("div",{className:"file-preview-card__footer"},e.createElement("span",null,m),r&&e.createElement("span",null,r)))};exports.EbayFilePreviewCard=z;exports.EbayFilePreviewCardAction=I;
|