@ebay/ui-core-react 8.0.1 → 8.0.2

package/ebay-fake-menu-button/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-button-label-DJq794te.js");exports.EbayFakeMenuButton=e.EbayMenuButton;exports.EbayFakeMenuButtonItem=e.EbayFakeMenuButtonItem;exports.EbayFakeMenuButtonLabel=e.EbayFakeMenuButtonLabel;exports.EbayFakeMenuButtonSeparator=e.EbayMenuButtonSeparator;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-button-label-DXaIbM6S.js");exports.EbayFakeMenuButton=e.EbayMenuButton;exports.EbayFakeMenuButtonItem=e.EbayFakeMenuButtonItem;exports.EbayFakeMenuButtonLabel=e.EbayFakeMenuButtonLabel;exports.EbayFakeMenuButtonSeparator=e.EbayMenuButtonSeparator;

package/ebay-pagination/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),J=require("../menu-button-label-DJq794te.js"),H=require("classnames"),ee=require("../debounce-BQsYxxOL.js"),te=require("../utils-C9NL3q0j.js"),$=require("../icon-D4RDqpD4.js"),ne=require("../forwardRef-fPwzYd82.js");require("../array.polyfill.flat-5BAolFdk.js");const re=1,T=9,K=4,j=2,oe=T-j;function ie(e,n,a=e,s=null){const h=s==="show-last"||s==="overflow"&&e>T,l=s==="overflow"&&e>T,c=Math.min(a,e),v=Math.max(0,n-Math.ceil((c-1)/2)),E=c<K?n:Math.max(0,n-Math.floor((c-1)/2)),d=(h?E:v)+c,f=d>=e,M=n<=K,I=(b,i)=>{const r=O(e,b,i);return c>2?(r[i-2]="dots",r[i-1]="hidden",r[e-1]="visible"):c>1&&(r[i-1]="dots"),r},g=(b,i)=>{if(M)return I(0,i);if(f){const w=O(e,e-oe,e);return w[0]="visible",w[1]="dots",w}const r=O(e,n-j,n+j+1);return r[0]="visible",r[1]=M?"visible":"dots",r[e-2]="dots",r[e-1]="visible",r};return f&&e<=T?O(e,e-c):h?l?g(E,d):I(E,d):O(e,v,d)}function ae(e,n,a,s="show-range"){if(e===-1)return[];const h=s==="overflow"?T:se(Math.min(a,n),re,T);return ie(a,e-1,h,s)}function se(e,n,a){return e<=n?n:e>=a?a:e}function O(e,n,a){return Array(e).fill("hidden").fill("visible",n,a)}function ce(e){if(!e)return 0;e.style.width="100vw";const n=e.offsetWidth;return e.style.width=null,n}const ue=({id:e="ebay-pagination",className:n,a11yCurrentText:a="Pagination - Current Page",a11yPreviousText:s="Previous page",a11yNextText:h="Next page",variant:l="show-range",fluid:c=!1,onPrevious:v=()=>{},onNext:E=()=>{},onSelect:d=()=>{},children:f,...M})=>{const I=t.useRef(null),g=t.useRef([]);g.current=t.Children.map(f,t.createRef);const b=te.filterBy(f,({props:o})=>o.type===void 0||o.type==="page").length,i=t.useRef(0),r=t.useRef(0),w=()=>{var y,_,x,p;const o=r.current||((_=(y=g.current[0])==null?void 0:y.current)==null?void 0:_.offsetWidth);r.current=o;const m=i.current||((p=(x=g.current[1])==null?void 0:x.current)==null?void 0:p.offsetWidth);return i.current=m,m?Math.floor((ce(I.current)-o*2)/m):0},[A,B]=t.useState([]),[N,q]=t.useState(0),S=o=>{const m=o||g.current.findIndex(x=>{var p;return((p=x.current)==null?void 0:p.getAttribute("aria-current"))==="page"}),y=w(),_=ae(m,y,b,l);q(m),B(["hidden",..._])};t.useEffect(()=>{const o=ee.debounce(S,16);return S(),window.addEventListener("resize",()=>o()),()=>{window.removeEventListener("resize",()=>o())}},[f]);const W=o=>{let m=0;const y=[],_=[],x=[],p=A.indexOf("dots"),G=A.lastIndexOf("dots");return t.Children.map(f,(V,D)=>{const{type:L="page",current:Q,disabled:Y,href:P,children:U}=V.props,k=A[D]==="dots",z=`${e}-item-${D}`,X=A[D]==="hidden",Z={current:Q,disabled:Y,href:P,type:k&&L==="page"?"separator":L,children:k?t.createElement($.EbayIcon,{name:"overflowHorizontal24",focusable:!1}):U,pageIndex:L==="page"?m++:void 0,key:z,hide:X,onPrevious:v,onNext:E,onSelect:d,a11yPreviousText:s,a11yNextText:h,ref:g.current[D]};if((X||k)&&L==="page"){const C=t.createElement(J.EbayFakeMenuButtonItem,{key:z,href:P,onClick:F=>{P||F.preventDefault();const R=F.currentTarget;d(F,{value:(R==null?void 0:R.innerText)||"",index:m}),S(Number(R==null?void 0:R.innerText))}},U);p===G&&x.push(C),N-2>p&&D<N&&y.push(C),N+2<G&&D>N&&_.push(C)}if(o==="page"&&k&&l==="overflow"){let C=x;return p!==G&&(C=D===2?y:_),t.createElement("li",{key:z},t.createElement("span",{className:"pagination__item",role:"separator"},t.createElement(J.EbayMenuButton,{a11yText:"Menu",borderless:!0,variant:"overflow",noToggleIcon:!0},C)))}return o===L?t.cloneElement(V,Z):null})},u=`${e}-pagination-heading`;return t.createElement("nav",{...M,role:"navigation",className:H(n,"pagination",{"pagination--fluid":c}),"aria-labelledby":u,ref:I},t.createElement("span",{"aria-live":"polite",role:"status"},t.createElement("h2",{className:"clipped",id:u},a)),W("previous"),t.createElement("ol",{className:"pagination__items"},W("page")),W("next"))},le=({pageIndex:e=0,key:n,current:a,disabled:s,type:h="page",href:l,hide:c,children:v,a11yPreviousText:E="Previous page",a11yNextText:d="Next page",onSelect:f,onNext:M,onPrevious:I,className:g,style:b,forwardedRef:i,...r})=>{const w=u=>{var o;f(u,{value:((o=u.currentTarget)==null?void 0:o.innerText)||"",index:e})},A=u=>{u.currentTarget.getAttribute("aria-disabled")||M(u)},B=u=>{u.currentTarget.getAttribute("aria-disabled")||I(u)},N=!!l,q=N?"a":"button",S=N?"icon-link":"icon-btn",W={...b,minWidth:"40px"};switch(h){case"previous":return t.createElement(q,{...r,ref:i,"aria-disabled":s?"true":void 0,"aria-label":E,href:s?void 0:l,className:H(S,"pagination__previous"),style:W,onClick:B},t.createElement($.EbayIcon,{name:"arrowLeft16"}));case"next":return t.createElement(q,{...r,ref:i,"aria-disabled":s?"true":void 0,"aria-label":d,href:s?void 0:l,className:H(S,"pagination__next"),style:W,onClick:A},t.createElement($.EbayIcon,{name:"arrowRight16"}));case"separator":return t.createElement("span",{key:n,style:b,className:"pagination__item",ref:i,role:"separator"},v);default:return t.createElement("li",{...r,hidden:c},t.createElement(q,{ref:i,"aria-current":a?"page":void 0,href:l,className:"pagination__item",style:b,key:n,onClick:w},v))}},de=ne.withForwardRef(le);exports.EbayPagination=ue;exports.EbayPaginationItem=de;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),J=require("../menu-button-label-DXaIbM6S.js"),H=require("classnames"),ee=require("../debounce-BQsYxxOL.js"),te=require("../utils-C9NL3q0j.js"),$=require("../icon-D4RDqpD4.js"),ne=require("../forwardRef-fPwzYd82.js");require("../array.polyfill.flat-5BAolFdk.js");const re=1,T=9,K=4,j=2,oe=T-j;function ie(e,n,a=e,s=null){const h=s==="show-last"||s==="overflow"&&e>T,l=s==="overflow"&&e>T,c=Math.min(a,e),v=Math.max(0,n-Math.ceil((c-1)/2)),E=c<K?n:Math.max(0,n-Math.floor((c-1)/2)),d=(h?E:v)+c,f=d>=e,M=n<=K,I=(b,i)=>{const r=O(e,b,i);return c>2?(r[i-2]="dots",r[i-1]="hidden",r[e-1]="visible"):c>1&&(r[i-1]="dots"),r},g=(b,i)=>{if(M)return I(0,i);if(f){const w=O(e,e-oe,e);return w[0]="visible",w[1]="dots",w}const r=O(e,n-j,n+j+1);return r[0]="visible",r[1]=M?"visible":"dots",r[e-2]="dots",r[e-1]="visible",r};return f&&e<=T?O(e,e-c):h?l?g(E,d):I(E,d):O(e,v,d)}function ae(e,n,a,s="show-range"){if(e===-1)return[];const h=s==="overflow"?T:se(Math.min(a,n),re,T);return ie(a,e-1,h,s)}function se(e,n,a){return e<=n?n:e>=a?a:e}function O(e,n,a){return Array(e).fill("hidden").fill("visible",n,a)}function ce(e){if(!e)return 0;e.style.width="100vw";const n=e.offsetWidth;return e.style.width=null,n}const ue=({id:e="ebay-pagination",className:n,a11yCurrentText:a="Pagination - Current Page",a11yPreviousText:s="Previous page",a11yNextText:h="Next page",variant:l="show-range",fluid:c=!1,onPrevious:v=()=>{},onNext:E=()=>{},onSelect:d=()=>{},children:f,...M})=>{const I=t.useRef(null),g=t.useRef([]);g.current=t.Children.map(f,t.createRef);const b=te.filterBy(f,({props:o})=>o.type===void 0||o.type==="page").length,i=t.useRef(0),r=t.useRef(0),w=()=>{var y,_,x,p;const o=r.current||((_=(y=g.current[0])==null?void 0:y.current)==null?void 0:_.offsetWidth);r.current=o;const m=i.current||((p=(x=g.current[1])==null?void 0:x.current)==null?void 0:p.offsetWidth);return i.current=m,m?Math.floor((ce(I.current)-o*2)/m):0},[A,B]=t.useState([]),[N,q]=t.useState(0),S=o=>{const m=o||g.current.findIndex(x=>{var p;return((p=x.current)==null?void 0:p.getAttribute("aria-current"))==="page"}),y=w(),_=ae(m,y,b,l);q(m),B(["hidden",..._])};t.useEffect(()=>{const o=ee.debounce(S,16);return S(),window.addEventListener("resize",()=>o()),()=>{window.removeEventListener("resize",()=>o())}},[f]);const W=o=>{let m=0;const y=[],_=[],x=[],p=A.indexOf("dots"),G=A.lastIndexOf("dots");return t.Children.map(f,(V,D)=>{const{type:L="page",current:Q,disabled:Y,href:P,children:U}=V.props,k=A[D]==="dots",z=`${e}-item-${D}`,X=A[D]==="hidden",Z={current:Q,disabled:Y,href:P,type:k&&L==="page"?"separator":L,children:k?t.createElement($.EbayIcon,{name:"overflowHorizontal24",focusable:!1}):U,pageIndex:L==="page"?m++:void 0,key:z,hide:X,onPrevious:v,onNext:E,onSelect:d,a11yPreviousText:s,a11yNextText:h,ref:g.current[D]};if((X||k)&&L==="page"){const C=t.createElement(J.EbayFakeMenuButtonItem,{key:z,href:P,onClick:F=>{P||F.preventDefault();const R=F.currentTarget;d(F,{value:(R==null?void 0:R.innerText)||"",index:m}),S(Number(R==null?void 0:R.innerText))}},U);p===G&&x.push(C),N-2>p&&D<N&&y.push(C),N+2<G&&D>N&&_.push(C)}if(o==="page"&&k&&l==="overflow"){let C=x;return p!==G&&(C=D===2?y:_),t.createElement("li",{key:z},t.createElement("span",{className:"pagination__item",role:"separator"},t.createElement(J.EbayMenuButton,{a11yText:"Menu",borderless:!0,variant:"overflow",noToggleIcon:!0},C)))}return o===L?t.cloneElement(V,Z):null})},u=`${e}-pagination-heading`;return t.createElement("nav",{...M,role:"navigation",className:H(n,"pagination",{"pagination--fluid":c}),"aria-labelledby":u,ref:I},t.createElement("span",{"aria-live":"polite",role:"status"},t.createElement("h2",{className:"clipped",id:u},a)),W("previous"),t.createElement("ol",{className:"pagination__items"},W("page")),W("next"))},le=({pageIndex:e=0,key:n,current:a,disabled:s,type:h="page",href:l,hide:c,children:v,a11yPreviousText:E="Previous page",a11yNextText:d="Next page",onSelect:f,onNext:M,onPrevious:I,className:g,style:b,forwardedRef:i,...r})=>{const w=u=>{var o;f(u,{value:((o=u.currentTarget)==null?void 0:o.innerText)||"",index:e})},A=u=>{u.currentTarget.getAttribute("aria-disabled")||M(u)},B=u=>{u.currentTarget.getAttribute("aria-disabled")||I(u)},N=!!l,q=N?"a":"button",S=N?"icon-link":"icon-btn",W={...b,minWidth:"40px"};switch(h){case"previous":return t.createElement(q,{...r,ref:i,"aria-disabled":s?"true":void 0,"aria-label":E,href:s?void 0:l,className:H(S,"pagination__previous"),style:W,onClick:B},t.createElement($.EbayIcon,{name:"arrowLeft16"}));case"next":return t.createElement(q,{...r,ref:i,"aria-disabled":s?"true":void 0,"aria-label":d,href:s?void 0:l,className:H(S,"pagination__next"),style:W,onClick:A},t.createElement($.EbayIcon,{name:"arrowRight16"}));case"separator":return t.createElement("span",{key:n,style:b,className:"pagination__item",ref:i,role:"separator"},v);default:return t.createElement("li",{...r,hidden:c},t.createElement(q,{ref:i,"aria-current":a?"page":void 0,href:l,className:"pagination__item",style:b,key:n,onClick:w},v))}},de=ne.withForwardRef(le);exports.EbayPagination=ue;exports.EbayPaginationItem=de;

