@ebay/ui-core-react 8.2.1 → 8.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -1
- package/{button-DpMwH1cr.js → button-C3RhAySI.js} +1 -1
- package/{calendar-BZZF3Pad.js → calendar-D91b1JOr.js} +1 -1
- package/{checkbox-Bb3s3Jof.js → checkbox-BziMKlXl.js} +1 -1
- package/chip-CFq5Sx2d.js +1 -0
- package/dialog-previous-button-ns64Jg1v.js +1 -0
- package/ebay-accordion/index.js +1 -1
- 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/carousel.d.ts.map +1 -1
- package/ebay-carousel/index.js +1 -1
- package/ebay-checkbox/index.js +1 -1
- package/ebay-chip/index.js +1 -1
- package/ebay-chips-combobox/index.js +1 -1
- package/ebay-confirm-dialog/confirm-dialog.d.ts +2 -1
- package/ebay-confirm-dialog/confirm-dialog.d.ts.map +1 -1
- package/ebay-confirm-dialog/index.js +1 -1
- package/ebay-cta-button/index.js +1 -1
- package/ebay-date-textbox/index.js +1 -1
- package/ebay-details/index.js +1 -1
- package/{ebay-details-Bam0o8vd.js → ebay-details-Co3xp8NP.js} +1 -1
- package/ebay-dialog-base/components/dialogBase.d.ts +4 -3
- package/ebay-dialog-base/components/dialogBase.d.ts.map +1 -1
- package/ebay-dialog-base/index.d.ts +1 -0
- package/ebay-dialog-base/index.d.ts.map +1 -1
- package/ebay-dialog-base/index.js +1 -1
- package/ebay-dialog-base/types.d.ts +4 -0
- package/ebay-dialog-base/types.d.ts.map +1 -0
- 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-menu/index.js +1 -1
- package/ebay-fake-menu-button/index.js +1 -1
- package/ebay-file-preview-card/README.md +69 -0
- package/ebay-file-preview-card/file-preview-action.d.ts +15 -0
- package/ebay-file-preview-card/file-preview-action.d.ts.map +1 -0
- package/ebay-file-preview-card/file-preview-card.d.ts +23 -0
- package/ebay-file-preview-card/file-preview-card.d.ts.map +1 -0
- package/ebay-file-preview-card/file-preview-content.d.ts +10 -0
- package/ebay-file-preview-card/file-preview-content.d.ts.map +1 -0
- package/ebay-file-preview-card/file-preview-label.d.ts +9 -0
- package/ebay-file-preview-card/file-preview-label.d.ts.map +1 -0
- package/ebay-file-preview-card/index.d.ts +3 -0
- package/ebay-file-preview-card/index.d.ts.map +1 -0
- package/ebay-file-preview-card/index.js +1 -0
- package/ebay-file-preview-card/types.d.ts +18 -0
- package/ebay-file-preview-card/types.d.ts.map +1 -0
- package/ebay-filter-menu/index.js +1 -1
- package/ebay-filter-menu-button/index.js +1 -1
- package/ebay-fullscreen-dialog-deprecated/fullscreen-dialog.d.ts +2 -1
- package/ebay-fullscreen-dialog-deprecated/fullscreen-dialog.d.ts.map +1 -1
- package/ebay-fullscreen-dialog-deprecated/index.js +1 -1
- package/ebay-icon/index.js +1 -1
- package/ebay-icon-button/index.js +1 -1
- package/ebay-infotip/index.js +1 -1
- package/ebay-inline-notice/index.js +1 -1
- package/ebay-lightbox-dialog/index.js +1 -1
- package/ebay-lightbox-dialog/lightbox-dialog.d.ts +2 -1
- package/ebay-lightbox-dialog/lightbox-dialog.d.ts.map +1 -1
- package/ebay-listbox/index.js +1 -1
- package/ebay-listbox-button/index.js +1 -1
- package/ebay-menu/index.js +1 -1
- package/ebay-menu-button/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-panel-dialog/panel-dialog.d.ts +2 -1
- package/ebay-panel-dialog/panel-dialog.d.ts.map +1 -1
- package/ebay-progress-bar-expressive/README.md +52 -0
- package/ebay-progress-bar-expressive/index.d.ts +3 -0
- package/ebay-progress-bar-expressive/index.d.ts.map +1 -0
- package/ebay-progress-bar-expressive/index.js +1 -0
- package/ebay-progress-bar-expressive/progress-bar-expressive-message.d.ts +10 -0
- package/ebay-progress-bar-expressive/progress-bar-expressive-message.d.ts.map +1 -0
- package/ebay-progress-bar-expressive/progress-bar-expressive.d.ts +7 -0
- package/ebay-progress-bar-expressive/progress-bar-expressive.d.ts.map +1 -0
- package/ebay-progress-spinner/index.js +1 -1
- package/ebay-progress-stepper/index.js +1 -1
- package/ebay-radio/index.js +1 -1
- package/ebay-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/index.js +1 -1
- package/ebay-table/index.js +1 -1
- package/ebay-textbox/index.js +1 -1
- package/ebay-toast-dialog/components/toast.d.ts +3 -2
- package/ebay-toast-dialog/components/toast.d.ts.map +1 -1
- package/ebay-toast-dialog/index.js +1 -1
- package/ebay-toggle-button/index.js +1 -1
- package/ebay-toggle-button-group/index.js +1 -1
- package/ebay-tooltip/index.js +1 -1
- package/ebay-tourtip/index.js +1 -1
- package/ebay-tri-state-checkbox/index.js +1 -1
- package/ebay-video/index.js +1 -1
- package/filter-menu-Drtczmts.js +1 -0
- package/forwardRef-DBQKIlPy.js +1 -0
- package/{icon-button-CZtp0khK.js → icon-button-DPIjQGta.js} +1 -1
- package/icon-hO_8pLp7.js +1 -0
- package/{lightbox-dialog-D_Uf6lg5.js → lightbox-dialog-2MA5lJCC.js} +1 -1
- package/{menu-D2zjriWy.js → menu-Bn7XgUPD.js} +1 -1
- package/menu-button-label-DYmCCAX3.js +1 -0
- package/menu-button-label-gQ_TH2Br.js +1 -0
- package/{menu-item-C3XRMJzc.js → menu-item-Bh7_6CFn.js} +1 -1
- package/package.json +1 -1
- package/{progress-spinner-B8eg-zDH.js → progress-spinner-CTs1iaUV.js} +1 -1
- package/{radio-wp0-bMIM.js → radio-D1pzF7Mn.js} +1 -1
- package/random-id-DlJj_RWH.js +1 -0
- package/reduced-motion-CMIhlQVx.js +1 -0
- package/{textbox-4AxUUs5r.js → textbox-XeJt9mMq.js} +1 -1
- package/{toggle-button-Bzon4-mn.js → toggle-button-CugK7Hwz.js} +1 -1
- package/{tri-state-checkbox-BX-snR_a.js → tri-state-checkbox-f-0yBnVG.js} +1 -1
- package/{use-tooltip-8T32Ki1f.js → use-tooltip-BTMlwcb6.js} +1 -1
- package/utils/index.d.ts +1 -0
- package/utils/index.d.ts.map +1 -1
- package/utils/index.js +1 -1
- package/utils/reduced-motion.d.ts +3 -0
- package/utils/reduced-motion.d.ts.map +1 -0
- package/chip-CaMakGa6.js +0 -1
- package/dialog-previous-button-vXOjDN7l.js +0 -1
- package/filter-menu-CF5Lvzqu.js +0 -1
- package/forwardRef-irqyO_PF.js +0 -1
- package/icon-CeLPlCml.js +0 -1
- package/menu-button-label-C_SUnCJn.js +0 -1
- package/menu-button-label-Ck5QyJG2.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"),H=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"),H=require("classnames"),B=require("../tri-state-checkbox-f-0yBnVG.js"),O=require("../utils-C9NL3q0j.js"),M=require("../icon-hO_8pLp7.js"),I=require("../checkbox-BziMKlXl.js"),g=a=>{var{rowHeader:E,columnType:c,className:o,children:i}=a,p=f.__rest(a,["rowHeader","columnType","className","children"]);const b=E?"th":"td",s=c==="layout"?"div":l.Fragment;return l.createElement(b,Object.assign({className:H("table-cell",o,{[`table-cell--${c}`]:c})},p),l.createElement(s,Object.assign({},c==="layout"?{className:"table-cell__layout"}:{}),i))},_=a=>{var{columnType:E,name:c,sort:o,href:i,children:p,onSort:b}=a,s=f.__rest(a,["columnType","name","sort","href","children","onSort"]);const m={asc:"ascending",desc:"descending",none:"none"},T={asc:"sortDown12",desc:"sortUp12",none:"sort12"},y=o?l.createElement(l.Fragment,null," ",l.createElement(M.EbayIcon,{name:T[o]})):null;let u=p;return i?u=l.createElement("a",{href:i,onClick:b},p,y):o&&(u=l.createElement("button",{type:"button",onClick:b},p,y)),l.createElement(g,Object.assign({},s,{rowHeader:!0,columnType:E,"aria-sort":o?m[o]:void 0}),u)},N=a=>{var{name:E,className:c,selected:o,mode:i,a11ySelectRowText:p,children:b,onSelect:s,__headers:m}=a,T=f.__rest(a,["name","className","selected","mode","a11ySelectRowText","children","onSelect","__headers"]);const y=O.filterByType(b,g),u=(r,{checked:S})=>{s(r,{name:E,selected:S})};return l.createElement("tr",Object.assign({className:c},T),i==="selection"&&l.createElement(g,{rowHeader:!0,key:"selection-cell"},l.createElement(I.EbayCheckbox,{checked:o,"aria-label":p||"Select row",onChange:u})),m==null?void 0:m.map((r,S)=>l.cloneElement(y[S],{rowHeader:typeof r.props.rowHeader=="boolean"?r.props.rowHeader:y[S].props.rowHeader,columnType:typeof r.props.columnType=="string"?r.props.columnType:y[S].props.columnType})))},z=a=>{var{className:E,mode:c,allSelected:o,density:i,a11ySelectAllText:p,a11ySelectRowText:b,onSelect:s,onSort:m,children:T}=a,y=f.__rest(a,["className","mode","allSelected","density","a11ySelectAllText","a11ySelectRowText","onSelect","onSort","children"]);const u=O.filterByType(T,_),r=O.filterByType(T,N),[S,$]=l.useState(()=>u.reduce((e,t,n)=>(t.props.sort&&(e[t.props.name||`${n}`]=t.props.sort),e),{})),[v,x]=l.useState(()=>r.reduce((e,t,n)=>(e[t.props.name||`${n}`]=typeof t.props.selected=="boolean"?t.props.selected:!1,e),{}));function w(e){const t=Object.values(e).filter(Boolean).length,n=Object.values(e).length-t;return t===0?"false":n===0?"true":"mixed"}const j=typeof o<"u"?o:w(v),k=e=>{const t=r.reduce((n,d,h)=>(n[d.props.name||`${h}`]=j==="false"||j==="mixed",n),{});x(t),s==null||s(e,{selected:t,allSelected:w(t)})},R=(e,{name:t,selected:n})=>{const d=Object.assign(Object.assign({},v),{[t||""]:n});x(d),s==null||s(e,{selected:d,allSelected:w(d)})},q=(e,t)=>{const n={none:"asc",asc:"desc",desc:"none"},d=Object.entries(S).reduce((h,[C,A])=>(C===t?h[C]=n[A]:h[C]="none",h),{});$(d),m==null||m(e,{sorted:{[t]:d[t]}})};return l.createElement("div",Object.assign({},y,{className:H("table",E,{"table--mode-selection":c==="selection",[`table--density-${i}`]:i}),role:"group",tabIndex:0}),l.createElement("table",null,l.createElement("thead",null,l.createElement("tr",null,c==="selection"&&l.createElement(_,{key:"selection-all-cell"},l.createElement(B.EbayTriStateCheckbox,{"aria-label":p||"Select all rows",checked:j,onChange:k})),u.map((e,t)=>l.cloneElement(e,{sort:S[e.props.name||`${t}`],onSort:n=>q(n,e.props.name||`${t}`)})))),l.createElement("tbody",null,r.map((e,t)=>l.cloneElement(e,{mode:c,name:e.props.name||`${t}`,a11ySelectRowText:e.props.a11ySelectRowText||b,onSelect:(n,d)=>R(n,Object.assign(Object.assign({},d),{name:e.props.name||`${t}`})),selected:typeof e.props.selected=="boolean"?e.props.selected:v[e.props.name||`${t}`],__headers:u})))))};exports.EbayTable=z;exports.EbayTableCell=g;exports.EbayTableHeader=_;exports.EbayTableRow=N;
|
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-XeJt9mMq.js");exports.EbayTextbox=x.EbayTextbox;exports.EbayTextboxPostfixIcon=x.EbayTextboxPostfixIcon;exports.EbayTextboxPostfixText=x.EbayTextboxPostfixText;exports.EbayTextboxPrefixIcon=x.EbayTextboxPrefixIcon;exports.EbayTextboxPrefixText=x.EbayTextboxPrefixText;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import { DialogBaseProps } from '../../ebay-dialog-base';
|
|
3
|
+
import { DialogCloseEventHandler } from '../../ebay-dialog-base/types';
|
|
3
4
|
export type EbayToastProps = DialogBaseProps<HTMLElement> & {
|
|
4
|
-
onClose?:
|
|
5
|
+
onClose?: DialogCloseEventHandler;
|
|
5
6
|
};
|
|
6
7
|
export declare const EbayToast: FC<EbayToastProps>;
|
|
7
8
|
export default EbayToast;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/ebay-toast-dialog/components/toast.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/ebay-toast-dialog/components/toast.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAuB,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AAEtE,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC,WAAW,CAAC,GAAG;IAC1D,OAAO,CAAC,EAAE,uBAAuB,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAexC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -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-ns64Jg1v.js");require("../icon-button-DPIjQGta.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-CugK7Hwz.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-CugK7Hwz.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-BTMlwcb6.js");require("classnames");require("../icon-hO_8pLp7.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(),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 T=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 T=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),a=require("../utils-C9NL3q0j.js"),n=require("../use-tooltip-BTMlwcb6.js"),w=require("classnames");require("../icon-hO_8pLp7.js");require("../array.polyfill.flat-5BAolFdk.js");const y=()=>null,b=()=>null,h=({index:t,children:r})=>e.createElement(e.Fragment,null,t!==void 0&&e.createElement("span",{className:"tourtip__index"},t),r),m=t=>{var{as:r,children:s,className:i}=t,o=T.__rest(t,["as","children","className"]);const l=r||"h2";return e.createElement(l,Object.assign({},o,{className:w("tourtip__heading",i)}),s)},R=t=>{var{a11yCloseText:r,"aria-label":s,className:i,children:o,onCollapse:l,onExpand:f,overlayStyle:C,pointer:g}=t,q=T.__rest(t,["a11yCloseText","aria-label","className","children","onCollapse","onExpand","overlayStyle","pointer"]);const p=e.useRef(),{isExpanded:c,collapseTooltip:x}=n.useTooltip({onExpand:f,onCollapse:l,initialExpanded:!0,hostRef:p}),H=e.useRef(),u=a.findComponent(o,y);if(!u)throw new Error("EbayTourtip: Please use a EbayTourtipContent that defines the content of the tourtip");const{children:N,contentProps:_}=u.props,d=a.findComponent(o,b);if(!d)throw new Error("EbayTourtip: Please use a EbayTourtipHost that defines the host of the tourtip");const v=a.findComponent(o,m),E=a.findComponent(o,h);return e.createElement(n.Tooltip,Object.assign({},q,{className:i,type:"tourtip",isExpanded:c,ref:H}),e.createElement(n.TooltipHost,Object.assign({},d.props,{forwardedRef:p,"aria-label":s,"aria-expanded":c})),e.createElement(n.TooltipContent,Object.assign({},_,{a11yCloseText:r,onClose:x,pointer:g,showCloseButton:!0,style:C,type:"tourtip"}),v,N,E&&e.createElement(n.TooltipFooter,{type:"tourtip"},E)))};exports.Tooltip=n.Tooltip;exports.EbayTourtip=R;exports.EbayTourtipContent=y;exports.EbayTourtipFooter=h;exports.EbayTourtipHeading=m;exports.EbayTourtipHost=b;
|
|
@@ -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-f-0yBnVG.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-hO_8pLp7.js"),Z=require("../progress-spinner-CTs1iaUV.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(),[T,Y]=e.useState(),[E,k]=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),k(!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(()=>{k(!1)}).catch(c=>{switch(console.error(c),c.code){case te:return;case re:setTimeout(()=>g(t),0);break;default:{const w=f.length>t+1&&t+1;w?setTimeout(()=>g(w),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),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},x={width:n?`${n}px`:void 0,height:o?`${o}px`:void 0};return e.createElement("div",{style:x,className:b("video-player",{"video-player--poster":!T})},!T&&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:x,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 j=require("./tslib.es6-C4EgNkz1.js"),t=require("react"),ae=require("makeup-prevent-scroll-keys"),re=require("makeup-roving-tabindex"),U=require("./random-id-DlJj_RWH.js"),ne=require("./forwardRef-DBQKIlPy.js"),T=require("./utils-C9NL3q0j.js"),B=require("classnames"),ce=require("./checkbox-BziMKlXl.js"),oe=require("./radio-D1pzF7Mn.js"),M=require("./icon-hO_8pLp7.js");require("./array.polyfill.flat-5BAolFdk.js");const se=require("./button-C3RhAySI.js");function le(r){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const m=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(c,s,m.get?m:{enumerable:!0,get:()=>r[s]})}}return c.default=r,Object.freeze(c)}const ie=le(ae),A=r=>{var{__classPrefix:c,__variant:s,className:m,onClick:C}=r,E=j.__rest(r,["__classPrefix","__variant","className","onClick"]);const l=s==="form";return t.createElement("button",Object.assign({},E,{type:l?"submit":"button",className:B(m,`${c}__footer`),onClick:l?void 0:C}))},V=r=>{var{checked:c,value:s,disabled:m,children:C,className:E,onClick:l,__type:S,__variant:P,__classPrefix:v}=r,q=j.__rest(r,["checked","value","disabled","children","className","onClick","__type","__variant","__classPrefix"]);const R=P==="form",u=S==="radio",h=u?"radio":"checkbox",I=U.useRandomId(),y=`'${h}-${I}`,f=R?"label":"div",w=u?oe.EbayRadio:ce.EbayCheckbox,O=u?`${v}__radio`:`${v}__checkbox`,$=u?"radioChecked18":"checkboxChecked18",F=u?"radioUnchecked18":"checkboxUnchecked18",b=_=>{l==null||l(_,{value:s,checked:!c})};return t.createElement(f,Object.assign({},q,{className:B(E,`${v}__item`),htmlFor:R?y:void 0,role:u?"menuitemradio":"menuitemcheckbox",onClick:b,"aria-checked":c,"aria-disabled":m}),R?t.createElement(w,{id:y,checked:c}):t.createElement("span",{className:O},t.createElement(M.EbayIcon,{name:c?$:F})),t.createElement("span",{className:`${v}__text`},C))},de=r=>{var{classPrefix:c,className:s,formMethod:m,formAction:C,formName:E,variant:l,children:S,type:P,searchHeaderValue:v,searchHeaderPlaceholderText:q,a11ySearchHeaderClearText:R,forwardedRef:u,onSearchChange:h,onFormSubmit:I,onFooterClick:y,onChange:f,"aria-label":w,"aria-labelledby":O}=r,$=j.__rest(r,["classPrefix","className","formMethod","formAction","formName","variant","children","type","searchHeaderValue","searchHeaderPlaceholderText","a11ySearchHeaderClearText","forwardedRef","onSearchChange","onFormSubmit","onFooterClick","onChange","aria-label","aria-labelledby"]);const F=t.useRef(null),b=l==="form",_=P==="radio",x=c||"filter-menu",D=T.findComponent(S,A),p=T.filterByType(S,V),z=U.useRandomId(),[G,H]=t.useState(v||""),[g,J]=t.useState(()=>p.map((e,a)=>e.props.checked&&a).find(e=>typeof e=="number")),[N,Q]=t.useState(()=>p.map(e=>!!e.props.checked));t.useEffect(()=>{let e;return b||(e=re.createLinear(F.current,"div",{autoInit:"interactive"}),ie.add(F.current)),()=>{e&&(e.destroy(),e=null)}},[b]);const K=()=>({checked:p.filter((e,a)=>_?g===a:N[a]).map(e=>e.props.value),checkedIndex:p.map((e,a)=>_?a===g&&a:N[a]&&a).filter(e=>typeof e=="number")}),W=e=>{y==null||y(e,K())},X=e=>{I==null||I(e,K())},Y=e=>{H(""),h==null||h(e,{searchTerm:""})},Z=e=>{H(e.target.value),h==null||h(e,{searchTerm:e.target.value})},ee=b?"form":t.Fragment,te=b?{name:E,action:C,method:m,onSubmit:X}:{},L=(e,{checked:a,index:n})=>{const k=e.target;if(!(b&&k.type==="checkbox"))if(_)J(n),f==null||f(e,{index:n,checked:[p[n].props.value],checkedIndex:[n],currentChecked:a});else{const i=N.map((o,d)=>d===n?a:o);f==null||f(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({},$,{ref:u,className:B(s,`${c?`${x}__menu`:x}`)}),q?t.createElement("div",{className:"filter-menu__header"},t.createElement(M.EbayIcon,{name:"search16"}),t.createElement("input",{type:"text",value:G,className:"filter-menu__search",placeholder:q,"aria-owns":"TODO with menuitems ID",onChange:Z}),t.createElement(se.EbayButton,{type:"button",onClick:Y},t.createElement(M.EbayIcon,{name:"clear20"}))):null,t.createElement(ee,Object.assign({},te),t.createElement("div",{id:z,ref:F,className:`${x}__items`,role:b?void 0:"menu","aria-label":w,"aria-labelledby":O},p.map((e,a)=>t.cloneElement(e,{__classPrefix:x,__type:P,__variant:l,checked:_?a===g:N[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}),L(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:N[a];L(n,{checked:!o,index:a})}}}))),D&&t.cloneElement(D,{onClick:W,__classPrefix:x,__variant:l})))},me=ne.withForwardRef(de);exports.EbayFilterMenu=me;exports.EbayFilterMenuFooterButton=A;exports.EbayFilterMenuItem=V;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const a=require("react"),c=e=>e.displayName||e.name||"Component",d=e=>{const r=a.forwardRef((t,s)=>a.createElement(e,Object.assign({},t,{forwardedRef:s})));return r.displayName=c(e),r};exports.withForwardRef=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-hO_8pLp7.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;
|
package/icon-hO_8pLp7.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const w=require("./tslib.es6-C4EgNkz1.js"),t=require("react"),I=require("classnames"),x=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const k=require("./random-id-DlJj_RWH.js"),C=n=>{var{name:a,className:e,noSkinClasses:l=!1,a11yText:s,a11yVariant:d,forwardedRef:f}=n,u=w.__rest(n,["name","className","noSkinClasses","a11yText","a11yVariant","forwardedRef"]);const[m,b]=t.useState("");t.useEffect(()=>{b(k.randomId())},[]);const o=d==="label",i=s&&`icon-title-${m}`,y=s?{"aria-labelledby":o?void 0:i,"aria-label":o?s:void 0,role:"img"}:{"aria-hidden":!0},r=c(a),N=["icon",`icon--${E(r)||r}`,$(r)].filter(Boolean).join(" "),g=I(e,{[N]:!l});return t.createElement("svg",Object.assign({},u,{className:g,xmlns:"http://www.w3.org/2000/svg",focusable:!1,ref:f},y),s&&!o&&t.createElement("title",{id:i},s),t.createElement("use",{xlinkHref:`#icon-${r}`}))};function E(n){const a=n.split("-"),e=a[a.length-1];return e==="colored"?a[a.length-2]:isNaN(Number(e))?"":e}function $(n){const a=n.split("-"),e=a.indexOf("filled");return e===-1?"":`icon--${a.slice(0,e+1).join("-")}`}function c(n){return n.replace(/([0-9]+)/g,(a,e)=>`-${e}`).replace(/([A-Z])/g,(a,e)=>`-${e.toLowerCase()}`)}const h=x.withForwardRef(C);exports.EbayIcon=h;exports.kebabCased=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const b=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),n=require("classnames"),d=require("./dialog-previous-button-
|
|
1
|
+
"use strict";const b=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),n=require("classnames"),d=require("./dialog-previous-button-ns64Jg1v.js");require("./icon-button-DPIjQGta.js");const m=i=>{var{open:l,mode:r,size:t,bannerImgSrc:o,bannerImgPosition:g,onClose:s=()=>{}}=i,e=b.__rest(i,["open","mode","size","bannerImgSrc","bannerImgPosition","onClose"]);const c=o?a.createElement("div",{className:"lightbox-dialog__image",style:{backgroundImage:`url(${o})`,backgroundPosition:g}}):e.top;return a.createElement(d.DialogBaseWithState,Object.assign({buttonPosition:"right"},e,{classPrefix:"lightbox-dialog",onCloseBtnClick:s,onBackgroundClick:s,className:n(e.className,"lightbox-dialog--mask-fade",{[`lightbox-dialog--${t}`]:t,"lightbox-dialog--expressive":o}),windowClass:n("lightbox-dialog__window--fade",{"lightbox-dialog__window--mini":r==="mini"}),top:c,open:l}))};exports.EbayLightboxDialog=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const R=require("./tslib.es6-C4EgNkz1.js"),s=require("react"),A=require("classnames"),P=require("./use-roving-index-DoAVBgsp.js"),T=require("./index-Bsb1LHpi.js"),z=require("./forwardRef-
|
|
1
|
+
"use strict";const R=require("./tslib.es6-C4EgNkz1.js"),s=require("react"),A=require("classnames"),P=require("./use-roving-index-DoAVBgsp.js"),T=require("./index-Bsb1LHpi.js"),z=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const G=require("./badge-BWhBKWCu.js"),H=require("./icon-hO_8pLp7.js"),M=a=>{var{className:f,checked:r,type:I,focused:u=!1,tabIndex:E,disabled:w,badgeNumber:b,badgeAriaLabel:h,children:C}=a,v=R.__rest(a,["className","checked","type","focused","tabIndex","disabled","badgeNumber","badgeAriaLabel","children"]);const d=s.useRef(null),l=b!==void 0;s.useEffect(()=>{d.current&&u&&d.current.focus()},[d,u]);const k=["radio","checkbox"];return s.createElement("div",Object.assign({"aria-label":h},v,{ref:d,className:A(f,"menu__item",l&&"menu__item--badged"),role:J(I),"aria-checked":k.includes(I)?r:void 0,"aria-disabled":w,tabIndex:u?0:E}),s.createElement("span",{"aria-hidden":l},C,l&&s.createElement(G.EbayBadge,{type:"menu",number:b})),s.createElement(H.EbayIcon,{name:"tick16"}))};function J(a){return{radio:"menuitemradio",checkbox:"menuitemcheckbox"}[a]||"menuitem"}const Q=a=>{var{baseEl:f="span",type:r,priority:I="secondary",checked:u,className:E,autofocus:w,onClick:b=()=>{},onKeyDown:h=()=>{},onChange:C=()=>{},onSelect:v=()=>{},forwardedRef:d,menuRef:l,children:k}=a,V=R.__rest(a,["baseEl","type","priority","checked","className","autofocus","onClick","onKeyDown","onChange","onSelect","forwardedRef","menuRef","children"]);const m=s.Children.toArray(k),[N,q]=P.useRovingIndex(k,M,w===!0?0:void 0),[i,F]=s.useState(m.map(()=>!1)),B=c=>m.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:B(e)}),j=(c,e,n=!1)=>{let o=!1;const p=i.map((g,_)=>{const t=n?!1:g;return c===_?(g!==e&&(o=!0),e):t});if(o)return F(p),p},y=c=>{switch(r){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(r==="radio")if(u===void 0){const c=m.findIndex(e=>e.props.checked);c>-1&&y(c)}else y(u);else r==="checkbox"&&F(m.map(c=>!!c.props.checked))},[]);const O=(c,e,n)=>{switch(r){case"radio":case"checkbox":return C(c,D(e,n));default:return v(c,x(e,n))}},S=(c,e)=>{let n;switch(T.isActionKey(c.key)&&(n=y(e),n&&O(c,e,n)),r){case"radio":case"checkbox":return h(c,D(e,n||i));default:return h(c,x(e,n||i))}},L=(c,e)=>{q(e);const n=y(e);n&&O(c,e,n)};return s.createElement(f,Object.assign({},V,{className:A(E,"menu"),ref:d}),s.createElement("div",{className:"menu__items",role:"menu",ref:l},m.map((c,e)=>{const n=c.props,{onClick:o=()=>{},onFocus:p=()=>{},onKeyDown:g=()=>{}}=n,_=R.__rest(n,["onClick","onFocus","onKeyDown"]);return s.cloneElement(c,Object.assign(Object.assign({},_),{type:r,focused:e===N,tabIndex:N===void 0?0:-1,checked:i[e],onFocus:t=>{q(e),p(t)},onClick:t=>{L(t,e),o(t),b(t)},onKeyDown:t=>{S(t,e),g(t)}}))})))},U=z.withForwardRef(Q);exports.EbayMenu=U;exports.EbayMenuItem=M;
|
|
@@ -0,0 +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-C3RhAySI.js"),z=require("./icon-hO_8pLp7.js"),P=require("./icon-button-DPIjQGta.js"),_=require("./menu-item-Bh7_6CFn.js"),$=require("./dropdown-BLiIyhWy.js"),A=o=>{var{a11yText:r,noToggleIcon:u,fixWidth:I,reverse:b,variant:p,expanded:B=!1,className:h,onCollapse:q=()=>{},onExpand:w=()=>{},onMouseDown:N=()=>{},onSelect:F=()=>{},text:f="",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,f):f),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)},p==="overflow"?e.createElement(P.EbayIconButton,Object.assign({icon:"overflowHorizontal24"},v)):e.createElement(W.EbayButton,Object.assign({variant:p==="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"),role:"separator"}))},g=({children:o})=>e.createElement(e.Fragment,null,o);exports.EbayFakeMenuButtonItem=k;exports.EbayFakeMenuButtonLabel=g;exports.EbayMenuButton=A;exports.EbayMenuButtonSeparator=M;
|
|
@@ -0,0 +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-Bn7XgUPD.js"),ne=require("./button-C3RhAySI.js"),te=require("./icon-button-DPIjQGta.js"),N=require("./icon-hO_8pLp7.js"),ae=require("./random-id-DlJj_RWH.js"),oe=require("./index-Bsb1LHpi.js"),se=require("./dropdown-BLiIyhWy.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"),role:"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 E=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),_=require("classnames"),k=require("./forwardRef-
|
|
1
|
+
"use strict";const E=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-hO_8pLp7.js"),h=require("./badge-BWhBKWCu.js"),N=n=>{var{className:m,itemMatchesUrl:p=!0,onKeyDown:c=()=>{},onSelect:d=()=>{},children:b,forwardedRef:i}=n,g=E.__rest(n,["className","itemMatchesUrl","onKeyDown","onSelect","children","forwardedRef"]);const o=e.Children.toArray(b),f=p===!1?"true":"page";return e.createElement("div",Object.assign({},g,{ref:i,className:_(m,"fake-menu")}),e.createElement("ul",{className:"fake-menu__items",tabIndex:-1},o.map((r,a)=>{const s=r.props,{current:l,onClick:y=()=>{}}=s,u=E.__rest(s,["current","onClick"]);return e.createElement("li",{key:a},e.cloneElement(r,Object.assign(Object.assign({},u),{"aria-current":l?f:void 0,onClick:t=>{d(t,{index:a}),y(t)},onKeyDown:t=>{c(t,{index:a})}})))})))},w=k.withForwardRef(N),R=n=>{var{className:m,current:p,disabled:c,autoFocus:d,type:b,badgeNumber:i,badgeAriaLabel:g,children:o}=n,f=E.__rest(n,["className","current","disabled","autoFocus","type","badgeNumber","badgeAriaLabel","children"]);const r=e.useRef(),a=i!==void 0;e.useEffect(()=>{var t;d&&((t=r.current)===null||t===void 0||t.focus())});const s=Object.assign(Object.assign({},f),{ref:r,className:_(m,"fake-menu__item",a&&"menu__item--badged"),"aria-label":g}),l=e.createElement(v.EbayIcon,{name:"tick16"}),y={marginLeft:"var(--spacing-100)",marginRight:"var(--spacing-100)"},u=a&&e.createElement(h.EbayBadge,{type:"menu",number:i,style:y});return b==="button"?e.createElement("button",Object.assign({},s,{type:"button",disabled:c}),e.createElement("span",null,o,u),l):e.createElement("a",Object.assign({},s,{"aria-disabled":c?"true":void 0}),e.createElement("span",null,o,u),l)};exports.EbayFakeMenu=w;exports.EbayMenuItem=R;
|
package/package.json
CHANGED
|
@@ -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-hO_8pLp7.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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),F=require("classnames"),c=require("./icon-
|
|
1
|
+
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),F=require("classnames"),c=require("./icon-hO_8pLp7.js"),j=require("./label-BRztS0pw.js"),q=r=>{var{size:t="default",checked:i,defaultChecked:d,className:u,style:h,id:s,onChange:m=()=>{},onFocus:y=()=>{},onKeyDown:g=()=>{},children:l}=r,b=p.__rest(r,["size","checked","defaultChecked","className","style","id","onChange","onFocus","onKeyDown","children"]);const _=n=>{var e;return m(n,{value:(e=n.target)===null||e===void 0?void 0:e.value})},v=n=>{var e;return y(n,{value:(e=n.target)===null||e===void 0?void 0:e.value})},E=n=>{const e=n.target;return g(n,{value:e==null?void 0:e.value})},k=F("radio",u,{"radio--large":t==="large"}),C=t==="large"?a.createElement(c.EbayIcon,{name:"radioChecked24",className:"radio__checked"}):a.createElement(c.EbayIcon,{name:"radioChecked18",className:"radio__checked"}),N=t==="large"?a.createElement(c.EbayIcon,{name:"radioUnchecked24",className:"radio__unchecked"}):a.createElement(c.EbayIcon,{name:"radioUnchecked18",className:"radio__unchecked"}),o=a.Children.toArray(l).find(n=>n.type===j.Label);return a.createElement(a.Fragment,null,a.createElement("span",{className:k,style:Object.assign(Object.assign({},h),{alignItems:"center"})},a.createElement("input",Object.assign({},b,{id:s,className:"radio__control",type:"radio",defaultChecked:d,checked:i,onChange:_,onFocus:v,onKeyDown:E})),a.createElement("span",{className:"radio__icon",hidden:!0},C,N)),o?a.cloneElement(o,Object.assign(Object.assign({},o.props),{position:"end",htmlFor:s})):l)};exports.EbayRadio=q;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=require("react"),e=()=>Math.random().toString(16).slice(-4),n=()=>{const[s,d]=t.useState("");return t.useEffect(()=>{d(e())},[]),s};exports.randomId=e;exports.useRandomId=n;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const d=require("react");function i(){return d.useSyncExternalStore(()=>()=>{},()=>n(),()=>!1)}function n(){var e,o;return!!(!((o=(e=window.matchMedia)===null||e===void 0?void 0:e.call(window,"(prefers-reduced-motion: reduce)"))===null||o===void 0)&&o.matches)}exports.isReducedMotion=n;exports.useReducedMotion=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const m=require("./tslib.es6-C4EgNkz1.js"),t=require("react"),se=require("classnames"),re=require("./forwardRef-
|
|
1
|
+
"use strict";const m=require("./tslib.es6-C4EgNkz1.js"),t=require("react"),se=require("classnames"),re=require("./forwardRef-DBQKIlPy.js"),v=require("./utils-C9NL3q0j.js"),w=require("./icon-hO_8pLp7.js"),ce=require("./icon-button-DPIjQGta.js"),ue=require("./hooks-DqYMvHrS.js"),K=o=>{var{name:a,buttonAriaLabel:l,onClick:c=()=>{}}=o,s=m.__rest(o,["name","buttonAriaLabel","onClick"]);return l?t.createElement(ce.EbayIconButton,Object.assign({"aria-label":l,icon:a,transparent:!0,onClick:c},s)):t.createElement(w.EbayIcon,Object.assign({name:a},s))},L=o=>t.createElement("span",Object.assign({},o)),P=o=>{var{name:a}=o,l=m.__rest(o,["name"]);return t.createElement(w.EbayIcon,Object.assign({name:a},l))},F=o=>t.createElement("span",Object.assign({},o)),g=o=>typeof o<"u",de=o=>{var a,l,{type:c="text",invalid:s,fluid:p,multiline:_,onChange:q=()=>{},onInputChange:B=()=>{},onFocus:j=()=>{},onBlur:k=()=>{},onKeyPress:O=()=>{},onKeyUp:V=()=>{},onKeyDown:N=()=>{},onInvalid:R=()=>{},onFloatingLabelInit:D=()=>{},onButtonClick:S=()=>{},autoFocus:E,defaultValue:f="",value:y,forwardedRef:U,inputSize:C="default",floatingLabel:z,children:u,placeholder:A,opaqueLabel:M}=o,r=m.__rest(o,["type","invalid","fluid","multiline","onChange","onInputChange","onFocus","onBlur","onKeyPress","onKeyUp","onKeyDown","onInvalid","onFloatingLabelInit","onButtonClick","autoFocus","defaultValue","value","forwardedRef","inputSize","floatingLabel","children","placeholder","opaqueLabel"]);const[I,W]=t.useState(f),[$,G]=t.useState(f),h=ue.useFloatingLabel({text:z,disabled:r.disabled,size:C,invalid:s,type:c,opaqueLabel:M,onMount:D,containerTagName:p?"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 i=(e=n.target)===null||e===void 0?void 0:e.value;k(n,{value:i}),i!==I&&(q(n,{value:i}),W(i))},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:I})};t.useEffect(()=>{E&&T()},[]);const ee=n=>{var e;const i=(e=n.target)===null||e===void 0?void 0:e.value;g(y)||G(i),B(n,{value:i})},ne=_?"textarea":"input",oe=p?"div":"span",te=v.findComponent(u,P),d=v.findComponent(u,F),ae=(a=d==null?void 0:d.props)===null||a===void 0?void 0:a.id,x=v.findComponent(u,K),b=v.findComponent(u,L),le=(l=b==null?void 0:b.props)===null||l===void 0?void 0:l.id,ie=se("textbox",r.className,{"textbox--fluid":p,"textbox--large":C==="large","textbox--disabled":r.disabled,"textbox--invalid":s,"textbox--readonly":r.readOnly});return t.createElement(h.Container,null,t.createElement(h.Label,{htmlFor:r.id}),t.createElement(oe,{className:ie},te,d,t.createElement(ne,Object.assign({"aria-describedby":[ae,le].filter(Boolean).join(" ")||void 0},r,{className:"textbox__control",type:c,"aria-invalid":s,value:g(y)?y:$,onChange:ee,onBlur:H,onFocus:T,onKeyPress:J,onKeyUp:Q,onKeyDown:X,onInvalid:Y,autoFocus:E,ref:U,placeholder:A})),b,x&&t.cloneElement(x,Object.assign(Object.assign({},x.props),{onClick:n=>{const{onClick:e=()=>{}}=x.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-hO_8pLp7.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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const M=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),q=require("classnames"),a=require("./icon-
|
|
1
|
+
"use strict";const M=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),q=require("classnames"),a=require("./icon-hO_8pLp7.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=()=>{},children:K,inputRef:_}=s,v=M.__rest(s,["id","size","className","style","checked","defaultChecked","skipMixed","onChange","onFocus","onKeyDown","children","inputRef"]);const[h,g]=e.useState(m),n=D(r)?r:h,p=t=>{const c=t.target;let o=h;n==="true"?o="false":n==="false"&&!C?o="mixed":o="true",E(t,{value:c==null?void 0:c.value,checked:o}),g(o)},N=t=>{var c;return y(t,{value:(c=t.target)===null||c===void 0?void 0:c.value,checked:n})},I=t=>{const c=t.target;f(t,{value:c.value,checked:n})},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=()=>n==="true"?i:n==="mixed"?k:d;return e.createElement("span",{className:S,style:Object.assign({},x)},e.createElement("input",Object.assign({},v,{"aria-checked":n,id:u,className:"checkbox__control",type:"checkbox",checked:n==="true",onChange:p,onFocus:N,onKeyDown:I,ref:_})),e.createElement("span",{className:"checkbox__icon",hidden:!0},w()))};exports.EbayTriStateCheckbox=F;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const _=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),b=require("classnames"),T=require("./forwardRef-
|
|
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-hO_8pLp7.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;
|
package/utils/index.d.ts
CHANGED
|
@@ -3,4 +3,5 @@ export { debounce } from '../common/debounce';
|
|
|
3
3
|
export { withForwardRef } from '../common/component-utils/forwardRef';
|
|
4
4
|
export { excludeComponent, filterBy, filterByType, findComponent } from '../common/component-utils/utils';
|
|
5
5
|
export { scroll } from './scroll';
|
|
6
|
+
export { useReducedMotion, isReducedMotion } from './reduced-motion';
|
|
6
7
|
//# sourceMappingURL=index.d.ts.map
|
package/utils/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAA;AACrE,OAAO,EACH,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,aAAa,EAChB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAA;AACrE,OAAO,EACH,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,aAAa,EAChB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EACH,gBAAgB,EAChB,eAAe,EAClB,MAAM,kBAAkB,CAAA"}
|
package/utils/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../random-id-DlJj_RWH.js"),n=require("../debounce-BQsYxxOL.js"),d=require("../forwardRef-DBQKIlPy.js"),e=require("../utils-C9NL3q0j.js"),t=require("../scroll-OgAngNzq.js"),o=require("../reduced-motion-CMIhlQVx.js");exports.useRandomId=r.useRandomId;exports.debounce=n.debounce;exports.withForwardRef=d.withForwardRef;exports.excludeComponent=e.excludeComponent;exports.filterBy=e.filterBy;exports.filterByType=e.filterByType;exports.findComponent=e.findComponent;exports.scroll=t.scroll;exports.isReducedMotion=o.isReducedMotion;exports.useReducedMotion=o.useReducedMotion;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reduced-motion.d.ts","sourceRoot":"","sources":["../../src/utils/reduced-motion.ts"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,IAAI,OAAO,CAM1C;AAED,wBAAgB,eAAe,IAAI,OAAO,CAEzC"}
|
package/chip-CaMakGa6.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const l=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),o=require("./forwardRef-irqyO_PF.js");require("./array.polyfill.flat-5BAolFdk.js");const b=require("./icon-CeLPlCml.js"),u=t=>{var{a11yDeleteButtonText:a,onDelete:r,disabled:s,children:c}=t,i=l.__rest(t,["a11yDeleteButtonText","onDelete","disabled","children"]);const n=o.useRandomId();return e.createElement("span",Object.assign({},i,{className:"chip"}),e.createElement("span",{id:n,className:"ebay-chip__text"},c),a?e.createElement("button",{type:"button",className:"chip__button","aria-label":a,"aria-describedby":n,disabled:s,onClick:r},e.createElement(b.EbayIcon,{name:"close12"})):null)};exports.EbayChip=u;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const _=require("./tslib.es6-C4EgNkz1.js"),o=require("react"),re=require("react-remove-scroll"),h=require("classnames"),ae=require("makeup-screenreader-trap"),ie=require("makeup-keyboard-trap"),se=require("./icon-CeLPlCml.js"),le=require("./forwardRef-irqyO_PF.js"),ce=require("./icon-button-CZtp0khK.js");function z(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const O=z(ae),T=z(ie),A=e=>{var{children:t}=e,n=_.__rest(e,["children"]);return o.createElement("h2",Object.assign({},n),t)},q=({children:e})=>o.createElement(o.Fragment,null,e),F=({children:e})=>o.createElement(o.Fragment,null,e);function K({open:e,classPrefix:t,transitionElement:n,dialogRef:r,dialogWindowRef:d,enabled:m,onTransitionEnd:u}){const s=o.useRef(e);o.useLayoutEffect(()=>{if(!m)return;let i=[d,r];n==="window"?i=[d]:n==="root"&&(i=[r]);let a;return e?a=ue({dialog:r,waitFor:i,classPrefix:t,onTransitionEnd:u}):s.current!==e&&(a=de({dialog:r,waitFor:i,classPrefix:t,onTransitionEnd:u})),s.current=e,()=>{a&&a()}},[e,m])}function ue({dialog:e,waitFor:t,classPrefix:n,onTransitionEnd:r}){return V(e,t,`${n}--show`,r)}function de({dialog:e,waitFor:t,classPrefix:n,onTransitionEnd:r}){return V(e,t,`${n}--hide`,r)}function V(e,t,n,r){if(!e.current||!n)return;let d=0;const m=t?t.length:0,u=`${n}-init`;return e.current.classList.add(u),me(()=>{e.current&&(e.current.classList.add(n),e.current.classList.remove(u),t.forEach(s=>{const i=()=>{var a,b;++d===m&&((a=e.current)===null||a===void 0||a.classList.remove(n),r(),(b=s.current)===null||b===void 0||b.removeEventListener("transitionend",i))};s.current.addEventListener("transitionend",i,{once:!0})}))})}function me(e){let t,n;return window.requestAnimationFrame?(t=window.requestAnimationFrame(()=>{t=window.requestAnimationFrame(e)}),n=window.cancelAnimationFrame):(t=window.setTimeout(e,26),n=window.clearTimeout),()=>{t&&(n(t),t=void 0)}}const fe=e=>{var t,{baseEl:n="div",classPrefix:r="drawer-dialog",windowClass:d,windowType:m,mainId:u,top:s,header:i,buttonPosition:a="right",children:b,ariaLabelledby:B,a11yCloseText:C,onCloseBtnClick:y=()=>{},footer:E,actions:D,onScroll:l,open:c=!1,onOpen:G=()=>{},onBackgroundClick:j=()=>{},ignoreEscape:J,closeButton:Q,previousButton:U,isModal:w,role:X="dialog",focus:R,transitionElement:Y,animated:S,closeButtonClass:Z}=e,I=_.__rest(e,["baseEl","classPrefix","windowClass","windowType","mainId","top","header","buttonPosition","children","ariaLabelledby","a11yCloseText","onCloseBtnClick","footer","actions","onScroll","open","onOpen","onBackgroundClick","ignoreEscape","closeButton","previousButton","isModal","role","focus","transitionElement","animated","closeButtonClass"]);const P=o.useRef(null),g=o.useRef(null),M=o.useRef(null),[ee,te]=o.useState("");o.useEffect(()=>{te(le.randomId())},[]),o.useEffect(()=>{let f;const p=v=>{g.current&&!g.current.contains(v.target)&&j(v)};return c&&a!=="hidden"&&(f=window.setTimeout(()=>{document.addEventListener("click",p,!1)})),()=>{clearTimeout(f),document.removeEventListener("click",p,!1)}},[j,c]),o.useEffect(()=>(c&&w?(O.trap(g.current),T.trap(g.current)):(O.untrap(),T.untrap()),()=>{O.untrap(),T.untrap()}),[c,w]),K({open:c,classPrefix:r,transitionElement:Y,dialogRef:P,dialogWindowRef:g,enabled:S,onTransitionEnd:()=>x(c)});const L=f=>{!J&&f.key==="Escape"&&(f.stopPropagation(),y(f))};o.useEffect(()=>{S||x(c),c&&G()},[c]);function x(f){var p,v;if(f)return R?(p=R.current)===null||p===void 0||p.focus():w&&((v=M.current)===null||v===void 0||v.focus()),document.addEventListener("keydown",L,!1),()=>document.removeEventListener("keydown",L,!1)}const H=a!=="hidden"&&o.createElement("button",{ref:M,className:h("icon-btn",Z,`${r}__close`,{"icon-btn--transparent":r==="toast-dialog"}),type:"button","aria-label":C,onClick:y},Q||o.createElement(se.EbayIcon,{name:"close16"})),ne=m?`${r}__${m}-window`:`${r}__window`,W=((t=i==null?void 0:i.props)===null||t===void 0?void 0:t.id)||`dialog-title-${ee}`,oe=B||W,k=i?o.cloneElement(i,Object.assign(Object.assign({},i.props),{id:W})):null;return o.createElement(n,Object.assign({},I,{"aria-labelledby":oe,"aria-modal":"true",role:X,hidden:!c,className:h(r,I.className),"aria-live":w?void 0:"polite",ref:P,onKeyDown:L}),o.createElement("div",{className:h(ne,d),ref:g},s,k&&o.createElement("div",{className:`${r}__header`},U,a==="right"&&k,a!=="bottom"&&H,(a==="left"||a==="hidden")&&k),o.createElement("div",{id:u,className:`${r}__main`,onScroll:l},b),D?o.createElement("div",{className:`${r}__actions`},D):null,E||a==="bottom"?o.createElement("div",{className:`${r}__footer`},E,a==="bottom"&&H):null))},be=e=>{var{isModal:t,open:n,children:r,animated:d=!0}=e,m=_.__rest(e,["isModal","open","children","animated"]);const u=t!==!1,s=o.Children.toArray(r),i=s.find(l=>l.type===A),a=s.find(l=>l.type===q),b=s.find(l=>l.type===$),B=s.find(l=>l.type===F),C=s.find(l=>l.type===N),y=s.filter(l=>![A,q,F,$,N].some(c=>c===l.type)),E=o.createElement(fe,Object.assign({},m,{open:n,isModal:u,header:i,footer:a,actions:b,closeButton:B,previousButton:C,animated:d}),y);return d||n?u?o.createElement(re.RemoveScroll,{enabled:n},E):E:null},$=({children:e})=>o.createElement(o.Fragment,null,e),N=e=>{var{className:t,icon:n}=e,r=_.__rest(e,["className","icon"]);return o.createElement(ce.EbayIconButton,Object.assign({},r,{icon:n||"chevronLeft16",className:h(t,"lightbox-dialog__prev")}))};exports.DialogBaseWithState=be;exports.EbayDialogActions=$;exports.EbayDialogCloseButton=F;exports.EbayDialogFooter=q;exports.EbayDialogHeader=A;exports.EbayDialogPreviousButton=N;exports.useDialogAnimation=K;
|
package/filter-menu-CF5Lvzqu.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"),B=require("./forwardRef-irqyO_PF.js"),U=require("./utils-C9NL3q0j.js"),D=require("classnames"),ne=require("./checkbox-Bb3s3Jof.js"),ce=require("./radio-wp0-bMIM.js"),M=require("./icon-CeLPlCml.js");require("./array.polyfill.flat-5BAolFdk.js");const oe=require("./button-DpMwH1cr.js");function se(r){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const m=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(c,s,m.get?m:{enumerable:!0,get:()=>r[s]})}}return c.default=r,Object.freeze(c)}const le=se(ae),A=r=>{var{__classPrefix:c,__variant:s,className:m,onClick:C}=r,E=j.__rest(r,["__classPrefix","__variant","className","onClick"]);const l=s==="form";return t.createElement("button",Object.assign({},E,{type:l?"submit":"button",className:D(m,`${c}__footer`),onClick:l?void 0:C}))},V=r=>{var{checked:c,value:s,disabled:m,children:C,className:E,onClick:l,__type:S,__variant:P,__classPrefix:v}=r,q=j.__rest(r,["checked","value","disabled","children","className","onClick","__type","__variant","__classPrefix"]);const R=P==="form",u=S==="radio",h=u?"radio":"checkbox",I=B.useRandomId(),y=`'${h}-${I}`,f=R?"label":"div",w=u?ce.EbayRadio:ne.EbayCheckbox,O=u?`${v}__radio`:`${v}__checkbox`,$=u?"radioChecked18":"checkboxChecked18",F=u?"radioUnchecked18":"checkboxUnchecked18",b=_=>{l==null||l(_,{value:s,checked:!c})};return t.createElement(f,Object.assign({},q,{className:D(E,`${v}__item`),htmlFor:R?y:void 0,role:u?"menuitemradio":"menuitemcheckbox",onClick:b,"aria-checked":c,"aria-disabled":m}),R?t.createElement(w,{id:y,checked:c}):t.createElement("span",{className:O},t.createElement(M.EbayIcon,{name:c?$:F})),t.createElement("span",{className:`${v}__text`},C))},ie=r=>{var{classPrefix:c,className:s,formMethod:m,formAction:C,formName:E,variant:l,children:S,type:P,searchHeaderValue:v,searchHeaderPlaceholderText:q,a11ySearchHeaderClearText:R,forwardedRef:u,onSearchChange:h,onFormSubmit:I,onFooterClick:y,onChange:f,"aria-label":w,"aria-labelledby":O}=r,$=j.__rest(r,["classPrefix","className","formMethod","formAction","formName","variant","children","type","searchHeaderValue","searchHeaderPlaceholderText","a11ySearchHeaderClearText","forwardedRef","onSearchChange","onFormSubmit","onFooterClick","onChange","aria-label","aria-labelledby"]);const F=t.useRef(null),b=l==="form",_=P==="radio",x=c||"filter-menu",H=U.findComponent(S,A),p=U.filterByType(S,V),z=B.useRandomId(),[G,K]=t.useState(v||""),[g,J]=t.useState(()=>p.map((e,a)=>e.props.checked&&a).find(e=>typeof e=="number")),[N,Q]=t.useState(()=>p.map(e=>!!e.props.checked));t.useEffect(()=>{let e;return b||(e=re.createLinear(F.current,"div",{autoInit:"interactive"}),le.add(F.current)),()=>{e&&(e.destroy(),e=null)}},[b]);const L=()=>({checked:p.filter((e,a)=>_?g===a:N[a]).map(e=>e.props.value),checkedIndex:p.map((e,a)=>_?a===g&&a:N[a]&&a).filter(e=>typeof e=="number")}),W=e=>{y==null||y(e,L())},X=e=>{I==null||I(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=b?"form":t.Fragment,te=b?{name:E,action:C,method:m,onSubmit:X}:{},T=(e,{checked:a,index:n})=>{const k=e.target;if(!(b&&k.type==="checkbox"))if(_)J(n),f==null||f(e,{index:n,checked:[p[n].props.value],checkedIndex:[n],currentChecked:a});else{const i=N.map((o,d)=>d===n?a:o);f==null||f(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({},$,{ref:u,className:D(s,`${c?`${x}__menu`:x}`)}),q?t.createElement("div",{className:"filter-menu__header"},t.createElement(M.EbayIcon,{name:"search16"}),t.createElement("input",{type:"text",value:G,className:"filter-menu__search",placeholder:q,"aria-owns":"TODO with menuitems ID",onChange:Z}),t.createElement(oe.EbayButton,{type:"button",onClick:Y},t.createElement(M.EbayIcon,{name:"clear20"}))):null,t.createElement(ee,Object.assign({},te),t.createElement("div",{id:z,ref:F,className:`${x}__items`,role:b?void 0:"menu","aria-label":w,"aria-labelledby":O},p.map((e,a)=>t.cloneElement(e,{__classPrefix:x,__type:P,__variant:l,checked:_?a===g:N[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}),T(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:N[a];T(n,{checked:!o,index:a})}}}))),H&&t.cloneElement(H,{onClick:W,__classPrefix:x,__variant:l})))},de=B.withForwardRef(ie);exports.EbayFilterMenu=de;exports.EbayFilterMenuFooterButton=A;exports.EbayFilterMenuItem=V;
|
package/forwardRef-irqyO_PF.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const a=require("react"),r=()=>Math.random().toString(16).slice(-4),n=()=>{const[e,t]=a.useState("");return a.useEffect(()=>{t(r())},[]),e},o=e=>e.displayName||e.name||"Component",c=e=>{const t=a.forwardRef((s,d)=>a.createElement(e,Object.assign({},s,{forwardedRef:d})));return t.displayName=o(e),t};exports.randomId=r;exports.useRandomId=n;exports.withForwardRef=c;
|
package/icon-CeLPlCml.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const I=require("./tslib.es6-C4EgNkz1.js"),t=require("react"),x=require("classnames"),c=require("./forwardRef-irqyO_PF.js");require("./array.polyfill.flat-5BAolFdk.js");const k=s=>{var{name:a,className:e,noSkinClasses:d=!1,a11yText:n,a11yVariant:f,forwardedRef:u}=s,m=I.__rest(s,["name","className","noSkinClasses","a11yText","a11yVariant","forwardedRef"]);const[b,y]=t.useState("");t.useEffect(()=>{y(c.randomId())},[]);const i=f==="label",o=n&&`icon-title-${b}`,N=n?{"aria-labelledby":i?void 0:o,"aria-label":i?n:void 0,role:"img"}:{"aria-hidden":!0},r=l(a),g=["icon",`icon--${C(r)||r}`,E(r)].filter(Boolean).join(" "),w=x(e,{[g]:!d});return t.createElement("svg",Object.assign({},m,{className:w,xmlns:"http://www.w3.org/2000/svg",focusable:!1,ref:u},N),n&&!i&&t.createElement("title",{id:o},n),t.createElement("use",{xlinkHref:`#icon-${r}`}))};function C(s){const a=s.split("-"),e=a[a.length-1];return e==="colored"?a[a.length-2]:isNaN(Number(e))?"":e}function E(s){const a=s.split("-"),e=a.indexOf("filled");return e===-1?"":`icon--${a.slice(0,e+1).join("-")}`}function l(s){return s.replace(/([0-9]+)/g,(a,e)=>`-${e}`).replace(/([A-Z])/g,(a,e)=>`-${e.toLowerCase()}`)}const $=c.withForwardRef(k);exports.EbayIcon=$;exports.kebabCased=l;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const N=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),d=require("classnames"),h=require("./utils-C9NL3q0j.js"),B=require("./menu-D2zjriWy.js"),ne=require("./button-DpMwH1cr.js"),te=require("./icon-button-CZtp0khK.js"),w=require("./icon-CeLPlCml.js"),ae=require("./forwardRef-irqyO_PF.js"),oe=require("./index-Bsb1LHpi.js"),se=require("./dropdown-BLiIyhWy.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:R=()=>{},onChange:A=()=>{},onSelect:D=()=>{},children:E}=a,F=N.__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,K]=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,O]),V=I.map(n=>!!n.props.checked),[y,$]=e.useState(V),z=h.findComponent(E,q),G=h.findComponent(E,w.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&&R(),()=>document.removeEventListener("click",n,!1)},[c]),e.useEffect(()=>{K(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)}},F),Y=(n,t)=>{if(o==="radio"||o==="checkbox"){const i=y.map((_,ee)=>t.indexes.includes(ee));$(i)}A(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(w.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:D,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 O=a=>{var{className:o}=a,s=N.__rest(a,["className"]);return e.createElement("hr",Object.assign({},s,{className:d(o,"menu-button__separator"),role:"separator"}))},q=({children:a})=>e.createElement(e.Fragment,null,a);exports.EbayMenuButton=ce;exports.EbayMenuButtonLabel=q;exports.EbayMenuButtonSeparator=O;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const x=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),s=require("classnames"),m=require("./utils-C9NL3q0j.js"),R=require("./index-Bsb1LHpi.js"),H=require("./forwardRef-irqyO_PF.js"),W=require("./button-DpMwH1cr.js"),z=require("./icon-CeLPlCml.js"),P=require("./icon-button-CZtp0khK.js"),_=require("./menu-item-C3XRMJzc.js"),$=require("./dropdown-BLiIyhWy.js"),A=o=>{var{a11yText:r,noToggleIcon:u,fixWidth:B,reverse:b,variant:f,expanded:I=!1,className:w,onCollapse:h=()=>{},onExpand:q=()=>{},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(I),[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?(q(),setTimeout(()=>{document.addEventListener("click",t,!1)})):a===!1&&h(),()=>document.removeEventListener("click",t,!1)},[a]),e.useEffect(()=>{C(H.randomId())},[]);const D=t=>{R.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":B,"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",w)},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"),role:"separator"}))},g=({children:o})=>e.createElement(e.Fragment,null,o);exports.EbayFakeMenuButtonItem=k;exports.EbayFakeMenuButtonLabel=g;exports.EbayMenuButton=A;exports.EbayMenuButtonSeparator=M;
|