npm - @ebay/ui-core-react - Versions diffs - 9.3.1 → 9.5.0 - Mend

@ebay/ui-core-react 9.3.1 → 9.5.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.

Files changed (1302) hide show

package/ebay-page-notice/README.md CHANGED Viewed

@@ -1,58 +1,5 @@
 # EbayPageNotice
-## Demo
+## Documentation
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/notices-tips-ebay-page-notice--simple-usage)
-## Import JS
-```jsx harmony
-import {
-    EbayPageNotice,
-    EbayNoticeContent,
-    EbayPageNoticeTitle,
-    EbayPageNoticeFooter,
-    EbayPageNoticeCTA,
-} from "@ebay/ui-core-react/ebay-page-notice";
-```
-### Import following styles from SKIN
-```jsx harmony
-import "@ebay/skin/page-notice";
-```
-## Use
-```jsx harmony
-<EbayPageNotice status="attention">
-    <EbayNoticeContent>
-        <EbayPageNoticeTitle>Your order's in!</EbayPageNoticeTitle>
-        <p>
-            <strong>Error.</strong> Please take another look at the following:
-            <br />
-            <a href="#">Card number</a>, <a href="#">Expiration date</a> &amp; <a href="#">Security code</a>.
-        </p>
-    </EbayNoticeContent>
-    <EbaySectionNoticeFooter>
-        <EbayButton>Action</EbayButton>
-    </EbaySectionNoticeFooter>
-</EbayPageNotice>
-```
-## Attributes
-| Name              | Type                                                                      | Stateful | Description                                                                                                                                 | Default     |
-| ----------------- | ------------------------------------------------------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `status`          | String ( `"general"`,`"attention"`, `"confirmation"`, or `"information"`) | No       | Determines the style and type of notice to be displayed                                                                                     | `"general"` |
-| `aria-label`      | String                                                                    | No       | The description of the notice itself for screen readers. Check out [this issue](https://github.com/eBay/skin/issues/1001) for more context. | -           |
-| `children`        | React Node                                                                | No       | The content to be displayed within the notice                                                                                               | -           |
-| `a11yDismissText` | String                                                                    | No       | Determines if the notice will have a dismiss button. Acts as the aria-label for the dismiss button. Should not be used with a footer.       | -           |
-## Callbacks
-| Name        | Required | Description                 | Arguments |
-| ----------- | -------- | --------------------------- | --------- |
-| `onDismiss` | No       | Triggered on notice dismiss | (Event)   |
-Note: When using multiple PageNotice components with an aria-label, make sure to set a unique `id` attribute for each one or you'll run into accessibility issues.
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/notices-tips-ebay-page-notice--docs)

package/ebay-page-notice/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../tslib.es6-~~C4EgNkz1~~.js"),e=require("react"),f=require("classnames"),q=require("../notice-content-9iF4T8uB.js"),r=require("../notice-content-C0ZStfuX.js"),I=require("../utils-C9NL3q0j.js"),P=require("../icons/ebay-icon-close-16/index.js"),_=require("../icons/ebay-icon-attention-filled-16/index.js"),h=require("../icons/ebay-icon-confirmation-filled-16/index.js"),F=require("../icons/ebay-icon-information-filled-16/index.js"),l=require("../notice-footer-~~G6VPjVZu~~.js"),T=require("../notice-cta-~~CKl_qBge~~.js"),D={attention:_.EbayIconAttentionFilled16,confirmation:h.EbayIconConfirmationFilled16,information:F.EbayIconInformationFilled16},A=t=>{var{id:a,status:n="general",children:o,a11yDismissText:i,"aria-label":m,onDismiss:y=()=>{},className:u}=t,E=c.__rest(t,["id","status","children","a11yDismissText","aria-label","onDismiss","className"]);const[d,g]=e.useState(!1),s=I.findComponent(o,r.EbayNoticeContent);if(!s)throw new Error("EbayPageNotice: Please use a EbayNoticeContent that defines the content of the notice");const N=p=>{g(!0),y(p)},C=n!=="general"?D[n]:null;return d?null:e.createElement("section",Object.assign({},E,{"aria-labelledby":a\|\|`${n}-status`,className:f("page-notice",u,{[`page-notice--${n}`]:n!=="general"})}),n!=="general"?e.createElement("div",{className:"page-notice__header",id:a\|\|`${n}-status`},e.createElement(C,{a11yText:m,a11yVariant:"label"})):null,e.createElement(q.NoticeContent,Object.assign({},s.props,{type:"page"})),o,i&&e.createElement(b,null,e.createElement("button",{"aria-label":i,className:"fake-link page-notice__dismiss",onClick:N},e.createElement(P.EbayIconClose16,null))))},j=t=>{var{className:a,as:n,children:o}=t,i=c.__rest(t,["className","as","children"]);return e.createElement(l.NoticeTitle,Object.assign({},i,{className:a,as:n,type:"page"}),o)},b=({className:t,children:a})=>e.createElement(l.NoticeFooter,{className:t,type:"page"},a),v=({className:t,children:a})=>e.createElement(T.NoticeCTA,{className:t,type:"page"},a);exports.EbayNoticeContent=r.EbayNoticeContent;exports.EbayPageNotice=A;exports.EbayPageNoticeCTA=v;exports.EbayPageNoticeFooter=b;exports.EbayPageNoticeTitle=j;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../tslib.es6-BW4cJBUu.js"),e=require("react"),f=require("classnames"),q=require("../notice-content-9iF4T8uB.js"),r=require("../notice-content-C0ZStfuX.js"),I=require("../utils-C9NL3q0j.js"),P=require("../icons/ebay-icon-close-16/index.js"),_=require("../icons/ebay-icon-attention-filled-16/index.js"),h=require("../icons/ebay-icon-confirmation-filled-16/index.js"),F=require("../icons/ebay-icon-information-filled-16/index.js"),l=require("../notice-footer-DOQFXLxG.js"),T=require("../notice-cta-DJCS8kXJ.js"),D={attention:_.EbayIconAttentionFilled16,confirmation:h.EbayIconConfirmationFilled16,information:F.EbayIconInformationFilled16},A=t=>{var{id:a,status:n="general",children:o,a11yDismissText:i,"aria-label":m,onDismiss:y=()=>{},className:u}=t,E=c.__rest(t,["id","status","children","a11yDismissText","aria-label","onDismiss","className"]);const[d,g]=e.useState(!1),s=I.findComponent(o,r.EbayNoticeContent);if(!s)throw new Error("EbayPageNotice: Please use a EbayNoticeContent that defines the content of the notice");const N=p=>{g(!0),y(p)},C=n!=="general"?D[n]:null;return d?null:e.createElement("section",Object.assign({},E,{"aria-labelledby":a\|\|`${n}-status`,className:f("page-notice",u,{[`page-notice--${n}`]:n!=="general"})}),n!=="general"?e.createElement("div",{className:"page-notice__header",id:a\|\|`${n}-status`},e.createElement(C,{a11yText:m,a11yVariant:"label"})):null,e.createElement(q.NoticeContent,Object.assign({},s.props,{type:"page"})),o,i&&e.createElement(b,null,e.createElement("button",{"aria-label":i,className:"fake-link page-notice__dismiss",onClick:N},e.createElement(P.EbayIconClose16,null))))},j=t=>{var{className:a,as:n,children:o}=t,i=c.__rest(t,["className","as","children"]);return e.createElement(l.NoticeTitle,Object.assign({},i,{className:a,as:n,type:"page"}),o)},b=({className:t,children:a})=>e.createElement(l.NoticeFooter,{className:t,type:"page"},a),v=({className:t,children:a})=>e.createElement(T.NoticeCTA,{className:t,type:"page"},a);exports.EbayNoticeContent=r.EbayNoticeContent;exports.EbayPageNotice=A;exports.EbayPageNoticeCTA=v;exports.EbayPageNoticeFooter=b;exports.EbayPageNoticeTitle=j;

package/ebay-pagination/README.md CHANGED Viewed

@@ -1,81 +1,5 @@
 # EbayPagination
-## Demo
+## Documentation
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/navigation-disclosure-ebay-pagination--basic-links)
-The `<EbayPagination>` is a tag used to create a pagination navigation. It will display up to 9 page links.
-If pagination doesn't fit the page it will adjust to the available width.
-## Import JS
-```jsx harmony
-import { EbayPagination, EbayPaginationItem } from "@ebay/ui-core-react/ebay-pagination";
-```
-## Import styles from Skin
-```jsx harmony
-import "@ebay/skin/pagination";
-import "@ebay/skin/utility";
-```
-### or if using CSS/SCSS
-```jsx
-import "@ebay/skin/pagination.css";
-import "@ebay/skin/utility.css";
-```
-### EbayPagination Usage
-```jsx
-<EbayPagination a11yPreviousText="Previous page" a11yNextText="Next page" a11yCurrentText="Results Pagination - Page 2">
-    <EbayPaginationItem href="#" type="previous" disabled />
-    <EbayPaginationItem href="#" current>
-        item 1
-    </EbayPaginationItem>
-    <EbayPaginationItem href="#">item 2</EbayPaginationItem>
-    <EbayPaginationItem href="#">item 3</EbayPaginationItem>
-    <EbayPaginationItem href="#" type="next" />
-</EbayPagination>
-```
-### EbayPagination Attributes
-| Name               | Type    | Stateful | Description                                                                                                                                                                                                                                                                                        |
-| ------------------ | ------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `a11yPreviousText` | String  | No       | a11y text for previous arrow button                                                                                                                                                                                                                                                                |
-| `a11yNextText`     | String  | No       | a11y text for next arrow button                                                                                                                                                                                                                                                                    |
-| `a11yCurrentText`  | String  | No       | Description for the current page (e.g. Results of Page 1)                                                                                                                                                                                                                                          |
-| `variant`          | String  | No       | Either `show-last`, or `show-range` (default). If show-last then will show the last page always and will put `…` between the last visible range and the last page. `…` and the last page will take up two items in the range. `…` will be hidden when the range to the last item is fully visible. |
-| `fluid`            | Boolean | No       | Will fill all available horizontal space. Horizontal space will be distributed around each item as necessary.                                                                                                                                                                                      |
-### EbayPagination Events
-| Event        | Data                        | Description                   |
-| ------------ | --------------------------- | ----------------------------- |
-| `onPrevious` | `(Event)`                   | clicked previous arrow button |
-| `onNext`     | `(Event)`                   | clicked next arrow button     |
-| `onSelect`   | `(Event, { value, index })` | page selected clicked         |
-## EbayPaginationItem Tag
-### EbayPaginationItem Usage
-```jsx
-<EbayPaginationItem>1</EbayPaginationItem>
-```
-### EbayPaginationItem Attributes
-| Name       | Type    | Stateful | Description                                                                                                                                             |
-| ---------- | ------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------- |
-| `disabled` | Boolean | No       | Previous/next button is disabled or not                                                                                                                 |
-| `href`     | String  | No       | for link that looks like a menu-item; omitting the href will switch to a button                                                                         |
-| `current`  | Boolean | No       | the current page                                                                                                                                        |
-| `type`     | String  | No       | "previous", "next" or "page"(default). To specify if the information entered is for the previous or next arrow button or a page. If the `type='previous | next'`isn't provided the previous/next arrow buttons will be taken as`disabled` |
-Notes:
-- If you want to have client side or ajax based navigation then you should omit the `href` attribute on each item. This will cause each item to be `<button>` instead of an `<a>`.
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/navigation-disclosure-ebay-pagination--docs)

