@ebay/ui-core-react 8.14.0 → 8.16.0

package/ebay-date-textbox/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),x=require("makeup-expander"),Q=require("classnames"),X=require("../utils-C9NL3q0j.js"),b=require("../calendar-B6lRC_bC.js"),l=require("../textbox-DAb7vY_B.js");require("../icon-I30uh1Ov.js");const Z=require("../dropdown-B6wMNyjP.js"),$=require("../icons/ebay-icon-calendar-24/index.js"),{default:ee=x}=x?.default?.__esModule?x.default:x,te=600,ne=y=>{var{className:R,inputPlaceholderText:i="YYYY-MM-DD",a11yOpenPopoverText:N="open calendar",range:o,value:v,rangeEnd:S,defaultValue:q,defaultRangeEnd:D,collapseOnSelect:w,children:M,onChange:p=()=>{},onInputChange:A=()=>{},onInputRangeEndChange:L=()=>{}}=y,j=K.__rest(y,["className","inputPlaceholderText","a11yOpenPopoverText","range","value","rangeEnd","defaultValue","defaultRangeEnd","collapseOnSelect","children","onChange","onInputChange","onInputRangeEndChange"]);const m=n.useRef(null),[V,d]=n.useState(q||""),[B,u]=n.useState(D||""),f=l.isControlled(v)?v:V,T=l.isControlled(S)?S:B,s=b.dateArgToISO(f),c=b.dateArgToISO(T),[C,I]=n.useState(!1),[Y,z]=n.useState(1),E=X.filterByType(M,l.EbayTextbox),_=o?E[1]||n.createElement(l.EbayTextbox,null):E[0]||n.createElement(l.EbayTextbox,null),F=o?E[0]||n.createElement(l.EbayTextbox,null):E[1]||n.createElement(l.EbayTextbox,null),{overlayStyles:H,refs:h}=Z.useFloatingDropdown({open:C}),g=h.host,W=()=>{I(!0)},k=()=>{I(!1)};n.useEffect(()=>{if(!g.current)return;m.current=new ee(g.current,{hostSelector:".ebay-date-textbox--main > .icon-btn",contentSelector:".date-textbox__popover",expandOnClick:!0,autoCollapse:!0}),g.current.addEventListener("expander-expand",W),g.current.addEventListener("expander-collapse",k);const e=()=>{z(document.documentElement.clientWidth<te?1:2)};return e(),window.addEventListener("resize",e),()=>{var t;(t=m.current)===null||t===void 0||t.destroy(),window.removeEventListener("resize",e)}},[]);const O=(e,t)=>{const r=new Date(e.target.value),a=isNaN(r.getTime())?null:b.toISO(r);t===0?d(a||""):u(a||""),o?p(e,{rangeStart:t===0?a:s,rangeEnd:t===1?a:c}):p(e,{selected:a})},U=(e,{iso:t})=>{if(d(t),o){const r=s||c,a={rangeStart:t,rangeEnd:r};s&&c?(u(""),a.rangeEnd=null):r&&(r<t?(d(r),u(t),a.rangeStart=r,a.rangeEnd=t):(d(t),u(r),a.rangeStart=t,a.rangeEnd=r)),p(e,a)}else p(e,{selected:t});w&&(m.current.expanded=!1)},P=(e,t)=>{t===0?(d(e.target.value),A(e)):(u(e.target.value),L(e))},[G,J]=Array.isArray(i)?i:[i,i];return n.createElement("span",{className:Q("date-textbox",R),ref:h.setHost},o&&n.cloneElement(F,{value:f,placeholder:G,onInputChange:e=>P(e,0),onBlur:e=>O(e,0)}),n.cloneElement(_,Object.assign(Object.assign({},_.props),{className:"ebay-date-textbox--main",placeholder:J,value:o?T:f,onInputChange:e=>P(e,o?1:0),onBlur:e=>O(e,o?1:0)}),n.createElement(l.EbayTextboxPostfixIcon,{icon:n.createElement($.EbayIconCalendar24,null),buttonAriaLabel:N})),n.createElement("div",{hidden:!C,ref:h.setOverlay,style:H,className:"date-textbox__popover"},n.createElement(b.EbayCalendar,Object.assign({},j,{range:o,interactive:!0,navigable:!0,numMonths:Y,selected:s&&c?[s,c]:s||c||void 0,onSelect:U}))))};exports.EbayDateTextbox=ne;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),x=require("makeup-expander"),Q=require("classnames"),X=require("../utils-C9NL3q0j.js"),b=require("../calendar-B6lRC_bC.js"),l=require("../textbox-5DvabGMY.js");require("../icon-I30uh1Ov.js");const Z=require("../dropdown-B6wMNyjP.js"),$=require("../icons/ebay-icon-calendar-24/index.js"),{default:ee=x}=x?.default?.__esModule?x.default:x,te=600,ne=y=>{var{className:R,inputPlaceholderText:i="YYYY-MM-DD",a11yOpenPopoverText:N="open calendar",range:o,value:v,rangeEnd:S,defaultValue:q,defaultRangeEnd:D,collapseOnSelect:w,children:M,onChange:p=()=>{},onInputChange:A=()=>{},onInputRangeEndChange:L=()=>{}}=y,j=K.__rest(y,["className","inputPlaceholderText","a11yOpenPopoverText","range","value","rangeEnd","defaultValue","defaultRangeEnd","collapseOnSelect","children","onChange","onInputChange","onInputRangeEndChange"]);const m=n.useRef(null),[V,d]=n.useState(q||""),[B,u]=n.useState(D||""),f=l.isControlled(v)?v:V,T=l.isControlled(S)?S:B,s=b.dateArgToISO(f),c=b.dateArgToISO(T),[C,I]=n.useState(!1),[Y,z]=n.useState(1),E=X.filterByType(M,l.EbayTextbox),_=o?E[1]||n.createElement(l.EbayTextbox,null):E[0]||n.createElement(l.EbayTextbox,null),F=o?E[0]||n.createElement(l.EbayTextbox,null):E[1]||n.createElement(l.EbayTextbox,null),{overlayStyles:H,refs:h}=Z.useFloatingDropdown({open:C}),g=h.host,W=()=>{I(!0)},k=()=>{I(!1)};n.useEffect(()=>{if(!g.current)return;m.current=new ee(g.current,{hostSelector:".ebay-date-textbox--main > .icon-btn",contentSelector:".date-textbox__popover",expandOnClick:!0,autoCollapse:!0}),g.current.addEventListener("expander-expand",W),g.current.addEventListener("expander-collapse",k);const e=()=>{z(document.documentElement.clientWidth<te?1:2)};return e(),window.addEventListener("resize",e),()=>{var t;(t=m.current)===null||t===void 0||t.destroy(),window.removeEventListener("resize",e)}},[]);const O=(e,t)=>{const r=new Date(e.target.value),a=isNaN(r.getTime())?null:b.toISO(r);t===0?d(a||""):u(a||""),o?p(e,{rangeStart:t===0?a:s,rangeEnd:t===1?a:c}):p(e,{selected:a})},U=(e,{iso:t})=>{if(d(t),o){const r=s||c,a={rangeStart:t,rangeEnd:r};s&&c?(u(""),a.rangeEnd=null):r&&(r<t?(d(r),u(t),a.rangeStart=r,a.rangeEnd=t):(d(t),u(r),a.rangeStart=t,a.rangeEnd=r)),p(e,a)}else p(e,{selected:t});w&&(m.current.expanded=!1)},P=(e,t)=>{t===0?(d(e.target.value),A(e)):(u(e.target.value),L(e))},[G,J]=Array.isArray(i)?i:[i,i];return n.createElement("span",{className:Q("date-textbox",R),ref:h.setHost},o&&n.cloneElement(F,{value:f,placeholder:G,onInputChange:e=>P(e,0),onBlur:e=>O(e,0)}),n.cloneElement(_,Object.assign(Object.assign({},_.props),{className:"ebay-date-textbox--main",placeholder:J,value:o?T:f,onInputChange:e=>P(e,o?1:0),onBlur:e=>O(e,o?1:0)}),n.createElement(l.EbayTextboxPostfixIcon,{icon:n.createElement($.EbayIconCalendar24,null),buttonAriaLabel:N})),n.createElement("div",{hidden:!C,ref:h.setOverlay,style:H,className:"date-textbox__popover"},n.createElement(b.EbayCalendar,Object.assign({},j,{range:o,interactive:!0,navigable:!0,numMonths:Y,selected:s&&c?[s,c]:s||c||void 0,onSelect:U}))))};exports.EbayDateTextbox=ne;

