@ebay/ui-core-react 8.9.0 → 8.10.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/{button-DhwBC3vw.js → button-BeNUU3lZ.js} +1 -1
- package/calendar-Dw_PWT2C.js +1 -0
- package/checkbox-CFfWkQ2y.js +1 -0
- package/{chip-CfMEg9CT.js → chip-CuR-Dm9y.js} +1 -1
- package/combobox-BTNktYex.js +1 -0
- package/{dialog-previous-button-C3ZdijBt.js → dialog-previous-button-DvWLfiq0.js} +1 -1
- package/dropdown-DIUzEfhV.js +1 -0
- package/ebay-accordion/index.js +2 -2
- package/ebay-alert-dialog/index.js +1 -1
- package/ebay-avatar/index.js +1 -1
- package/ebay-breadcrumbs/index.js +1 -1
- package/ebay-button/index.js +1 -1
- package/ebay-calendar/index.js +1 -1
- package/ebay-carousel/index.js +1 -1
- package/ebay-ccd/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/index.js +1 -1
- package/ebay-confirm-dialog/index.js +1 -1
- package/ebay-cta-button/index.js +1 -1
- package/ebay-date-textbox/date-textbox.d.ts.map +1 -1
- package/ebay-date-textbox/index.js +1 -1
- package/ebay-details/index.js +1 -1
- package/{ebay-details-BuPepKYE.js → ebay-details-rAR5ofJT.js} +1 -1
- package/ebay-dialog-base/index.js +1 -1
- package/ebay-drawer-dialog-deprecated/index.js +1 -1
- package/ebay-education-notice/index.js +1 -1
- package/ebay-eek/index.js +1 -1
- package/ebay-fake-link/index.js +1 -1
- package/ebay-fake-menu/index.js +1 -1
- package/ebay-fake-menu-button/index.js +1 -1
- package/ebay-file-input/index.js +1 -1
- package/ebay-file-preview-card/index.js +1 -1
- package/ebay-file-preview-card-group/index.js +1 -1
- package/ebay-filter-menu/filter-menu.d.ts.map +1 -1
- package/ebay-filter-menu/index.js +1 -1
- package/ebay-filter-menu-button/index.js +1 -1
- package/ebay-flag/README.md +28 -0
- package/ebay-flag/flag-icon.d.ts +9 -0
- package/ebay-flag/flag-icon.d.ts.map +1 -0
- package/ebay-flag/flag.d.ts +8 -0
- package/ebay-flag/flag.d.ts.map +1 -0
- package/ebay-flag/index.d.ts +4 -0
- package/ebay-flag/index.d.ts.map +1 -0
- package/ebay-flag/index.js +1 -0
- package/ebay-flag/types.d.ts +2 -0
- package/ebay-flag/types.d.ts.map +1 -0
- package/ebay-fullscreen-dialog-deprecated/index.js +1 -1
- package/ebay-icon/icon.d.ts +4 -3
- package/ebay-icon/icon.d.ts.map +1 -1
- package/ebay-icon/index.js +1 -1
- package/ebay-icon-button/index.js +1 -1
- package/ebay-image-placeholder/index.js +1 -1
- package/ebay-infotip/index.js +1 -1
- package/ebay-inline-notice/index.js +1 -1
- package/ebay-item-tile/index.js +1 -1
- package/ebay-item-tile-group/index.js +1 -1
- package/ebay-lightbox-dialog/index.js +1 -1
- package/ebay-listbox/index.js +1 -1
- package/ebay-listbox-button/index.js +2 -2
- package/ebay-menu/index.js +1 -1
- package/ebay-menu-button/index.js +1 -1
- package/ebay-number-input/index.js +1 -1
- package/ebay-page-notice/index.js +1 -1
- package/ebay-pagination/index.js +1 -1
- package/ebay-panel-dialog/index.js +1 -1
- package/ebay-progress-bar-expressive/index.js +1 -1
- 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-section-notice/index.js +1 -1
- package/ebay-segmented-buttons/index.js +1 -1
- package/ebay-select/index.js +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/README.md +2 -1
- package/ebay-svg/flag-symbols.d.ts +3 -0
- package/ebay-svg/flag-symbols.d.ts.map +1 -0
- package/ebay-svg/flags-svg.d.ts +4 -0
- package/ebay-svg/flags-svg.d.ts.map +1 -0
- package/ebay-svg/index.d.ts +1 -0
- package/ebay-svg/index.d.ts.map +1 -1
- package/ebay-svg/index.js +1 -1
- package/ebay-table/index.js +1 -1
- package/ebay-textbox/index.js +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/index.js +1 -1
- package/ebay-tri-state-checkbox/index.js +1 -1
- package/ebay-video/index.js +1 -1
- package/file-preview-card-BlJJ6upx.js +1 -0
- package/filter-menu-Di_eSs8N.js +1 -0
- package/hooks-DTTigNDz.js +1 -0
- package/icon-CR8ApQBy.js +1 -0
- package/{icon-button-CHW6Lezn.js → icon-button-B1aE4GTn.js} +1 -1
- package/item-tile-wd_KGcZ2.js +1 -0
- package/{lightbox-dialog-U775uoDp.js → lightbox-dialog-q62AUlIh.js} +1 -1
- package/{menu-button-label-CN_zoO9F.js → menu-button-label-BheEVTUO.js} +1 -1
- package/{menu-button-label-BsTtpKB2.js → menu-button-label-DemOjKA8.js} +1 -1
- package/{menu-mTGSTnD8.js → menu-fWohPckl.js} +1 -1
- package/{menu-item-D_m4VPNi.js → menu-item-B6NlMsNL.js} +1 -1
- package/package.json +3 -4
- package/{progress-spinner-BQ5Ms2Nu.js → progress-spinner-BqahPJmn.js} +1 -1
- package/radio-C1imt8Q-.js +1 -0
- package/textbox-bggbXBGB.js +1 -0
- package/{toggle-button-BLFYrRDI.js → toggle-button-llE9yuer.js} +1 -1
- package/tri-state-checkbox-BdVzo8pO.js +1 -0
- package/use-tooltip-CNTlgBVF.js +1 -0
- package/calendar-Bnx_QLoQ.js +0 -1
- package/checkbox-ebkMhvbJ.js +0 -1
- package/combobox-BzM04rYV.js +0 -1
- package/dropdown-BGdrijmi.js +0 -1
- package/file-preview-card-BD6TIsY7.js +0 -1
- package/filter-menu-DVoaD81G.js +0 -1
- package/hooks-B4eFIQlH.js +0 -1
- package/icon-C-bWGO-9.js +0 -1
- package/item-tile-lBRIeVHa.js +0 -1
- package/radio-DLgEB-qH.js +0 -1
- package/textbox-voEWwh3v.js +0 -1
- package/tri-state-checkbox-BLbLOJc1.js +0 -1
- package/use-tooltip-mcJqLqOg.js +0 -1
package/ebay-table/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../tslib.es6-C4EgNkz1.js"),l=require("react"),N=require("classnames"),B=require("../tri-state-checkbox-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../tslib.es6-C4EgNkz1.js"),l=require("react"),N=require("classnames"),B=require("../tri-state-checkbox-BdVzo8pO.js"),O=require("../utils-C9NL3q0j.js"),M=require("../icon-CR8ApQBy.js"),I=require("../checkbox-CFfWkQ2y.js"),h=r=>{var{rowHeader:y,columnType:n,className:p,children:a}=r,m=f.__rest(r,["rowHeader","columnType","className","children"]);const S=y?"th":"td",E=n==="layout"?"div":l.Fragment;return l.createElement(S,Object.assign({className:N("table-cell",p,{[`table-cell--${n}`]:n})},m),l.createElement(E,Object.assign({},n==="layout"?{className:"table-cell__layout"}:{}),a))},_=r=>{var{columnType:y,sort:n,href:p,children:a,onSort:m}=r,S=f.__rest(r,["columnType","sort","href","children","onSort"]);const E={asc:"ascending",desc:"descending",none:"none"},s={asc:"sortDown12",desc:"sortUp12",none:"sort12"},b=n?l.createElement(l.Fragment,null," ",l.createElement(M.EbayIcon,{name:s[n]})):null;let c=a;return p?c=l.createElement("a",{href:p,onClick:m},a,b):n&&(c=l.createElement("button",{type:"button",onClick:m},a,b)),l.createElement(h,Object.assign({},S,{rowHeader:!0,columnType:y,"aria-sort":n?E[n]:void 0}),c)},$=r=>{var{name:y,className:n,selected:p,mode:a,a11ySelectRowText:m,children:S,onSelect:E,__headers:s}=r,b=f.__rest(r,["name","className","selected","mode","a11ySelectRowText","children","onSelect","__headers"]);const c=O.filterByType(S,h),g=(d,{checked:u})=>{E(d,{name:y,selected:u})};return l.createElement("tr",Object.assign({className:n},b),a==="selection"&&l.createElement(h,{rowHeader:!0,key:"selection-cell"},l.createElement(I.EbayCheckbox,{checked:p,"aria-label":m||"Select row",onChange:g})),s?.map((d,u)=>l.cloneElement(c[u],{rowHeader:typeof d.props.rowHeader=="boolean"?d.props.rowHeader:c[u].props.rowHeader,columnType:typeof d.props.columnType=="string"?d.props.columnType:c[u].props.columnType})))},F=r=>{var{className:y,mode:n,allSelected:p,density:a,frozenHeader:m,a11ySelectAllText:S,a11ySelectRowText:E,onSelect:s,onSort:b,children:c}=r,g=f.__rest(r,["className","mode","allSelected","density","frozenHeader","a11ySelectAllText","a11ySelectRowText","onSelect","onSort","children"]);const d=O.filterByType(c,_),u=O.filterByType(c,$),[H,k]=l.useState(()=>d.reduce((e,t,o)=>(t.props.sort&&(e[t.props.name||`${o}`]=t.props.sort),e),{})),[v,x]=l.useState(()=>u.reduce((e,t,o)=>(e[t.props.name||`${o}`]=typeof t.props.selected=="boolean"?t.props.selected:!1,e),{}));function w(e){const t=Object.values(e).filter(Boolean).length,o=Object.values(e).length-t;return t===0?"false":o===0?"true":"mixed"}const j=typeof p<"u"?p:w(v),R=e=>{const t=u.reduce((o,i,T)=>(o[i.props.name||`${T}`]=j==="false"||j==="mixed",o),{});x(t),s?.(e,{selected:t,allSelected:w(t)})},q=(e,{name:t,selected:o})=>{const i=Object.assign(Object.assign({},v),{[t||""]:o});x(i),s?.(e,{selected:i,allSelected:w(i)})},z=(e,t)=>{const o={none:"asc",asc:"desc",desc:"none"},i=Object.entries(H).reduce((T,[C,A])=>(C===t?T[C]=o[A]:T[C]="none",T),{});k(i),b?.(e,{sorted:{[t]:i[t]}})};return l.createElement("div",Object.assign({},g,{className:N("table",y,{"table--mode-selection":n==="selection","table--frozen-header":m,[`table--density-${a}`]:a}),role:"group",tabIndex:0}),l.createElement("table",null,l.createElement("thead",null,l.createElement("tr",null,n==="selection"&&l.createElement(_,{key:"selection-all-cell"},l.createElement(B.EbayTriStateCheckbox,{"aria-label":S||"Select all rows",checked:j,onChange:R})),d.map((e,t)=>l.cloneElement(e,{sort:H[e.props.name||`${t}`],onSort:o=>z(o,e.props.name||`${t}`)})))),l.createElement("tbody",null,u.map((e,t)=>l.cloneElement(e,{mode:n,name:e.props.name||`${t}`,a11ySelectRowText:e.props.a11ySelectRowText||E,onSelect:(o,i)=>q(o,Object.assign(Object.assign({},i),{name:e.props.name||`${t}`})),selected:typeof e.props.selected=="boolean"?e.props.selected:v[e.props.name||`${t}`],__headers:d})))))};exports.EbayTable=F;exports.EbayTableCell=h;exports.EbayTableHeader=_;exports.EbayTableRow=$;
|
package/ebay-textbox/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../textbox-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../textbox-bggbXBGB.js");exports.EbayTextbox=x.EbayTextbox;exports.EbayTextboxPostfixIcon=x.EbayTextboxPostfixIcon;exports.EbayTextboxPostfixText=x.EbayTextboxPostfixText;exports.EbayTextboxPrefixIcon=x.EbayTextboxPrefixIcon;exports.EbayTextboxPrefixText=x.EbayTextboxPrefixText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../tslib.es6-C4EgNkz1.js"),i=require("react"),r=require("classnames"),l=require("../dialog-previous-button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../tslib.es6-C4EgNkz1.js"),i=require("react"),r=require("classnames"),l=require("../dialog-previous-button-DvWLfiq0.js");require("../icon-button-B1aE4GTn.js");const n=e=>{var{className:t,onClose:s=()=>{}}=e,o=a.__rest(e,["className","onClose"]);return i.createElement(l.DialogBaseWithState,Object.assign({},o,{isModal:!1,baseEl:"aside",classPrefix:"toast-dialog",buttonPosition:"right",transitionElement:"root",className:r(t,"toast-dialog--transition"),onCloseBtnClick:s}))};exports.EbayToast=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../toggle-button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../toggle-button-llE9yuer.js");exports.EbayToggleButton=t.ToggleButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),f=require("classnames"),I=require("../utils-C9NL3q0j.js"),L=require("../toggle-button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),f=require("classnames"),I=require("../utils-C9NL3q0j.js"),L=require("../toggle-button-llE9yuer.js"),N=l=>{var{a11yText:u,a11yLabelId:m,layoutType:i="minimal",variant:c="checkbox",children:g,columnsMin:d,columnsXS:b,columnsSM:y,columnsMD:p,columnsXL:T,onChange:n,className:B}=l,h=q.__rest(l,["a11yText","a11yLabelId","layoutType","variant","children","columnsMin","columnsXS","columnsSM","columnsMD","columnsXL","onChange","className"]);const r=I.filterByType(g,L.ToggleButton),k=()=>r.reduce((s,e,t)=>(s[t]=e.props.pressed||!1,s),{}),[M,E]=o.useState(k),S=o.useCallback((s,e)=>{E(t=>{let a={};switch(c){case"checkbox":a=Object.assign({},t),a[e]=!t[e];break;case"radio-toggle":a[e]=!t[e];break;case"radio":a[e]=!0;break}return n&&n(s,{pressedButtonsIndex:a}),a})},[c,n]);return o.createElement("div",Object.assign({className:f(B,"toggle-button-group"),"data-columns-min":d,"data-columns-xs":b,"data-columns-sm":y,"data-columns-md":p,"data-columns-xl":T},h),o.createElement("ul",{"aria-label":u,"aria-labelledby":m},r.map((s,e)=>o.createElement("li",{key:e},o.cloneElement(s,{layoutType:i,pressed:M[e],onToggle:t=>{S(t,e)}})))))};exports.EbayToggleButtonGroup=N;
|
package/ebay-tooltip/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),c=require("../utils-C9NL3q0j.js"),o=require("../use-tooltip-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),c=require("../utils-C9NL3q0j.js"),o=require("../use-tooltip-CNTlgBVF.js");require("classnames");require("../icon-CR8ApQBy.js");require("../array.polyfill.flat-5BAolFdk.js");const T=()=>null,E=()=>null,_=s=>{var{className:y,pointer:d,overlayStyle:b,noHover:l,onFocus:h=()=>{},onBlur:O=()=>{},onMouseEnter:f=()=>{},onMouseLeave:m=()=>{},onExpand:v,onCollapse:C,children:r}=s,M=S.__rest(s,["className","pointer","overlayStyle","noHover","onFocus","onBlur","onMouseEnter","onMouseLeave","onExpand","onCollapse","children"]);const{isExpanded:R,expandTooltip:i,collapseTooltip:a}=o.useTooltip({onCollapse:C,onExpand:v}),n=t.useRef(null),F=e=>{f(e),l||(clearTimeout(n.current),i())},I=e=>{m(e),l||(clearTimeout(n.current),n.current=setTimeout(()=>{a()},300))},L=e=>{h(e),i()},N=e=>{O(e),a()},p=c.findComponent(r,T),u=c.findComponent(r,E);if(!u)throw new Error("EbayTooltip: Please use a EbayTooltipHost that defines the host of the tooltip");if(!p)throw new Error("EbayTooltip: Please use a EbayTooltipContent that defines the content of the tooltip");return t.createElement(o.Tooltip,Object.assign({},M,{className:y,type:"tooltip",isExpanded:R,onFocus:L,onBlur:N,onMouseEnter:F,onMouseLeave:I}),t.createElement(o.TooltipHost,Object.assign({},u.props)),t.createElement(o.TooltipContent,Object.assign({},p.props,{type:"tooltip",style:b,pointer:d})))};exports.DEFAULT_POINTER_DIRECTION=o.DEFAULT_POINTER_DIRECTION;exports.POINTER_STYLES=o.POINTER_STYLES;exports.Tooltip=o.Tooltip;exports.TooltipFooter=o.TooltipFooter;exports.EbayTooltip=_;exports.EbayTooltipContent=T;exports.EbayTooltipHost=E;
|
package/ebay-tourtip/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),a=require("../utils-C9NL3q0j.js"),n=require("../use-tooltip-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),a=require("../utils-C9NL3q0j.js"),n=require("../use-tooltip-CNTlgBVF.js"),R=require("classnames");require("../icon-CR8ApQBy.js");require("../array.polyfill.flat-5BAolFdk.js");const y=()=>null,h=()=>null,m=({index:t,children:r})=>e.createElement(e.Fragment,null,t!==void 0&&e.createElement("span",{className:"tourtip__index"},t),r),f=t=>{var{as:r,children:s,className:i}=t,o=p.__rest(t,["as","children","className"]);const l=r||"h2";return e.createElement(l,Object.assign({},o,{className:R("tourtip__heading",i)}),s)},j=t=>{var{a11yCloseText:r,"aria-label":s,className:i,children:o,onCollapse:l,onExpand:C,overlayStyle:g,pointer:_}=t,q=p.__rest(t,["a11yCloseText","aria-label","className","children","onCollapse","onExpand","overlayStyle","pointer"]);const c=e.useRef(null),{isExpanded:u,collapseTooltip:x}=n.useTooltip({onExpand:C,onCollapse:l,initialExpanded:!0,hostRef:c}),H=e.useRef(null),d=a.findComponent(o,y);if(!d)throw new Error("EbayTourtip: Please use a EbayTourtipContent that defines the content of the tourtip");const E=d.props,{children:N}=E,v=p.__rest(E,["children"]),T=a.findComponent(o,h);if(!T)throw new Error("EbayTourtip: Please use a EbayTourtipHost that defines the host of the tourtip");const w=a.findComponent(o,f),b=a.findComponent(o,m);return e.createElement(n.Tooltip,Object.assign({},q,{className:i,type:"tourtip",isExpanded:u,ref:H}),e.createElement(n.TooltipHost,Object.assign({},T.props,{forwardedRef:c,"aria-label":s,"aria-expanded":u})),e.createElement(n.TooltipContent,Object.assign({},v,{a11yCloseText:r,onClose:x,pointer:_,showCloseButton:!0,style:g,type:"tourtip"}),w,N,b&&e.createElement(n.TooltipFooter,{type:"tourtip"},b)))};exports.Tooltip=n.Tooltip;exports.EbayTourtip=j;exports.EbayTourtipContent=y;exports.EbayTourtipFooter=m;exports.EbayTourtipHeading=f;exports.EbayTourtipHost=h;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../tri-state-checkbox-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../tri-state-checkbox-BdVzo8pO.js");exports.EbayTriStateCheckbox=e.EbayTriStateCheckbox;
|
package/ebay-video/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),b=require("classnames"),d=require("shaka-player/dist/shaka-player.ui"),X=require("../utils-C9NL3q0j.js"),_=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),b=require("classnames"),d=require("shaka-player/dist/shaka-player.ui"),X=require("../utils-C9NL3q0j.js"),_=require("../icon-CR8ApQBy.js"),Z=require("../progress-spinner-BqahPJmn.js"),ee=require("react-dom/client"),B=r=>{var n=V.__rest(r,[]);return e.createElement("source",Object.assign({},n))},te=7e3,re=11,N={addBigPlayButton:!1,addSeekBar:!0,controlPanelElements:["play_pause","time_and_duration","spacer","mute","report","captions","fullscreen"]},ne=({callback:r,children:n})=>e.createElement("button",{className:"video-player__report-button",ref:r},e.createElement(_.EbayIcon,{name:"flag24"}),n);function oe(r=()=>{}){const n=class extends d.ui.Element{constructor(o,i,m){super(o,i);const u=document.createElement("div"),h=()=>{const p=u.firstChild;o.appendChild(p),u.remove(),this.eventManager.listen(p,"click",r)};ee.createRoot(u).render(e.createElement(ne,{callback:h},m))}};return n.Factory=class{constructor(o){this.reportText=o}create(o,i){return new n(o,i,this.reportText)}},{Report:n}}const ae=r=>{var{width:n,height:o,thumbnail:i,action:m,muted:u,playView:h="inline",a11yLoadText:p,a11yPlayText:q,reportText:R,volumeSlider:L,volume:A=1,hideReportButton:j,errorText:I,onVolumeChange:F=()=>{},onLoadError:M=()=>{},onPlay:z=()=>{},onReport:$=()=>{},children:D}=r,H=V.__rest(r,["width","height","thumbnail","action","muted","playView","a11yLoadText","a11yPlayText","reportText","volumeSlider","volume","hideReportButton","errorText","onVolumeChange","onLoadError","onPlay","onReport","children"]);const[P,v]=e.useState(),[S,W]=e.useState(),[k,Y]=e.useState(),[E,T]=e.useState(),C=e.useRef(null),l=e.useRef(null),s=e.useRef(null),y=e.useRef(null),f=X.filterByType(D,B).map(({props:t})=>t),O=t=>{v(!0),T(!0),M(t)},g=(t=0)=>{var a;!f.length||!s.current||(v(!1),s.current.load((a=f[t])===null||a===void 0?void 0:a.src).then(()=>{T(!1)}).catch(c=>{switch(console.error(c),c.code){case te:return;case re:setTimeout(()=>g(t),0);break;default:{const x=f.length>t+1&&t+1;x?setTimeout(()=>g(x),0):O(c)}}}).finally(()=>{v(!0)}))};e.useEffect(()=>{const t=l.current,a=C.current;if(!(!t||!a)&&(t.volume=A,d.polyfill.installAll(),s.current=new d.Player(t),!!s.current)){if(s.current.addEventListener("error",()=>O(new Error("Shake-Player error"))),s.current.addEventListener("buffering",c=>{W(c.buffering)}),y.current=new d.ui.Overlay(s.current,a,t,R),y.current.configure({addBigPlayButton:!0,controlPanelElements:[],addSeekBar:!1}),!j){const{Report:c}=oe($);d.ui.Controls.registerElement("report",new c.Factory(R))}g(),se(a)}},[]),e.useEffect(()=>{switch(m){case"play":l.current.play();break;case"pause":l.current.pause();break}},[m]);const G=()=>{if(!y.current)return;const t=L?{controlPanelElements:le(N.controlPanelElements)}:{};y.current.configure(Object.assign(Object.assign({},N),t)),l.current.controls=!1},J=t=>{t.stopPropagation(),G(),h==="fullscreen"&&l.current.requestFullscreen(),Y(!0),z(t,{player:s.current})},K=()=>{l.current.play()},Q=t=>{const a=t.currentTarget;F(t,{volume:Math.round((a.volume+Number.EPSILON)*100)/100,muted:a.muted})},U=()=>{l.current.controls=!1},w={width:n?`${n}px`:void 0,height:o?`${o}px`:void 0};return e.createElement("div",{style:w,className:b("video-player",{"video-player--poster":!k})},!k&&P&&!E&&!S&&e.createElement("div",{className:"shaka-play-button-container"},e.createElement("button",{onClick:K,className:"shaka-play-button",style:{opacity:1,zIndex:999},"aria-label":q},e.createElement(_.EbayIcon,{name:"playFilled64Colored"}))),e.createElement("div",{className:"video-player__container",ref:C},e.createElement("video",Object.assign({ref:l,style:w,poster:i,muted:u||!1,onPlaying:J,onPause:U,onVolumeChange:Q},H),f.map((t,a)=>e.createElement("source",Object.assign({key:a},t))))),e.createElement("div",{className:b("video-player__overlay",{"video-player__overlay--hidden":!E})},e.createElement(_.EbayIcon,{name:"attention64"}),e.createElement("div",{className:"video-player__overlay-text"},I)),e.createElement("div",{className:b("video-player__overlay",{"video-player__overlay--hidden":P&&(E||!S)})},e.createElement(Z.EbayProgressSpinner,{size:"large","aria-label":p})))};function le(r){const n=r.length-2>0?r.length-2:r.length,o=[...r];return o.splice(n,0,"volume"),o}function se(r){const n=r.querySelectorAll(".shaka-spinner")[0];n&&n.setAttribute("hidden","")}exports.EbayVideo=ae;exports.EbayVideoSource=B;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const O=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),g=require("classnames"),P=require("./utils-C9NL3q0j.js"),N=require("./icon-button-B1aE4GTn.js"),j=require("./menu-button-label-DemOjKA8.js"),C=require("./menu-fWohPckl.js"),U=require("./progress-spinner-BqahPJmn.js"),M=require("./icon-CR8ApQBy.js"),L=({status:t,menuActions:r,onMenuAction:l,deleteText:s,onCancel:a,onDelete:i,onAction:E,a11yCancelUploadText:u,action:n})=>{const f=(c,d)=>{var o;if(d){const v=(o=d.checked)===null||o===void 0?void 0:o[0],p=r&&v!==void 0&&v in r?r[v].event:null;p&&l?l(c,Object.assign(Object.assign({},d),{eventName:p})):i&&i(c)}};return t==="uploading"?e.createElement(N.EbayIconButton,{"aria-label":u,onClick:a,className:"file-preview-card__action",icon:"close16"}):r?.length?e.createElement(e.Fragment,null,e.createElement(j.EbayMenuButton,{variant:"overflow",className:"file-preview-card__action",onSelect:f},r.map(c=>e.createElement(C.EbayMenuItem,{value:c.event,key:c.label},c.label)),e.createElement(C.EbayMenuItem,{key:"delete",value:"delete"},s))):n?.props&&n.props.icon&&n.props["aria-label"]?e.createElement(N.EbayIconButton,Object.assign({onClick:E,className:g("file-preview-card__action",n.props.className)},n.props)):s?e.createElement(N.EbayIconButton,{"aria-label":s,className:"file-preview-card__action",icon:"delete16",onClick:i}):e.createElement(e.Fragment,null)},F=({file:t,status:r,seeMore:l})=>{if(r==="uploading")return e.createElement(U.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(M.EbayIcon,{name:"file24",className:"file-preview-card__asset"})}},R=({file:t,infoText:r})=>t&&t.type!=="image"?e.createElement("div",{className:"file-preview-card__info"},t.type==="video"&&e.createElement(M.EbayIcon,{name:"play16",className:"file-preview-card__video-icon"}),r||t.name.substring(t.name.lastIndexOf(".")+1).toUpperCase()):e.createElement(e.Fragment,null),h=()=>null,A=t=>{var{a11yCancelUploadText:r,status:l,as:s="div",file:a,seeMore:i,deleteText:E,footerTitle:u,footerSubtitle:n,a11ySeeMoreText:f,menuActions:c,infoText:d,href:o,onCancel:v,onDelete:p,onMenuAction:S,onSeeMore:q,onAction:x,className:I,children:T}=t,k=O.__rest(t,["a11yCancelUploadText","status","as","file","seeMore","deleteText","footerTitle","footerSubtitle","a11ySeeMoreText","menuActions","infoText","href","onCancel","onDelete","onMenuAction","onSeeMore","onAction","className","children"]);const B=P.findComponent(T,h),b=e.useMemo(()=>{var _,y;if(!a)return;let w=a,m;return!((_=a?.type)===null||_===void 0)&&_.startsWith("image")?m="image":!((y=a?.type)===null||y===void 0)&&y.startsWith("video")&&(m="video"),a instanceof File&&(w={name:a.name,type:m,src:m?URL.createObjectURL(a):void 0}),w.type=m,w},[a]);return e.createElement(s,Object.assign({className:g("file-preview-card",I)},k),e.createElement("div",{className:"file-preview-card__body"},o?e.createElement("a",{href:o},e.createElement(F,{file:b,status:l,seeMore:i})):e.createElement(F,{file:b,status:l,seeMore:i}),i&&i>0?e.createElement("button",{type:"button",className:"file-preview-card__see-more",onClick:q,"aria-label":f},e.createElement("span",null,"+",i)):e.createElement(L,{a11yCancelUploadText:r,status:l,menuActions:c,onMenuAction:S,deleteText:E,onCancel:v,onDelete:p,onAction:x,action:B}),e.createElement(R,{file:b,infoText:d})),u&&e.createElement("div",{className:"file-preview-card__footer"},e.createElement("span",null,u),n&&e.createElement("span",null,n)))};exports.EbayFilePreviewCard=A;exports.EbayFilePreviewCardAction=h;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const j=require("./tslib.es6-C4EgNkz1.js"),r=require("react"),ae=require("makeup-prevent-scroll-keys"),te=require("makeup-roving-tabindex"),T=require("./random-id-DlJj_RWH.js"),ne=require("./forwardRef-DBQKIlPy.js"),A=require("./utils-C9NL3q0j.js"),B=require("classnames"),ce=require("./checkbox-CFfWkQ2y.js"),oe=require("./radio-C1imt8Q-.js"),O=require("./icon-CR8ApQBy.js");require("./array.polyfill.flat-5BAolFdk.js");const se=require("./button-BeNUU3lZ.js");function le(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const m=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(c,s,m.get?m:{enumerable:!0,get:()=>t[s]})}}return c.default=t,Object.freeze(c)}const ie=le(ae),V=t=>{var{__classPrefix:c,__variant:s,className:m,onClick:C}=t,E=j.__rest(t,["__classPrefix","__variant","className","onClick"]);const l=s==="form";return r.createElement("button",Object.assign({},E,{type:l?"submit":"button",className:B(m,`${c}__footer`),onClick:l?void 0:C}))},z=t=>{var{checked:c,value:s,disabled:m,children:C,className:E,onClick:l,__type:P,__variant:q,__classPrefix:v}=t,R=j.__rest(t,["checked","value","disabled","children","className","onClick","__type","__variant","__classPrefix"]);const I=q==="form",h=P==="radio",f=h?"radio":"checkbox",F=T.useRandomId(),y=`'${f}-${F}`,b=I?"label":"div",$=h?oe.EbayRadio:ce.EbayCheckbox,w=h?`${v}__radio`:`${v}__checkbox`,M=h?"radioChecked18":"checkboxChecked18",N=h?"radioUnchecked18":"checkboxUnchecked18",i=_=>{l?.(_,{value:s,checked:!c})};return r.createElement(b,Object.assign({},R,{className:B(E,`${v}__item`),htmlFor:I?y:void 0,role:h?"menuitemradio":"menuitemcheckbox",onClick:i,"aria-checked":c,"aria-disabled":m}),I?r.createElement($,{id:y,checked:c}):r.createElement("span",{className:w},r.createElement(O.EbayIcon,{name:c?M:N})),r.createElement("span",{className:`${v}__text`},C))},de=t=>{var{classPrefix:c,className:s,formMethod:m,formAction:C,formName:E,variant:l,children:P,type:q,searchHeaderValue:v,searchHeaderPlaceholderText:R,a11ySearchHeaderClearText:I,forwardedRef:h,onSearchChange:f,onFormSubmit:F,onFooterClick:y,onChange:b,"aria-label":$,"aria-labelledby":w}=t,M=j.__rest(t,["classPrefix","className","formMethod","formAction","formName","variant","children","type","searchHeaderValue","searchHeaderPlaceholderText","a11ySearchHeaderClearText","forwardedRef","onSearchChange","onFormSubmit","onFooterClick","onChange","aria-label","aria-labelledby"]);const N=r.useRef(null),i=l==="form",_=q==="radio",x=c||"filter-menu",H=A.findComponent(P,V),p=A.filterByType(P,z),D=T.useRandomId(),[G,K]=r.useState(v||""),[g,J]=r.useState(()=>p.map((e,a)=>e.props.checked&&a).find(e=>typeof e=="number")),[S,Q]=r.useState(()=>p.map(e=>!!e.props.checked));r.useEffect(()=>{let e;return i||(e=te.createLinear(N.current,"div",{autoInit:"interactive"}),ie.add(N.current)),()=>{e&&(e.destroy(),e=null)}},[i]);const L=()=>({checked:p.filter((e,a)=>_?g===a:S[a]).map(e=>e.props.value),checkedIndex:p.map((e,a)=>_?a===g&&a:S[a]&&a).filter(e=>typeof e=="number")}),W=e=>{y?.(e,L())},X=e=>{F?.(e,L())},Y=e=>{K(""),f?.(e,{searchTerm:""})},Z=e=>{K(e.target.value),f?.(e,{searchTerm:e.target.value})},ee=i?"form":r.Fragment,re=i?{name:E,action:C,method:m,onSubmit:X}:{},U=(e,{checked:a,index:n})=>{const k=e.target;if(!(i&&!k.type))if(_)J(n),b?.(e,{index:n,checked:[p[n].props.value],checkedIndex:[n],currentChecked:a});else{const d=S.map((o,u)=>u===n?a:o);b?.(e,{index:n,checked:p.filter((o,u)=>d[u]).map(o=>o.props.value),checkedIndex:d.map((o,u)=>o&&u).filter(o=>typeof o=="number"),currentChecked:a}),Q(d)}};return r.createElement("span",Object.assign({},M,{ref:h,className:B(s,`${c?`${x}__menu`:x}`)}),R?r.createElement("div",{className:"filter-menu__header"},r.createElement(O.EbayIcon,{name:"search16"}),r.createElement("input",{type:"text",value:G,className:"filter-menu__search",placeholder:R,"aria-owns":D,onChange:Z}),r.createElement(se.EbayButton,{type:"button",onClick:Y,"aria-label":I},r.createElement(O.EbayIcon,{name:"clear20"}))):null,r.createElement(ee,Object.assign({},re),r.createElement("div",{id:D,ref:N,className:`${x}__items`,role:i?void 0:"menu","aria-label":$,"aria-labelledby":w},p.map((e,a)=>r.cloneElement(e,{__classPrefix:x,__type:q,__variant:l,checked:_?a===g:S[a],onClick:(n,{checked:k,value:d})=>{var o,u;e.props.disabled||((u=(o=e.props).onClick)===null||u===void 0||u.call(o,n,{checked:k,value:d}),U(n,{checked:k,index:a}))},onKeyDown:n=>{var k,d;if(!e.props.disabled&&((d=(k=e.props).onKeyDown)===null||d===void 0||d.call(k,n),n.key==="Enter"||n.key===" "&&!i)){const o=_?a===g:S[a];U(n,{checked:!o,index:a})}}}))),H&&r.cloneElement(H,{onClick:W,__classPrefix:x,__variant:l})))},ue=ne.withForwardRef(de);exports.EbayFilterMenu=ue;exports.EbayFilterMenuFooterButton=V;exports.EbayFilterMenuItem=z;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const g=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),t=require("classnames"),s=require("makeup-floating-label"),{default:E=s}=s?.default?.__esModule?s.default:s;function j({text:n,disabled:_,invalid:m,size:N,type:u,opaqueLabel:C,containerTagName:L="span",onMount:d=()=>{}}){const r=a.useRef(null),c=a.useRef(null);a.useLayoutEffect(()=>{var e;(e=c.current)===null||e===void 0||e.refresh()}),a.useLayoutEffect(()=>{if(!(!n||u==="date"))return r.current&&(c.current=new E(r.current),d()),()=>{var e;(e=c.current)===null||e===void 0||e.destroy()}},[n,u]);const b=t("floating-label",{"floating-label--large":N==="large","floating-label--opaque":C}),v=a.useCallback(({children:e})=>a.createElement(a.Fragment,null,e),[]),F=a.useCallback(a.forwardRef((e,l)=>{var{className:o}=e,q=g.__rest(e,["className"]);return a.createElement(L,Object.assign({},q,{ref:i=>{r.current=i,typeof l=="function"?l(i):l&&(l.current=i)},className:t(o,b)}))}),[b]),f=t("floating-label__label",{"floating-label__label--disabled":_,"floating-label__label--invalid":m}),p=a.useCallback(e=>{var{className:l}=e,o=g.__rest(e,["className"]);return a.createElement("label",Object.assign({},o,{className:t(l,f)}),n)},[f,n]);return n?{Label:p,Container:F}:{Label:()=>null,Container:v}}exports.useFloatingLabel=j;
|
package/icon-CR8ApQBy.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),t=require("react"),k=require("classnames"),C=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const E=require("./random-id-DlJj_RWH.js"),h=n=>{var{name:a,className:e,noSkinClasses:f=!1,a11yText:s,a11yVariant:u,forwardedRef:m,__type:o="icon"}=n,b=p.__rest(n,["name","className","noSkinClasses","a11yText","a11yVariant","forwardedRef","__type"]);const[g,y]=t.useState("");t.useEffect(()=>{y(E.randomId())},[]);const i=u==="label",c=s&&`icon-title-${g}`,N=s?{"aria-labelledby":i?void 0:c,"aria-label":i?s:void 0,role:"img"}:{"aria-hidden":!0},r=d(a),w=q(r)||r,l=o==="flag"?"flag":"icon",I=[`${l}`,`${l}--${w}`,R(r)].filter(Boolean).join(" "),$=k(e,{[I]:!f}),x=["icon","flag"].includes(o)?`${o}-`:"";return t.createElement("svg",Object.assign({},b,{className:$,xmlns:"http://www.w3.org/2000/svg",focusable:!1,ref:m},N),s&&!i&&t.createElement("title",{id:c},s),t.createElement("use",{xlinkHref:`#${x}${r}`}))};function q(n){const a=n.split("-"),e=a[a.length-1];return e==="colored"?a[a.length-2]:isNaN(Number(e))?"":e}function R(n){const a=n.split("-"),e=a.indexOf("filled");return e===-1?"":`icon--${a.slice(0,e+1).join("-")}`}function d(n){return n.replace(/([0-9]+)/g,(a,e)=>`-${e}`).replace(/([A-Z])/g,(a,e)=>`-${e.toLowerCase()}`)}const _=C.withForwardRef(h);exports.EbayIcon=_;exports.kebabCased=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const w=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),p=require("classnames"),q=require("./icon-
|
|
1
|
+
"use strict";const w=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),p=require("classnames"),q=require("./icon-CR8ApQBy.js"),N=require("./badge-BWhBKWCu.js"),$=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const D=s=>{var{href:r,icon:d,badgeNumber:t,badgeAriaLabel:m,transparent:y,className:E,forwardedRef:o,size:c,onEscape:f=()=>{},onKeyDown:g=()=>{}}=s,i=w.__rest(s,["href","icon","badgeNumber","badgeAriaLabel","transparent","className","forwardedRef","size","onEscape","onKeyDown"]);const n=r?"icon-link":"icon-btn",b=p(E,n,c&&`${n}--${c}`,{[`${n}--badged`]:t,[`${n}--transparent`]:y}),l=e.createElement(e.Fragment,null,e.createElement(q.EbayIcon,{name:d}),t&&e.createElement(N.EbayBadge,{type:"icon",number:t,"aria-label":m})),u=a=>{(a.key==="Escape"||a.key==="Esc")&&f(a),g(a)};return r?e.createElement("a",Object.assign({ref:o,className:b,href:r,onKeyDown:u},i),l):e.createElement("button",Object.assign({ref:o,type:"button",className:b,onKeyDown:u},i),l)},R=$.withForwardRef(D);exports.EbayIconButton=R;
|
|
@@ -0,0 +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-BlJJ6upx.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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const b=require("./tslib.es6-C4EgNkz1.js"),s=require("react"),n=require("classnames"),d=require("./dialog-previous-button-
|
|
1
|
+
"use strict";const b=require("./tslib.es6-C4EgNkz1.js"),s=require("react"),n=require("classnames"),d=require("./dialog-previous-button-DvWLfiq0.js");require("./icon-button-B1aE4GTn.js");const m=e=>{var{open:l,mode:r,size:t,bannerImgSrc:o,bannerImgPosition:g,onClose:a=()=>{}}=e,i=b.__rest(e,["open","mode","size","bannerImgSrc","bannerImgPosition","onClose"]);const c=o?s.createElement("div",{className:"lightbox-dialog__image",style:{backgroundImage:`url(${o})`,backgroundPosition:g}}):i.top;return s.createElement(d.DialogBaseWithState,Object.assign({buttonPosition:"right"},i,{classPrefix:"lightbox-dialog",onCloseBtnClick:a,onBackgroundClick:a,className:n(i.className,"lightbox-dialog--mask-fade",{[`lightbox-dialog--${t}`]:t,"lightbox-dialog--expressive":o}),windowClass:n("lightbox-dialog__window--animate",{"lightbox-dialog__window--mini":r==="mini"}),top:c,open:l}))};exports.EbayLightboxDialog=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const x=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),s=require("classnames"),m=require("./utils-C9NL3q0j.js"),H=require("./index-Bsb1LHpi.js"),R=require("./random-id-DlJj_RWH.js"),W=require("./button-
|
|
1
|
+
"use strict";const x=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),s=require("classnames"),m=require("./utils-C9NL3q0j.js"),H=require("./index-Bsb1LHpi.js"),R=require("./random-id-DlJj_RWH.js"),W=require("./button-BeNUU3lZ.js"),z=require("./icon-CR8ApQBy.js"),P=require("./icon-button-B1aE4GTn.js"),_=require("./menu-item-B6NlMsNL.js"),$=require("./dropdown-DIUzEfhV.js"),A=o=>{var{a11yText:r,noToggleIcon:u,fixWidth:I,reverse:b,variant:f,expanded:B=!1,className:h,onCollapse:q=()=>{},onExpand:w=()=>{},onMouseDown:N=()=>{},onSelect:F=()=>{},text:p="",children:c}=o,S=x.__rest(o,["a11yText","noToggleIcon","fixWidth","reverse","variant","expanded","className","onCollapse","onExpand","onMouseDown","onSelect","text","children"]);const[a,l]=e.useState(B),[E,C]=e.useState(),y=m.findComponent(c,z.EbayIcon),O=m.findComponent(c,g)||(y?e.createElement("span",null,p):p),T=m.filterByType(c,[k,M]),{overlayStyles:j,refs:i}=$.useFloatingDropdown({open:a,options:{reverse:b}}),d=i.host;e.useEffect(()=>{const t=n=>{d.current&&!d.current.contains(n.currentTarget)&&l(!1)};return a?(w(),setTimeout(()=>{document.addEventListener("click",t,!1)})):a===!1&&q(),()=>document.removeEventListener("click",t,!1)},[a]),e.useEffect(()=>{C(R.randomId())},[]);const D=t=>{H.handleEscapeKeydown(t,()=>{var n;l(!1),(n=d.current)===null||n===void 0||n.focus()})},L=s("fake-menu-button__menu",{"menu-button__menu--fix-width":I,"menu-button__menu--reverse":b}),v=Object.assign({ref:i.setHost,className:"fake-menu-button__button","aria-expanded":!!a,"aria-haspopup":!0,"aria-label":r,"aria-controls":E,onClick:()=>l(!a)},S);return e.createElement("span",{className:s("fake-menu-button",h)},f==="overflow"?e.createElement(P.EbayIconButton,Object.assign({icon:"overflowHorizontal24"},v)):e.createElement(W.EbayButton,Object.assign({variant:f==="form"?"form":void 0,bodyState:u?void 0:"expand"},v),y,O),a&&e.createElement(_.EbayFakeMenu,{ref:i.setOverlay,className:L,id:E,tabIndex:-1,onKeyDown:D,onSelect:F,style:j},T.map((t,n)=>e.cloneElement(t,Object.assign(Object.assign({},t.props),{onMouseDown:K=>{N(K,{index:n})},className:s(t.props.className,"fake-menu-button__item"),key:n,autoFocus:n===0})))))},k=_.EbayMenuItem,M=o=>{var{className:r}=o,u=x.__rest(o,["className"]);return e.createElement("hr",Object.assign({},u,{className:s(r,"menu-button__separator")}))},g=({children:o})=>e.createElement(e.Fragment,null,o);exports.EbayFakeMenuButtonItem=k;exports.EbayFakeMenuButtonLabel=g;exports.EbayMenuButton=A;exports.EbayMenuButtonSeparator=M;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const O=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),d=require("classnames"),h=require("./utils-C9NL3q0j.js"),B=require("./menu-
|
|
1
|
+
"use strict";const O=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),d=require("classnames"),h=require("./utils-C9NL3q0j.js"),B=require("./menu-fWohPckl.js"),ne=require("./button-BeNUU3lZ.js"),te=require("./icon-button-B1aE4GTn.js"),N=require("./icon-CR8ApQBy.js"),ae=require("./random-id-DlJj_RWH.js"),oe=require("./index-Bsb1LHpi.js"),se=require("./dropdown-DIUzEfhV.js"),ce=a=>{var{type:o,variant:s="button",className:m,text:b="",fixWidth:p,reverse:r,expanded:g,noToggleIcon:l,checked:f,collapseOnSelect:M,a11yText:S,prefixId:k,prefixLabel:j,onClick:L=()=>{},onExpand:T=()=>{},onCollapse:A=()=>{},onChange:D=()=>{},onSelect:F=()=>{},children:E}=a,K=O.__rest(a,["type","variant","className","text","fixWidth","reverse","expanded","noToggleIcon","checked","collapseOnSelect","a11yText","prefixId","prefixLabel","onClick","onExpand","onCollapse","onChange","onSelect","children"]);const[c,x]=e.useState(g),[v,R]=e.useState(),{overlayStyles:W,refs:u}=se.useFloatingDropdown({open:c,options:{reverse:r}}),H=u.host,P=u.overlay,I=h.filterByType(E,[B.EbayMenuItem,q]),V=I.map(n=>!!n.props.checked),[y,$]=e.useState(V),z=h.findComponent(E,w),G=h.findComponent(E,N.EbayIcon),J=re({text:b,prefixId:k,prefixLabel:j,menuButtonLabel:z,icon:G}),Q=d("menu-button",m),U=d("menu-button__menu",{"menu-button__menu--fix-width":p,"menu-button__menu--reverse":r});e.useEffect(()=>{const n=t=>{const i=P.current,_=i&&i.contains(t.target);(M||!_)&&x(!1)};return c?(T(),setTimeout(()=>{document.addEventListener("click",n,!1)})):c===!1&&A(),()=>document.removeEventListener("click",n,!1)},[c]),e.useEffect(()=>{R(ae.randomId())},[]);const X=n=>{oe.handleEscapeKeydown(n,()=>{var t;x(!1),(t=H.current)===null||t===void 0||t.focus()})},C=Object.assign({ref:u.setHost,className:"menu-button__button","aria-expanded":!!c,"aria-haspopup":!0,"aria-label":S,"aria-controls":v,"aria-labelledby":k,onClick:n=>{x(!c),L(n)}},K),Y=(n,t)=>{if(o==="radio"||o==="checkbox"){const i=y.map((_,ee)=>t.indexes.includes(ee));$(i)}D(n,t)},Z=()=>{const n=y.findIndex(Boolean);return n>-1?n:f};return e.createElement("span",{className:Q},s==="overflow"?e.createElement(te.EbayIconButton,Object.assign({icon:"overflowVertical16"},C)):e.createElement(ne.EbayButton,Object.assign({variant:s==="form"?"form":void 0},C),J,l?null:e.createElement(N.EbayIcon,{name:"chevronDown12"})),c&&e.createElement(B.EbayMenu,{baseEl:"div",ref:u.setOverlay,type:o,className:U,tabIndex:-1,id:v,autofocus:!0,checked:Z(),onKeyDown:X,onChange:Y,onSelect:F,style:W},I.map((n,t)=>e.cloneElement(n,Object.assign(Object.assign({},n.props),{className:d(n.props.className,"menu-button__item"),key:t,checked:y[t]})))))};function re({text:a,prefixId:o,prefixLabel:s,menuButtonLabel:m,icon:b}){const p=a.length?e.createElement("span",null,a):null,r=!o&&s&&e.createElement(e.Fragment,null,e.createElement("span",{className:"menu-button-prefix-label",key:"prefix-label"},s)," ");return[b,r,m||p].filter(Boolean).map((l,f)=>e.cloneElement(l,Object.assign(Object.assign({},l.props),{key:f})))}const q=a=>{var{className:o}=a,s=O.__rest(a,["className"]);return e.createElement("hr",Object.assign({},s,{className:d(o,"menu-button__separator")}))},w=({children:a})=>e.createElement(e.Fragment,null,a);exports.EbayMenuButton=ce;exports.EbayMenuButtonLabel=w;exports.EbayMenuButtonSeparator=q;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const R=require("./tslib.es6-C4EgNkz1.js"),s=require("react"),A=require("classnames"),L=require("./use-roving-index-DoAVBgsp.js"),P=require("./index-Bsb1LHpi.js"),T=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const z=require("./badge-BWhBKWCu.js"),G=require("./icon-
|
|
1
|
+
"use strict";const R=require("./tslib.es6-C4EgNkz1.js"),s=require("react"),A=require("classnames"),L=require("./use-roving-index-DoAVBgsp.js"),P=require("./index-Bsb1LHpi.js"),T=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const z=require("./badge-BWhBKWCu.js"),G=require("./icon-CR8ApQBy.js"),M=r=>{var{className:h,checked:a,type:l,focused:m=!1,tabIndex:g,disabled:I,badgeNumber:f,badgeAriaLabel:E,children:w}=r,C=R.__rest(r,["className","checked","type","focused","tabIndex","disabled","badgeNumber","badgeAriaLabel","children"]);const u=s.useRef(null),d=f!==void 0;s.useEffect(()=>{u.current&&m&&u.current.focus()},[u,m]);const v=["radio","checkbox"];return s.createElement("div",Object.assign({"aria-label":E},C,{ref:u,className:A(h,"menu__item",d&&"menu__item--badged"),role:H(l),"aria-checked":v.includes(l)?a:void 0,"aria-disabled":I,tabIndex:m?0:g}),s.createElement("span",{"aria-hidden":d},w,d&&s.createElement(z.EbayBadge,{type:"menu",number:f})),s.createElement(G.EbayIcon,{name:"tick16"}))};function H(r){return{radio:"menuitemradio",checkbox:"menuitemcheckbox"}[r]||"menuitem"}const J=r=>{var{baseEl:h="span",type:a,checked:l,className:m,autofocus:g,onClick:I=()=>{},onKeyDown:f=()=>{},onChange:E=()=>{},onSelect:w=()=>{},forwardedRef:C,menuRef:u,children:d}=r,v=R.__rest(r,["baseEl","type","checked","className","autofocus","onClick","onKeyDown","onChange","onSelect","forwardedRef","menuRef","children"]);const b=s.Children.toArray(d),[N,q]=L.useRovingIndex(d,M,g===!0?0:void 0),[i,F]=s.useState(b.map(()=>!1)),V=c=>b.reduce((e,n,o)=>c[o]?[...e,n.props.value]:e,[]),K=c=>c.reduce((e,n,o)=>n?[...e,o]:e,[]),x=(c,e)=>({index:c,checked:K(e)}),D=(c,e)=>Object.assign(Object.assign({},x(c,e)),{indexes:K(e),checkedValues:V(e)}),j=(c,e,n=!1)=>{let o=!1;const y=i.map((p,_)=>{const t=n?!1:p;return c===_?(p!==e&&(o=!0),e):t});if(o)return F(y),y},k=c=>{switch(a){case"radio":return j(c,!0,!0);case"checkbox":return j(c,!i[c],!1);default:return i.map((e,n)=>n===c)}};s.useEffect(()=>{if(a==="radio")if(l===void 0){const c=b.findIndex(e=>e.props.checked);c>-1&&k(c)}else k(l);else a==="checkbox"&&F(b.map(c=>!!c.props.checked))},[]);const O=(c,e,n)=>{switch(a){case"radio":case"checkbox":return E(c,D(e,n));default:return w(c,x(e,n))}},B=(c,e)=>{let n;switch(P.isActionKey(c.key)&&(n=k(e),n&&O(c,e,n)),a){case"radio":case"checkbox":return f(c,D(e,n||i));default:return f(c,x(e,n||i))}},S=(c,e)=>{q(e);const n=k(e);n&&O(c,e,n)};return s.createElement(h,Object.assign({},v,{className:A(m,"menu"),ref:C}),s.createElement("div",{className:"menu__items",role:"menu",ref:u},b.map((c,e)=>{const n=c.props,{onClick:o=()=>{},onFocus:y=()=>{},onKeyDown:p=()=>{}}=n,_=R.__rest(n,["onClick","onFocus","onKeyDown"]);return s.cloneElement(c,Object.assign(Object.assign({},_),{type:a,focused:e===N,tabIndex:N===void 0?0:-1,checked:i[e],onFocus:t=>{q(e),y(t)},onClick:t=>{S(t,e),o(t),I(t)},onKeyDown:t=>{B(t,e),p(t)}}))})))},Q=T.withForwardRef(J);exports.EbayMenu=Q;exports.EbayMenuItem=M;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),_=require("classnames"),k=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const v=require("./icon-
|
|
1
|
+
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),_=require("classnames"),k=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const v=require("./icon-CR8ApQBy.js"),h=require("./badge-BWhBKWCu.js"),N=a=>{var{className:d,itemMatchesUrl:c=!0,onKeyDown:b=()=>{},onSelect:g=()=>{},children:i,forwardedRef:f}=a,l=p.__rest(a,["className","itemMatchesUrl","onKeyDown","onSelect","children","forwardedRef"]);const y=e.Children.toArray(i),o=c===!1?"true":"page";return e.createElement("div",Object.assign({},l,{ref:f,className:_(d,"fake-menu")}),e.createElement("ul",{className:"fake-menu__items",tabIndex:-1},y.map((n,t)=>{const r=n.props,{current:E,onClick:u=()=>{}}=r,s=p.__rest(r,["current","onClick"]);return e.createElement("li",{key:t},e.cloneElement(n,Object.assign(Object.assign({},s),{"aria-current":E?o:void 0,onClick:m=>{g(m,{index:t}),u(m)},onKeyDown:m=>{b(m,{index:t})}})))})))},w=k.withForwardRef(N),R=a=>{var{className:d,disabled:c,autoFocus:b,type:g,badgeNumber:i,badgeAriaLabel:f,children:l}=a,y=p.__rest(a,["className","disabled","autoFocus","type","badgeNumber","badgeAriaLabel","children"]);const o=e.useRef(null),n=i!==void 0;e.useEffect(()=>{var s;b&&((s=o.current)===null||s===void 0||s.focus())});const t=Object.assign(Object.assign({},y),{ref:o,className:_(d,"fake-menu__item",n&&"menu__item--badged"),"aria-label":f}),r=e.createElement(v.EbayIcon,{name:"tick16"}),E={marginLeft:"var(--spacing-100)",marginRight:"var(--spacing-100)"},u=n&&e.createElement(h.EbayBadge,{type:"menu",number:i,style:E});return g==="button"?e.createElement("button",Object.assign({},t,{type:"button",disabled:c}),e.createElement("span",null,l,u),r):e.createElement("a",Object.assign({},t,{"aria-disabled":c?"true":void 0}),e.createElement("span",null,l,u),r)};exports.EbayFakeMenu=w;exports.EbayMenuItem=R;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ebay/ui-core-react",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.10.0",
|
|
4
4
|
"description": "Skin components build off React",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"React",
|
|
@@ -51,11 +51,10 @@
|
|
|
51
51
|
]
|
|
52
52
|
},
|
|
53
53
|
"resolutions": {
|
|
54
|
-
"@storybook/addon-actions": "~7.5.3",
|
|
55
54
|
"string-width": "4.2.3"
|
|
56
55
|
},
|
|
57
56
|
"dependencies": {
|
|
58
|
-
"@floating-ui/react": "^0.27.
|
|
57
|
+
"@floating-ui/react": "^0.27.13",
|
|
59
58
|
"classnames": "^2.5.1",
|
|
60
59
|
"makeup-active-descendant": "^0.7.8",
|
|
61
60
|
"makeup-expander": "^0.11.7",
|
|
@@ -73,7 +72,7 @@
|
|
|
73
72
|
"react-dom": ">= 16.0.0"
|
|
74
73
|
},
|
|
75
74
|
"optionalDependencies": {
|
|
76
|
-
"shaka-player": "^4.15.
|
|
75
|
+
"shaka-player": "^4.15.5"
|
|
77
76
|
},
|
|
78
77
|
"publishConfig": {
|
|
79
78
|
"directory": "dist",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const i=require("./tslib.es6-C4EgNkz1.js"),r=require("react"),t=require("classnames"),c=require("./icon-
|
|
1
|
+
"use strict";const i=require("./tslib.es6-C4EgNkz1.js"),r=require("react"),t=require("classnames"),c=require("./icon-CR8ApQBy.js"),o={default:"",small:"progress-spinner--small",large:"progress-spinner--large"},m={default:"spinner24",small:"spinner20",large:"spinner30"},p=e=>{var{size:s="default","aria-label":a="Busy",className:n}=e,l=i.__rest(e,["size","aria-label","className"]);return r.createElement("span",Object.assign({},l,{className:t("progress-spinner",o[s],n),"aria-label":a,role:"img"}),r.createElement(c.EbayIcon,{name:m[s]}))};exports.EbayProgressSpinner=p;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),q=require("classnames"),c=require("./icon-CR8ApQBy.js"),F=require("./label-BRztS0pw.js"),j=require("./utils-C9NL3q0j.js"),I=s=>{var{size:o="default",checked:i,defaultChecked:d,className:u,style:m,id:r,onChange:h=()=>{},onFocus:g=()=>{},onKeyDown:b=()=>{},children:l}=s,_=p.__rest(s,["size","checked","defaultChecked","className","style","id","onChange","onFocus","onKeyDown","children"]);const y=n=>{var e;return h(n,{value:(e=n.target)===null||e===void 0?void 0:e.value})},E=n=>{var e;return g(n,{value:(e=n.target)===null||e===void 0?void 0:e.value})},k=n=>{const e=n.target;return b(n,{value:e?.value})},v=q("radio",u,{"radio--large":o==="large"}),C=o==="large"?a.createElement(c.EbayIcon,{name:"radioChecked24",className:"radio__checked"}):a.createElement(c.EbayIcon,{name:"radioChecked18",className:"radio__checked"}),N=o==="large"?a.createElement(c.EbayIcon,{name:"radioUnchecked24",className:"radio__unchecked"}):a.createElement(c.EbayIcon,{name:"radioUnchecked18",className:"radio__unchecked"}),t=j.findComponent(l,F.Label);return a.createElement(a.Fragment,null,a.createElement("span",{className:v,style:Object.assign(Object.assign({},m),{alignItems:"center"})},a.createElement("input",Object.assign({},_,{id:r,className:"radio__control",type:"radio",defaultChecked:d,checked:i,onChange:y,onFocus:E,onKeyDown:k})),a.createElement("span",{className:"radio__icon",hidden:!0},C,N)),t?a.cloneElement(t,Object.assign(Object.assign({},t.props),{position:"end",htmlFor:r})):l)};exports.EbayRadio=I;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const m=require("./tslib.es6-C4EgNkz1.js"),o=require("react"),se=require("classnames"),re=require("./forwardRef-DBQKIlPy.js"),p=require("./utils-C9NL3q0j.js"),w=require("./icon-CR8ApQBy.js"),ce=require("./icon-button-B1aE4GTn.js"),ue=require("./hooks-DTTigNDz.js"),K=t=>{var{children:l,name:a,buttonAriaLabel:i,onClick:u=()=>{}}=t,r=m.__rest(t,["children","name","buttonAriaLabel","onClick"]);return a?i?o.createElement(ce.EbayIconButton,Object.assign({"aria-label":i,icon:a,transparent:!0,onClick:u},r)):o.createElement(w.EbayIcon,Object.assign({name:a},r)):l},L=t=>o.createElement("span",Object.assign({},t)),P=t=>{var{children:l,name:a}=t,i=m.__rest(t,["children","name"]);return a?o.createElement(w.EbayIcon,Object.assign({name:a},i)):l},F=t=>o.createElement("span",Object.assign({},t)),g=t=>typeof t<"u",de=t=>{var l,a,{type:i="text",invalid:u,fluid:r,multiline:_,onChange:q=()=>{},onInputChange:B=()=>{},onFocus:j=()=>{},onBlur:k=()=>{},onKeyPress:O=()=>{},onKeyUp:V=()=>{},onKeyDown:N=()=>{},onInvalid:R=()=>{},onFloatingLabelInit:D=()=>{},onButtonClick:S=()=>{},autoFocus:h,defaultValue:f="",value:y,forwardedRef:U,inputSize:E="default",floatingLabel:z,children:d,placeholder:A,opaqueLabel:M}=t,c=m.__rest(t,["type","invalid","fluid","multiline","onChange","onInputChange","onFocus","onBlur","onKeyPress","onKeyUp","onKeyDown","onInvalid","onFloatingLabelInit","onButtonClick","autoFocus","defaultValue","value","forwardedRef","inputSize","floatingLabel","children","placeholder","opaqueLabel"]);const[C,W]=o.useState(f),[$,G]=o.useState(f),I=ue.useFloatingLabel({text:z,disabled:c.disabled,size:E,invalid:u,type:i,opaqueLabel:M,onMount:D,containerTagName:r?"div":"span"}),T=n=>{var e;j(n,{value:((e=n?.target)===null||e===void 0?void 0:e.value)||f})},H=n=>{var e;const s=(e=n.target)===null||e===void 0?void 0:e.value;k(n,{value:s}),s!==C&&(q(n,{value:s}),W(s))},J=n=>{const e=n.target;O(n,{value:e?.value})},Q=n=>{const e=n.target;V(n,{value:e?.value})},X=n=>{const e=n.target;N(n,{value:e?.value})},Y=n=>{const e=n.target;R(n,{value:e?.value})},Z=n=>{S(n,{value:C})};o.useEffect(()=>{h&&T()},[]);const ee=n=>{var e;const s=(e=n.target)===null||e===void 0?void 0:e.value;g(y)||G(s),B(n,{value:s})},ne=_?"textarea":"input",te=r?"div":"span",oe=p.findComponent(d,P),x=p.findComponent(d,F),ae=(l=x?.props)===null||l===void 0?void 0:l.id,b=p.findComponent(d,K),v=p.findComponent(d,L),le=(a=v?.props)===null||a===void 0?void 0:a.id,ie=se("textbox",c.className,{"textbox--fluid":r,"textbox--large":E==="large","textbox--disabled":c.disabled,"textbox--invalid":u,"textbox--readonly":c.readOnly});return o.createElement(I.Container,null,o.createElement(I.Label,{htmlFor:c.id}),o.createElement(te,{className:ie},oe,x,o.createElement(ne,Object.assign({"aria-describedby":[ae,le].filter(Boolean).join(" ")||void 0},c,{className:"textbox__control",type:i,"aria-invalid":u,value:g(y)?y:$,onChange:ee,onBlur:H,onFocus:T,onKeyPress:J,onKeyUp:Q,onKeyDown:X,onInvalid:Y,autoFocus:h,ref:U,placeholder:A})),v,b&&o.cloneElement(b,Object.assign(Object.assign({},b.props),{onClick:n=>{const{onClick:e=()=>{}}=b.props;e(n),Z(n)}}))))},xe=re.withForwardRef(de);exports.EbayTextbox=xe;exports.EbayTextboxPostfixIcon=K;exports.EbayTextboxPostfixText=L;exports.EbayTextboxPrefixIcon=P;exports.EbayTextboxPrefixText=F;exports.isControlled=g;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),E=require("classnames"),y=require("./icon-
|
|
1
|
+
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),E=require("classnames"),y=require("./icon-CR8ApQBy.js"),N=n=>{var{pressed:a=!1,children:o,className:i,title:g,subtitle:s,layoutType:l="minimal",icon:r,img:t,onToggle:c}=n,m=p.__rest(n,["pressed","children","className","title","subtitle","layoutType","icon","img","onToggle"]);const u=d=>{c&&c(d,{pressed:!a})},b=()=>o||e.createElement(e.Fragment,null,e.createElement("p",{className:"toggle-button__title"},g),s&&e.createElement("p",{className:"toggle-button__subtitle"},s)),_=()=>{if(r)return e.createElement("div",{className:"toggle-button__icon"},e.createElement(y.EbayIcon,{name:r}));if(t)return e.createElement("span",{className:"toggle-button__image-container"},t.fillPlacement?e.createElement("span",{role:"img","aria-label":t.alt,className:"toggle-button__image",style:{backgroundImage:`url(${t.src})`,backgroundPosition:t.fillPlacement||"center",backgroundSize:"cover",backgroundRepeat:"no-repeat"}}):e.createElement("span",{className:"toggle-button__image"},e.createElement("img",{src:t.src,alt:t.alt})))};return e.createElement("button",Object.assign({onClick:u,className:E("toggle-button",i,{"toggle-button--minimal-layout":l==="minimal","toggle-button--list-layout":l==="list","toggle-button--gallery-layout":l==="gallery"}),"aria-pressed":a},m),_(),e.createElement("div",{className:"toggle-button__content"},b()))};exports.ToggleButton=N;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const M=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),q=require("classnames"),a=require("./icon-CR8ApQBy.js"),D=s=>s!==void 0,F=s=>{var{id:u,size:l="default",className:b,style:x,checked:r,defaultChecked:m="false",skipMixed:C=!1,onChange:E=()=>{},onFocus:y=()=>{},onKeyDown:f=()=>{},inputRef:_}=s,v=M.__rest(s,["id","size","className","style","checked","defaultChecked","skipMixed","onChange","onFocus","onKeyDown","inputRef"]);const[h,g]=e.useState(m),t=D(r)?r:h,p=n=>{const c=n.target;let o=h;t==="true"?o="false":t==="false"&&!C?o="mixed":o="true",E(n,{value:c?.value,checked:o}),g(o)},N=n=>{var c;return y(n,{value:(c=n.target)===null||c===void 0?void 0:c.value,checked:t})},I=n=>{const c=n.target;f(n,{value:c.value,checked:t})},S=q("checkbox",b,{"checkbox--large":l==="large"});let i=e.createElement(a.EbayIcon,{name:"checkboxChecked18",className:"checkbox__checked"}),d=e.createElement(a.EbayIcon,{name:"checkboxUnchecked18",className:"checkbox__unchecked"}),k=e.createElement(a.EbayIcon,{name:"checkboxMixed18"});l==="large"&&(i=e.createElement(a.EbayIcon,{name:"checkboxChecked24",className:"checkbox__checked"}),d=e.createElement(a.EbayIcon,{name:"checkboxUnchecked24",className:"checkbox__unchecked"}),k=e.createElement(a.EbayIcon,{name:"checkboxMixed24"}));const w=()=>t==="true"?i:t==="mixed"?k:d;return e.createElement("span",{className:S,style:Object.assign({},x)},e.createElement("input",Object.assign({},v,{"aria-checked":t,id:u,className:"checkbox__control",type:"checkbox",checked:t==="true",onChange:p,onFocus:N,onKeyDown:I,ref:_})),e.createElement("span",{className:"checkbox__icon",hidden:!0},w()))};exports.EbayTriStateCheckbox=F;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const _=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),b=require("classnames"),T=require("./forwardRef-DBQKIlPy.js"),i=require("./utils-C9NL3q0j.js"),h=require("./icon-CR8ApQBy.js"),u=s=>{var{children:o,className:n,forwardedRef:e}=s,t=_.__rest(s,["children","className","forwardedRef"]);return a.Children.only(o),a.cloneElement(o,Object.assign(Object.assign({ref:e},t),{className:b(n,o.props.className)}))},g=s=>{var o,{className:n,type:e,isExpanded:t,children:r,forwardedRef:p}=s,m=_.__rest(s,["className","type","isExpanded","children","forwardedRef"]);const l=i.findComponent(r,u),c=i.excludeComponent(r,u)[0];if(!l)throw new Error("Tooltip: Please use a TooltipHost that defines the host of the tooltip");const d=a.cloneElement(l,Object.assign({className:`${e}__host`,"aria-expanded":t,"aria-describedby":(o=c?.props)===null||o===void 0?void 0:o.id},l.props));return a.createElement("span",Object.assign({},m,{ref:p,className:b(n,e,{[`${e}--expanded`]:t})}),d,c)},N=T.withForwardRef(g),x="bottom",v={tooltip:"tooltip",tourtip:"region",infotip:""},E={left:{transform:"translateX(16px) translateY(-50%) scale3d(1,1,1)",left:"100%",right:"auto",top:"-6px",bottom:"auto"},"left-top":{transform:"translateX(16px) scale3d(1,1,1)",left:"100%",right:"auto",top:"-100%",bottom:"auto"},"left-bottom":{transform:"translateX(16px) scale3d(1,1,1)",left:"100%",right:"auto",top:"auto",bottom:"-10px"},right:{transform:"translateX(-16px) translateY(-50%) scale3d(1,1,1)",left:"auto",right:"100%",top:"-6px",bottom:"auto"},"right-top":{transform:"translateX(-16px) scale3d(1,1,1)",left:"auto",right:"100%",top:"-100%",bottom:"auto"},"right-bottom":{transform:"translateX(-16px) scale3d(1,1,1)",left:"auto",right:"100%",top:"auto",bottom:"-50%"},top:{transform:"translateX(-50%) scale3d(1,1,1)",left:"50%",right:"auto",top:"calc(100% + 2px)",bottom:"auto"},"top-left":{transform:"scale3d(1,1,1)",left:"-10px",right:"auto",top:"calc(100% + 2px)",bottom:"auto"},"top-right":{transform:"scale3d(1,1,1)",left:"auto",right:"-10px",top:"calc(100% + 2px)",bottom:"auto"},"bottom-right":{transform:"scale3d(1,1,1)",left:"auto",right:"-10px",top:"auto",bottom:"calc(100% + 12px)"},"bottom-left":{transform:"scale3d(1,1,1)",left:"-10px",right:"auto",top:"auto",bottom:"calc(100% + 12px)"},bottom:{transform:"translateX(-50%) scale3d(1,1,1)",left:"50%",right:"auto",top:"auto",bottom:"calc(100% + 12px)"}},O=()=>null,f=({children:s,className:o,type:n="tourtip"})=>a.createElement("div",{className:b(`${n}__footer`,o)},s),C=({id:s,style:o,pointer:n=x,children:e,type:t="tooltip",showCloseButton:r,a11yCloseText:p,onClose:m})=>{const l=i.findComponent(e,O),c=i.findComponent(e,f),d=i.excludeComponent(e,f);return a.createElement("span",{className:`${t}__overlay`,id:s,role:v[t]||null,style:Object.assign(Object.assign({},E[n]),o)},a.createElement("span",{className:`${t}__pointer ${t}__pointer--${n}`}),a.createElement("span",{className:`${t}__mask`},a.createElement("span",{className:`${t}__cell`},a.createElement("span",{className:`${t}__content`},d),r?a.createElement("button",Object.assign({},l?.props,{className:`icon-btn icon-btn--transparent ${t}__close`,type:"button","aria-label":p,onClick:m}),a.createElement(h.EbayIcon,{name:"close16"})):null,c)))},R=({onExpand:s,onCollapse:o,initialExpanded:n=!1,hostRef:e})=>{const[t,r]=a.useState(n);return{isExpanded:t,expandTooltip:()=>{r(!0),s&&s()},collapseTooltip:()=>{var l;r(!1),o&&o(),(l=e?.current)===null||l===void 0||l.focus()}}};exports.DEFAULT_POINTER_DIRECTION=x;exports.POINTER_STYLES=E;exports.Tooltip=N;exports.TooltipContent=C;exports.TooltipFooter=f;exports.TooltipHost=u;exports.useTooltip=R;
|
package/calendar-Bnx_QLoQ.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const r=require("react"),ue=require("./icon-button-CHW6Lezn.js"),de=require("classnames");function Ce(n){const c=new Intl.Locale(n);return c.weekInfo?c.weekInfo.firstDay:0}function Ue(n){const c=Ce(n),i=new Intl.DateTimeFormat(n,{weekday:"short"}),d=new Date(2022,9,2+c),A=[...Array(7)].map(()=>{const k=i.format(d);return d.setDate(d.getDate()+1),k});return{firstDayOfWeek:c,weekdayLabels:A}}function Ae(n){if(n)return/^\d\d\d\d-\d\d-\d\d$/g.test(n)?n:u(new Date(n))}function u(n){if(!isNaN(n.getTime()))return n.toISOString().slice(0,10)}function U(n){return new Date(n)}function H(n,c){const i=U(n);return i.setUTCDate(i.getUTCDate()+c),u(i)}function fe(n){return n||navigator.language}const Fe={ArrowRight:1,ArrowLeft:-1,ArrowDown:7,ArrowUp:-7},Re=({selected:n,numMonths:c=1,navigable:i,interactive:d,range:A,locale:k,disableBefore:g,disableAfter:I,disableWeekdays:B,disableList:G,a11ySelectedText:me="selected",a11yRangeStartText:ye="start of range",a11yInRangeText:ge="in range",a11yRangeEndText:Ie="end of range",a11ySeparator:J="-",a11yTodayText:De="today",a11yDisabledText:Se="inactive",getA11yShowMonthText:Q=T=>`Show ${T}`,linkBuilder:X,onMonthChange:Z=()=>{},onFocus:we=()=>{},onSelect:Ee=()=>{}})=>{const T=u(new Date),{firstDayOfWeek:Oe,weekdayLabels:Te}=Ue(fe(k)),ee=r.useRef(null),[m,F]=r.useState(0),[te,ne]=r.useState(null),[D,_]=r.useState(T),R=r.useRef(T),S=e=>{const t=U(R.current);return new Date(Date.UTC(t.getUTCFullYear(),t.getUTCMonth()+e))},w=()=>u(S(m)),E=()=>{const e=U(R.current);return u(new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth()+m+(c||1),0)))};r.useEffect(()=>{if(n){const e=Array.isArray(n)?n:[n],t=w(),a=E();e.find(f=>f>=t&&f<=a)===void 0&&(R.current=e[0],F(0))}},[n]);const be=()=>{if(n&&A){let e,t;if(Array.isArray(n)?[e,t]=n:te&&(e=n,t=te),e&&t){const[a,s]=[e,t].sort();return{rangeStart:a,rangeEnd:s}}}return{rangeStart:null,rangeEnd:null}},h=e=>new Intl.DateTimeFormat(fe(k),{month:"long",year:"numeric"}).format(new Date(e.getUTCFullYear(),e.getUTCMonth())),p=e=>g&&e<g||I&&e>I||B&&B.includes(U(e).getUTCDay())||G&&G.includes(e),ae=()=>{let e=w();const t=E();for(;e<=t&&p(e);)e=H(e,1);return e>t?null:e},re=()=>{let e=E();const t=w();for(;e>=t&&p(e);)e=H(e,-1);return e<t?null:e},b=e=>{_(e),setTimeout(()=>{var t;const a=(t=ee.current)===null||t===void 0?void 0:t.querySelector(`[data-iso="${e}"]`);a==null||a.focus()})},N=e=>{if(g&&w()<=g)return!1;F(s=>s-1);let t=D;const a=re();return a&&a<D&&(t=a,_(a)),e&&b(t),Z({iso:u(S(m))}),!0},L=e=>{if(I&&E()>=I)return!1;F(s=>s+1);let t=D;const a=ae();a&&a>D&&(t=a,_(a)),e&&b(t),Z({iso:u(S(m+(c||1)))})},ke=e=>{const t=Fe[e.key];if(t){e.preventDefault();let a=7,s=D;do s=H(s,t);while(a-- >0&&p(s));if(a>0){const f=w(),O=E();s<f?i?N():s=f:s>O&&(i?L():s=O),b(s)}}else switch(e.key){case"PageUp":N(!0);break;case"PageDown":L(!0);break;case"Home":b(ae());break;case"End":b(re());break}},_e=(e,t)=>{Ee(e,{iso:t})},se=(e,t)=>{ne(t),_(t),we(e,{iso:t})},oe=()=>{ne(null)},{rangeStart:V,rangeEnd:x}=be(),he=e=>!(!V||!x||e<V||e>x),ce=[...Array(c)].map((e,t)=>S(m+t));return r.createElement("div",{className:"calendar",ref:ee},i&&r.createElement("div",{className:"calendar__header"},r.createElement("div",{className:"calendar__header--inner"},r.createElement(ue.EbayIconButton,{transparent:!0,size:"small",icon:"chevronLeft24",disabled:g&&w()<=g,"aria-label":Q(h(S(m-1))),onClick:()=>N()}),ce.map((e,t)=>r.createElement("h3",{key:t},h(e))),r.createElement(ue.EbayIconButton,{transparent:!0,size:"small",icon:"chevronRight24",disabled:I&&E()>=I,"aria-label":Q(h(S(m+c))),onClick:()=>L()}))),r.createElement("div",{className:"calendar__body"},ce.map((e,t)=>{const a=(e.getUTCDay()-Oe+7)%7,s=e.getUTCFullYear(),f=e.getUTCMonth(),O=new Date(s,f+1,0).getDate(),pe=[...Array(Math.ceil((a+O)/7))];return r.createElement("div",{key:t,className:"calendar__month"},r.createElement("table",{onKeyDown:ke},r.createElement("caption",null,h(e)),r.createElement("thead",null,r.createElement("tr",null,Te.map(M=>r.createElement("th",{key:M,scope:"col"},M)))),r.createElement("tbody",null,pe.map((M,Y)=>{let $=Y*7-a+1,q=$+6;const P=[];Y===0&&a!==0?($=1,P.push(r.createElement("td",{key:"pre-column",colSpan:a}))):q>O&&(q=O);for(let y=$;y<=q;y++){const o=u(new Date(Date.UTC(s,f,y))),W=o===T,j=Array.isArray(n)?n.some(l=>l===o):n===o,z=o===V,le=he(o),K=o===x,v=p(o),C=["",j&&me,z&&ye,!z&&!K&&le&&ge,K&&Ie,!d&&W&&De,!d&&v&&Se].filter(l=>typeof l!="boolean"||l!==!1),ie=!d&&!v&&X&&X(o),ve=ie?"a":"span";P.push(r.createElement("td",{key:y,className:de({"calendar__cell--selected":j,"calendar__range--start":z,calendar__range:le,"calendar__range--end":K})},d?r.createElement("button",{disabled:v,"aria-label":C.length>1?`${y}${C.join(J)}`:void 0,tabIndex:D!==o?-1:void 0,"aria-current":W?"date":void 0,"aria-pressed":j?"true":void 0,onClick:l=>_e(l,o),onFocus:l=>se(l,o),onMouseOver:l=>se(l,o),onMouseOut:()=>oe(),onBlur:()=>oe(),"data-iso":o},y):r.createElement(ve,{className:de({"calendar__cell--disabled":v,"calendar__cell--current":W}),href:ie},y,C.length>1&&r.createElement("span",{className:"clipped"},C.join(J)))))}return r.createElement("tr",{key:Y},P)}))))})))};exports.EbayCalendar=Re;exports.dateArgToISO=Ae;exports.toISO=u;
|
package/checkbox-ebkMhvbJ.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const F=require("./tslib.es6-C4EgNkz1.js"),c=require("react"),j=require("classnames"),a=require("./icon-C-bWGO-9.js"),I=require("./label-BRztS0pw.js"),O=require("./utils-C9NL3q0j.js"),w=o=>typeof o<"u",D=o=>{var{id:d,size:t="default",className:r,style:k,checked:h,defaultChecked:u=!1,onChange:b=()=>{},onFocus:m=()=>{},onKeyDown:g=()=>{},children:i,inputRef:v}=o,C=F.__rest(o,["id","size","className","style","checked","defaultChecked","onChange","onFocus","onKeyDown","children","inputRef"]);const[y,_]=c.useState(u),x=n=>{const e=n.target;b(n,{value:e==null?void 0:e.value,checked:!!(e!=null&&e.checked)}),_(e==null?void 0:e.checked)},E=n=>{var e,l;return m(n,{value:(e=n.target)===null||e===void 0?void 0:e.value,checked:!!(!((l=n.target)===null||l===void 0)&&l.checked)})},p=n=>{const e=n.target;g(n,{value:e.value,checked:!!e.checked})},f=j("checkbox",r,{"checkbox--large":t==="large"}),N=t==="large"?c.createElement(a.EbayIcon,{name:"checkboxChecked24",className:"checkbox__checked"}):c.createElement(a.EbayIcon,{name:"checkboxChecked18",className:"checkbox__checked"}),q=t==="large"?c.createElement(a.EbayIcon,{name:"checkboxUnchecked24",className:"checkbox__unchecked"}):c.createElement(a.EbayIcon,{name:"checkboxUnchecked18",className:"checkbox__unchecked"}),s=O.findComponent(i,I.Label);return c.createElement(c.Fragment,null,c.createElement("span",{className:f,style:Object.assign(Object.assign({},k),{alignItems:"center"})},c.createElement("input",Object.assign({},C,{id:d,className:"checkbox__control",type:"checkbox",checked:w(h)?h:y,onChange:x,onFocus:E,onKeyDown:p,ref:v})),c.createElement("span",{className:"checkbox__icon",hidden:!0},N,q)),s?c.cloneElement(s,Object.assign(Object.assign({},s.props),{position:"end",htmlFor:d})):i)};exports.EbayCheckbox=D;
|
package/combobox-BzM04rYV.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const V=require("./tslib.es6-C4EgNkz1.js"),t=require("react"),x=require("classnames"),be=require("./hooks-B4eFIQlH.js"),M=require("./utils-C9NL3q0j.js"),I=require("./dropdown-BGdrijmi.js"),K=a=>{var{className:p}=a,d=V.__rest(a,["className"]);return t.createElement("button",Object.assign({className:x("icon-btn","icon-btn--transparent",p)},d))},T=a=>{var{text:p,className:d,selected:C}=a,r=V.__rest(a,["text","className","selected"]);return t.createElement("div",Object.assign({},r,{role:"option",className:x("combobox__option",d),tabIndex:-1,"aria-selected":C}),p)},fe=a=>{var{className:p,floatingLabel:d,fluid:C,expanded:r,borderless:j,autocomplete:v="none",listSelection:k="automatic",defaultValue:A="",value:h,placeholder:H,opaqueLabel:U,children:D,dropdownRef:Y,onFocus:z=()=>{},onClick:G=()=>{},onExpand:J=()=>{},onCollapse:P=()=>{},onInputChange:L=()=>{},onFloatingLabelInit:Q=()=>{},onChange:W=()=>{},onSelect:X=()=>{},onKeyDown:Z=()=>{}}=a,g=V.__rest(a,["className","floatingLabel","fluid","expanded","borderless","autocomplete","listSelection","defaultValue","value","placeholder","opaqueLabel","children","dropdownRef","onFocus","onClick","onExpand","onCollapse","onInputChange","onFloatingLabelInit","onChange","onSelect","onKeyDown"]);const l=M.findComponent(D,K),y=M.filterByType(D,T),E=t.useRef(null),s=t.useRef(null),N=t.useRef(null),f=I.useExpander({ref:Y||E,expanded:r,options:{autoCollapse:r,expandOnFocus:!0,collapseOnFocusOut:!r&&!!l,contentSelector:'[role="listbox"]',hostSelector:'[role="combobox"]',expandedClass:"combobox--expanded",simulateSpacebarClick:!0},onExpand:J,onCollapse:P},[r]),{overlayStyles:$,refs:O}=I.useFloatingDropdown({open:f.isExpanded}),[ee,R]=t.useState(A||""),c=typeof h<"u"?h:ee;typeof h>"u"&&!L&&console.warn("EbayCombobox: You provided a value prop without an onInputChange handler.This will render a read-only input field. If you want the input to be editable, provide an onInputChange handler.");const _=(e,o)=>{c!==o&&(R(o),s.current&&(s.current.selectionStart=s.current.selectionEnd=o.length,s.current.focus()),X(e,b({currentInputValue:o})))};function oe(){return v==="none"?y||[]:y.filter(e=>{var o,n;return(o=e.props.text)===null||o===void 0?void 0:o.toLowerCase().includes((n=c==null?void 0:c.trim())===null||n===void 0?void 0:n.toLowerCase())})}const u=t.useMemo(()=>oe(),[v,c,y]),ne=t.useCallback((e,{toIndex:o})=>{if(k==="automatic"){const n=u[o];n&&s.current&&(s.current.value=n.props.text)}},[k,u]),te=I.useActiveDescendant({ref:E,focusElementRef:s,itemContainerRef:N,disabled:!u.length,onChange:ne,options:{activeDescendantClassName:"combobox__option--active",autoInit:-1,autoReset:-1,autoScroll:!0,axis:"y"}}),S=C?"div":"span",F=be.useFloatingLabel({text:d,disabled:g.disabled,containerTagName:S,opaqueLabel:U,onMount:Q}),le=d?F.Container:S,m=t.useRef(!1),ae=e=>{var o,n;m.current=!0,(n=l==null?void 0:(o=l.props).onClick)===null||n===void 0||n.call(o,e)},se=e=>{var o,n;m.current=!0,(n=l==null?void 0:(o=l.props).onMouseDown)===null||n===void 0||n.call(o,e)};function w(){f.collapse()}function q(){f.expand()}function re(e){const o=u.find(n=>n.props.text===e);return o?{text:o.props.text,value:o.props.value}:{}}function b(e){return{currentInputValue:e.currentInputValue,selectedOption:re(e.currentInputValue)}}const ce=e=>{const o=e.target.value;R(e.target.value),L(e,b({currentInputValue:o}))},B=t.useRef(""),ue=e=>{m.current||w(),m.current=!1;const o=e.target.value;o!==B.current&&(B.current=o,W(e,b({currentInputValue:o})))},ie=e=>{const o=e.target;o===document.activeElement&&q(),G(e,b({currentInputValue:o.value}))},de=e=>{z(e,b({currentInputValue:e.target.value}))},pe=e=>{if(e.key==="ArrowDown")q();else if(e.key==="Escape")w();else if(e.key==="Enter"&&f.isExpanded){const o=te.getIndex();o!==-1&&_(e,u[o].props.text),r||w()}Z(e)};return t.createElement(le,{ref:E,className:x("combobox",p)},t.createElement(F.Label,{htmlFor:g.id}),t.createElement("span",{className:x("combobox__control",{"combobox__control--actionable":l,"combobox__control--borderless":j})},t.createElement("input",Object.assign({},g,{ref:e=>{O.setHost(e),s.current=e},type:"text",role:"combobox",value:c,"aria-autocomplete":v,"aria-haspopup":"listbox",autoComplete:"off","aria-expanded":"false",onChange:ce,onBlur:ue,onClick:ie,onFocus:de,onKeyDown:pe,placeholder:H})),l?t.cloneElement(l,{onClick:ae,onMouseDown:se}):null),u.length>0&&t.createElement("div",{role:"listbox",className:"combobox__listbox",ref:e=>{O.setOverlay(e),N.current=e},style:$},u.map(e=>t.cloneElement(e,{selected:(e.props.value||e.props.text)===c,onClick:o=>{var n,i;_(o,e.props.text),(i=(n=e.props).onClick)===null||i===void 0||i.call(n,o)},onMouseDown:o=>{var n,i;_(o,e.props.text),(i=(n=e.props).onMouseDown)===null||i===void 0||i.call(n,o)}}))))};exports.EbayCombobox=fe;exports.EbayComboboxButton=K;exports.EbayComboboxOption=T;
|
package/dropdown-BGdrijmi.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const s=require("react"),v=require("@floating-ui/react"),o=require("makeup-expander"),y=require("makeup-active-descendant");var h;const{default:D=o}=(h=o==null?void 0:o.default)!=null&&h.__esModule?o.default:o;function _({open:t,options:r}){var a;const{floatingStyles:c,refs:u}=v.useFloating({placement:r!=null&&r.reverse?"bottom-end":"bottom-start",open:t,middleware:[v.offset((a=r==null?void 0:r.offset)!==null&&a!==void 0?a:4),v.flip(),v.shift()],whileElementsMounted:v.autoUpdate});return{overlayStyles:c,refs:{host:u.reference,overlay:u.floating,setHost:u.setReference,setOverlay:u.setFloating}}}function m({ref:t,expanded:r,options:a,onExpand:c,onCollapse:u},f){const n=s.useRef(null),i=s.useSyncExternalStore(e=>{var d,l;function E(){e(),c==null||c()}function g(){e(),u==null||u()}return(d=t.current)===null||d===void 0||d.addEventListener("expander-expand",E),(l=t.current)===null||l===void 0||l.addEventListener("expander-collapse",g),()=>{var x,p;(x=t.current)===null||x===void 0||x.removeEventListener("expander-expand",E),(p=t.current)===null||p===void 0||p.removeEventListener("expander-collapse",g)}},()=>{var e;return(e=n.current)===null||e===void 0?void 0:e.expanded},()=>!1);return s.useEffect(()=>(t.current&&(n.current=new D(t.current,a)),()=>{var e;(e=n.current)===null||e===void 0||e.destroy()}),f||[]),s.useEffect(()=>{n.current&&r!==void 0&&(n.current.expanded=r)},[r]),{isExpanded:i,expand:()=>{n.current&&(n.current.expanded=!0)},collapse:()=>{n.current&&(n.current.expanded=!1)}}}function L({ref:t,focusElementRef:r,itemContainerRef:a,onChange:c=()=>null,disabled:u,options:f}){const n=s.useRef(null);return s.useEffect(()=>{const i=e=>{const d={toIndex:e.detail.toIndex};c(e,d)};return u||(n.current=y.createLinear(t.current,r?r.current:t.current,a?a.current:t.current,"[role=option]",f),t.current.addEventListener("activeDescendantChange",i)),()=>{var e,d,l;(e=n.current)===null||e===void 0||e.reset(),(d=n.current)===null||d===void 0||d.destroy(),(l=t.current)===null||l===void 0||l.removeEventListener("activeDescendantChange",i)}},[u,c]),{setIndex(i){n.current.index=i},getIndex(){return n.current.index}}}exports.useActiveDescendant=L;exports.useExpander=m;exports.useFloatingDropdown=_;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const O=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),g=require("classnames"),P=require("./utils-C9NL3q0j.js"),N=require("./icon-button-CHW6Lezn.js"),j=require("./menu-button-label-BsTtpKB2.js"),C=require("./menu-mTGSTnD8.js"),U=require("./progress-spinner-BQ5Ms2Nu.js"),M=require("./icon-C-bWGO-9.js"),L=({status:t,menuActions:r,onMenuAction:l,deleteText:s,onCancel:a,onDelete:i,onAction:E,a11yCancelUploadText:u,action:n})=>{const f=(c,d)=>{var o;if(d){const v=(o=d.checked)===null||o===void 0?void 0:o[0],p=r&&v!==void 0&&v in r?r[v].event:null;p&&l?l(c,Object.assign(Object.assign({},d),{eventName:p})):i&&i(c)}};return t==="uploading"?e.createElement(N.EbayIconButton,{"aria-label":u,onClick:a,className:"file-preview-card__action",icon:"close16"}):r!=null&&r.length?e.createElement(e.Fragment,null,e.createElement(j.EbayMenuButton,{variant:"overflow",className:"file-preview-card__action",onSelect:f},r.map(c=>e.createElement(C.EbayMenuItem,{value:c.event,key:c.label},c.label)),e.createElement(C.EbayMenuItem,{key:"delete",value:"delete"},s))):n!=null&&n.props&&n.props.icon&&n.props["aria-label"]?e.createElement(N.EbayIconButton,Object.assign({onClick:E,className:g("file-preview-card__action",n.props.className)},n.props)):s?e.createElement(N.EbayIconButton,{"aria-label":s,className:"file-preview-card__action",icon:"delete16",onClick:i}):e.createElement(e.Fragment,null)},F=({file:t,status:r,seeMore:l})=>{if(r==="uploading")return e.createElement(U.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:g("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(M.EbayIcon,{name:"file24",className:"file-preview-card__asset"})}},R=({file:t,infoText:r})=>t&&t.type!=="image"?e.createElement("div",{className:"file-preview-card__info"},t.type==="video"&&e.createElement(M.EbayIcon,{name:"play16",className:"file-preview-card__video-icon"}),r||t.name.substring(t.name.lastIndexOf(".")+1).toUpperCase()):e.createElement(e.Fragment,null),h=()=>null,A=t=>{var{a11yCancelUploadText:r,status:l,as:s="div",file:a,seeMore:i,deleteText:E,footerTitle:u,footerSubtitle:n,a11ySeeMoreText:f,menuActions:c,infoText:d,href:o,onCancel:v,onDelete:p,onMenuAction:S,onSeeMore:q,onAction:x,className:I,children:T}=t,k=O.__rest(t,["a11yCancelUploadText","status","as","file","seeMore","deleteText","footerTitle","footerSubtitle","a11ySeeMoreText","menuActions","infoText","href","onCancel","onDelete","onMenuAction","onSeeMore","onAction","className","children"]);const B=P.findComponent(T,h),b=e.useMemo(()=>{var _,y;if(!a)return;let w=a,m;return!((_=a==null?void 0:a.type)===null||_===void 0)&&_.startsWith("image")?m="image":!((y=a==null?void 0:a.type)===null||y===void 0)&&y.startsWith("video")&&(m="video"),a instanceof File&&(w={name:a.name,type:m,src:m?URL.createObjectURL(a):void 0}),w.type=m,w},[a]);return e.createElement(s,Object.assign({className:g("file-preview-card",I)},k),e.createElement("div",{className:"file-preview-card__body"},o?e.createElement("a",{href:o},e.createElement(F,{file:b,status:l,seeMore:i})):e.createElement(F,{file:b,status:l,seeMore:i}),i&&i>0?e.createElement("button",{type:"button",className:"file-preview-card__see-more",onClick:q,"aria-label":f},e.createElement("span",null,"+",i)):e.createElement(L,{a11yCancelUploadText:r,status:l,menuActions:c,onMenuAction:S,deleteText:E,onCancel:v,onDelete:p,onAction:x,action:B}),e.createElement(R,{file:b,infoText:d})),u&&e.createElement("div",{className:"file-preview-card__footer"},e.createElement("span",null,u),n&&e.createElement("span",null,n)))};exports.EbayFilePreviewCard=A;exports.EbayFilePreviewCardAction=h;
|
package/filter-menu-DVoaD81G.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const j=require("./tslib.es6-C4EgNkz1.js"),t=require("react"),ae=require("makeup-prevent-scroll-keys"),re=require("makeup-roving-tabindex"),T=require("./random-id-DlJj_RWH.js"),ne=require("./forwardRef-DBQKIlPy.js"),A=require("./utils-C9NL3q0j.js"),B=require("classnames"),ce=require("./checkbox-ebkMhvbJ.js"),oe=require("./radio-DLgEB-qH.js"),O=require("./icon-C-bWGO-9.js");require("./array.polyfill.flat-5BAolFdk.js");const le=require("./button-DhwBC3vw.js");function se(r){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const l in r)if(l!=="default"){const m=Object.getOwnPropertyDescriptor(r,l);Object.defineProperty(c,l,m.get?m:{enumerable:!0,get:()=>r[l]})}}return c.default=r,Object.freeze(c)}const ie=se(ae),V=r=>{var{__classPrefix:c,__variant:l,className:m,onClick:C}=r,E=j.__rest(r,["__classPrefix","__variant","className","onClick"]);const s=l==="form";return t.createElement("button",Object.assign({},E,{type:s?"submit":"button",className:B(m,`${c}__footer`),onClick:s?void 0:C}))},z=r=>{var{checked:c,value:l,disabled:m,children:C,className:E,onClick:s,__type:P,__variant:q,__classPrefix:v}=r,R=j.__rest(r,["checked","value","disabled","children","className","onClick","__type","__variant","__classPrefix"]);const I=q==="form",u=P==="radio",h=u?"radio":"checkbox",F=T.useRandomId(),y=`'${h}-${F}`,b=I?"label":"div",$=u?oe.EbayRadio:ce.EbayCheckbox,w=u?`${v}__radio`:`${v}__checkbox`,M=u?"radioChecked18":"checkboxChecked18",x=u?"radioUnchecked18":"checkboxUnchecked18",f=_=>{s==null||s(_,{value:l,checked:!c})};return t.createElement(b,Object.assign({},R,{className:B(E,`${v}__item`),htmlFor:I?y:void 0,role:u?"menuitemradio":"menuitemcheckbox",onClick:f,"aria-checked":c,"aria-disabled":m}),I?t.createElement($,{id:y,checked:c}):t.createElement("span",{className:w},t.createElement(O.EbayIcon,{name:c?M:x})),t.createElement("span",{className:`${v}__text`},C))},de=r=>{var{classPrefix:c,className:l,formMethod:m,formAction:C,formName:E,variant:s,children:P,type:q,searchHeaderValue:v,searchHeaderPlaceholderText:R,a11ySearchHeaderClearText:I,forwardedRef:u,onSearchChange:h,onFormSubmit:F,onFooterClick:y,onChange:b,"aria-label":$,"aria-labelledby":w}=r,M=j.__rest(r,["classPrefix","className","formMethod","formAction","formName","variant","children","type","searchHeaderValue","searchHeaderPlaceholderText","a11ySearchHeaderClearText","forwardedRef","onSearchChange","onFormSubmit","onFooterClick","onChange","aria-label","aria-labelledby"]);const x=t.useRef(null),f=s==="form",_=q==="radio",N=c||"filter-menu",H=A.findComponent(P,V),p=A.filterByType(P,z),D=T.useRandomId(),[G,K]=t.useState(v||""),[g,J]=t.useState(()=>p.map((e,a)=>e.props.checked&&a).find(e=>typeof e=="number")),[S,Q]=t.useState(()=>p.map(e=>!!e.props.checked));t.useEffect(()=>{let e;return f||(e=re.createLinear(x.current,"div",{autoInit:"interactive"}),ie.add(x.current)),()=>{e&&(e.destroy(),e=null)}},[f]);const L=()=>({checked:p.filter((e,a)=>_?g===a:S[a]).map(e=>e.props.value),checkedIndex:p.map((e,a)=>_?a===g&&a:S[a]&&a).filter(e=>typeof e=="number")}),W=e=>{y==null||y(e,L())},X=e=>{F==null||F(e,L())},Y=e=>{K(""),h==null||h(e,{searchTerm:""})},Z=e=>{K(e.target.value),h==null||h(e,{searchTerm:e.target.value})},ee=f?"form":t.Fragment,te=f?{name:E,action:C,method:m,onSubmit:X}:{},U=(e,{checked:a,index:n})=>{const k=e.target;if(!(f&&k.type==="checkbox"))if(_)J(n),b==null||b(e,{index:n,checked:[p[n].props.value],checkedIndex:[n],currentChecked:a});else{const i=S.map((o,d)=>d===n?a:o);b==null||b(e,{index:n,checked:p.filter((o,d)=>i[d]).map(o=>o.props.value),checkedIndex:i.map((o,d)=>o&&d).filter(o=>typeof o=="number"),currentChecked:a}),Q(i)}};return t.createElement("span",Object.assign({},M,{ref:u,className:B(l,`${c?`${N}__menu`:N}`)}),R?t.createElement("div",{className:"filter-menu__header"},t.createElement(O.EbayIcon,{name:"search16"}),t.createElement("input",{type:"text",value:G,className:"filter-menu__search",placeholder:R,"aria-owns":D,onChange:Z}),t.createElement(le.EbayButton,{type:"button",onClick:Y,"aria-label":I},t.createElement(O.EbayIcon,{name:"clear20"}))):null,t.createElement(ee,Object.assign({},te),t.createElement("div",{id:D,ref:x,className:`${N}__items`,role:f?void 0:"menu","aria-label":$,"aria-labelledby":w},p.map((e,a)=>t.cloneElement(e,{__classPrefix:N,__type:q,__variant:s,checked:_?a===g:S[a],onClick:(n,{checked:k,value:i})=>{var o,d;(d=(o=e.props).onClick)===null||d===void 0||d.call(o,n,{checked:k,value:i}),U(n,{checked:k,index:a})},onKeyDown:n=>{var k,i;if((i=(k=e.props).onKeyDown)===null||i===void 0||i.call(k,n),n.key==="Enter"||n.key===" "){const o=_?a===g:S[a];U(n,{checked:!o,index:a})}}}))),H&&t.cloneElement(H,{onClick:W,__classPrefix:N,__variant:s})))},me=ne.withForwardRef(de);exports.EbayFilterMenu=me;exports.EbayFilterMenuFooterButton=V;exports.EbayFilterMenuItem=z;
|
package/hooks-B4eFIQlH.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const g=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),s=require("classnames"),n=require("makeup-floating-label");var m;const{default:p=n}=(m=n==null?void 0:n.default)!=null&&m.__esModule?n.default:n;function y({text:t,disabled:N,invalid:C,size:L,type:u,opaqueLabel:_,containerTagName:d="span",onMount:v=()=>{}}){const r=a.useRef(null),c=a.useRef(null);a.useLayoutEffect(()=>{var e;(e=c.current)===null||e===void 0||e.refresh()}),a.useLayoutEffect(()=>{if(!(!t||u==="date"))return r.current&&(c.current=new p(r.current),v()),()=>{var e;(e=c.current)===null||e===void 0||e.destroy()}},[t,u]);const b=s("floating-label",{"floating-label--large":L==="large","floating-label--opaque":_}),F=a.useCallback(({children:e})=>a.createElement(a.Fragment,null,e),[]),q=a.useCallback(a.forwardRef((e,l)=>{var{className:i}=e,k=g.__rest(e,["className"]);return a.createElement(d,Object.assign({},k,{ref:o=>{r.current=o,typeof l=="function"?l(o):l&&(l.current=o)},className:s(i,b)}))}),[b]),f=s("floating-label__label",{"floating-label__label--disabled":N,"floating-label__label--invalid":C}),E=a.useCallback(e=>{var{className:l}=e,i=g.__rest(e,["className"]);return a.createElement("label",Object.assign({},i,{className:s(l,f)}),t)},[f,t]);return t?{Label:E,Container:q}:{Label:()=>null,Container:F}}exports.useFloatingLabel=y;
|
package/icon-C-bWGO-9.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const x=require("./tslib.es6-C4EgNkz1.js"),s=require("react"),p=require("classnames"),$=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const k=require("./random-id-DlJj_RWH.js"),C=a=>{var{name:n,className:e,noSkinClasses:l=!1,a11yText:t,a11yVariant:d,forwardedRef:f,__type:u="icon"}=a,m=x.__rest(a,["name","className","noSkinClasses","a11yText","a11yVariant","forwardedRef","__type"]);const[b,y]=s.useState("");s.useEffect(()=>{y(k.randomId())},[]);const o=d==="label",i=t&&`icon-title-${b}`,N=t?{"aria-labelledby":o?void 0:i,"aria-label":o?t:void 0,role:"img"}:{"aria-hidden":!0},r=c(n),g=["icon",`icon--${E(r)||r}`,h(r)].filter(Boolean).join(" "),w=p(e,{[g]:!l}),I=u==="icon"?"icon-":"";return s.createElement("svg",Object.assign({},m,{className:w,xmlns:"http://www.w3.org/2000/svg",focusable:!1,ref:f},N),t&&!o&&s.createElement("title",{id:i},t),s.createElement("use",{xlinkHref:`#${I}${r}`}))};function E(a){const n=a.split("-"),e=n[n.length-1];return e==="colored"?n[n.length-2]:isNaN(Number(e))?"":e}function h(a){const n=a.split("-"),e=n.indexOf("filled");return e===-1?"":`icon--${n.slice(0,e+1).join("-")}`}function c(a){return a.replace(/([0-9]+)/g,(n,e)=>`-${e}`).replace(/([A-Z])/g,(n,e)=>`-${e.toLowerCase()}`)}const q=$.withForwardRef(C);exports.EbayIcon=q;exports.kebabCased=c;
|
package/item-tile-lBRIeVHa.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
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-BD6TIsY7.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!=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/radio-DLgEB-qH.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),q=require("classnames"),c=require("./icon-C-bWGO-9.js"),F=require("./label-BRztS0pw.js"),j=require("./utils-C9NL3q0j.js"),I=s=>{var{size:o="default",checked:i,defaultChecked:d,className:u,style:m,id:r,onChange:h=()=>{},onFocus:g=()=>{},onKeyDown:b=()=>{},children:l}=s,_=p.__rest(s,["size","checked","defaultChecked","className","style","id","onChange","onFocus","onKeyDown","children"]);const y=n=>{var e;return h(n,{value:(e=n.target)===null||e===void 0?void 0:e.value})},E=n=>{var e;return g(n,{value:(e=n.target)===null||e===void 0?void 0:e.value})},k=n=>{const e=n.target;return b(n,{value:e==null?void 0:e.value})},v=q("radio",u,{"radio--large":o==="large"}),C=o==="large"?a.createElement(c.EbayIcon,{name:"radioChecked24",className:"radio__checked"}):a.createElement(c.EbayIcon,{name:"radioChecked18",className:"radio__checked"}),N=o==="large"?a.createElement(c.EbayIcon,{name:"radioUnchecked24",className:"radio__unchecked"}):a.createElement(c.EbayIcon,{name:"radioUnchecked18",className:"radio__unchecked"}),t=j.findComponent(l,F.Label);return a.createElement(a.Fragment,null,a.createElement("span",{className:v,style:Object.assign(Object.assign({},m),{alignItems:"center"})},a.createElement("input",Object.assign({},_,{id:r,className:"radio__control",type:"radio",defaultChecked:d,checked:i,onChange:y,onFocus:E,onKeyDown:k})),a.createElement("span",{className:"radio__icon",hidden:!0},C,N)),t?a.cloneElement(t,Object.assign(Object.assign({},t.props),{position:"end",htmlFor:r})):l)};exports.EbayRadio=I;
|
package/textbox-voEWwh3v.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const m=require("./tslib.es6-C4EgNkz1.js"),o=require("react"),se=require("classnames"),re=require("./forwardRef-DBQKIlPy.js"),p=require("./utils-C9NL3q0j.js"),w=require("./icon-C-bWGO-9.js"),ce=require("./icon-button-CHW6Lezn.js"),ue=require("./hooks-B4eFIQlH.js"),K=t=>{var{children:l,name:a,buttonAriaLabel:i,onClick:u=()=>{}}=t,r=m.__rest(t,["children","name","buttonAriaLabel","onClick"]);return a?i?o.createElement(ce.EbayIconButton,Object.assign({"aria-label":i,icon:a,transparent:!0,onClick:u},r)):o.createElement(w.EbayIcon,Object.assign({name:a},r)):l},L=t=>o.createElement("span",Object.assign({},t)),P=t=>{var{children:l,name:a}=t,i=m.__rest(t,["children","name"]);return a?o.createElement(w.EbayIcon,Object.assign({name:a},i)):l},F=t=>o.createElement("span",Object.assign({},t)),g=t=>typeof t<"u",de=t=>{var l,a,{type:i="text",invalid:u,fluid:r,multiline:_,onChange:q=()=>{},onInputChange:B=()=>{},onFocus:j=()=>{},onBlur:k=()=>{},onKeyPress:O=()=>{},onKeyUp:V=()=>{},onKeyDown:N=()=>{},onInvalid:R=()=>{},onFloatingLabelInit:D=()=>{},onButtonClick:S=()=>{},autoFocus:h,defaultValue:f="",value:y,forwardedRef:U,inputSize:E="default",floatingLabel:z,children:d,placeholder:A,opaqueLabel:M}=t,c=m.__rest(t,["type","invalid","fluid","multiline","onChange","onInputChange","onFocus","onBlur","onKeyPress","onKeyUp","onKeyDown","onInvalid","onFloatingLabelInit","onButtonClick","autoFocus","defaultValue","value","forwardedRef","inputSize","floatingLabel","children","placeholder","opaqueLabel"]);const[C,W]=o.useState(f),[$,G]=o.useState(f),I=ue.useFloatingLabel({text:z,disabled:c.disabled,size:E,invalid:u,type:i,opaqueLabel:M,onMount:D,containerTagName:r?"div":"span"}),T=n=>{var e;j(n,{value:((e=n==null?void 0:n.target)===null||e===void 0?void 0:e.value)||f})},H=n=>{var e;const s=(e=n.target)===null||e===void 0?void 0:e.value;k(n,{value:s}),s!==C&&(q(n,{value:s}),W(s))},J=n=>{const e=n.target;O(n,{value:e==null?void 0:e.value})},Q=n=>{const e=n.target;V(n,{value:e==null?void 0:e.value})},X=n=>{const e=n.target;N(n,{value:e==null?void 0:e.value})},Y=n=>{const e=n.target;R(n,{value:e==null?void 0:e.value})},Z=n=>{S(n,{value:C})};o.useEffect(()=>{h&&T()},[]);const ee=n=>{var e;const s=(e=n.target)===null||e===void 0?void 0:e.value;g(y)||G(s),B(n,{value:s})},ne=_?"textarea":"input",te=r?"div":"span",oe=p.findComponent(d,P),x=p.findComponent(d,F),ae=(l=x==null?void 0:x.props)===null||l===void 0?void 0:l.id,b=p.findComponent(d,K),v=p.findComponent(d,L),le=(a=v==null?void 0:v.props)===null||a===void 0?void 0:a.id,ie=se("textbox",c.className,{"textbox--fluid":r,"textbox--large":E==="large","textbox--disabled":c.disabled,"textbox--invalid":u,"textbox--readonly":c.readOnly});return o.createElement(I.Container,null,o.createElement(I.Label,{htmlFor:c.id}),o.createElement(te,{className:ie},oe,x,o.createElement(ne,Object.assign({"aria-describedby":[ae,le].filter(Boolean).join(" ")||void 0},c,{className:"textbox__control",type:i,"aria-invalid":u,value:g(y)?y:$,onChange:ee,onBlur:H,onFocus:T,onKeyPress:J,onKeyUp:Q,onKeyDown:X,onInvalid:Y,autoFocus:h,ref:U,placeholder:A})),v,b&&o.cloneElement(b,Object.assign(Object.assign({},b.props),{onClick:n=>{const{onClick:e=()=>{}}=b.props;e(n),Z(n)}}))))},xe=re.withForwardRef(de);exports.EbayTextbox=xe;exports.EbayTextboxPostfixIcon=K;exports.EbayTextboxPostfixText=L;exports.EbayTextboxPrefixIcon=P;exports.EbayTextboxPrefixText=F;exports.isControlled=g;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const M=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),q=require("classnames"),a=require("./icon-C-bWGO-9.js"),D=s=>s!==void 0,F=s=>{var{id:u,size:l="default",className:b,style:x,checked:r,defaultChecked:m="false",skipMixed:C=!1,onChange:E=()=>{},onFocus:y=()=>{},onKeyDown:f=()=>{},inputRef:_}=s,v=M.__rest(s,["id","size","className","style","checked","defaultChecked","skipMixed","onChange","onFocus","onKeyDown","inputRef"]);const[h,g]=e.useState(m),t=D(r)?r:h,p=n=>{const c=n.target;let o=h;t==="true"?o="false":t==="false"&&!C?o="mixed":o="true",E(n,{value:c==null?void 0:c.value,checked:o}),g(o)},N=n=>{var c;return y(n,{value:(c=n.target)===null||c===void 0?void 0:c.value,checked:t})},I=n=>{const c=n.target;f(n,{value:c.value,checked:t})},S=q("checkbox",b,{"checkbox--large":l==="large"});let i=e.createElement(a.EbayIcon,{name:"checkboxChecked18",className:"checkbox__checked"}),d=e.createElement(a.EbayIcon,{name:"checkboxUnchecked18",className:"checkbox__unchecked"}),k=e.createElement(a.EbayIcon,{name:"checkboxMixed18"});l==="large"&&(i=e.createElement(a.EbayIcon,{name:"checkboxChecked24",className:"checkbox__checked"}),d=e.createElement(a.EbayIcon,{name:"checkboxUnchecked24",className:"checkbox__unchecked"}),k=e.createElement(a.EbayIcon,{name:"checkboxMixed24"}));const w=()=>t==="true"?i:t==="mixed"?k:d;return e.createElement("span",{className:S,style:Object.assign({},x)},e.createElement("input",Object.assign({},v,{"aria-checked":t,id:u,className:"checkbox__control",type:"checkbox",checked:t==="true",onChange:p,onFocus:N,onKeyDown:I,ref:_})),e.createElement("span",{className:"checkbox__icon",hidden:!0},w()))};exports.EbayTriStateCheckbox=F;
|
package/use-tooltip-mcJqLqOg.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const _=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),b=require("classnames"),T=require("./forwardRef-DBQKIlPy.js"),i=require("./utils-C9NL3q0j.js"),h=require("./icon-C-bWGO-9.js"),u=s=>{var{children:o,className:n,forwardedRef:e}=s,t=_.__rest(s,["children","className","forwardedRef"]);return a.Children.only(o),a.cloneElement(o,Object.assign(Object.assign({ref:e},t),{className:b(n,o.props.className)}))},g=s=>{var o,{className:n,type:e,isExpanded:t,children:r,forwardedRef:p}=s,m=_.__rest(s,["className","type","isExpanded","children","forwardedRef"]);const l=i.findComponent(r,u),c=i.excludeComponent(r,u)[0];if(!l)throw new Error("Tooltip: Please use a TooltipHost that defines the host of the tooltip");const d=a.cloneElement(l,Object.assign({className:`${e}__host`,"aria-expanded":t,"aria-describedby":(o=c==null?void 0:c.props)===null||o===void 0?void 0:o.id},l.props));return a.createElement("span",Object.assign({},m,{ref:p,className:b(n,e,{[`${e}--expanded`]:t})}),d,c)},N=T.withForwardRef(g),x="bottom",v={tooltip:"tooltip",tourtip:"region",infotip:""},E={left:{transform:"translateX(16px) translateY(-50%) scale3d(1,1,1)",left:"100%",right:"auto",top:"-6px",bottom:"auto"},"left-top":{transform:"translateX(16px) scale3d(1,1,1)",left:"100%",right:"auto",top:"-100%",bottom:"auto"},"left-bottom":{transform:"translateX(16px) scale3d(1,1,1)",left:"100%",right:"auto",top:"auto",bottom:"-10px"},right:{transform:"translateX(-16px) translateY(-50%) scale3d(1,1,1)",left:"auto",right:"100%",top:"-6px",bottom:"auto"},"right-top":{transform:"translateX(-16px) scale3d(1,1,1)",left:"auto",right:"100%",top:"-100%",bottom:"auto"},"right-bottom":{transform:"translateX(-16px) scale3d(1,1,1)",left:"auto",right:"100%",top:"auto",bottom:"-50%"},top:{transform:"translateX(-50%) scale3d(1,1,1)",left:"50%",right:"auto",top:"calc(100% + 2px)",bottom:"auto"},"top-left":{transform:"scale3d(1,1,1)",left:"-10px",right:"auto",top:"calc(100% + 2px)",bottom:"auto"},"top-right":{transform:"scale3d(1,1,1)",left:"auto",right:"-10px",top:"calc(100% + 2px)",bottom:"auto"},"bottom-right":{transform:"scale3d(1,1,1)",left:"auto",right:"-10px",top:"auto",bottom:"calc(100% + 12px)"},"bottom-left":{transform:"scale3d(1,1,1)",left:"-10px",right:"auto",top:"auto",bottom:"calc(100% + 12px)"},bottom:{transform:"translateX(-50%) scale3d(1,1,1)",left:"50%",right:"auto",top:"auto",bottom:"calc(100% + 12px)"}},O=()=>null,f=({children:s,className:o,type:n="tourtip"})=>a.createElement("div",{className:b(`${n}__footer`,o)},s),C=({id:s,style:o,pointer:n=x,children:e,type:t="tooltip",showCloseButton:r,a11yCloseText:p,onClose:m})=>{const l=i.findComponent(e,O),c=i.findComponent(e,f),d=i.excludeComponent(e,f);return a.createElement("span",{className:`${t}__overlay`,id:s,role:v[t]||null,style:Object.assign(Object.assign({},E[n]),o)},a.createElement("span",{className:`${t}__pointer ${t}__pointer--${n}`}),a.createElement("span",{className:`${t}__mask`},a.createElement("span",{className:`${t}__cell`},a.createElement("span",{className:`${t}__content`},d),r?a.createElement("button",Object.assign({},l==null?void 0:l.props,{className:`icon-btn icon-btn--transparent ${t}__close`,type:"button","aria-label":p,onClick:m}),a.createElement(h.EbayIcon,{name:"close16"})):null,c)))},R=({onExpand:s,onCollapse:o,initialExpanded:n=!1,hostRef:e})=>{const[t,r]=a.useState(n);return{isExpanded:t,expandTooltip:()=>{r(!0),s&&s()},collapseTooltip:()=>{var l;r(!1),o&&o(),(l=e==null?void 0:e.current)===null||l===void 0||l.focus()}}};exports.DEFAULT_POINTER_DIRECTION=x;exports.POINTER_STYLES=E;exports.Tooltip=N;exports.TooltipContent=C;exports.TooltipFooter=f;exports.TooltipHost=u;exports.useTooltip=R;
|