package/ebay-pagination/index.js CHANGED Viewed

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

package/ebay-panel-dialog/README.md CHANGED Viewed

@@ -1,40 +1,5 @@
 # EbayPanelDialog
-## Demo
+## Documentation
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/dialogs-ebay-panel-dialog--default)
-## Usage
-```jsx
-<EbayPanelDialog open a11yClosetext="Close">
-    <EbayDialogHeader>Heading</EbayDialogHeader>
-    <p>Body content</p>
-    <EbayCloseButton>X</EbayCloseButton>
-</EbayPanelDialog>
-```
-## Attributes
-| Name            | Type    | Stateful | Required | Description                                                                                                                          |
-| --------------- | ------- | -------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------ |
-| `open`          | Boolean | Yes      | No       | Whether dialog is open.                                                                                                              |
-| `position`      | String  | No       | No       | `end` or `start` (default), the position of the panel, either at the start (left side) of the page, or end (right side) of the page. |
-| `focus`         | String  | No       | No       | An id for an element which will receive focus when the drawer opens (defaults to close button).                                      |
-| `a11yCloseText` | String  | No       | Yes      | A11y text for close button and mask.                                                                                                 |
-| `animated`      | Boolean | Yes      | No       | Renders the dialog with an animation. Note that the dialog will always be present in the DOM                                         |
-## Events
-| Event     | Data | Description                      |
-| --------- | ---- | -------------------------------- |
-| `onOpen`  |      | Trigggered when dialog is opened |
-| `onClose` |      | Triggered when dialog is closed  |
-## EbayDialogHeader
-Will render a header content for the dialog. Will always render the header element even if this is not present
-## EbayCloseButton
-If present will render this as the close button content. Otherwise will render a close icon (X). This content will be rendered inside a button tag
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/dialogs-ebay-panel-dialog--docs)

package/ebay-panel-dialog/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../tslib.es6-~~C4EgNkz1~~.js"),d=require("react"),t=require("classnames"),u=require("../dialog-previous-button-~~aXPjyhOT~~.js");require("../icon-button-~~AJ6dtyvc~~.js");require("../icon-~~I30uh1Ov~~.js");const e="panel-dialog",g=o=>{var{open:i,animated:s,position:n="start",onClose:a=()=>{},className:l}=o,r=c.__rest(o,["open","animated","position","onClose","className"]);return d.createElement(u.DialogBaseWithState,Object.assign({},r,{"aria-label":"Infotip",classPrefix:e,buttonPosition:"right",onCloseBtnClick:a,onBackgroundClick:a,animated:s,className:t(l,{[`${e}--mask-fade-slow`]:s}),windowClass:t(`${e}__window--slide`,{[`${e}__window--end`]:n==="end"}),open:i}))};exports.EbayPanelDialog=g;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../tslib.es6-BW4cJBUu.js"),d=require("react"),t=require("classnames"),u=require("../dialog-previous-button-BXqfHRJY.js");require("../icon-button-E_6JKTh3.js");require("../icon-M7M42naA.js");const e="panel-dialog",g=o=>{var{open:i,animated:s,position:n="start",onClose:a=()=>{},className:l}=o,r=c.__rest(o,["open","animated","position","onClose","className"]);return d.createElement(u.DialogBaseWithState,Object.assign({},r,{"aria-label":"Infotip",classPrefix:e,buttonPosition:"right",onCloseBtnClick:a,onBackgroundClick:a,animated:s,className:t(l,{[`${e}--mask-fade-slow`]:s}),windowClass:t(`${e}__window--slide`,{[`${e}__window--end`]:n==="end"}),open:i}))};exports.EbayPanelDialog=g;

package/ebay-phone-input/README.md CHANGED Viewed

@@ -1,114 +1,5 @@
 # EbayPhoneInput
-## Demo
+## Documentation
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/form-input-ebay-phone-input--default)
-## Usage
-### Import JS
-```jsx harmony
-import { EbayPhoneInput } from "@ebay/ui-core-react/ebay-phone-input";
-```
-### Import following styles from SKIN
-```jsx harmony
-import "@ebay/skin/phone-input";
-import "@ebay/skin/listbox-button";
-import "@ebay/skin/textbox";
-import "@ebay/skin/flag";
-```
-### If tokens haven't been added to the project at a higher level, make sure to import
-```jsx harmony
-import "@ebay/skin/tokens";
-```
-### Or import styles using SCSS/CSS
-```jsx harmony
-import "@ebay/skin/phone-input.css";
-import "@ebay/skin/listbox-button.css";
-import "@ebay/skin/textbox.css";
-import "@ebay/skin/flag.css";
-```
-## Examples
-### Basic usage
-```jsx harmony
-<EbayPhoneInput
-    countryCode="us"
-    floatingLabel="Phone Number"
-    value=""
-    onInputChange={(event, data) => console.log(data)}
-/>
-```
-### With localization
-```jsx harmony
-<EbayPhoneInput
-    countryCode="us"
-    locale="en-US"
-    floatingLabel="Phone Number"
-    value=""
-    onInputChange={(event, data) => console.log(data)}
-/>
-```
-### Disabled state
-```jsx harmony
-<EbayPhoneInput countryCode="us" floatingLabel="Phone Number" value="(555) 123-4567" disabled />
-```
-### Read-only state
-```jsx harmony
-<EbayPhoneInput countryCode="us" floatingLabel="Phone Number" value="(555) 123-4567" readonly />
-```
-### Invalid state
-```jsx harmony
-<EbayPhoneInput countryCode="us" floatingLabel="Phone Number" value="invalid" invalid />
-```
-## Attributes
-| Name            | Type     | Required | Description                                                  | Data                                                          |
-| --------------- | -------- | -------- | ------------------------------------------------------------ | ------------------------------------------------------------- |
-| `countryCode`   | String   | No       | Initial country code (2-letter ISO country code)             | `"us"`, `"ca"`, `"gb"`, etc.                                  |
-| `value`         | String   | No       | The phone number value                                       |                                                               |
-| `locale`        | String   | No       | Locale for country name localization                         | `"en-US"`, `"fr-FR"`, etc. (defaults to `navigator.language`) |
-| `floatingLabel` | String   | No       | Floating label text                                          |                                                               |
-| `disabled`      | Boolean  | No       | Whether the component is disabled                            | `false` (default)                                             |
-| `readonly`      | Boolean  | No       | Whether the component is read-only                           | `false` (default)                                             |
-| `invalid`       | Boolean  | No       | Whether the component is in invalid state                    | `false` (default)                                             |
-| `onFocus`       | Function | No       | Triggered on focus                                           | `(event: FocusEvent, data: PhoneInputEvent)`                  |
-| `onBlur`        | Function | No       | Triggered on blur                                            | `(event: FocusEvent, data: PhoneInputEvent)`                  |
-| `onInputChange` | Function | No       | Triggered on input change (country selection or phone input) | `(event: ChangeEvent, data: PhoneInputEvent)`                 |
-| `onChange`      | Function | No       | Triggered on change (country selection or phone input)       | `(event: ChangeEvent, data: PhoneInputEvent)`                 |
-| `onKeyDown`     | Function | No       | Triggered on key down                                        | `(event: KeyboardEvent, data: PhoneInputEvent)`               |
-| `onKeyPress`    | Function | No       | Triggered on key press                                       | `(event: KeyboardEvent, data: PhoneInputEvent)`               |
-| `onKeyUp`       | Function | No       | Triggered on key up                                          | `(event: KeyboardEvent, data: PhoneInputEvent)`               |
-| `onExpand`      | Function | No       | Triggered when country dropdown expands                      | `()`                                                          |
-| `onCollapse`    | Function | No       | Triggered when country dropdown collapses                    | `()`                                                          |
-## Event Data
-All input events (`onFocus`, `onBlur`, `onChange`, `onKeyDown`, `onKeyPress`, `onKeyUp`) receive a `PhoneInputEvent` object as the second parameter:
-```typescript
-interface PhoneInputEvent {
-    value?: string; // Formatted phone number
-    rawValue?: string; // Raw digits only
-    callingCode?: string; // Country calling code (e.g., "1", "44")
-    countryCode?: string; // Country code (e.g., "US", "GB")
-}
-```
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/form-input-ebay-phone-input--docs)