package/ebay-file-preview-card/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../file-preview-card-C2KakGGD.js");exports.EbayFilePreviewCard=e.EbayFilePreviewCard;exports.EbayFilePreviewCardAction=e.EbayFilePreviewCardAction;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../file-preview-card-Dikvua1q.js");exports.EbayFilePreviewCard=e.EbayFilePreviewCard;exports.EbayFilePreviewCardAction=e.EbayFilePreviewCardAction;

package/ebay-file-preview-card-group/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),C=require("classnames"),E=require("../utils-C9NL3q0j.js"),b=require("../file-preview-card-C2KakGGD.js"),m=15,f=i=>{var{a11ySeeMoreText:M,onDelete:c,onCancel:l,onAction:a,onMenuAction:u,className:S,children:p}=i,g=A.__rest(i,["a11ySeeMoreText","onDelete","onCancel","onAction","onMenuAction","className","children"]);const[t,h]=o.useState(m),v=()=>{h(r=>r+m)},n=E.filterByType(p,b.EbayFilePreviewCard),d=n.length-t,w=n.slice(0,Math.min(t,n.length));return o.createElement("div",Object.assign({className:C("file-preview-card-group",S)},g),o.createElement("ul",null,w.map((r,s)=>o.cloneElement(r,{as:r.props.as||"li",onDelete:e=>c&&c(e,{index:s}),onCancel:e=>l&&l(e,{index:s}),onAction:e=>a&&a(e,{index:s}),onMenuAction:(e,y)=>u&&u(e,{index:s,menuActionEvent:y})})),d>0&&o.cloneElement(n[t],{seeMore:d,a11ySeeMoreText:M,onSeeMore:v,as:n[t].props.as||"li"})))};exports.EbayFilePreviewCardGroup=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),C=require("classnames"),E=require("../utils-C9NL3q0j.js"),b=require("../file-preview-card-Dikvua1q.js"),m=15,f=i=>{var{a11ySeeMoreText:M,onDelete:c,onCancel:l,onAction:a,onMenuAction:u,className:S,children:p}=i,g=A.__rest(i,["a11ySeeMoreText","onDelete","onCancel","onAction","onMenuAction","className","children"]);const[t,h]=o.useState(m),v=()=>{h(r=>r+m)},n=E.filterByType(p,b.EbayFilePreviewCard),d=n.length-t,w=n.slice(0,Math.min(t,n.length));return o.createElement("div",Object.assign({className:C("file-preview-card-group",S)},g),o.createElement("ul",null,w.map((r,s)=>o.cloneElement(r,{as:r.props.as||"li",onDelete:e=>c&&c(e,{index:s}),onCancel:e=>l&&l(e,{index:s}),onAction:e=>a&&a(e,{index:s}),onMenuAction:(e,y)=>u&&u(e,{index:s,menuActionEvent:y})})),d>0&&o.cloneElement(n[t],{seeMore:d,a11ySeeMoreText:M,onSeeMore:v,as:n[t].props.as||"li"})))};exports.EbayFilePreviewCardGroup=f;

package/ebay-filter-input/README.md

@@ -0,0 +1,106 @@
+# EbayFilterInput
+
+## Demo
+
+- [Storybook](https://ebay.github.io/evo-web/ebayui-core-react/?path=/story/form-input-ebay-filter-input)
+
+## Usage
+
+### Import JS
+
+```jsx
+import { EbayFilterInput } from "@ebay/ui-core-react/ebay-filter-input";
+```
+
+### Import following styles from SKIN
+
+```jsx
+import "@ebay/skin/filter-input";
+```
+
+### If tokens haven't been added to the project at a higher level, make sure to import
+
+```jsx
+import "@ebay/skin/tokens";
+```
+
+### Or import styles using SCSS/CSS
+
+```jsx
+import "@ebay/skin/filter-input.css";
+```
+
+```jsx
+<EbayFilterInput placeholder="Search items" />
+```
+
+## Props
+
+| Name               | Type                                           | Stateful | Required | Description                                                          |
+| ------------------ | ---------------------------------------------- | -------- | -------- | -------------------------------------------------------------------- |
+| `size`             | `"large"` \| `"small"`                         | No       | No       | The input size variant                                               |
+| `placeholder`      | String                                         | No       | No       | Placeholder text (default: `"Filter"`)                              |
+| `a11yClearButton`  | String                                         | No       | No       | Aria-label for clear button. When provided, shows clear button      |
+| `a11yControlsId`   | String                                         | No       | No       | ID of element that this input controls (for `aria-controls`)        |
+| `onClear`          | Function                                       | No       | No       | Callback for clear button click: `(event, { value }) => void`       |
+| `onChange`         | Function                                       | No       | No       | Callback for input blur: `(event, { value }) => void`               |
+| `onInputChange`    | Function                                       | No       | No       | Callback for input value change: `(event, { value }) => void`       |
+| `onFocus`          | Function                                       | No       | No       | Callback for input focus: `(event, { value }) => void`              |
+| `onBlur`           | Function                                       | No       | No       | Callback for input blur: `(event, { value }) => void`               |
+| `onKeyDown`        | Function                                       | No       | No       | Callback for key down: `(event, { value }) => void`                 |
+| `onKeyPress`       | Function                                       | No       | No       | Callback for key press: `(event, { value }) => void`                |
+| `onKeyUp`          | Function                                       | No       | No       | Callback for key up: `(event, { value }) => void`                   |
+
+## Examples
+
+### Basic Filter Input
+
+```jsx
+<EbayFilterInput placeholder="Filter results" />
+```
+
+### With Clear Button
+
+```jsx
+<EbayFilterInput 
+    placeholder="Filter results"
+    a11yClearButton="Clear filters"
+    onClear={(event, { value }) => console.log('Cleared:', value)}
+/>
+```
+
+### With Size Variants
+
+```jsx
+<EbayFilterInput size="large" placeholder="Large filter input" />
+<EbayFilterInput size="small" placeholder="Small filter input" />
+```
+
+### With Event Handlers
+
+```jsx
+<EbayFilterInput
+    placeholder="Search items"
+    a11yClearButton="Clear search"
+    onInputChange={(event, { value }) => console.log('Input changed:', value)}
+    onKeyDown={(event, { value }) => {
+        if (event.key === 'Enter') {
+            console.log('Search submitted:', value);
+        }
+    }}
+    onClear={(event, { value }) => console.log('Search cleared')}
+/>
+```
+
+### Controlling Results List
+
+```jsx
+<EbayFilterInput
+    placeholder="Filter list items"
+    a11yControlsId="filtered-list"
+    onInputChange={(event, { value }) => filterList(value)}
+/>
+<ul id="filtered-list">
+    {/* Filtered list items */}
+</ul>
+```

package/ebay-filter-input/filter-input.d.ts

@@ -0,0 +1,18 @@
+import { FC } from "react";
+import { type EbayTextboxProps } from "../ebay-textbox";
+import { EbayEventHandler, EbayMouseEventHandler } from "../common/event-utils/types";
+export type Size = "large" | "small";
+export type FilterInputEventProps = {
+    value: string;
+};
+export type EbayFilterInputProps = Omit<EbayTextboxProps, "inputSize" | "ref" | "onInputChange" | "size"> & {
+    size?: Size;
+    a11yClearButton?: string;
+    a11yControlsId?: string;
+    inputRef?: EbayTextboxProps["forwardedRef"];
+    onClear?: EbayMouseEventHandler<HTMLButtonElement, FilterInputEventProps>;
+    onInputChange?: EbayEventHandler<HTMLInputElement | HTMLButtonElement, FilterInputEventProps>;
+};
+declare const EbayFilterInput: FC<EbayFilterInputProps>;
+export default EbayFilterInput;
+//# sourceMappingURL=filter-input.d.ts.map

package/ebay-filter-input/filter-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-input.d.ts","sourceRoot":"","sources":["../../src/ebay-filter-input/filter-input.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAC5C,OAAO,EAA8D,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGpH,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAItF,MAAM,MAAM,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC;AAErC,MAAM,MAAM,qBAAqB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,KAAK,GAAG,eAAe,GAAG,MAAM,CAAC,GAAG;IACxG,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC5C,OAAO,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC;IAC1E,aAAa,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,iBAAiB,EAAE,qBAAqB,CAAC,CAAC;CACjG,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAoF7C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/ebay-filter-input/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EbayFilterInput, type EbayFilterInputProps, type FilterInputEventProps, type Size } from "./filter-input";
+//# sourceMappingURL=index.d.ts.map

