@ebay/ui-core-react 8.11.1 → 8.12.0

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

@@ -0,0 +1,29 @@
+import { ComponentProps, FC } from "react";
+import { EbayChangeEventHandler, EbayFocusEventHandler, EbayKeyboardEventHandler } from "../common/event-utils/types";
+export interface PhoneInputEvent {
+    value?: string;
+    rawValue?: string;
+    callingCode?: string;
+    countryCode?: string;
+}
+export type EbayPhoneInputProps = Omit<ComponentProps<"span">, "onChange"> & {
+    countryCode?: string;
+    value?: string;
+    locale?: string;
+    floatingLabel?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    invalid?: boolean;
+    onFocus?: EbayFocusEventHandler<HTMLInputElement, PhoneInputEvent>;
+    onBlur?: EbayFocusEventHandler<HTMLInputElement, PhoneInputEvent>;
+    onChange?: EbayChangeEventHandler<HTMLInputElement, PhoneInputEvent>;
+    onInputChange?: EbayChangeEventHandler<HTMLInputElement, PhoneInputEvent>;
+    onKeyDown?: EbayKeyboardEventHandler<HTMLInputElement, PhoneInputEvent>;
+    onKeyPress?: EbayKeyboardEventHandler<HTMLInputElement, PhoneInputEvent>;
+    onKeyUp?: EbayKeyboardEventHandler<HTMLInputElement, PhoneInputEvent>;
+    onExpand?: () => void;
+    onCollapse?: () => void;
+};
+declare const EbayPhoneInput: FC<EbayPhoneInputProps>;
+export default EbayPhoneInput;
+//# sourceMappingURL=phone-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../src/ebay-phone-input/phone-input.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAwC,MAAM,OAAO,CAAC;AAKxF,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAOtH,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAQD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,qBAAqB,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;IACnE,MAAM,CAAC,EAAE,qBAAqB,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;IAClE,QAAQ,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;IACrE,aAAa,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;IAC1E,SAAS,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;IACxE,UAAU,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;IACzE,OAAO,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;IACtE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAMF,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA4L3C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/ebay-select/index.js

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