package/ebay-phone-input/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e0=require("../tslib.es6-C4EgNkz1.js"),n0=require("classnames"),a=require("react"),U=require("../listbox-button-Dx-GGxsh.js"),b=require("../textbox-DAip4ToD.js");require("../icon-I30uh1Ov.js");require("../icon-button-AJ6dtyvc.js");const l0=require("../flag-DU-1tRv6.js"),G={AC:{countryCode:"AC",callingCode:"247",mask:"00000"},AD:{countryCode:"AD",callingCode:"376",mask:"000 000"},AE:{countryCode:"AE",callingCode:"971",mask:"000 000 0000"},AF:{countryCode:"AF",callingCode:"93",mask:"000 000 0000"},AG:{countryCode:"AG",callingCode:"1",mask:"(000) 000-0000"},AI:{countryCode:"AI",callingCode:"1",mask:"(000) 000-0000"},AL:{countryCode:"AL",callingCode:"355",mask:"000 000 0000"},AM:{countryCode:"AM",callingCode:"374",mask:"000 000000"},AO:{countryCode:"AO",callingCode:"244",mask:"000 000 000"},AR:{countryCode:"AR",callingCode:"54",mask:"000 00-0000-0000"},AS:{countryCode:"AS",callingCode:"1",mask:"(000) 000-0000"},AT:{countryCode:"AT",callingCode:"43",mask:"0000 000000"},AU:{countryCode:"AU",callingCode:"61",mask:"0000 000 000"},AW:{countryCode:"AW",callingCode:"297",mask:"000 0000"},AX:{countryCode:"AX",callingCode:"358",mask:"000 0000000"},AZ:{countryCode:"AZ",callingCode:"994",mask:"000 000 00 00"},BA:{countryCode:"BA",callingCode:"387",mask:"000 000 000"},BB:{countryCode:"BB",callingCode:"1",mask:"(000) 000-0000"},BD:{countryCode:"BD",callingCode:"880",mask:"00000-000000"},BE:{countryCode:"BE",callingCode:"32",mask:"0000 00 00 00"},BF:{countryCode:"BF",callingCode:"226",mask:"00 00 00 00"},BG:{countryCode:"BG",callingCode:"359",mask:"000 000 000"},BH:{countryCode:"BH",callingCode:"973",mask:"0000 0000"},BI:{countryCode:"BI",callingCode:"257",mask:"00 00 00 00"},BJ:{countryCode:"BJ",callingCode:"229",mask:"00 00 00 00 00"},BL:{countryCode:"BL",callingCode:"590",mask:"0000 00 00 00"},BM:{countryCode:"BM",callingCode:"1",mask:"(000) 000-0000"},BN:{countryCode:"BN",callingCode:"673",mask:"000 0000"},BO:{countryCode:"BO",callingCode:"591",mask:"00000000"},BQ:{countryCode:"BQ",callingCode:"599",mask:"000 0000"},BR:{countryCode:"BR",callingCode:"55",mask:"(00) 00000-0000"},BS:{countryCode:"BS",callingCode:"1",mask:"(000) 000-0000"},BT:{countryCode:"BT",callingCode:"975",mask:"00 00 00 00"},BW:{countryCode:"BW",callingCode:"267",mask:"00 000 000"},BY:{countryCode:"BY",callingCode:"375",mask:"0 000 000-00-00"},BZ:{countryCode:"BZ",callingCode:"501",mask:"000-0000"},CA:{countryCode:"CA",callingCode:"1",mask:"(000) 000-0000"},CC:{countryCode:"CC",callingCode:"61",mask:"0000 000 000"},CD:{countryCode:"CD",callingCode:"243",mask:"0000 000 000"},CF:{countryCode:"CF",callingCode:"236",mask:"00 00 00 00"},CG:{countryCode:"CG",callingCode:"242",mask:"00 000 0000"},CH:{countryCode:"CH",callingCode:"41",mask:"000 000 00 00"},CI:{countryCode:"CI",callingCode:"225",mask:"00 00 00 0000"},CK:{countryCode:"CK",callingCode:"682",mask:"00 000"},CL:{countryCode:"CL",callingCode:"56",mask:"(0) 0000 0000"},CM:{countryCode:"CM",callingCode:"237",mask:"0 00 00 00 00"},CN:{countryCode:"CN",callingCode:"86",mask:"000 0000 0000"},CO:{countryCode:"CO",callingCode:"57",mask:"000 0000000"},CR:{countryCode:"CR",callingCode:"506",mask:"0000 0000"},CU:{countryCode:"CU",callingCode:"53",mask:"00 0000000"},CV:{countryCode:"CV",callingCode:"238",mask:"000 00 00"},CW:{countryCode:"CW",callingCode:"599",mask:"0 000 0000"},CX:{countryCode:"CX",callingCode:"61",mask:"0000 000 000"},CY:{countryCode:"CY",callingCode:"357",mask:"00 000000"},CZ:{countryCode:"CZ",callingCode:"420",mask:"000 000 000"},DE:{countryCode:"DE",callingCode:"49",mask:"00000 0000000"},DJ:{countryCode:"DJ",callingCode:"253",mask:"00 00 00 00"},DK:{countryCode:"DK",callingCode:"45",mask:"00 00 00 00"},DM:{countryCode:"DM",callingCode:"1",mask:"(000) 000-0000"},DO:{countryCode:"DO",callingCode:"1",mask:"(000) 000-0000"},DZ:{countryCode:"DZ",callingCode:"213",mask:"0000 00 00 00"},EC:{countryCode:"EC",callingCode:"593",mask:"000 000 0000"},EE:{countryCode:"EE",callingCode:"372",mask:"0000 0000"},EG:{countryCode:"EG",callingCode:"20",mask:"000 00000000"},EH:{countryCode:"EH",callingCode:"212",mask:"0000-000000"},ER:{countryCode:"ER",callingCode:"291",mask:"00 000 000"},ES:{countryCode:"ES",callingCode:"34",mask:"000 00 00 00"},ET:{countryCode:"ET",callingCode:"251",mask:"000 000 0000"},FI:{countryCode:"FI",callingCode:"358",mask:"000 0000000"},FJ:{countryCode:"FJ",callingCode:"679",mask:"000 0000"},FK:{countryCode:"FK",callingCode:"500",mask:"00000"},FM:{countryCode:"FM",callingCode:"691",mask:"000 0000"},FO:{countryCode:"FO",callingCode:"298",mask:"000000"},FR:{countryCode:"FR",callingCode:"33",mask:"00 00 00 00 00"},GA:{countryCode:"GA",callingCode:"241",mask:"00 00 00 00"},GB:{countryCode:"GB",callingCode:"44",mask:"00000 000000"},GD:{countryCode:"GD",callingCode:"1",mask:"(000) 000-0000"},GE:{countryCode:"GE",callingCode:"995",mask:"000 00 00 00"},GF:{countryCode:"GF",callingCode:"594",mask:"0000 00 00 00"},GG:{countryCode:"GG",callingCode:"44",mask:"00000 000000"},GH:{countryCode:"GH",callingCode:"233",mask:"000 000 0000"},GI:{countryCode:"GI",callingCode:"350",mask:"00000000"},GL:{countryCode:"GL",callingCode:"299",mask:"00 00 00"},GM:{countryCode:"GM",callingCode:"220",mask:"000 0000"},GN:{countryCode:"GN",callingCode:"224",mask:"000 00 00 00"},GP:{countryCode:"GP",callingCode:"590",mask:"0000 00 00 00"},GQ:{countryCode:"GQ",callingCode:"240",mask:"000 000 000"},GR:{countryCode:"GR",callingCode:"30",mask:"000 000 0000"},GT:{countryCode:"GT",callingCode:"502",mask:"0000 0000"},GU:{countryCode:"GU",callingCode:"1",mask:"(000) 000-0000"},GW:{countryCode:"GW",callingCode:"245",mask:"000 000 000"},GY:{countryCode:"GY",callingCode:"592",mask:"000 0000"},HK:{countryCode:"HK",callingCode:"852",mask:"0000 0000"},HN:{countryCode:"HN",callingCode:"504",mask:"0000-0000"},HR:{countryCode:"HR",callingCode:"385",mask:"000 000 0000"},HT:{countryCode:"HT",callingCode:"509",mask:"00 00 0000"},HU:{countryCode:"HU",callingCode:"36",mask:"00 00 000 0000"},ID:{countryCode:"ID",callingCode:"62",mask:"0000-000-000"},IE:{countryCode:"IE",callingCode:"353",mask:"000 000 0000"},IL:{countryCode:"IL",callingCode:"972",mask:"000-000-0000"},IM:{countryCode:"IM",callingCode:"44",mask:"00000 000000"},IN:{countryCode:"IN",callingCode:"91",mask:"000000 00000"},IO:{countryCode:"IO",callingCode:"246",mask:"000 0000"},IQ:{countryCode:"IQ",callingCode:"964",mask:"0000 000 0000"},IR:{countryCode:"IR",callingCode:"98",mask:"0000 000 0000"},IS:{countryCode:"IS",callingCode:"354",mask:"000 0000"},IT:{countryCode:"IT",callingCode:"39",mask:"000 000 0000"},JE:{countryCode:"JE",callingCode:"44",mask:"00000 000000"},JM:{countryCode:"JM",callingCode:"1",mask:"(000) 000-0000"},JO:{countryCode:"JO",callingCode:"962",mask:"00 0000 0000"},JP:{countryCode:"JP",callingCode:"81",mask:"000-0000-0000"},KE:{countryCode:"KE",callingCode:"254",mask:"0000 000000"},KG:{countryCode:"KG",callingCode:"996",mask:"0000 000 000"},KH:{countryCode:"KH",callingCode:"855",mask:"000 000 000"},KI:{countryCode:"KI",callingCode:"686",mask:"00000000"},KM:{countryCode:"KM",callingCode:"269",mask:"000 00 00"},KN:{countryCode:"KN",callingCode:"1",mask:"(000) 000-0000"},KP:{countryCode:"KP",callingCode:"850",mask:"0000 000 0000"},KR:{countryCode:"KR",callingCode:"82",mask:"000-0000-0000"},KW:{countryCode:"KW",callingCode:"965",mask:"000 00000"},KY:{countryCode:"KY",callingCode:"1",mask:"(000) 000-0000"},KZ:{countryCode:"KZ",callingCode:"7",mask:"0 (000) 000 0000"},LA:{countryCode:"LA",callingCode:"856",mask:"000 00 000 000"},LB:{countryCode:"LB",callingCode:"961",mask:"00 000 000"},LC:{countryCode:"LC",callingCode:"1",mask:"(000) 000-0000"},LI:{countryCode:"LI",callingCode:"423",mask:"000 000 000"},LK:{countryCode:"LK",callingCode:"94",mask:"000 000 0000"},LR:{countryCode:"LR",callingCode:"231",mask:"000 000 0000"},LS:{countryCode:"LS",callingCode:"266",mask:"0000 0000"},LT:{countryCode:"LT",callingCode:"370",mask:"(0-000) 00000"},LU:{countryCode:"LU",callingCode:"352",mask:"000 000 000"},LV:{countryCode:"LV",callingCode:"371",mask:"00 000 000"},LY:{countryCode:"LY",callingCode:"218",mask:"000-0000000"},MA:{countryCode:"MA",callingCode:"212",mask:"0000-000000"},MC:{countryCode:"MC",callingCode:"377",mask:"00 00 00 00 00"},MD:{countryCode:"MD",callingCode:"373",mask:"0000 00 000"},ME:{countryCode:"ME",callingCode:"382",mask:"000 000 000"},MF:{countryCode:"MF",callingCode:"590",mask:"0000 00 00 00"},MG:{countryCode:"MG",callingCode:"261",mask:"000 00 000 00"},MH:{countryCode:"MH",callingCode:"692",mask:"000-0000"},MK:{countryCode:"MK",callingCode:"389",mask:"000 000 000"},ML:{countryCode:"ML",callingCode:"223",mask:"00 00 00 00"},MM:{countryCode:"MM",callingCode:"95",mask:"00 000 0000"},MN:{countryCode:"MN",callingCode:"976",mask:"0000 0000"},MO:{countryCode:"MO",callingCode:"853",mask:"0000 0000"},MP:{countryCode:"MP",callingCode:"1",mask:"(000) 000-0000"},MQ:{countryCode:"MQ",callingCode:"596",mask:"0000 00 00 00"},MR:{countryCode:"MR",callingCode:"222",mask:"00 00 00 00"},MS:{countryCode:"MS",callingCode:"1",mask:"(000) 000-0000"},MT:{countryCode:"MT",callingCode:"356",mask:"0000 0000"},MU:{countryCode:"MU",callingCode:"230",mask:"0000 0000"},MV:{countryCode:"MV",callingCode:"960",mask:"000-0000"},MW:{countryCode:"MW",callingCode:"265",mask:"0000 00 00 00"},MX:{countryCode:"MX",callingCode:"52",mask:"000 000 0000"},MY:{countryCode:"MY",callingCode:"60",mask:"000-000 0000"},MZ:{countryCode:"MZ",callingCode:"258",mask:"00 000 0000"},NA:{countryCode:"NA",callingCode:"264",mask:"000 000 0000"},NC:{countryCode:"NC",callingCode:"687",mask:"00.00.00"},NE:{countryCode:"NE",callingCode:"227",mask:"00 00 00 00"},NF:{countryCode:"NF",callingCode:"672",mask:"0 00000"},NG:{countryCode:"NG",callingCode:"234",mask:"0000 000 0000"},NI:{countryCode:"NI",callingCode:"505",mask:"0000 0000"},NL:{countryCode:"NL",callingCode:"31",mask:"00 00000000"},NO:{countryCode:"NO",callingCode:"47",mask:"00 00 00 00"},NP:{countryCode:"NP",callingCode:"977",mask:"000-0000000"},NR:{countryCode:"NR",callingCode:"674",mask:"000 0000"},NU:{countryCode:"NU",callingCode:"683",mask:"000 0000"},NZ:{countryCode:"NZ",callingCode:"64",mask:"000 000 0000"},OM:{countryCode:"OM",callingCode:"968",mask:"0000 0000"},PA:{countryCode:"PA",callingCode:"507",mask:"0000-0000"},PE:{countryCode:"PE",callingCode:"51",mask:"000 000 000"},PF:{countryCode:"PF",callingCode:"689",mask:"00 00 00 00"},PG:{countryCode:"PG",callingCode:"675",mask:"0000 0000"},PH:{countryCode:"PH",callingCode:"63",mask:"0000 000 0000"},PK:{countryCode:"PK",callingCode:"92",mask:"0000 0000000"},PL:{countryCode:"PL",callingCode:"48",mask:"000 000 000"},PM:{countryCode:"PM",callingCode:"508",mask:"000 00 00"},PR:{countryCode:"PR",callingCode:"1",mask:"(000) 000-0000"},PS:{countryCode:"PS",callingCode:"970",mask:"0000 000 000"},PT:{countryCode:"PT",callingCode:"351",mask:"000 000 000"},PW:{countryCode:"PW",callingCode:"680",mask:"000 0000"},PY:{countryCode:"PY",callingCode:"595",mask:"0000 000000"},QA:{countryCode:"QA",callingCode:"974",mask:"0000 0000"},RE:{countryCode:"RE",callingCode:"262",mask:"0000 00 00 00"},RO:{countryCode:"RO",callingCode:"40",mask:"0000 000 000"},RS:{countryCode:"RS",callingCode:"381",mask:"000 0000000"},RU:{countryCode:"RU",callingCode:"7",mask:"0 (000) 000-00-00"},RW:{countryCode:"RW",callingCode:"250",mask:"0000 000 000"},SA:{countryCode:"SA",callingCode:"966",mask:"000 000 0000"},SB:{countryCode:"SB",callingCode:"677",mask:"00 00000"},SC:{countryCode:"SC",callingCode:"248",mask:"0 000 000"},SD:{countryCode:"SD",callingCode:"249",mask:"000 000 0000"},SE:{countryCode:"SE",callingCode:"46",mask:"000-000 00 00"},SG:{countryCode:"SG",callingCode:"65",mask:"0000 0000"},SH:{countryCode:"SH",callingCode:"290",mask:"00000"},SI:{countryCode:"SI",callingCode:"386",mask:"000 000 000"},SJ:{countryCode:"SJ",callingCode:"47",mask:"00 00 00 00"},SK:{countryCode:"SK",callingCode:"421",mask:"0000 000 000"},SL:{countryCode:"SL",callingCode:"232",mask:"(000) 000000"},SM:{countryCode:"SM",callingCode:"378",mask:"00 00 00 00"},SN:{countryCode:"SN",callingCode:"221",mask:"00 000 00 00"},SO:{countryCode:"SO",callingCode:"252",mask:"0 0000000"},SR:{countryCode:"SR",callingCode:"597",mask:"000-0000"},SS:{countryCode:"SS",callingCode:"211",mask:"0000 000 000"},ST:{countryCode:"ST",callingCode:"239",mask:"000 0000"},SV:{countryCode:"SV",callingCode:"503",mask:"0000 0000"},SX:{countryCode:"SX",callingCode:"1",mask:"(000) 000-0000"},SY:{countryCode:"SY",callingCode:"963",mask:"0000 000 000"},SZ:{countryCode:"SZ",callingCode:"268",mask:"0000 0000"},TA:{countryCode:"TA",callingCode:"290",mask:"0000"},TC:{countryCode:"TC",callingCode:"1",mask:"(000) 000-0000"},TD:{countryCode:"TD",callingCode:"235",mask:"00 00 00 00"},TG:{countryCode:"TG",callingCode:"228",mask:"00 00 00 00"},TH:{countryCode:"TH",callingCode:"66",mask:"000 000 0000"},TJ:{countryCode:"TJ",callingCode:"992",mask:"00 000 0000"},TK:{countryCode:"TK",callingCode:"690",mask:"0000"},TL:{countryCode:"TL",callingCode:"670",mask:"0000 0000"},TM:{countryCode:"TM",callingCode:"993",mask:"0 00 000000"},TN:{countryCode:"TN",callingCode:"216",mask:"00 000 000"},TO:{countryCode:"TO",callingCode:"676",mask:"000 0000"},TR:{countryCode:"TR",callingCode:"90",mask:"0000 000 00 00"},TT:{countryCode:"TT",callingCode:"1",mask:"(000) 000-0000"},TV:{countryCode:"TV",callingCode:"688",mask:"00 0000"},TW:{countryCode:"TW",callingCode:"886",mask:"0000 000 000"},TZ:{countryCode:"TZ",callingCode:"255",mask:"0000 000 000"},UA:{countryCode:"UA",callingCode:"380",mask:"000 000 0000"},UG:{countryCode:"UG",callingCode:"256",mask:"0000 000000"},US:{countryCode:"US",callingCode:"1",mask:"(000) 000-0000"},UY:{countryCode:"UY",callingCode:"598",mask:"000 000 000"},UZ:{countryCode:"UZ",callingCode:"998",mask:"00 000 00 00"},VA:{countryCode:"VA",callingCode:"39",mask:"000 000 0000"},VC:{countryCode:"VC",callingCode:"1",mask:"(000) 000-0000"},VE:{countryCode:"VE",callingCode:"58",mask:"0000-0000000"},VG:{countryCode:"VG",callingCode:"1",mask:"(000) 000-0000"},VI:{countryCode:"VI",callingCode:"1",mask:"(000) 000-0000"},VN:{countryCode:"VN",callingCode:"84",mask:"0000 000 000"},VU:{countryCode:"VU",callingCode:"678",mask:"000 0000"},WF:{countryCode:"WF",callingCode:"681",mask:"00 00 00"},WS:{countryCode:"WS",callingCode:"685",mask:"00 00000"},XK:{countryCode:"XK",callingCode:"383",mask:"000 000 000"},YE:{countryCode:"YE",callingCode:"967",mask:"0000 000 000"},YT:{countryCode:"YT",callingCode:"262",mask:"0000 00 00 00"},ZA:{countryCode:"ZA",callingCode:"27",mask:"000 000 0000"},ZM:{countryCode:"ZM",callingCode:"260",mask:"000 0000000"},ZW:{countryCode:"ZW",callingCode:"263",mask:"000 000 0000"}};function a0(n,c,l,t=!1){const C=V(n,c),r=c0(C,n,l,t);return{maskedValue:C,cursorPosition:r}}function A(n){return n.replace(/\D+/g,"")}function V(n,c){const l=A(n);let t="",C=0;if(l.length){for(const r of c)if(r==="0"){if(t+=l[C++],C===l.length)break}else t+=r;C<l.length&&(t+=" "+l.slice(C))}return t}function c0(n,c,l,t){const C=l===c.length;if(t\|\|!C){const r=c.slice(0,l),i=c.slice(l);if(n.startsWith(r))return l;if(n.endsWith(i))return n.length-i.length;{const y=F(r);let g=0,S=0;for(;S<y.length;)F(n[g])&&S++,g++;return g}}}function F(n){return n.replace(/[.,\\/#!$%^&;:{}=+\-_`~()\s]/g,"")}const C0=n=>n\|\|(typeof navigator<"u"?navigator.language:"en-US"),d0=n=>{var{countryCode:c,value:l,defaultValue:t="",locale:C,floatingLabel:r,disabled:i,readonly:y,invalid:g,className:S,onFocus:f,onBlur:B,onChange:T,onInputChange:I,onKeyDown:K,onKeyPress:N,onKeyUp:L,onExpand:O,onCollapse:v}=n,H=e0.__rest(n,["countryCode","value","defaultValue","locale","floatingLabel","disabled","readonly","invalid","className","onFocus","onBlur","onChange","onInputChange","onKeyDown","onKeyPress","onKeyUp","onExpand","onCollapse"]);const P=l!==void 0,m=a.useMemo(()=>{const o=C0(C),e=new Intl.DisplayNames([o],{type:"region"});return Object.keys(G).map(u=>{var d;return[u,(d=e.of(u))!==null&&d!==void 0?d:""]}).sort(([,u],[,d])=>u.localeCompare(d))},[C]),[R,p]=a.useState(()=>{if(c){const o=m.findIndex(([e])=>e===c.toUpperCase());return o!==-1?o:0}return 0}),[W,Z]=a.useState(t),E=a.useRef(null),k=a.useRef(null);a.useEffect(()=>{if(c){const o=m.findIndex(([e])=>e===c.toUpperCase());p(o!==-1?o:0)}},[c,m]);const M=(o=R)=>{const[e]=m[o];return G[e]};a.useEffect(()=>{k.current!==null&&E.current&&(E.current.setSelectionRange(k.current,k.current),k.current=null)});const Y=()=>P?l:W,x=()=>{const o=Y();return o?V(o,M().mask):""},s=o=>{const e=o?.maskedValue!==void 0?o?.maskedValue:x();return{value:e,rawValue:A(e),callingCode:M(o?.index).callingCode,countryCode:M(o?.index).countryCode}},J=(o,{index:e})=>{p(e),T&&T(o,s({index:e}))},w=o=>{f&&f(o,s())},Q=o=>{B&&B(o,s())},X=o=>{T&&T(o,s())},q=o=>{const e=o.target,u=e.value,d=e.selectionStart\|\|0,o0=o.nativeEvent&&"inputType"in o.nativeEvent?/delete.Backward/.test(o.nativeEvent.inputType):!1,{maskedValue:D,cursorPosition:h}=a0(u,M().mask,d,o0);h!==void 0&&(k.current=h),P\|\|Z(A(D)),I&&I(o,s({maskedValue:D}))},_=o=>{K&&K(o,s())},j=o=>{N&&N(o,s())},$=o=>{L&&L(o,s())},z=m.map(([o,e],u)=>{const d=G[o];return a.createElement(U.ListboxOption,{key:o,value:`${e}-${d.callingCode}`,selected:u===R,icon:a.createElement(l0.EbayFlagIcon,{flag:d.countryCode.toLowerCase()})},a.createElement("span",null,e," ( + ",d.callingCode," )"))});return a.createElement("span",Object.assign({},H,{className:n0("phone-input",S,{"phone-input--disabled":i,"phone-input--readonly":y,"phone-input--error":g})}),a.createElement(U.ListboxButton,{split:"start",disabled:y\|\|i,onChange:J,onExpand:O,onCollapse:v},z),a.createElement(b.EbayTextbox,{type:"tel",value:x(),disabled:i,floatingLabel:r,floatingLabelStatic:!0,readOnly:y,invalid:g,onBlur:Q,onFocus:w,onKeyDown:_,onKeyPress:j,onKeyUp:$,onChange:X,onInputChange:q,ref:E},a.createElement(b.EbayTextboxPrefixText,{id:"phone-prefix"},"+ ",M().callingCode)))};exports.EbayPhoneInput=d0;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e0=require("../tslib.es6-BW4cJBUu.js"),n0=require("classnames"),a=require("react"),U=require("../listbox-button-CF98dSd8.js"),b=require("../textbox-HffvptHx.js");require("../icon-M7M42naA.js");require("../icon-button-E_6JKTh3.js");const l0=require("../flag-jZOEhbJe.js"),G={AC:{countryCode:"AC",callingCode:"247",mask:"00000"},AD:{countryCode:"AD",callingCode:"376",mask:"000 000"},AE:{countryCode:"AE",callingCode:"971",mask:"000 000 0000"},AF:{countryCode:"AF",callingCode:"93",mask:"000 000 0000"},AG:{countryCode:"AG",callingCode:"1",mask:"(000) 000-0000"},AI:{countryCode:"AI",callingCode:"1",mask:"(000) 000-0000"},AL:{countryCode:"AL",callingCode:"355",mask:"000 000 0000"},AM:{countryCode:"AM",callingCode:"374",mask:"000 000000"},AO:{countryCode:"AO",callingCode:"244",mask:"000 000 000"},AR:{countryCode:"AR",callingCode:"54",mask:"000 00-0000-0000"},AS:{countryCode:"AS",callingCode:"1",mask:"(000) 000-0000"},AT:{countryCode:"AT",callingCode:"43",mask:"0000 000000"},AU:{countryCode:"AU",callingCode:"61",mask:"0000 000 000"},AW:{countryCode:"AW",callingCode:"297",mask:"000 0000"},AX:{countryCode:"AX",callingCode:"358",mask:"000 0000000"},AZ:{countryCode:"AZ",callingCode:"994",mask:"000 000 00 00"},BA:{countryCode:"BA",callingCode:"387",mask:"000 000 000"},BB:{countryCode:"BB",callingCode:"1",mask:"(000) 000-0000"},BD:{countryCode:"BD",callingCode:"880",mask:"00000-000000"},BE:{countryCode:"BE",callingCode:"32",mask:"0000 00 00 00"},BF:{countryCode:"BF",callingCode:"226",mask:"00 00 00 00"},BG:{countryCode:"BG",callingCode:"359",mask:"000 000 000"},BH:{countryCode:"BH",callingCode:"973",mask:"0000 0000"},BI:{countryCode:"BI",callingCode:"257",mask:"00 00 00 00"},BJ:{countryCode:"BJ",callingCode:"229",mask:"00 00 00 00 00"},BL:{countryCode:"BL",callingCode:"590",mask:"0000 00 00 00"},BM:{countryCode:"BM",callingCode:"1",mask:"(000) 000-0000"},BN:{countryCode:"BN",callingCode:"673",mask:"000 0000"},BO:{countryCode:"BO",callingCode:"591",mask:"00000000"},BQ:{countryCode:"BQ",callingCode:"599",mask:"000 0000"},BR:{countryCode:"BR",callingCode:"55",mask:"(00) 00000-0000"},BS:{countryCode:"BS",callingCode:"1",mask:"(000) 000-0000"},BT:{countryCode:"BT",callingCode:"975",mask:"00 00 00 00"},BW:{countryCode:"BW",callingCode:"267",mask:"00 000 000"},BY:{countryCode:"BY",callingCode:"375",mask:"0 000 000-00-00"},BZ:{countryCode:"BZ",callingCode:"501",mask:"000-0000"},CA:{countryCode:"CA",callingCode:"1",mask:"(000) 000-0000"},CC:{countryCode:"CC",callingCode:"61",mask:"0000 000 000"},CD:{countryCode:"CD",callingCode:"243",mask:"0000 000 000"},CF:{countryCode:"CF",callingCode:"236",mask:"00 00 00 00"},CG:{countryCode:"CG",callingCode:"242",mask:"00 000 0000"},CH:{countryCode:"CH",callingCode:"41",mask:"000 000 00 00"},CI:{countryCode:"CI",callingCode:"225",mask:"00 00 00 0000"},CK:{countryCode:"CK",callingCode:"682",mask:"00 000"},CL:{countryCode:"CL",callingCode:"56",mask:"(0) 0000 0000"},CM:{countryCode:"CM",callingCode:"237",mask:"0 00 00 00 00"},CN:{countryCode:"CN",callingCode:"86",mask:"000 0000 0000"},CO:{countryCode:"CO",callingCode:"57",mask:"000 0000000"},CR:{countryCode:"CR",callingCode:"506",mask:"0000 0000"},CU:{countryCode:"CU",callingCode:"53",mask:"00 0000000"},CV:{countryCode:"CV",callingCode:"238",mask:"000 00 00"},CW:{countryCode:"CW",callingCode:"599",mask:"0 000 0000"},CX:{countryCode:"CX",callingCode:"61",mask:"0000 000 000"},CY:{countryCode:"CY",callingCode:"357",mask:"00 000000"},CZ:{countryCode:"CZ",callingCode:"420",mask:"000 000 000"},DE:{countryCode:"DE",callingCode:"49",mask:"00000 0000000"},DJ:{countryCode:"DJ",callingCode:"253",mask:"00 00 00 00"},DK:{countryCode:"DK",callingCode:"45",mask:"00 00 00 00"},DM:{countryCode:"DM",callingCode:"1",mask:"(000) 000-0000"},DO:{countryCode:"DO",callingCode:"1",mask:"(000) 000-0000"},DZ:{countryCode:"DZ",callingCode:"213",mask:"0000 00 00 00"},EC:{countryCode:"EC",callingCode:"593",mask:"000 000 0000"},EE:{countryCode:"EE",callingCode:"372",mask:"0000 0000"},EG:{countryCode:"EG",callingCode:"20",mask:"000 00000000"},EH:{countryCode:"EH",callingCode:"212",mask:"0000-000000"},ER:{countryCode:"ER",callingCode:"291",mask:"00 000 000"},ES:{countryCode:"ES",callingCode:"34",mask:"000 00 00 00"},ET:{countryCode:"ET",callingCode:"251",mask:"000 000 0000"},FI:{countryCode:"FI",callingCode:"358",mask:"000 0000000"},FJ:{countryCode:"FJ",callingCode:"679",mask:"000 0000"},FK:{countryCode:"FK",callingCode:"500",mask:"00000"},FM:{countryCode:"FM",callingCode:"691",mask:"000 0000"},FO:{countryCode:"FO",callingCode:"298",mask:"000000"},FR:{countryCode:"FR",callingCode:"33",mask:"00 00 00 00 00"},GA:{countryCode:"GA",callingCode:"241",mask:"00 00 00 00"},GB:{countryCode:"GB",callingCode:"44",mask:"00000 000000"},GD:{countryCode:"GD",callingCode:"1",mask:"(000) 000-0000"},GE:{countryCode:"GE",callingCode:"995",mask:"000 00 00 00"},GF:{countryCode:"GF",callingCode:"594",mask:"0000 00 00 00"},GG:{countryCode:"GG",callingCode:"44",mask:"00000 000000"},GH:{countryCode:"GH",callingCode:"233",mask:"000 000 0000"},GI:{countryCode:"GI",callingCode:"350",mask:"00000000"},GL:{countryCode:"GL",callingCode:"299",mask:"00 00 00"},GM:{countryCode:"GM",callingCode:"220",mask:"000 0000"},GN:{countryCode:"GN",callingCode:"224",mask:"000 00 00 00"},GP:{countryCode:"GP",callingCode:"590",mask:"0000 00 00 00"},GQ:{countryCode:"GQ",callingCode:"240",mask:"000 000 000"},GR:{countryCode:"GR",callingCode:"30",mask:"000 000 0000"},GT:{countryCode:"GT",callingCode:"502",mask:"0000 0000"},GU:{countryCode:"GU",callingCode:"1",mask:"(000) 000-0000"},GW:{countryCode:"GW",callingCode:"245",mask:"000 000 000"},GY:{countryCode:"GY",callingCode:"592",mask:"000 0000"},HK:{countryCode:"HK",callingCode:"852",mask:"0000 0000"},HN:{countryCode:"HN",callingCode:"504",mask:"0000-0000"},HR:{countryCode:"HR",callingCode:"385",mask:"000 000 0000"},HT:{countryCode:"HT",callingCode:"509",mask:"00 00 0000"},HU:{countryCode:"HU",callingCode:"36",mask:"00 00 000 0000"},ID:{countryCode:"ID",callingCode:"62",mask:"0000-000-000"},IE:{countryCode:"IE",callingCode:"353",mask:"000 000 0000"},IL:{countryCode:"IL",callingCode:"972",mask:"000-000-0000"},IM:{countryCode:"IM",callingCode:"44",mask:"00000 000000"},IN:{countryCode:"IN",callingCode:"91",mask:"000000 00000"},IO:{countryCode:"IO",callingCode:"246",mask:"000 0000"},IQ:{countryCode:"IQ",callingCode:"964",mask:"0000 000 0000"},IR:{countryCode:"IR",callingCode:"98",mask:"0000 000 0000"},IS:{countryCode:"IS",callingCode:"354",mask:"000 0000"},IT:{countryCode:"IT",callingCode:"39",mask:"000 000 0000"},JE:{countryCode:"JE",callingCode:"44",mask:"00000 000000"},JM:{countryCode:"JM",callingCode:"1",mask:"(000) 000-0000"},JO:{countryCode:"JO",callingCode:"962",mask:"00 0000 0000"},JP:{countryCode:"JP",callingCode:"81",mask:"000-0000-0000"},KE:{countryCode:"KE",callingCode:"254",mask:"0000 000000"},KG:{countryCode:"KG",callingCode:"996",mask:"0000 000 000"},KH:{countryCode:"KH",callingCode:"855",mask:"000 000 000"},KI:{countryCode:"KI",callingCode:"686",mask:"00000000"},KM:{countryCode:"KM",callingCode:"269",mask:"000 00 00"},KN:{countryCode:"KN",callingCode:"1",mask:"(000) 000-0000"},KP:{countryCode:"KP",callingCode:"850",mask:"0000 000 0000"},KR:{countryCode:"KR",callingCode:"82",mask:"000-0000-0000"},KW:{countryCode:"KW",callingCode:"965",mask:"000 00000"},KY:{countryCode:"KY",callingCode:"1",mask:"(000) 000-0000"},KZ:{countryCode:"KZ",callingCode:"7",mask:"0 (000) 000 0000"},LA:{countryCode:"LA",callingCode:"856",mask:"000 00 000 000"},LB:{countryCode:"LB",callingCode:"961",mask:"00 000 000"},LC:{countryCode:"LC",callingCode:"1",mask:"(000) 000-0000"},LI:{countryCode:"LI",callingCode:"423",mask:"000 000 000"},LK:{countryCode:"LK",callingCode:"94",mask:"000 000 0000"},LR:{countryCode:"LR",callingCode:"231",mask:"000 000 0000"},LS:{countryCode:"LS",callingCode:"266",mask:"0000 0000"},LT:{countryCode:"LT",callingCode:"370",mask:"(0-000) 00000"},LU:{countryCode:"LU",callingCode:"352",mask:"000 000 000"},LV:{countryCode:"LV",callingCode:"371",mask:"00 000 000"},LY:{countryCode:"LY",callingCode:"218",mask:"000-0000000"},MA:{countryCode:"MA",callingCode:"212",mask:"0000-000000"},MC:{countryCode:"MC",callingCode:"377",mask:"00 00 00 00 00"},MD:{countryCode:"MD",callingCode:"373",mask:"0000 00 000"},ME:{countryCode:"ME",callingCode:"382",mask:"000 000 000"},MF:{countryCode:"MF",callingCode:"590",mask:"0000 00 00 00"},MG:{countryCode:"MG",callingCode:"261",mask:"000 00 000 00"},MH:{countryCode:"MH",callingCode:"692",mask:"000-0000"},MK:{countryCode:"MK",callingCode:"389",mask:"000 000 000"},ML:{countryCode:"ML",callingCode:"223",mask:"00 00 00 00"},MM:{countryCode:"MM",callingCode:"95",mask:"00 000 0000"},MN:{countryCode:"MN",callingCode:"976",mask:"0000 0000"},MO:{countryCode:"MO",callingCode:"853",mask:"0000 0000"},MP:{countryCode:"MP",callingCode:"1",mask:"(000) 000-0000"},MQ:{countryCode:"MQ",callingCode:"596",mask:"0000 00 00 00"},MR:{countryCode:"MR",callingCode:"222",mask:"00 00 00 00"},MS:{countryCode:"MS",callingCode:"1",mask:"(000) 000-0000"},MT:{countryCode:"MT",callingCode:"356",mask:"0000 0000"},MU:{countryCode:"MU",callingCode:"230",mask:"0000 0000"},MV:{countryCode:"MV",callingCode:"960",mask:"000-0000"},MW:{countryCode:"MW",callingCode:"265",mask:"0000 00 00 00"},MX:{countryCode:"MX",callingCode:"52",mask:"000 000 0000"},MY:{countryCode:"MY",callingCode:"60",mask:"000-000 0000"},MZ:{countryCode:"MZ",callingCode:"258",mask:"00 000 0000"},NA:{countryCode:"NA",callingCode:"264",mask:"000 000 0000"},NC:{countryCode:"NC",callingCode:"687",mask:"00.00.00"},NE:{countryCode:"NE",callingCode:"227",mask:"00 00 00 00"},NF:{countryCode:"NF",callingCode:"672",mask:"0 00000"},NG:{countryCode:"NG",callingCode:"234",mask:"0000 000 0000"},NI:{countryCode:"NI",callingCode:"505",mask:"0000 0000"},NL:{countryCode:"NL",callingCode:"31",mask:"00 00000000"},NO:{countryCode:"NO",callingCode:"47",mask:"00 00 00 00"},NP:{countryCode:"NP",callingCode:"977",mask:"000-0000000"},NR:{countryCode:"NR",callingCode:"674",mask:"000 0000"},NU:{countryCode:"NU",callingCode:"683",mask:"000 0000"},NZ:{countryCode:"NZ",callingCode:"64",mask:"000 000 0000"},OM:{countryCode:"OM",callingCode:"968",mask:"0000 0000"},PA:{countryCode:"PA",callingCode:"507",mask:"0000-0000"},PE:{countryCode:"PE",callingCode:"51",mask:"000 000 000"},PF:{countryCode:"PF",callingCode:"689",mask:"00 00 00 00"},PG:{countryCode:"PG",callingCode:"675",mask:"0000 0000"},PH:{countryCode:"PH",callingCode:"63",mask:"0000 000 0000"},PK:{countryCode:"PK",callingCode:"92",mask:"0000 0000000"},PL:{countryCode:"PL",callingCode:"48",mask:"000 000 000"},PM:{countryCode:"PM",callingCode:"508",mask:"000 00 00"},PR:{countryCode:"PR",callingCode:"1",mask:"(000) 000-0000"},PS:{countryCode:"PS",callingCode:"970",mask:"0000 000 000"},PT:{countryCode:"PT",callingCode:"351",mask:"000 000 000"},PW:{countryCode:"PW",callingCode:"680",mask:"000 0000"},PY:{countryCode:"PY",callingCode:"595",mask:"0000 000000"},QA:{countryCode:"QA",callingCode:"974",mask:"0000 0000"},RE:{countryCode:"RE",callingCode:"262",mask:"0000 00 00 00"},RO:{countryCode:"RO",callingCode:"40",mask:"0000 000 000"},RS:{countryCode:"RS",callingCode:"381",mask:"000 0000000"},RU:{countryCode:"RU",callingCode:"7",mask:"0 (000) 000-00-00"},RW:{countryCode:"RW",callingCode:"250",mask:"0000 000 000"},SA:{countryCode:"SA",callingCode:"966",mask:"000 000 0000"},SB:{countryCode:"SB",callingCode:"677",mask:"00 00000"},SC:{countryCode:"SC",callingCode:"248",mask:"0 000 000"},SD:{countryCode:"SD",callingCode:"249",mask:"000 000 0000"},SE:{countryCode:"SE",callingCode:"46",mask:"000-000 00 00"},SG:{countryCode:"SG",callingCode:"65",mask:"0000 0000"},SH:{countryCode:"SH",callingCode:"290",mask:"00000"},SI:{countryCode:"SI",callingCode:"386",mask:"000 000 000"},SJ:{countryCode:"SJ",callingCode:"47",mask:"00 00 00 00"},SK:{countryCode:"SK",callingCode:"421",mask:"0000 000 000"},SL:{countryCode:"SL",callingCode:"232",mask:"(000) 000000"},SM:{countryCode:"SM",callingCode:"378",mask:"00 00 00 00"},SN:{countryCode:"SN",callingCode:"221",mask:"00 000 00 00"},SO:{countryCode:"SO",callingCode:"252",mask:"0 0000000"},SR:{countryCode:"SR",callingCode:"597",mask:"000-0000"},SS:{countryCode:"SS",callingCode:"211",mask:"0000 000 000"},ST:{countryCode:"ST",callingCode:"239",mask:"000 0000"},SV:{countryCode:"SV",callingCode:"503",mask:"0000 0000"},SX:{countryCode:"SX",callingCode:"1",mask:"(000) 000-0000"},SY:{countryCode:"SY",callingCode:"963",mask:"0000 000 000"},SZ:{countryCode:"SZ",callingCode:"268",mask:"0000 0000"},TA:{countryCode:"TA",callingCode:"290",mask:"0000"},TC:{countryCode:"TC",callingCode:"1",mask:"(000) 000-0000"},TD:{countryCode:"TD",callingCode:"235",mask:"00 00 00 00"},TG:{countryCode:"TG",callingCode:"228",mask:"00 00 00 00"},TH:{countryCode:"TH",callingCode:"66",mask:"000 000 0000"},TJ:{countryCode:"TJ",callingCode:"992",mask:"00 000 0000"},TK:{countryCode:"TK",callingCode:"690",mask:"0000"},TL:{countryCode:"TL",callingCode:"670",mask:"0000 0000"},TM:{countryCode:"TM",callingCode:"993",mask:"0 00 000000"},TN:{countryCode:"TN",callingCode:"216",mask:"00 000 000"},TO:{countryCode:"TO",callingCode:"676",mask:"000 0000"},TR:{countryCode:"TR",callingCode:"90",mask:"0000 000 00 00"},TT:{countryCode:"TT",callingCode:"1",mask:"(000) 000-0000"},TV:{countryCode:"TV",callingCode:"688",mask:"00 0000"},TW:{countryCode:"TW",callingCode:"886",mask:"0000 000 000"},TZ:{countryCode:"TZ",callingCode:"255",mask:"0000 000 000"},UA:{countryCode:"UA",callingCode:"380",mask:"000 000 0000"},UG:{countryCode:"UG",callingCode:"256",mask:"0000 000000"},US:{countryCode:"US",callingCode:"1",mask:"(000) 000-0000"},UY:{countryCode:"UY",callingCode:"598",mask:"000 000 000"},UZ:{countryCode:"UZ",callingCode:"998",mask:"00 000 00 00"},VA:{countryCode:"VA",callingCode:"39",mask:"000 000 0000"},VC:{countryCode:"VC",callingCode:"1",mask:"(000) 000-0000"},VE:{countryCode:"VE",callingCode:"58",mask:"0000-0000000"},VG:{countryCode:"VG",callingCode:"1",mask:"(000) 000-0000"},VI:{countryCode:"VI",callingCode:"1",mask:"(000) 000-0000"},VN:{countryCode:"VN",callingCode:"84",mask:"0000 000 000"},VU:{countryCode:"VU",callingCode:"678",mask:"000 0000"},WF:{countryCode:"WF",callingCode:"681",mask:"00 00 00"},WS:{countryCode:"WS",callingCode:"685",mask:"00 00000"},XK:{countryCode:"XK",callingCode:"383",mask:"000 000 000"},YE:{countryCode:"YE",callingCode:"967",mask:"0000 000 000"},YT:{countryCode:"YT",callingCode:"262",mask:"0000 00 00 00"},ZA:{countryCode:"ZA",callingCode:"27",mask:"000 000 0000"},ZM:{countryCode:"ZM",callingCode:"260",mask:"000 0000000"},ZW:{countryCode:"ZW",callingCode:"263",mask:"000 000 0000"}};function a0(n,c,l,t=!1){const C=V(n,c),r=c0(C,n,l,t);return{maskedValue:C,cursorPosition:r}}function A(n){return n.replace(/\D+/g,"")}function V(n,c){const l=A(n);let t="",C=0;if(l.length){for(const r of c)if(r==="0"){if(t+=l[C++],C===l.length)break}else t+=r;C<l.length&&(t+=" "+l.slice(C))}return t}function c0(n,c,l,t){const C=l===c.length;if(t\|\|!C){const r=c.slice(0,l),i=c.slice(l);if(n.startsWith(r))return l;if(n.endsWith(i))return n.length-i.length;{const y=F(r);let g=0,S=0;for(;S<y.length;)F(n[g])&&S++,g++;return g}}}function F(n){return n.replace(/[.,\\/#!$%^&;:{}=+\-_`~()\s]/g,"")}const C0=n=>n\|\|(typeof navigator<"u"?navigator.language:"en-US"),d0=n=>{var{countryCode:c,value:l,defaultValue:t="",locale:C,floatingLabel:r,disabled:i,readonly:y,invalid:g,className:S,onFocus:f,onBlur:B,onChange:T,onInputChange:I,onKeyDown:K,onKeyPress:N,onKeyUp:L,onExpand:O,onCollapse:v}=n,H=e0.__rest(n,["countryCode","value","defaultValue","locale","floatingLabel","disabled","readonly","invalid","className","onFocus","onBlur","onChange","onInputChange","onKeyDown","onKeyPress","onKeyUp","onExpand","onCollapse"]);const P=l!==void 0,m=a.useMemo(()=>{const o=C0(C),e=new Intl.DisplayNames([o],{type:"region"});return Object.keys(G).map(u=>{var d;return[u,(d=e.of(u))!==null&&d!==void 0?d:""]}).sort(([,u],[,d])=>u.localeCompare(d))},[C]),[R,p]=a.useState(()=>{if(c){const o=m.findIndex(([e])=>e===c.toUpperCase());return o!==-1?o:0}return 0}),[W,Z]=a.useState(t),E=a.useRef(null),k=a.useRef(null);a.useEffect(()=>{if(c){const o=m.findIndex(([e])=>e===c.toUpperCase());p(o!==-1?o:0)}},[c,m]);const M=(o=R)=>{const[e]=m[o];return G[e]};a.useEffect(()=>{k.current!==null&&E.current&&(E.current.setSelectionRange(k.current,k.current),k.current=null)});const Y=()=>P?l:W,x=()=>{const o=Y();return o?V(o,M().mask):""},s=o=>{const e=o?.maskedValue!==void 0?o?.maskedValue:x();return{value:e,rawValue:A(e),callingCode:M(o?.index).callingCode,countryCode:M(o?.index).countryCode}},J=(o,{index:e})=>{p(e),T&&T(o,s({index:e}))},w=o=>{f&&f(o,s())},Q=o=>{B&&B(o,s())},X=o=>{T&&T(o,s())},q=o=>{const e=o.target,u=e.value,d=e.selectionStart\|\|0,o0=o.nativeEvent&&"inputType"in o.nativeEvent?/delete.Backward/.test(o.nativeEvent.inputType):!1,{maskedValue:D,cursorPosition:h}=a0(u,M().mask,d,o0);h!==void 0&&(k.current=h),P\|\|Z(A(D)),I&&I(o,s({maskedValue:D}))},_=o=>{K&&K(o,s())},j=o=>{N&&N(o,s())},$=o=>{L&&L(o,s())},z=m.map(([o,e],u)=>{const d=G[o];return a.createElement(U.ListboxOption,{key:o,value:`${e}-${d.callingCode}`,selected:u===R,icon:a.createElement(l0.EbayFlagIcon,{flag:d.countryCode.toLowerCase()})},a.createElement("span",null,e," ( + ",d.callingCode," )"))});return a.createElement("span",Object.assign({},H,{className:n0("phone-input",S,{"phone-input--disabled":i,"phone-input--readonly":y,"phone-input--error":g})}),a.createElement(U.ListboxButton,{split:"start",disabled:y\|\|i,onChange:J,onExpand:O,onCollapse:v},z),a.createElement(b.EbayTextbox,{type:"tel",value:x(),disabled:i,floatingLabel:r,floatingLabelStatic:!0,readOnly:y,invalid:g,onBlur:Q,onFocus:w,onKeyDown:_,onKeyPress:j,onKeyUp:$,onChange:X,onInputChange:q,ref:E},a.createElement(b.EbayTextboxPrefixText,{id:"phone-prefix"},"+ ",M().callingCode)))};exports.EbayPhoneInput=d0;

package/ebay-progress-bar/README.md CHANGED Viewed

@@ -1,39 +1,5 @@
 # EbayProgressBar
-The progress bar gives an immediate, real-time visualisation of the current task completion status. The progress bar's value does not include its min, so giving a value <= min will set the value to min + 1.
+## Documentation
-## Demo
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/progress-ebay-progress-bar--default)
-## Usage
-### Import JS
-```jsx harmony
-import { EbayProgressSpinner } from "@ebay/ui-core-react/ebay-progress-bar";
-```
-### Import styles from Skin
-```jsx
-import "@ebay/skin/progress-bar";
-```
-### or if using CSS/SCSS
-```jsx
-import "@ebay/skin/progress-bar.css";
-```
-```jsx harmony
-<EbayProgressBar value={50} />
-```
-## Props
-| Name    | Type    | Stateful | Required | Description                           | Data |
-| ------- | ------- | -------- | -------- | ------------------------------------- | ---- |
-| `value` | Integer | No       | No       | Current value (<= Max)                |
-| `max`   | Integer | No       | No       | Maximal value, default: 100           |
-| `fluid` | Boolean | No       | No       | Fills the full width of its container |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/progress-ebay-progress-bar--docs)

package/ebay-progress-bar/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../tslib.es6-~~C4EgNkz1~~.js"),o=require("react"),u=require("classnames"),i=e=>{var{value:s=0,max:r=100,fluid:a,className:t}=e,l=c.__rest(e,["value","max","fluid","className"]);return o.createElement("progress",Object.assign({},l,{className:u("progress-bar",t,{"progress-bar--fluid":a}),value:s,max:r}))};exports.EbayProgressBar=i;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../tslib.es6-BW4cJBUu.js"),o=require("react"),u=require("classnames"),i=e=>{var{value:s=0,max:r=100,fluid:a,className:t}=e,l=c.__rest(e,["value","max","fluid","className"]);return o.createElement("progress",Object.assign({},l,{className:u("progress-bar",t,{"progress-bar--fluid":a}),value:s,max:r}))};exports.EbayProgressBar=i;