package/ebay-filter-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-filter-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,qBAAqB,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC"}

package/ebay-filter-input/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../tslib.es6-C4EgNkz1.js"),z=require("classnames"),e=require("react"),o=require("../textbox-5DvabGMY.js"),N=require("../icons/ebay-icon-search-16/index.js"),_=require("../icons/ebay-icon-clear-16/index.js"),b=["large","small"],T=r=>{var{size:t,a11yClearButton:s,a11yControlsId:d,onClear:p=()=>{},className:f,placeholder:y="Filter",value:c,defaultValue:C,onInputChange:n,inputRef:m}=r,I=q.__rest(r,["size","a11yClearButton","a11yControlsId","onClear","className","placeholder","value","defaultValue","onInputChange","inputRef"]);const l=c!==void 0,[E,i]=e.useState(C||""),x=l?c:E,h=t&&b.includes(t)?t==="small"?"default":"large":void 0,v=(a,{value:u})=>{l||i(u),n&&n(a,{value:u})},g=a=>{l||i(""),n&&n(a,{value:""}),p(a,{value:""})},S=z("filter-input",t&&b.includes(t)&&`filter-input--${t}`,f);return e.createElement("span",{className:S},e.createElement(o.EbayTextbox,Object.assign({},I,{inputRef:m,value:x,onInputChange:v,fluid:!0,type:"search","aria-controls":d,placeholder:y,inputSize:h}),e.createElement(o.EbayTextboxPrefixIcon,{icon:e.createElement(N.EbayIconSearch16,null)}),s&&e.createElement(o.EbayTextboxPostfixIcon,{icon:e.createElement(_.EbayIconClear16,null),buttonAriaLabel:s,className:"filter-input__clear-btn",onClick:a=>g(a)})))};exports.EbayFilterInput=T;

package/ebay-item-tile/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../item-tile-CRNk_vOp.js");exports.EbayItemTile=e.EbayItemTile;exports.EbayItemTileAction=e.EbayItemTileAction;exports.EbayItemTileDescription=e.EbayItemTileDescription;exports.EbayItemTileSubtitle=e.EbayItemTileSubtitle;exports.EbayItemTileSupertitle=e.EbayItemTileSupertitle;exports.EbayItemTileTitle=e.EbayItemTileTitle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../item-tile-BOdixw8F.js");exports.EbayItemTile=e.EbayItemTile;exports.EbayItemTileAction=e.EbayItemTileAction;exports.EbayItemTileDescription=e.EbayItemTileDescription;exports.EbayItemTileSubtitle=e.EbayItemTileSubtitle;exports.EbayItemTileSupertitle=e.EbayItemTileSupertitle;exports.EbayItemTileTitle=e.EbayItemTileTitle;

package/ebay-item-tile-group/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),y=require("classnames"),p=require("../utils-C9NL3q0j.js"),b=require("../item-tile-CRNk_vOp.js"),d=t=>{var{layout:i,className:n,onAction:l,children:s}=t,o=m.__rest(t,["layout","className","onAction","children"]);const c=p.filterByType(s,b.EbayItemTile);return e.createElement("div",Object.assign({className:y("layout-grid item-tile-group",n,{"item-tile-group--list-view":i==="list"})},o),e.createElement("ul",null,c.map((a,r)=>e.createElement("li",{key:r},e.cloneElement(a,{layout:i,onAction:u=>l&&l(u,{index:r})})))))};exports.EbayItemTileGroup=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),y=require("classnames"),p=require("../utils-C9NL3q0j.js"),b=require("../item-tile-BOdixw8F.js"),d=t=>{var{layout:i,className:n,onAction:l,children:s}=t,o=m.__rest(t,["layout","className","onAction","children"]);const c=p.filterByType(s,b.EbayItemTile);return e.createElement("div",Object.assign({className:y("layout-grid item-tile-group",n,{"item-tile-group--list-view":i==="list"})},o),e.createElement("ul",null,c.map((a,r)=>e.createElement("li",{key:r},e.cloneElement(a,{layout:i,onAction:u=>l&&l(u,{index:r})})))))};exports.EbayItemTileGroup=d;