package/menu-button-label-DXaIbM6S.js

@@ -0,0 +1 @@
+"use strict";const e=require("react"),s=require("classnames"),i=require("./utils-C9NL3q0j.js"),T=require("./index-Bsb1LHpi.js"),H=require("./forwardRef-fPwzYd82.js"),z=require("./button-6S4U-4HH.js"),O=require("./icon-D4RDqpD4.js"),P=require("./icon-button-Bjjvld0a.js"),k=require("./menu-item-Cf-tQ72X.js"),$=require("./dropdown-pp-aluo7.js"),j=({a11yText:a,noToggleIcon:u,fixWidth:I,reverse:d,variant:f,expanded:q=!1,className:w,onCollapse:v=()=>{},onExpand:x=()=>{},onMouseDown:F=()=>{},onSelect:N=()=>{},text:b="",children:r,...S})=>{const[o,c]=e.useState(q),[p,h]=e.useState(),E=i.findComponent(r,O.EbayIcon),C=i.findComponent(r,_)||(E?e.createElement("span",null,b):b),g=i.filterByType(r,[B,M]),{overlayStyles:L,refs:l}=$.useFloatingDropdown({open:o,options:{reverse:d}}),m=l.host;e.useEffect(()=>{const n=t=>{m.current&&!m.current.contains(t.currentTarget)&&c(!1)};return o?(x(),setTimeout(()=>{document.addEventListener("click",n,!1)})):o===!1&&v(),()=>document.removeEventListener("click",n,!1)},[o]),e.useEffect(()=>{h(H.randomId())},[]);const D=n=>{T.handleEscapeKeydown(n,()=>{var t;c(!1),(t=m.current)==null||t.focus()})},K=s("fake-menu-button__menu",{"menu-button__menu--fix-width":I,"menu-button__menu--reverse":d}),y={ref:l.setHost,className:"fake-menu-button__button","aria-expanded":!!o,"aria-haspopup":!0,"aria-label":a,"aria-controls":p,onClick:()=>c(!o),...S};return e.createElement("span",{className:s("fake-menu-button",w)},f==="overflow"?e.createElement(P.EbayIconButton,{icon:"overflowHorizontal24",...y}):e.createElement(z.EbayButton,{variant:f==="form"?"form":void 0,bodyState:u?void 0:"expand",...y},E,C),o&&e.createElement(k.EbayFakeMenu,{ref:l.setOverlay,className:K,id:p,tabIndex:-1,onKeyDown:D,onSelect:N,style:L},g.map((n,t)=>e.cloneElement(n,{...n.props,onMouseDown:R=>{F(R,{index:t})},className:s(n.props.className,"fake-menu-button__item"),key:t,autoFocus:t===0}))))},B=k.EbayMenuItem,M=({className:a,...u})=>e.createElement("hr",{...u,className:s(a,"menu-button__separator"),role:"separator"}),_=({children:a})=>e.createElement(e.Fragment,null,a);exports.EbayFakeMenuButtonItem=B;exports.EbayFakeMenuButtonLabel=_;exports.EbayMenuButton=j;exports.EbayMenuButtonSeparator=M;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebay/ui-core-react",
-  "version": "8.0.1",
+  "version": "8.0.2",
   "description": "Skin components build off React",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",