package/ebay-progress-bar-expressive/README.md CHANGED Viewed

@@ -1,55 +1,5 @@
 # EbayProgressBarExpressive
-## Demo
+## Documentation
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/progress-ebay-progress-bar-expressive--docs)
-## Usage
-### Import JS
-```jsx harmony
-import {
-    EbayProgressBarExpressive,
-    EbayProgressBarExpressiveMessage,
-} from "@ebay/ui-core-react/ebay-progress-bar-expressive";
-```
-### Import following styles from SKIN
-```jsx harmony
-import "@ebay/skin/progress-bar-expressive";
-```
-### If tokens haven't been added to the project at a higher level, make sure to import
-```jsx harmony
-import "@ebay/skin/tokens";
-```
-### Or import styles using SCSS/CSS
-```jsx harmony
-import "@ebay/skin/progress-bar-expressive.css";
-```
-```jsx harmony
-<EbayProgressBarExpressive aria-label="Progress">
-    <EbayProgressBarExpressiveMessage>Message 1</EbayProgressBarExpressiveMessage>
-    <EbayProgressBarExpressiveMessage>Message 2</EbayProgressBarExpressiveMessage>
-</EbayProgressBarExpressive>
-```
-## Attributes
-| Name         | Type   | Required | Description                                                          | Data |
-| ------------ | ------ | -------- | -------------------------------------------------------------------- | ---- |
-| `size`       | String | No       | Size of the progress bar, can be `medium` or `large`                 |      |
-| `aria-label` | String | Yes      | Accessible label for the progress bar                                |      |
-| `children`   | Node   | No       | Child nodes, typically `EbayProgressBarExpressiveMessage` components |      |
-## Message Attributes
-| Name       | Type   | Required | Description                                                  | Data |
-| ---------- | ------ | -------- | ------------------------------------------------------------ | ---- |
-| `duration` | Number | No       | Duration for which the message is displayed, in milliseconds |      |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/progress-ebay-progress-bar-expressive--docs)