package/ebay-listbox/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),H=require("makeup-active-descendant"),_=require("makeup-typeahead"),x=require("classnames"),O=require("../utils-C9NL3q0j.js"),M=require("../scroll-OgAngNzq.js"),B=require("../icons/ebay-icon-tick-16/index.js"),D=o=>{var{children:i,className:p}=o,m=C.__rest(o,["children","className"]);return e.createElement("div",Object.assign({className:x("listbox__description",p)},m),i)},k=o=>{var{className:i,icon:p,text:m,children:b,disabled:h,tabIndex:y,selected:c}=o,g=C.__rest(o,["className","icon","text","children","disabled","tabIndex","selected"]);const s=O.filterByType(b,D),f=m||(s?.length?"":b);return e.createElement("div",Object.assign({},g,{tabIndex:h?-1:y,className:x("listbox__option",i),"aria-disabled":h,"aria-selected":c,role:"option"}),p?e.createElement("span",{className:"listbox__value"},p,f?e.createElement("span",null,f):null,s?.length?s:null):e.createElement(e.Fragment,null,e.createElement("span",{className:"listbox__value"},f),s?.length?s:null),e.createElement(B.EbayIconTick16,null))},{default:F=_}=_?.default?.__esModule?_.default:_,K=1300,P=o=>{var i,{name:p,className:m,disabled:b,children:h,tabIndex:y=0,listSelection:c,maxHeight:g,typeaheadTimeoutLength:s,selectClassName:f,onChange:q=()=>{},onEscape:R=()=>{}}=o,j=C.__rest(o,["name","className","disabled","children","tabIndex","listSelection","maxHeight","typeaheadTimeoutLength","selectClassName","onChange","onEscape"]);const l=O.filterByType(h,k),N=l.findIndex(t=>t.props.selected),[u,T]=e.useState(l.findIndex(t=>t.props.selected));e.useEffect(()=>{N!==u&&T(N)},[N]);const r=e.useRef(null),d=e.useRef(null),v=e.useRef(null),E=e.useRef(!1);function I(t,n,a){n===u||l[n].props.disabled||(T(n),q(t,{index:n,selected:[l[n].props.value],wasClicked:a}))}function w(t){switch(t.code){case"Esc":case"Escape":R();break;case"Space":case"Enter":I(t,d.current.index,!1);break}const n=v.current.getIndex(r.current.children,t.key,s||K);if(n!==-1){d.current.index=n;const a=r.current.querySelectorAll("[role=option]")[n];r.current.scrollTop=a.offsetTop-r.current.offsetHeight/2}}function S(){E.current=!0}return e.useEffect(()=>{const t=n=>{const a=parseInt(n.detail.toIndex,10),L=r.current?r.current.querySelectorAll("[role=option]")[u]:null,A=E.current;M.scroll(L),E.current&&(E.current=!1),I(n,a,A)};if(l.length&&!b){const n=r.current,a=r.current;d.current=H.createLinear(n,a,a,".listbox__option[role=option]",{activeDescendantClassName:"listbox__option--active",autoInit:u,autoReset:null,autoScroll:c!=="auto"}),v.current=F()}return c==="auto"&&r.current.addEventListener("activeDescendantChange",t),()=>{d.current&&(d.current.reset(),d.current.destroy(),d.current=void 0),v.current&&(v.current.destroy(),v.current=void 0),r.current&&r.current.removeEventListener("activeDescendantChange",t)}},[u,b,c]),e.createElement(e.Fragment,null,e.createElement("div",Object.assign({},j,{tabIndex:y,ref:r,role:"listbox",onKeyDown:c!=="auto"?w:void 0,className:x("listbox__options",m),style:{maxHeight:g}}),l.map((t,n)=>e.cloneElement(t,Object.assign(Object.assign({key:t.props.value||n},t.props),{onMouseDown:c==="auto"?S:void 0,onClick:a=>{c!=="auto"&&I(a,n,!0)},selected:n===u})))),e.createElement("select",{hidden:!0,className:x("listbox__native",f),name:p,disabled:b,value:(i=l[u])===null||i===void 0?void 0:i.props.value,onChange:(()=>{})},l.map((t,n)=>e.createElement("option",{key:t.props.value||n,value:t.props.value,disabled:t.props.disabled}))))};exports.EbayListbox=P;exports.EbayListboxOption=k;exports.EbayListboxOptionDescription=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),A=require("makeup-active-descendant"),H=require("makeup-prevent-scroll-keys"),_=require("makeup-typeahead"),E=require("classnames"),L=require("../utils-C9NL3q0j.js"),K=require("../scroll-OgAngNzq.js"),B=require("../icons/ebay-icon-tick-16/index.js");function F(s){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(c,a,i.get?i:{enumerable:!0,get:()=>s[a]})}}return c.default=s,Object.freeze(c)}const D=F(H),k=s=>{var{children:c,className:a}=s,i=I.__rest(s,["children","className"]);return t.createElement("div",Object.assign({className:E("listbox__description",a)},i),c)},j=s=>{var{className:c,icon:a,text:i,children:f,disabled:y,tabIndex:g,selected:u}=s,x=I.__rest(s,["className","icon","text","children","disabled","tabIndex","selected"]);const r=L.filterByType(f,k),m=i||(r?.length?"":f);return t.createElement("div",Object.assign({},x,{tabIndex:y?-1:g,className:E("listbox__option",c),"aria-disabled":y,"aria-selected":u,role:"option"}),a?t.createElement("span",{className:"listbox__value"},a,m?t.createElement("span",null,m):null,r?.length?r:null):t.createElement(t.Fragment,null,t.createElement("span",{className:"listbox__value"},m),r?.length?r:null),t.createElement(B.EbayIconTick16,null))},{default:z=_}=_?.default?.__esModule?_.default:_,G=1300,U=s=>{var c,{name:a,className:i,disabled:f,children:y,tabIndex:g=0,listSelection:u,maxHeight:x,typeaheadTimeoutLength:r,selectClassName:m,onChange:q=()=>{},onEscape:R=()=>{}}=s,S=I.__rest(s,["name","className","disabled","children","tabIndex","listSelection","maxHeight","typeaheadTimeoutLength","selectClassName","onChange","onEscape"]);const d=L.filterByType(y,j),N=d.findIndex(n=>n.props.selected),[p,C]=t.useState(d.findIndex(n=>n.props.selected));t.useEffect(()=>{N!==p&&C(N)},[N]);const o=t.useRef(null),b=t.useRef(null),v=t.useRef(null),h=t.useRef(!1);function O(n,e,l){e===p||d[e].props.disabled||(C(e),q(n,{index:e,selected:[d[e].props.value],wasClicked:l}))}function w(n){switch(n.code){case"Esc":case"Escape":R();break;case"Space":case"Enter":O(n,b.current.index,!1);break}const e=v.current.getIndex(o.current.children,n.key,r||G);if(e!==-1){b.current.index=e;const l=o.current.querySelectorAll("[role=option]")[e];o.current.scrollTop=l.offsetTop-o.current.offsetHeight/2}}function M(){h.current=!0}return t.useEffect(()=>{const n=e=>{const l=parseInt(e.detail.toIndex,10),T=o.current?o.current.querySelectorAll("[role=option]")[p]:null,P=h.current;K.scroll(T),h.current&&(h.current=!1),O(e,l,P)};if(d.length&&!f){const e=o.current,l=o.current;b.current=A.createLinear(e,l,l,".listbox__option[role=option]",{activeDescendantClassName:"listbox__option--active",autoInit:p,autoReset:null,autoScroll:u!=="auto"}),D.add(e),v.current=z()}return u==="auto"&&o.current.addEventListener("activeDescendantChange",n),()=>{b.current&&(b.current.reset(),b.current.destroy(),b.current=void 0),v.current&&(v.current.destroy(),v.current=void 0),o.current&&(o.current.removeEventListener("activeDescendantChange",n),D.remove(o.current))}},[p,f,u]),t.createElement(t.Fragment,null,t.createElement("div",Object.assign({},S,{tabIndex:g,ref:o,role:"listbox",onKeyDown:u!=="auto"?w:void 0,className:E("listbox__options",i),style:{maxHeight:x}}),d.map((n,e)=>t.cloneElement(n,Object.assign(Object.assign({key:n.props.value||e},n.props),{onMouseDown:u==="auto"?M:void 0,onClick:l=>{u!=="auto"&&O(l,e,!0)},selected:e===p})))),t.createElement("select",{hidden:!0,className:E("listbox__native",m),name:a,disabled:f,value:(c=d[p])===null||c===void 0?void 0:c.props.value,onChange:(()=>{})},d.map((n,e)=>t.createElement("option",{key:n.props.value||e,value:n.props.value,disabled:n.props.disabled}))))};exports.EbayListbox=U;exports.EbayListboxOption=j;exports.EbayListboxOptionDescription=k;