package/menu-button-label-DJq794te.js

@@ -1 +0,0 @@
-"use strict";const e=require("react"),s=require("classnames"),i=require("./utils-C9NL3q0j.js"),H=require("./index-Bsb1LHpi.js"),z=require("./forwardRef-fPwzYd82.js"),O=require("./button-6S4U-4HH.js"),k=require("./icon-D4RDqpD4.js"),P=require("./icon-button-Bjjvld0a.js"),B=require("./menu-item-Cf-tQ72X.js"),$=require("./dropdown-pp-aluo7.js"),j=({a11yText:a,noToggleIcon:u,fixWidth:w,reverse:d,variant:f,expanded:q=!1,className:v,onCollapse:F=()=>{},onExpand:x=()=>{},onMouseDown:N=()=>{},onSelect:h=()=>{},text:b="",children:r,...C})=>{const[o,c]=e.useState(q),[E,S]=e.useState(),p=i.findComponent(r,k.EbayIcon),g=i.findComponent(r,_)||(p?e.createElement("span",null,b):b),D=i.filterByType(r,[M,I]),{overlayStyles:L,refs:l}=$.useFloatingDropdown({open:o,options:{reverse:d}}),m=l.host;e.useEffect(()=>{const n=t=>{m.current&&!m.current.contains(t.currentTarget)&&c(!1)};return o?(x(),setTimeout(()=>{document.addEventListener("click",n,!1)})):o===!1&&F(),()=>document.removeEventListener("click",n,!1)},[o]),e.useEffect(()=>{S(z.randomId())},[]);const K=n=>{H.handleEscapeKeydown(n,()=>{var t;c(!1),(t=m.current)==null||t.focus()})},R=s("fake-menu-button__menu",{"menu-button__menu--fix-width":w,"menu-button__menu--reverse":d}),y={ref:l.setHost,className:"fake-menu-button__button","aria-expanded":!!o,"aria-haspopup":!0,"aria-label":a,"aria-controls":E,onClick:()=>c(!o),...C};return e.createElement("span",{className:s("fake-menu-button",v)},f==="overflow"?e.createElement(P.EbayIconButton,{icon:"overflowHorizontal24",...y}):e.createElement(O.EbayButton,{variant:f==="form"?"form":void 0,...y},p,g,!u&&e.createElement(k.EbayIcon,{name:"chevronDown12"})),o&&e.createElement(B.EbayFakeMenu,{ref:l.setOverlay,className:R,id:E,tabIndex:-1,onKeyDown:K,onSelect:h,style:L},D.map((n,t)=>e.cloneElement(n,{...n.props,onMouseDown:T=>{N(T,{index:t})},className:s(n.props.className,"fake-menu-button__item"),key:t,autoFocus:t===0}))))},M=B.EbayMenuItem,I=({className:a,...u})=>e.createElement("hr",{...u,className:s(a,"menu-button__separator"),role:"separator"}),_=({children:a})=>e.createElement(e.Fragment,null,a);exports.EbayFakeMenuButtonItem=M;exports.EbayFakeMenuButtonLabel=_;exports.EbayMenuButton=j;exports.EbayMenuButtonSeparator=I;