package/ebay-progress-bar-expressive/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../tslib.es6-~~C4EgNkz1~~.js"),e=require("react"),q=require("../random-id-DlJj_RWH.js"),P=require("../utils-C9NL3q0j.js"),U=require("../reduced-motion-CMIhlQVx.js"),v=require("classnames"),c=s=>{var{isFadingIn:u,isFadingOut:g,isInitial:d}=s,t=f.__rest(s,["isFadingIn","isFadingOut","isInitial"]);return e.createElement("div",Object.assign({},t,{className:v("progress-bar-expressive__message",{"progress-bar-expressive__message--out":g,"progress-bar-expressive__message--in":u,"progress-bar-expressive__message--initial":d})}))},j=1500,B=1.5,O=833,L=s=>{var{className:u,"aria-label":g,children:d,size:t}=s,F=f.__rest(s,["className","aria-label","children","size"]);const I=q.useRandomId(),[n,b]=e.useState(-1),[E,M]=e.useState(!1),[y,S]=e.useState(!0),m=P.filterByType(d,c),r=m.length,A=t!=="medium",R=e.useMemo(()=>new Array(12).fill(0),[]),p=m[n]\|\|null,o=n===r-1?0:n+1,a=m[o]\|\|null,_=U.useReducedMotion();return e.useEffect(()=>{var l,i;let x,T,N;if(r>0){const D=((i=(l=a?.props)===null\|\|l===void 0?void 0:l.duration)!==null&&i!==void 0?i:j)*(_?B:1);(!A\|\|_)&&!p?b(o):x=setTimeout(()=>{M(!0),T=setTimeout(()=>{b(o),M(!1)},D)},O),N=setTimeout(()=>{S(!1)},O)}return()=>{clearTimeout(x),clearTimeout(T),clearTimeout(N)}},[r,n,o]),e.createElement("div",Object.assign({},F,{className:v("progress-bar-expressive",u)}),r>0?e.createElement("div",{className:v("progress-bar-expressive__messages",{"progress-bar-expressive__messages--medium":t==="medium"})},!_&&a?e.createElement(c,Object.assign({},a.props,{"aria-hidden":"true",isFadingIn:E})):null,p?e.createElement(c,Object.assign({},p.props,{id:I,role:"status",isFadingIn:r===1,isFadingOut:E,isInitial:y})):null):null,e.createElement("div",{role:"progressbar","aria-label":g,"aria-describedby":I,className:"progress-bar-expressive__progress"},e.createElement("div",{className:"progress-bar-expressive__lines"},R.map((l,i)=>e.createElement("div",{key:i,className:"progress-bar-expressive__line"})))))};exports.EbayProgressBarExpressive=L;exports.EbayProgressBarExpressiveMessage=c;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../tslib.es6-BW4cJBUu.js"),e=require("react"),q=require("../random-id-DlJj_RWH.js"),P=require("../utils-C9NL3q0j.js"),U=require("../reduced-motion-CMIhlQVx.js"),v=require("classnames"),c=s=>{var{isFadingIn:u,isFadingOut:g,isInitial:d}=s,t=f.__rest(s,["isFadingIn","isFadingOut","isInitial"]);return e.createElement("div",Object.assign({},t,{className:v("progress-bar-expressive__message",{"progress-bar-expressive__message--out":g,"progress-bar-expressive__message--in":u,"progress-bar-expressive__message--initial":d})}))},j=1500,B=1.5,O=833,L=s=>{var{className:u,"aria-label":g,children:d,size:t}=s,F=f.__rest(s,["className","aria-label","children","size"]);const I=q.useRandomId(),[n,b]=e.useState(-1),[E,M]=e.useState(!1),[y,S]=e.useState(!0),m=P.filterByType(d,c),r=m.length,A=t!=="medium",R=e.useMemo(()=>new Array(12).fill(0),[]),p=m[n]\|\|null,o=n===r-1?0:n+1,a=m[o]\|\|null,_=U.useReducedMotion();return e.useEffect(()=>{var l,i;let x,T,N;if(r>0){const D=((i=(l=a?.props)===null\|\|l===void 0?void 0:l.duration)!==null&&i!==void 0?i:j)*(_?B:1);(!A\|\|_)&&!p?b(o):x=setTimeout(()=>{M(!0),T=setTimeout(()=>{b(o),M(!1)},D)},O),N=setTimeout(()=>{S(!1)},O)}return()=>{clearTimeout(x),clearTimeout(T),clearTimeout(N)}},[r,n,o]),e.createElement("div",Object.assign({},F,{className:v("progress-bar-expressive",u)}),r>0?e.createElement("div",{className:v("progress-bar-expressive__messages",{"progress-bar-expressive__messages--medium":t==="medium"})},!_&&a?e.createElement(c,Object.assign({},a.props,{"aria-hidden":"true",isFadingIn:E})):null,p?e.createElement(c,Object.assign({},p.props,{id:I,role:"status",isFadingIn:r===1,isFadingOut:E,isInitial:y})):null):null,e.createElement("div",{role:"progressbar","aria-label":g,"aria-describedby":I,className:"progress-bar-expressive__progress"},e.createElement("div",{className:"progress-bar-expressive__lines"},R.map((l,i)=>e.createElement("div",{key:i,className:"progress-bar-expressive__line"})))))};exports.EbayProgressBarExpressive=L;exports.EbayProgressBarExpressiveMessage=c;