package/ebay-listbox/listbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA6B,EAAE,EAAwC,MAAM,OAAO,CAAC;AAInG,OAAO,EAAE,cAAc,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAInD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;IACrE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA4L5C,CAAC"}
+{"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA6B,EAAE,EAAwC,MAAM,OAAO,CAAC;AAKnG,OAAO,EAAE,cAAc,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAInD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;IACrE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAiM5C,CAAC"}

package/ebay-menu/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../menu-DwFmC8e3.js"),n=require("../tslib.es6-C4EgNkz1.js"),u=require("react"),c=require("classnames"),b=e=>{var{className:s,baseClass:r="menu"}=e,t=n.__rest(e,["className","baseClass"]);return u.createElement("hr",Object.assign({},t,{className:c(s,`${r}__separator`)}))};exports.EbayMenu=a.EbayMenu;exports.EbayMenuItem=a.EbayMenuItem;exports.EbayMenuSeparator=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../menu-D1yitU4y.js"),n=require("../tslib.es6-C4EgNkz1.js"),u=require("react"),c=require("classnames"),b=e=>{var{className:s,baseClass:r="menu"}=e,t=n.__rest(e,["className","baseClass"]);return u.createElement("hr",Object.assign({},t,{className:c(s,`${r}__separator`)}))};exports.EbayMenu=a.EbayMenu;exports.EbayMenuItem=a.EbayMenuItem;exports.EbayMenuSeparator=b;

package/ebay-menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmG,MAAM,OAAO,CAAC;AAOxH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;;AA6K7C,wBAAwC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmG,MAAM,OAAO,CAAC;AAOxH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;;AAyL7C,wBAAwC"}

package/ebay-menu-button/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-button-7r4Zgf7-.js"),t=require("../menu-DwFmC8e3.js");require("react");require("classnames");exports.EbayMenuButton=e.EbayMenuButton;exports.EbayMenuButtonLabel=e.EbayMenuButtonLabel;exports.EbayMenuButtonSeparator=e.EbayMenuButtonSeparator;exports.EbayMenuButtonItem=t.EbayMenuItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-button-IlgSfSj5.js"),t=require("../menu-D1yitU4y.js");require("react");require("classnames");exports.EbayMenuButton=e.EbayMenuButton;exports.EbayMenuButtonLabel=e.EbayMenuButtonLabel;exports.EbayMenuButtonSeparator=e.EbayMenuButtonSeparator;exports.EbayMenuButtonItem=t.EbayMenuItem;

package/ebay-number-input/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),M=require("classnames"),d=require("../textbox-DAb7vY_B.js"),y=require("../icon-button-AJ6dtyvc.js"),S=require("../icons/ebay-icon-remove-24/index.js"),j=require("../icons/ebay-icon-delete-24/index.js"),O=require("../icons/ebay-icon-add-24/index.js"),W=v=>{const{className:x="",value:c=1,min:o=1,max:r=1/0,label:p="",a11yDeleteText:u="",onChange:I=()=>{},onInputChange:N=()=>{},onFocus:f=()=>{},onBlur:D=()=>{},onKeyDown:C=()=>{},onKeyPress:K=()=>{},onKeyUp:_=()=>{},onDeleteClick:g=()=>{},onIncrement:w=()=>{},onDecrement:B=()=>{}}=v,s=A.__rest(v,["className","value","min","max","label","a11yDeleteText","onChange","onInputChange","onFocus","onBlur","onKeyDown","onKeyPress","onKeyUp","onDeleteClick","onIncrement","onDecrement"]),q=u?1:0,[a,i]=t.useState(c??q),m=t.useRef(null),b=(n,e=0)=>{const z=u?1:0;let l=parseInt(n,10)+e;return isNaN(l)?l=z:l>r?l=r:l<o&&(l=o),l},h=n=>{if(!m.current)return;const e=m.current;e.classList.remove("number-input--increment"),e.classList.remove("number-input--decrement"),e.classList.remove("number-input--increment-disabled"),e.classList.remove("number-input--decrement-disabled"),e.offsetWidth,e.classList.add(`number-input--${n}`)},k=n=>{const e=b(a,1);h(e>=r?"increment-disabled":"increment"),i(e),w(n,{value:e}),I(n,{value:e})},P=n=>{const e=b(a,-1);h(e<=o?"decrement-disabled":"decrement"),i(e),B(n,{value:e}),I(n,{value:e})},E=n=>{const e=b(n.target.value,0);i(e),N(n,{value:e})},T=(n,e)=>{f(n,{value:Number(e.value)})},V=(n,e)=>{D(n,{value:Number(e.value)})},F=(n,e)=>{C(n,{value:Number(e.value)})},L=(n,e)=>{K(n,{value:Number(e.value)})},R=(n,e)=>{_(n,{value:Number(e.value)})},U=n=>{g(n,{value:a})};return t.createElement("span",{ref:m,className:M("number-input",u&&a===1&&"number-input--show-delete",x)},t.createElement(d.EbayTextbox,{max:r,min:o,onBlur:V,onChange:E,onFocus:T,onInputChange:E,onKeyDown:F,onKeyPress:L,onKeyUp:R,type:"number",value:a},t.createElement(d.EbayTextboxPrefixIcon,null,p&&t.createElement("label",{htmlFor:s?.id||"number-input"},p),t.createElement(y.EbayIconButton,{"aria-hidden":!0,className:"number-input__decrement",disabled:a<=o,icon:t.createElement(S.EbayIconRemove24,null),onClick:P,size:"small",tabIndex:-1,transparent:!0})),t.createElement(d.EbayTextboxPostfixIcon,null,u&&t.createElement(y.EbayIconButton,{"aria-label":u,className:"number-input__delete",icon:t.createElement(j.EbayIconDelete24,null),onClick:U,size:"small",transparent:!0}),t.createElement(y.EbayIconButton,{"aria-hidden":!0,className:"number-input__increment",disabled:a>=r,icon:t.createElement(O.EbayIconAdd24,null),onClick:k,size:"small",tabIndex:-1,transparent:!0}))))};exports.EbayNumberInput=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),M=require("classnames"),d=require("../textbox-5DvabGMY.js"),y=require("../icon-button-AJ6dtyvc.js"),S=require("../icons/ebay-icon-remove-24/index.js"),j=require("../icons/ebay-icon-delete-24/index.js"),O=require("../icons/ebay-icon-add-24/index.js"),W=v=>{const{className:x="",value:c=1,min:o=1,max:r=1/0,label:p="",a11yDeleteText:u="",onChange:I=()=>{},onInputChange:N=()=>{},onFocus:f=()=>{},onBlur:D=()=>{},onKeyDown:C=()=>{},onKeyPress:K=()=>{},onKeyUp:_=()=>{},onDeleteClick:g=()=>{},onIncrement:w=()=>{},onDecrement:B=()=>{}}=v,s=A.__rest(v,["className","value","min","max","label","a11yDeleteText","onChange","onInputChange","onFocus","onBlur","onKeyDown","onKeyPress","onKeyUp","onDeleteClick","onIncrement","onDecrement"]),q=u?1:0,[a,i]=t.useState(c??q),m=t.useRef(null),b=(n,e=0)=>{const z=u?1:0;let l=parseInt(n,10)+e;return isNaN(l)?l=z:l>r?l=r:l<o&&(l=o),l},h=n=>{if(!m.current)return;const e=m.current;e.classList.remove("number-input--increment"),e.classList.remove("number-input--decrement"),e.classList.remove("number-input--increment-disabled"),e.classList.remove("number-input--decrement-disabled"),e.offsetWidth,e.classList.add(`number-input--${n}`)},k=n=>{const e=b(a,1);h(e>=r?"increment-disabled":"increment"),i(e),w(n,{value:e}),I(n,{value:e})},P=n=>{const e=b(a,-1);h(e<=o?"decrement-disabled":"decrement"),i(e),B(n,{value:e}),I(n,{value:e})},E=n=>{const e=b(n.target.value,0);i(e),N(n,{value:e})},T=(n,e)=>{f(n,{value:Number(e.value)})},V=(n,e)=>{D(n,{value:Number(e.value)})},F=(n,e)=>{C(n,{value:Number(e.value)})},L=(n,e)=>{K(n,{value:Number(e.value)})},R=(n,e)=>{_(n,{value:Number(e.value)})},U=n=>{g(n,{value:a})};return t.createElement("span",{ref:m,className:M("number-input",u&&a===1&&"number-input--show-delete",x)},t.createElement(d.EbayTextbox,{max:r,min:o,onBlur:V,onChange:E,onFocus:T,onInputChange:E,onKeyDown:F,onKeyPress:L,onKeyUp:R,type:"number",value:a},t.createElement(d.EbayTextboxPrefixIcon,null,p&&t.createElement("label",{htmlFor:s?.id||"number-input"},p),t.createElement(y.EbayIconButton,{"aria-hidden":!0,className:"number-input__decrement",disabled:a<=o,icon:t.createElement(S.EbayIconRemove24,null),onClick:P,size:"small",tabIndex:-1,transparent:!0})),t.createElement(d.EbayTextboxPostfixIcon,null,u&&t.createElement(y.EbayIconButton,{"aria-label":u,className:"number-input__delete",icon:t.createElement(j.EbayIconDelete24,null),onClick:U,size:"small",transparent:!0}),t.createElement(y.EbayIconButton,{"aria-hidden":!0,className:"number-input__increment",disabled:a>=r,icon:t.createElement(O.EbayIconAdd24,null),onClick:k,size:"small",tabIndex:-1,transparent:!0}))))};exports.EbayNumberInput=W;

package/ebay-phone-input/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("../tslib.es6-C4EgNkz1.js"),z=require("classnames"),l=require("react"),N=require("../listbox-button-lokrqNk6.js"),w=require("../textbox-DAb7vY_B.js");require("../icon-I30uh1Ov.js");require("../icon-button-AJ6dtyvc.js");const $=require("../flag-DU-1tRv6.js"),v={US:{countryCode:"US",callingCode:"1",mask:"(000) 000-0000"},CA:{countryCode:"CA",callingCode:"1",mask:"(000) 000-0000"},GB:{countryCode:"GB",callingCode:"44",mask:"0000 000 0000"},AU:{countryCode:"AU",callingCode:"61",mask:"0 0000 0000"},DE:{countryCode:"DE",callingCode:"49",mask:"000 00000000"},FR:{countryCode:"FR",callingCode:"33",mask:"0 00 00 00 00"},IT:{countryCode:"IT",callingCode:"39",mask:"000 000 0000"},ES:{countryCode:"ES",callingCode:"34",mask:"000 00 00 00"},IN:{countryCode:"IN",callingCode:"91",mask:"00000 00000"},JP:{countryCode:"JP",callingCode:"81",mask:"000-0000-0000"},CN:{countryCode:"CN",callingCode:"86",mask:"000 0000 0000"},BR:{countryCode:"BR",callingCode:"55",mask:"(00) 00000-0000"},MX:{countryCode:"MX",callingCode:"52",mask:"000 000 0000"}};function H(n,r){let t=r;const a=s=>{B(n,t,n.value,s.inputType)};return n.addEventListener("input",a),{update(s,c){t=c,B(n,t,s,"")},destroy(){n.removeEventListener("input",a)},get value(){return n.value}}}function B(n,r,t,a){const s=/delete.*Backwards/.test(a),c=n.selectionStart||0,u=Q(t,r);if(t!==u){n.value=u;const C=Y(u,t,c,s);C!==void 0&&n.setSelectionRange(C,C)}}function U(n){return n.replace(/\D+/g,"")}function Q(n,r){const t=U(n);let a="",s=0;if(t.length){for(const c of r)if(c==="0"){if(a+=t[s++],s===t.length)break}else a+=c;s<t.length&&(a+=" "+t.slice(s))}return a}function Y(n,r,t,a){const s=t===r.length;if(a||!s){const c=r.slice(0,t),u=r.slice(t);if(n.startsWith(c))return t;if(n.endsWith(u))return n.length-u.length;{const C=P(c);let p=0,m=0;for(;m<C.length;)P(n[p])&&m++,p++;return p}}}function P(n){return n.replace(/[.,\\/#!$%^&*;:{}=+\-_`~()\s]/g,"")}const Z=n=>n||(typeof navigator<"u"?navigator.language:"en-US"),V=n=>{var{countryCode:r,value:t,locale:a,floatingLabel:s,disabled:c,readonly:u,invalid:C,className:p,onFocus:m,onBlur:k,onChange:x,onInputChange:E,onKeyDown:I,onKeyPress:T,onKeyUp:D,onExpand:L,onCollapse:R}=n,q=X.__rest(n,["countryCode","value","locale","floatingLabel","disabled","readonly","invalid","className","onFocus","onBlur","onChange","onInputChange","onKeyDown","onKeyPress","onKeyUp","onExpand","onCollapse"]);const h=l.useMemo(()=>{const e=Z(a),o=new Intl.DisplayNames([e],{type:"region"});return Object.keys(v).map(i=>{var d;return[i,(d=o.of(i))!==null&&d!==void 0?d:""]}).sort(([,i],[,d])=>i.localeCompare(d))},[a]),[S,K]=l.useState(()=>{if(r){const e=h.findIndex(([o])=>o===r.toUpperCase());return e!==-1?e:0}return 0}),b=l.useRef(null),f=l.useRef(null);l.useEffect(()=>{if(r){const e=h.findIndex(([o])=>o===r.toUpperCase());K(e!==-1?e:0)}},[r,h]);const y=(e=S)=>{const[o]=h[e];return v[o]};l.useEffect(()=>{b.current&&y()&&(f.current||(f.current=H(b.current,y().mask)),f.current.update(b.current.value,y().mask))},[y().mask]),l.useEffect(()=>()=>{f.current&&f.current.destroy()},[]);const g=e=>{var o,i;return{value:((o=f.current)===null||o===void 0?void 0:o.value)||"",rawValue:U(((i=f.current)===null||i===void 0?void 0:i.value)||""),callingCode:y(e).callingCode,countryCode:y(e).countryCode}},F=(e,{index:o})=>{K(o),x&&x(e,g(o))},A=e=>{m&&m(e,g())},O=e=>{k&&k(e,g())},_=e=>{x&&x(e,g())},M=e=>{E&&E(e,g())},j=e=>{I&&I(e,g())},G=e=>{T&&T(e,g())},J=e=>{D&&D(e,g())},W=h.map(([e,o],i)=>{const d=v[e];return l.createElement(N.ListboxOption,{key:e,value:d.callingCode,selected:i===S,icon:l.createElement($.EbayFlagIcon,{flag:d.countryCode.toLowerCase()})},l.createElement("span",null,o," ( + ",d.callingCode," )"))});return l.createElement("span",Object.assign({},q,{className:z("phone-input",p,{"phone-input--disabled":c,"phone-input--readonly":u,"phone-input--error":C})}),l.createElement(N.ListboxButton,{split:"start",disabled:u||c,onChange:F,onExpand:L,onCollapse:R},W),l.createElement(w.EbayTextbox,{type:"tel",value:t,disabled:c,floatingLabel:s,floatingLabelStatic:!0,readOnly:u,invalid:C,onBlur:O,onFocus:A,onKeyDown:j,onKeyPress:G,onKeyUp:J,onChange:_,onInputChange:M,ref:b},l.createElement(w.EbayTextboxPrefixText,{id:"phone-prefix"},"+ ",y().callingCode)))};exports.EbayPhoneInput=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("../tslib.es6-C4EgNkz1.js"),z=require("classnames"),l=require("react"),N=require("../listbox-button-lokrqNk6.js"),w=require("../textbox-5DvabGMY.js");require("../icon-I30uh1Ov.js");require("../icon-button-AJ6dtyvc.js");const $=require("../flag-DU-1tRv6.js"),v={US:{countryCode:"US",callingCode:"1",mask:"(000) 000-0000"},CA:{countryCode:"CA",callingCode:"1",mask:"(000) 000-0000"},GB:{countryCode:"GB",callingCode:"44",mask:"0000 000 0000"},AU:{countryCode:"AU",callingCode:"61",mask:"0 0000 0000"},DE:{countryCode:"DE",callingCode:"49",mask:"000 00000000"},FR:{countryCode:"FR",callingCode:"33",mask:"0 00 00 00 00"},IT:{countryCode:"IT",callingCode:"39",mask:"000 000 0000"},ES:{countryCode:"ES",callingCode:"34",mask:"000 00 00 00"},IN:{countryCode:"IN",callingCode:"91",mask:"00000 00000"},JP:{countryCode:"JP",callingCode:"81",mask:"000-0000-0000"},CN:{countryCode:"CN",callingCode:"86",mask:"000 0000 0000"},BR:{countryCode:"BR",callingCode:"55",mask:"(00) 00000-0000"},MX:{countryCode:"MX",callingCode:"52",mask:"000 000 0000"}};function H(n,r){let t=r;const a=s=>{B(n,t,n.value,s.inputType)};return n.addEventListener("input",a),{update(s,c){t=c,B(n,t,s,"")},destroy(){n.removeEventListener("input",a)},get value(){return n.value}}}function B(n,r,t,a){const s=/delete.*Backwards/.test(a),c=n.selectionStart||0,u=Q(t,r);if(t!==u){n.value=u;const C=Y(u,t,c,s);C!==void 0&&n.setSelectionRange(C,C)}}function U(n){return n.replace(/\D+/g,"")}function Q(n,r){const t=U(n);let a="",s=0;if(t.length){for(const c of r)if(c==="0"){if(a+=t[s++],s===t.length)break}else a+=c;s<t.length&&(a+=" "+t.slice(s))}return a}function Y(n,r,t,a){const s=t===r.length;if(a||!s){const c=r.slice(0,t),u=r.slice(t);if(n.startsWith(c))return t;if(n.endsWith(u))return n.length-u.length;{const C=P(c);let p=0,m=0;for(;m<C.length;)P(n[p])&&m++,p++;return p}}}function P(n){return n.replace(/[.,\\/#!$%^&*;:{}=+\-_`~()\s]/g,"")}const Z=n=>n||(typeof navigator<"u"?navigator.language:"en-US"),V=n=>{var{countryCode:r,value:t,locale:a,floatingLabel:s,disabled:c,readonly:u,invalid:C,className:p,onFocus:m,onBlur:k,onChange:x,onInputChange:E,onKeyDown:I,onKeyPress:T,onKeyUp:D,onExpand:L,onCollapse:R}=n,q=X.__rest(n,["countryCode","value","locale","floatingLabel","disabled","readonly","invalid","className","onFocus","onBlur","onChange","onInputChange","onKeyDown","onKeyPress","onKeyUp","onExpand","onCollapse"]);const h=l.useMemo(()=>{const e=Z(a),o=new Intl.DisplayNames([e],{type:"region"});return Object.keys(v).map(i=>{var d;return[i,(d=o.of(i))!==null&&d!==void 0?d:""]}).sort(([,i],[,d])=>i.localeCompare(d))},[a]),[S,K]=l.useState(()=>{if(r){const e=h.findIndex(([o])=>o===r.toUpperCase());return e!==-1?e:0}return 0}),b=l.useRef(null),f=l.useRef(null);l.useEffect(()=>{if(r){const e=h.findIndex(([o])=>o===r.toUpperCase());K(e!==-1?e:0)}},[r,h]);const y=(e=S)=>{const[o]=h[e];return v[o]};l.useEffect(()=>{b.current&&y()&&(f.current||(f.current=H(b.current,y().mask)),f.current.update(b.current.value,y().mask))},[y().mask]),l.useEffect(()=>()=>{f.current&&f.current.destroy()},[]);const g=e=>{var o,i;return{value:((o=f.current)===null||o===void 0?void 0:o.value)||"",rawValue:U(((i=f.current)===null||i===void 0?void 0:i.value)||""),callingCode:y(e).callingCode,countryCode:y(e).countryCode}},F=(e,{index:o})=>{K(o),x&&x(e,g(o))},A=e=>{m&&m(e,g())},O=e=>{k&&k(e,g())},_=e=>{x&&x(e,g())},M=e=>{E&&E(e,g())},j=e=>{I&&I(e,g())},G=e=>{T&&T(e,g())},J=e=>{D&&D(e,g())},W=h.map(([e,o],i)=>{const d=v[e];return l.createElement(N.ListboxOption,{key:e,value:d.callingCode,selected:i===S,icon:l.createElement($.EbayFlagIcon,{flag:d.countryCode.toLowerCase()})},l.createElement("span",null,o," ( + ",d.callingCode," )"))});return l.createElement("span",Object.assign({},q,{className:z("phone-input",p,{"phone-input--disabled":c,"phone-input--readonly":u,"phone-input--error":C})}),l.createElement(N.ListboxButton,{split:"start",disabled:u||c,onChange:F,onExpand:L,onCollapse:R},W),l.createElement(w.EbayTextbox,{type:"tel",value:t,disabled:c,floatingLabel:s,floatingLabelStatic:!0,readOnly:u,invalid:C,onBlur:O,onFocus:A,onKeyDown:j,onKeyPress:G,onKeyUp:J,onChange:_,onInputChange:M,ref:b},l.createElement(w.EbayTextboxPrefixText,{id:"phone-prefix"},"+ ",y().callingCode)))};exports.EbayPhoneInput=V;

package/ebay-select/README.md

@@ -77,8 +77,9 @@ https://reactjs.org/docs/forms.html#the-select-tag. Notice that the selected val
 
 ## EbaySelectOption Attributes
 
-| Name    | Type   | Required | Description                      |
-| ------- | ------ | -------- | -------------------------------- |
-| `value` | String | Yes      | passed to the `<option>` element |
+| Name       | Type    | Required | Description                      |
+| ---------- | ------- | -------- | -------------------------------- |
+| `value`    | String  | Yes      | passed to the `<option>` element |
+| `disabled` | Boolean | No       | disables the option              |
 
 It supports all the supported aria attributes (e.g. `aria-label`, `aria-invalid`)

package/ebay-select/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),R=require("classnames"),V=require("../forwardRef-DBQKIlPy.js"),j=require("../utils-C9NL3q0j.js"),k=require("../hooks-uidlIIid.js"),x=require("../icons/ebay-icon-chevron-down-12/index.js"),d=t=>{var{children:e}=t,l=C.__rest(t,["children"]);return n.createElement("option",Object.assign({},l),e)},w=t=>typeof t<"u",I=t=>{var{value:e,defaultValue:l,className:o,borderless:u,name:i,disabled:r,onChange:h=()=>{},onBlur:p=()=>{},onFocus:f=()=>{},floatingLabel:m,forwardedRef:b,children:s,inputSize:g,invalid:v}=t,a=C.__rest(t,["value","defaultValue","className","borderless","name","disabled","onChange","onBlur","onFocus","floatingLabel","forwardedRef","children","inputSize","invalid"]);const N=v||a["aria-invalid"]==="true",[S,O]=n.useState(l),y=k.useFloatingLabel({text:m,disabled:r,size:g,invalid:N}),F=c=>{const{value:E,selectedIndex:B}=c.target;w(e)||O(E),h(c,{index:B,selected:[E]})},G=c=>{p(c)},q=c=>{f(c)},L=R("select",o,{"select--borderless":u,"select--large":g==="large"});return n.createElement(y.Container,null,n.createElement(y.Label,{htmlFor:a.id}),n.createElement("span",{className:L},n.createElement("select",Object.assign({},a,{name:i,value:w(e)?e:S,disabled:r,onChange:F,onBlur:G,onFocus:q,ref:b}),T(s)),n.createElement(x.EbayIconChevronDown12,{height:"8",width:"8"})))},_=V.withForwardRef(I);function z(t){const e={};return t.forEach(l=>{const o=l.props;o.optgroup&&(Object.prototype.hasOwnProperty.call(e,o.optgroup)||(e[o.optgroup]=[]),e[o.optgroup].push(o))}),e}function T(t){const e=[],l=[];let o={},u=!1;const i=j.filterByType(t,d).map(r=>n.cloneElement(r,{}));if(i){o=z(i);let r;return i.forEach((h,p)=>{const{value:f,className:m,children:b,optgroup:s}=h.props;if(u=s&&e.indexOf(s)===-1,u){r=s;const v=o[r].map(a=>n.createElement(d,{key:`opt-${a.value}`,value:a.value,className:a.className},a.children));l.push(n.createElement("optgroup",{key:p,label:s},v)),e.push(s)}else s||l.push(n.createElement(d,{key:p,value:f,className:m},b))}),l}}exports.EbaySelect=_;exports.EbaySelectOption=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),N=require("classnames"),B=require("../forwardRef-DBQKIlPy.js"),R=require("../utils-C9NL3q0j.js"),V=require("../hooks-uidlIIid.js"),k=require("../icons/ebay-icon-chevron-down-12/index.js"),h=t=>{var{children:e}=t,r=f.__rest(t,["children"]);return o.createElement("option",Object.assign({},r),e)},_=t=>typeof t<"u",x=t=>{var{value:e,defaultValue:r,className:n,borderless:u,name:i,disabled:s,onChange:g=()=>{},onBlur:p=()=>{},onFocus:d=()=>{},floatingLabel:b,forwardedRef:l,children:m,inputSize:y,invalid:E}=t,a=f.__rest(t,["value","defaultValue","className","borderless","name","disabled","onChange","onBlur","onFocus","floatingLabel","forwardedRef","children","inputSize","invalid"]);const v=E||a["aria-invalid"]==="true",[w,O]=o.useState(r),C=V.useFloatingLabel({text:b,disabled:s,size:y,invalid:v}),F=c=>{const{value:S,selectedIndex:L}=c.target;_(e)||O(S),g(c,{index:L,selected:[S]})},G=c=>{p(c)},q=c=>{d(c)},j=N("select",n,{"select--borderless":u,"select--large":y==="large"});return o.createElement(C.Container,null,o.createElement(C.Label,{htmlFor:a.id}),o.createElement("span",{className:j},o.createElement("select",Object.assign({},a,{name:i,value:_(e)?e:w,disabled:s,onChange:F,onBlur:G,onFocus:q,ref:l}),z(m)),o.createElement(k.EbayIconChevronDown12,{height:"8",width:"8"})))},I=B.withForwardRef(x);function P(t){const e={};return t.forEach(r=>{const n=r.props;n.optgroup&&(Object.prototype.hasOwnProperty.call(e,n.optgroup)||(e[n.optgroup]=[]),e[n.optgroup].push(n))}),e}function z(t){const e=[],r=[];let n={},u=!1;const i=R.filterByType(t,h).map(s=>o.cloneElement(s,{}));if(i){n=P(i);let s;return i.forEach((g,p)=>{const d=g.props,{children:b,optgroup:l}=d,m=f.__rest(d,["children","optgroup"]);if(u=l&&e.indexOf(l)===-1,u){s=l;const E=n[s].map(a=>{const{children:v,optgroup:w}=a,O=f.__rest(a,["children","optgroup"]);return o.createElement(h,Object.assign({key:`opt-${a.value}`},O),v)});r.push(o.createElement("optgroup",{key:p,label:l},E)),e.push(l)}else l||r.push(o.createElement(h,Object.assign({key:p},m),b))}),r}}exports.EbaySelect=I;exports.EbaySelectOption=h;

package/ebay-split-button/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),i=require("../utils-C9NL3q0j.js"),g=require("../button-xYFMCdP0.js"),s=require("../menu-button-7r4Zgf7-.js"),x=require("../menu-DwFmC8e3.js");require("classnames");const q=a=>{var{a11yMenuText:l,children:o,type:u,bodyState:t,a11yButtonLoadingText:y,onCollapse:d,onExpand:p,onSelect:c=()=>{},onChange:b=()=>{}}=a,e=S.__rest(a,["a11yMenuText","children","type","bodyState","a11yButtonLoadingText","onCollapse","onExpand","onSelect","onChange"]);const r=[x.EbayMenuItem,s.EbayMenuButtonSeparator],m=i.filterBy(o,B=>!r.includes(B.type)),E=i.filterByType(o,r);return n.createElement("span",{className:"split-button"},n.createElement(g.EbayButton,Object.assign({"aria-label":t==="loading"?y:void 0},e,{ref:void 0,split:"start",bodyState:t==="expand"?void 0:t}),m),n.createElement(s.EbayMenuButton,{priority:e.priority,disabled:e.disabled,transparent:e.transparent,partiallyDisabled:e.partiallyDisabled,size:e.size,type:u,split:"end",reverse:!0,a11yText:l,onCollapse:d,onExpand:p,onSelect:c,onChange:b},E))};exports.EbaySplitButton=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),i=require("../utils-C9NL3q0j.js"),g=require("../button-xYFMCdP0.js"),s=require("../menu-button-IlgSfSj5.js"),x=require("../menu-D1yitU4y.js");require("classnames");const q=a=>{var{a11yMenuText:l,children:o,type:u,bodyState:t,a11yButtonLoadingText:y,onCollapse:d,onExpand:p,onSelect:c=()=>{},onChange:b=()=>{}}=a,e=S.__rest(a,["a11yMenuText","children","type","bodyState","a11yButtonLoadingText","onCollapse","onExpand","onSelect","onChange"]);const r=[x.EbayMenuItem,s.EbayMenuButtonSeparator],m=i.filterBy(o,B=>!r.includes(B.type)),E=i.filterByType(o,r);return n.createElement("span",{className:"split-button"},n.createElement(g.EbayButton,Object.assign({"aria-label":t==="loading"?y:void 0},e,{ref:void 0,split:"start",bodyState:t==="expand"?void 0:t}),m),n.createElement(s.EbayMenuButton,{priority:e.priority,disabled:e.disabled,transparent:e.transparent,partiallyDisabled:e.partiallyDisabled,size:e.size,type:u,split:"end",reverse:!0,a11yText:l,onCollapse:d,onExpand:p,onSelect:c,onChange:b},E))};exports.EbaySplitButton=q;