@ebay/ui-core-react 8.1.1 → 8.1.3

package/common/floating-label-utils/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/common/floating-label-utils/hooks.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEV,EAAE,EAEF,cAAc,EAGjB,MAAM,OAAO,CAAA;AAId,KAAK,4BAA4B,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAA;AAED,KAAK,6BAA6B,GAAG;IACjC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC;IAC1D,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC;CACtD,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,gBAAgB,EAAE,SAAkB,EACpC,OAAkB,EACrB,EAAE,4BAA4B,GAAG,6BAA6B,CA6E9D"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/common/floating-label-utils/hooks.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEV,EAAE,EAEF,cAAc,EAGjB,MAAM,OAAO,CAAA;AAId,KAAK,4BAA4B,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAA;AAED,KAAK,6BAA6B,GAAG;IACjC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC;IAC1D,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC;CACtD,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,gBAAgB,EAAE,SAAkB,EACpC,OAAkB,EACrB,EAAE,4BAA4B,GAAG,6BAA6B,CA4E9D"}

package/ebay-combobox/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),x=require("classnames"),be=require("../hooks-S6mbahSV.js"),M=require("../utils-C9NL3q0j.js"),I=require("../dropdown-BLiIyhWy.js"),T=a=>{var{className:b}=a,d=V.__rest(a,["className"]);return t.createElement("button",Object.assign({className:x("icon-btn","icon-btn--transparent",b)},d))},j=a=>{var{text:b,className:d,selected:C}=a,r=V.__rest(a,["text","className","selected"]);return t.createElement("div",Object.assign({},r,{role:"option",className:x("combobox__option",d),tabIndex:-1,"aria-selected":C}),b)},pe=a=>{var{className:b,floatingLabel:d,fluid:C,expanded:r,borderless:K,autocomplete:v="none",listSelection:k="automatic",forwardedRef:fe,defaultValue:A="",value:g,placeholder:H,opaqueLabel:P,children:D,onFocus:U=()=>{},onClick:Y=()=>{},onExpand:z=()=>{},onCollapse:G=()=>{},onInputChange:O=()=>{},onFloatingLabelInit:J=()=>{},onChange:Q=()=>{},onSelect:W=()=>{},onKeyDown:X=()=>{}}=a,h=V.__rest(a,["className","floatingLabel","fluid","expanded","borderless","autocomplete","listSelection","forwardedRef","defaultValue","value","placeholder","opaqueLabel","children","onFocus","onClick","onExpand","onCollapse","onInputChange","onFloatingLabelInit","onChange","onSelect","onKeyDown"]);const l=M.findComponent(D,T),y=M.filterByType(D,j),E=t.useRef(null),s=t.useRef(null),S=t.useRef(null),f=I.useExpander({ref:E,expanded:r,options:{autoCollapse:r,expandOnFocus:!0,collapseOnFocusOut:!r&&!!l,contentSelector:'[role="listbox"]',hostSelector:'[role="combobox"]',expandedClass:"combobox--expanded",simulateSpacebarClick:!0},onExpand:z,onCollapse:G},[r]),{overlayStyles:Z,refs:L}=I.useFloatingDropdown({open:f.isExpanded}),[$,N]=t.useState(A||""),c=typeof g<"u"?g:$;typeof g>"u"&&!O&&console.warn("EbayCombobox: You provided a value prop without an onInputChange handler.This will render a read-only input field. If you want the input to be editable, provide an onInputChange handler.");const _=(e,o)=>{c!==o&&(N(o),s.current&&(s.current.selectionStart=s.current.selectionEnd=o.length,s.current.focus()),W(e,p({currentInputValue:o})))};function ee(){return v==="none"?y||[]:y.filter(e=>{var o,n;return(o=e.props.text)===null||o===void 0?void 0:o.toLowerCase().includes((n=c==null?void 0:c.trim())===null||n===void 0?void 0:n.toLowerCase())})}const u=t.useMemo(()=>ee(),[v,c,y]),oe=t.useCallback((e,{toIndex:o})=>{if(k==="automatic"){const n=u[o];n&&s.current&&(s.current.value=n.props.text)}},[k,u]),ne=I.useActiveDescendant({ref:E,focusElementRef:s,itemContainerRef:S,disabled:!u.length,onChange:oe,options:{activeDescendantClassName:"combobox__option--active",autoInit:-1,autoReset:-1,autoScroll:!0,axis:"y"}}),R=C?"div":"span",F=be.useFloatingLabel({text:d,disabled:h.disabled,containerTagName:R,opaqueLabel:P,onMount:J}),te=d?F.Container:R,m=t.useRef(!1),le=e=>{var o,n;m.current=!0,(n=l==null?void 0:(o=l.props).onClick)===null||n===void 0||n.call(o,e)},ae=e=>{var o,n;m.current=!0,(n=l==null?void 0:(o=l.props).onMouseDown)===null||n===void 0||n.call(o,e)};function w(){f.collapse()}function q(){f.expand()}function se(e){const o=u.find(n=>n.props.text===e);return o?{text:o.props.text,value:o.props.value}:{}}function p(e){return{currentInputValue:e.currentInputValue,selectedOption:se(e.currentInputValue)}}const re=e=>{const o=e.target.value;N(e.target.value),O(e,p({currentInputValue:o}))},B=t.useRef(""),ce=e=>{m.current||w(),m.current=!1;const o=e.target.value;o!==B.current&&(B.current=o,Q(e,p({currentInputValue:o})))},ue=e=>{const o=e.target;o===document.activeElement&&q(),Y(e,p({currentInputValue:o.value}))},ie=e=>{U(e,p({currentInputValue:e.target.value}))},de=e=>{if(e.key==="ArrowDown")q();else if(e.key==="Escape")w();else if(e.key==="Enter"&&f.isExpanded){const o=ne.getIndex();o!==-1&&_(e,u[o].props.text),r||w()}X(e)};return t.createElement(te,{ref:E,className:x("combobox",b)},t.createElement(F.Label,{htmlFor:h.id}),t.createElement("span",{className:x("combobox__control",{"combobox__control--actionable":l,"combobox__control--borderless":K})},t.createElement("input",Object.assign({},h,{ref:e=>{L.setHost(e),s.current=e},type:"text",role:"combobox",value:c,"aria-autocomplete":v,"aria-haspopup":"listbox",autoComplete:"off","aria-expanded":"false",onChange:re,onBlur:ce,onClick:ue,onFocus:ie,onKeyDown:de,placeholder:H})),l?t.cloneElement(l,{onClick:le,onMouseDown:ae}):null),u.length>0&&t.createElement("div",{role:"listbox",className:"combobox__listbox",ref:e=>{L.setOverlay(e),S.current=e},style:Z},u.map(e=>t.cloneElement(e,{selected:(e.props.value||e.props.text)===c,onClick:o=>{var n,i;_(o,e.props.text),(i=(n=e.props).onClick)===null||i===void 0||i.call(n,o)},onMouseDown:o=>{var n,i;_(o,e.props.text),(i=(n=e.props).onMouseDown)===null||i===void 0||i.call(n,o)}}))))};exports.EbayCombobox=pe;exports.EbayComboboxButton=T;exports.EbayComboboxOption=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),x=require("classnames"),be=require("../hooks-DqYMvHrS.js"),M=require("../utils-C9NL3q0j.js"),I=require("../dropdown-BLiIyhWy.js"),T=a=>{var{className:b}=a,d=V.__rest(a,["className"]);return t.createElement("button",Object.assign({className:x("icon-btn","icon-btn--transparent",b)},d))},j=a=>{var{text:b,className:d,selected:C}=a,r=V.__rest(a,["text","className","selected"]);return t.createElement("div",Object.assign({},r,{role:"option",className:x("combobox__option",d),tabIndex:-1,"aria-selected":C}),b)},pe=a=>{var{className:b,floatingLabel:d,fluid:C,expanded:r,borderless:K,autocomplete:v="none",listSelection:k="automatic",forwardedRef:fe,defaultValue:A="",value:g,placeholder:H,opaqueLabel:P,children:D,onFocus:U=()=>{},onClick:Y=()=>{},onExpand:z=()=>{},onCollapse:G=()=>{},onInputChange:O=()=>{},onFloatingLabelInit:J=()=>{},onChange:Q=()=>{},onSelect:W=()=>{},onKeyDown:X=()=>{}}=a,h=V.__rest(a,["className","floatingLabel","fluid","expanded","borderless","autocomplete","listSelection","forwardedRef","defaultValue","value","placeholder","opaqueLabel","children","onFocus","onClick","onExpand","onCollapse","onInputChange","onFloatingLabelInit","onChange","onSelect","onKeyDown"]);const l=M.findComponent(D,T),y=M.filterByType(D,j),E=t.useRef(null),s=t.useRef(null),S=t.useRef(null),f=I.useExpander({ref:E,expanded:r,options:{autoCollapse:r,expandOnFocus:!0,collapseOnFocusOut:!r&&!!l,contentSelector:'[role="listbox"]',hostSelector:'[role="combobox"]',expandedClass:"combobox--expanded",simulateSpacebarClick:!0},onExpand:z,onCollapse:G},[r]),{overlayStyles:Z,refs:L}=I.useFloatingDropdown({open:f.isExpanded}),[$,N]=t.useState(A||""),c=typeof g<"u"?g:$;typeof g>"u"&&!O&&console.warn("EbayCombobox: You provided a value prop without an onInputChange handler.This will render a read-only input field. If you want the input to be editable, provide an onInputChange handler.");const _=(e,o)=>{c!==o&&(N(o),s.current&&(s.current.selectionStart=s.current.selectionEnd=o.length,s.current.focus()),W(e,p({currentInputValue:o})))};function ee(){return v==="none"?y||[]:y.filter(e=>{var o,n;return(o=e.props.text)===null||o===void 0?void 0:o.toLowerCase().includes((n=c==null?void 0:c.trim())===null||n===void 0?void 0:n.toLowerCase())})}const u=t.useMemo(()=>ee(),[v,c,y]),oe=t.useCallback((e,{toIndex:o})=>{if(k==="automatic"){const n=u[o];n&&s.current&&(s.current.value=n.props.text)}},[k,u]),ne=I.useActiveDescendant({ref:E,focusElementRef:s,itemContainerRef:S,disabled:!u.length,onChange:oe,options:{activeDescendantClassName:"combobox__option--active",autoInit:-1,autoReset:-1,autoScroll:!0,axis:"y"}}),R=C?"div":"span",F=be.useFloatingLabel({text:d,disabled:h.disabled,containerTagName:R,opaqueLabel:P,onMount:J}),te=d?F.Container:R,m=t.useRef(!1),le=e=>{var o,n;m.current=!0,(n=l==null?void 0:(o=l.props).onClick)===null||n===void 0||n.call(o,e)},ae=e=>{var o,n;m.current=!0,(n=l==null?void 0:(o=l.props).onMouseDown)===null||n===void 0||n.call(o,e)};function w(){f.collapse()}function q(){f.expand()}function se(e){const o=u.find(n=>n.props.text===e);return o?{text:o.props.text,value:o.props.value}:{}}function p(e){return{currentInputValue:e.currentInputValue,selectedOption:se(e.currentInputValue)}}const re=e=>{const o=e.target.value;N(e.target.value),O(e,p({currentInputValue:o}))},B=t.useRef(""),ce=e=>{m.current||w(),m.current=!1;const o=e.target.value;o!==B.current&&(B.current=o,Q(e,p({currentInputValue:o})))},ue=e=>{const o=e.target;o===document.activeElement&&q(),Y(e,p({currentInputValue:o.value}))},ie=e=>{U(e,p({currentInputValue:e.target.value}))},de=e=>{if(e.key==="ArrowDown")q();else if(e.key==="Escape")w();else if(e.key==="Enter"&&f.isExpanded){const o=ne.getIndex();o!==-1&&_(e,u[o].props.text),r||w()}X(e)};return t.createElement(te,{ref:E,className:x("combobox",b)},t.createElement(F.Label,{htmlFor:h.id}),t.createElement("span",{className:x("combobox__control",{"combobox__control--actionable":l,"combobox__control--borderless":K})},t.createElement("input",Object.assign({},h,{ref:e=>{L.setHost(e),s.current=e},type:"text",role:"combobox",value:c,"aria-autocomplete":v,"aria-haspopup":"listbox",autoComplete:"off","aria-expanded":"false",onChange:re,onBlur:ce,onClick:ue,onFocus:ie,onKeyDown:de,placeholder:H})),l?t.cloneElement(l,{onClick:le,onMouseDown:ae}):null),u.length>0&&t.createElement("div",{role:"listbox",className:"combobox__listbox",ref:e=>{L.setOverlay(e),S.current=e},style:Z},u.map(e=>t.cloneElement(e,{selected:(e.props.value||e.props.text)===c,onClick:o=>{var n,i;_(o,e.props.text),(i=(n=e.props).onClick)===null||i===void 0||i.call(n,o)},onMouseDown:o=>{var n,i;_(o,e.props.text),(i=(n=e.props).onMouseDown)===null||i===void 0||i.call(n,o)}}))))};exports.EbayCombobox=pe;exports.EbayComboboxButton=T;exports.EbayComboboxOption=j;

package/ebay-date-textbox/index.js

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

package/ebay-select/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),R=require("classnames"),V=require("../icon-CeLPlCml.js"),j=require("../forwardRef-irqyO_PF.js"),k=require("../utils-C9NL3q0j.js"),x=require("../hooks-S6mbahSV.js"),d=t=>{var{children:e}=t,l=w.__rest(t,["children"]);return n.createElement("option",Object.assign({},l),e)},S=t=>typeof t<"u",z=t=>{var{value:e,defaultValue:l,className:o,borderless:u,name:i,disabled:a,onChange:f=()=>{},onBlur:p=()=>{},onFocus:h=()=>{},floatingLabel:m,forwardedRef:b,children:r,inputSize:g,invalid:v}=t,s=w.__rest(t,["value","defaultValue","className","borderless","name","disabled","onChange","onBlur","onFocus","floatingLabel","forwardedRef","children","inputSize","invalid"]);const C=v||s["aria-invalid"]==="true",[N,O]=n.useState(l),E=x.useFloatingLabel({text:m,disabled:a,size:g,invalid:C}),F=c=>{const{value:y,selectedIndex:B}=c.target;S(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:s.id}),n.createElement("span",{className:L},n.createElement("select",Object.assign({},s,{name:i,value:S(e)?e:N,disabled:a,onChange:F,onBlur:G,onFocus:q,ref:b}),_(r)),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(a=>n.cloneElement(a,{}));if(i){o=T(i);let a;return i.forEach((f,p)=>{const{value:h,optionClassName:m,children:b,optgroup:r}=f.props;if(u=r&&e.indexOf(r)===-1,u){a=r;const v=o[a].map(s=>n.createElement(d,{key:`opt-${s.value}`,value:s.value,className:s.optionClassName},s.children));l.push(n.createElement("optgroup",{key:p,label:r},v)),e.push(r)}else r||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 w=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),R=require("classnames"),V=require("../icon-CeLPlCml.js"),j=require("../forwardRef-irqyO_PF.js"),k=require("../utils-C9NL3q0j.js"),x=require("../hooks-DqYMvHrS.js"),d=t=>{var{children:e}=t,l=w.__rest(t,["children"]);return n.createElement("option",Object.assign({},l),e)},S=t=>typeof t<"u",z=t=>{var{value:e,defaultValue:l,className:o,borderless:u,name:i,disabled:a,onChange:f=()=>{},onBlur:p=()=>{},onFocus:h=()=>{},floatingLabel:m,forwardedRef:b,children:r,inputSize:g,invalid:v}=t,s=w.__rest(t,["value","defaultValue","className","borderless","name","disabled","onChange","onBlur","onFocus","floatingLabel","forwardedRef","children","inputSize","invalid"]);const C=v||s["aria-invalid"]==="true",[N,O]=n.useState(l),E=x.useFloatingLabel({text:m,disabled:a,size:g,invalid:C}),F=c=>{const{value:y,selectedIndex:B}=c.target;S(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:s.id}),n.createElement("span",{className:L},n.createElement("select",Object.assign({},s,{name:i,value:S(e)?e:N,disabled:a,onChange:F,onBlur:G,onFocus:q,ref:b}),_(r)),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(a=>n.cloneElement(a,{}));if(i){o=T(i);let a;return i.forEach((f,p)=>{const{value:h,optionClassName:m,children:b,optgroup:r}=f.props;if(u=r&&e.indexOf(r)===-1,u){a=r;const v=o[a].map(s=>n.createElement(d,{key:`opt-${s.value}`,value:s.value,className:s.optionClassName},s.children));l.push(n.createElement("optgroup",{key:p,label:r},v)),e.push(r)}else r||l.push(n.createElement(d,{key:p,value:h,className:m},b))}),l}}exports.EbaySelect=I;exports.EbaySelectOption=d;

package/ebay-textbox/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../textbox-90ZPJmqa.js");exports.EbayTextbox=x.EbayTextbox;exports.EbayTextboxPostfixIcon=x.EbayTextboxPostfixIcon;exports.EbayTextboxPostfixText=x.EbayTextboxPostfixText;exports.EbayTextboxPrefixIcon=x.EbayTextboxPrefixIcon;exports.EbayTextboxPrefixText=x.EbayTextboxPrefixText;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../textbox-BdsI4r6_.js");exports.EbayTextbox=x.EbayTextbox;exports.EbayTextboxPostfixIcon=x.EbayTextboxPostfixIcon;exports.EbayTextboxPostfixText=x.EbayTextboxPostfixText;exports.EbayTextboxPrefixIcon=x.EbayTextboxPrefixIcon;exports.EbayTextboxPrefixText=x.EbayTextboxPrefixText;

package/hooks-DqYMvHrS.js

@@ -0,0 +1 @@
+"use strict";const g=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),s=require("classnames"),n=require("makeup-floating-label");var m;const{default:p=n}=(m=n==null?void 0:n.default)!=null&&m.__esModule?n.default:n;function y({text:t,disabled:N,invalid:C,size:L,type:u,opaqueLabel:_,containerTagName:d="span",onMount:v=()=>{}}){const r=a.useRef(null),c=a.useRef();a.useLayoutEffect(()=>{var e;(e=c.current)===null||e===void 0||e.refresh()}),a.useLayoutEffect(()=>{if(!(!t||u==="date"))return r.current&&(c.current=new p(r.current),v()),()=>{var e;(e=c.current)===null||e===void 0||e.destroy()}},[t,u]);const b=s("floating-label",{"floating-label--large":L==="large","floating-label--opaque":_}),F=a.useCallback(({children:e})=>a.createElement(a.Fragment,null,e),[]),q=a.useCallback(a.forwardRef((e,l)=>{var{className:i}=e,k=g.__rest(e,["className"]);return a.createElement(d,Object.assign({},k,{ref:o=>{r.current=o,typeof l=="function"?l(o):l&&(l.current=o)},className:s(i,b)}))}),[b]),f=s("floating-label__label",{"floating-label__label--disabled":N,"floating-label__label--invalid":C}),E=a.useCallback(e=>{var{className:l}=e,i=g.__rest(e,["className"]);return a.createElement("label",Object.assign({},i,{className:s(l,f)}),t)},[f,t]);return t?{Label:E,Container:q}:{Label:()=>null,Container:F}}exports.useFloatingLabel=y;

package/package.json

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

package/{textbox-90ZPJmqa.js → textbox-BdsI4r6_.js}

@@ -1 +1 @@
-"use strict";const g=require("./tslib.es6-C4EgNkz1.js"),n=require("react"),se=require("classnames"),re=require("./forwardRef-irqyO_PF.js"),v=require("./utils-C9NL3q0j.js"),w=require("./icon-CeLPlCml.js"),ce=require("./icon-button-CZtp0khK.js"),ue=require("./hooks-S6mbahSV.js"),K=t=>{var{name:a,buttonAriaLabel:l,onClick:c=()=>{}}=t,s=g.__rest(t,["name","buttonAriaLabel","onClick"]);return l?n.createElement(ce.EbayIconButton,Object.assign({"aria-label":l,icon:a,transparent:!0,onClick:c},s)):n.createElement(w.EbayIcon,Object.assign({name:a},s))},L=t=>n.createElement("span",Object.assign({},t)),P=t=>{var{name:a}=t,l=g.__rest(t,["name"]);return n.createElement(w.EbayIcon,Object.assign({name:a},l))},F=t=>n.createElement("span",Object.assign({},t)),y=t=>typeof t<"u",de=t=>{var a,l,{type:c="text",invalid:s,fluid:m,multiline:_,onChange:q=()=>{},onInputChange:B=()=>{},onFocus:j=()=>{},onBlur:k=()=>{},onKeyPress:O=()=>{},onKeyUp:V=()=>{},onKeyDown:N=()=>{},onInvalid:R=()=>{},onFloatingLabelInit:D=()=>{},onButtonClick:S=()=>{},autoFocus:E,defaultValue:p="",value:f,forwardedRef:U,inputSize:C="default",floatingLabel:z,children:u,placeholder:A,opaqueLabel:M}=t,r=g.__rest(t,["type","invalid","fluid","multiline","onChange","onInputChange","onFocus","onBlur","onKeyPress","onKeyUp","onKeyDown","onInvalid","onFloatingLabelInit","onButtonClick","autoFocus","defaultValue","value","forwardedRef","inputSize","floatingLabel","children","placeholder","opaqueLabel"]);const[I,W]=n.useState(p),[$,G]=n.useState(p),h=ue.useFloatingLabel({text:z,disabled:r.disabled,size:C,invalid:s,type:c,opaqueLabel:M,onMount:D}),T=o=>{var e;j(o,{value:((e=o==null?void 0:o.target)===null||e===void 0?void 0:e.value)||p})},H=o=>{var e;const i=(e=o.target)===null||e===void 0?void 0:e.value;k(o,{value:i}),i!==I&&(q(o,{value:i}),W(i))},J=o=>{const e=o.target;O(o,{value:e==null?void 0:e.value})},Q=o=>{const e=o.target;V(o,{value:e==null?void 0:e.value})},X=o=>{const e=o.target;N(o,{value:e==null?void 0:e.value})},Y=o=>{const e=o.target;R(o,{value:e==null?void 0:e.value})},Z=o=>{S(o,{value:I})};n.useEffect(()=>{E&&T()},[]);const ee=o=>{var e;const i=(e=o.target)===null||e===void 0?void 0:e.value;y(f)||G(i),B(o,{value:i})},oe=_?"textarea":"input",te=m?"div":"span",ne=v.findComponent(u,P),d=v.findComponent(u,F),ae=(a=d==null?void 0:d.props)===null||a===void 0?void 0:a.id,x=v.findComponent(u,K),b=v.findComponent(u,L),le=(l=b==null?void 0:b.props)===null||l===void 0?void 0:l.id,ie=se("textbox",r.className,{"textbox--fluid":m,"textbox--large":C==="large","textbox--disabled":r.disabled,"textbox--invalid":s,"textbox--readonly":r.readOnly});return n.createElement(h.Container,null,n.createElement(h.Label,{htmlFor:r.id}),n.createElement(te,{className:ie},ne,d,n.createElement(oe,Object.assign({"aria-describedby":[ae,le].filter(Boolean).join(" ")||void 0},r,{className:"textbox__control",type:c,"aria-invalid":s,value:y(f)?f:$,onChange:ee,onBlur:H,onFocus:T,onKeyPress:J,onKeyUp:Q,onKeyDown:X,onInvalid:Y,autoFocus:E,ref:U,placeholder:A})),b,x&&n.cloneElement(x,Object.assign(Object.assign({},x.props),{onClick:o=>{const{onClick:e=()=>{}}=x.props;e(o),Z(o)}}))))},xe=re.withForwardRef(de);exports.EbayTextbox=xe;exports.EbayTextboxPostfixIcon=K;exports.EbayTextboxPostfixText=L;exports.EbayTextboxPrefixIcon=P;exports.EbayTextboxPrefixText=F;exports.isControlled=y;
+"use strict";const g=require("./tslib.es6-C4EgNkz1.js"),n=require("react"),se=require("classnames"),re=require("./forwardRef-irqyO_PF.js"),v=require("./utils-C9NL3q0j.js"),w=require("./icon-CeLPlCml.js"),ce=require("./icon-button-CZtp0khK.js"),ue=require("./hooks-DqYMvHrS.js"),K=t=>{var{name:a,buttonAriaLabel:l,onClick:c=()=>{}}=t,s=g.__rest(t,["name","buttonAriaLabel","onClick"]);return l?n.createElement(ce.EbayIconButton,Object.assign({"aria-label":l,icon:a,transparent:!0,onClick:c},s)):n.createElement(w.EbayIcon,Object.assign({name:a},s))},L=t=>n.createElement("span",Object.assign({},t)),P=t=>{var{name:a}=t,l=g.__rest(t,["name"]);return n.createElement(w.EbayIcon,Object.assign({name:a},l))},F=t=>n.createElement("span",Object.assign({},t)),y=t=>typeof t<"u",de=t=>{var a,l,{type:c="text",invalid:s,fluid:m,multiline:_,onChange:q=()=>{},onInputChange:B=()=>{},onFocus:j=()=>{},onBlur:k=()=>{},onKeyPress:O=()=>{},onKeyUp:V=()=>{},onKeyDown:N=()=>{},onInvalid:R=()=>{},onFloatingLabelInit:D=()=>{},onButtonClick:S=()=>{},autoFocus:E,defaultValue:p="",value:f,forwardedRef:U,inputSize:C="default",floatingLabel:z,children:u,placeholder:A,opaqueLabel:M}=t,r=g.__rest(t,["type","invalid","fluid","multiline","onChange","onInputChange","onFocus","onBlur","onKeyPress","onKeyUp","onKeyDown","onInvalid","onFloatingLabelInit","onButtonClick","autoFocus","defaultValue","value","forwardedRef","inputSize","floatingLabel","children","placeholder","opaqueLabel"]);const[I,W]=n.useState(p),[$,G]=n.useState(p),h=ue.useFloatingLabel({text:z,disabled:r.disabled,size:C,invalid:s,type:c,opaqueLabel:M,onMount:D}),T=o=>{var e;j(o,{value:((e=o==null?void 0:o.target)===null||e===void 0?void 0:e.value)||p})},H=o=>{var e;const i=(e=o.target)===null||e===void 0?void 0:e.value;k(o,{value:i}),i!==I&&(q(o,{value:i}),W(i))},J=o=>{const e=o.target;O(o,{value:e==null?void 0:e.value})},Q=o=>{const e=o.target;V(o,{value:e==null?void 0:e.value})},X=o=>{const e=o.target;N(o,{value:e==null?void 0:e.value})},Y=o=>{const e=o.target;R(o,{value:e==null?void 0:e.value})},Z=o=>{S(o,{value:I})};n.useEffect(()=>{E&&T()},[]);const ee=o=>{var e;const i=(e=o.target)===null||e===void 0?void 0:e.value;y(f)||G(i),B(o,{value:i})},oe=_?"textarea":"input",te=m?"div":"span",ne=v.findComponent(u,P),d=v.findComponent(u,F),ae=(a=d==null?void 0:d.props)===null||a===void 0?void 0:a.id,x=v.findComponent(u,K),b=v.findComponent(u,L),le=(l=b==null?void 0:b.props)===null||l===void 0?void 0:l.id,ie=se("textbox",r.className,{"textbox--fluid":m,"textbox--large":C==="large","textbox--disabled":r.disabled,"textbox--invalid":s,"textbox--readonly":r.readOnly});return n.createElement(h.Container,null,n.createElement(h.Label,{htmlFor:r.id}),n.createElement(te,{className:ie},ne,d,n.createElement(oe,Object.assign({"aria-describedby":[ae,le].filter(Boolean).join(" ")||void 0},r,{className:"textbox__control",type:c,"aria-invalid":s,value:y(f)?f:$,onChange:ee,onBlur:H,onFocus:T,onKeyPress:J,onKeyUp:Q,onKeyDown:X,onInvalid:Y,autoFocus:E,ref:U,placeholder:A})),b,x&&n.cloneElement(x,Object.assign(Object.assign({},x.props),{onClick:o=>{const{onClick:e=()=>{}}=x.props;e(o),Z(o)}}))))},xe=re.withForwardRef(de);exports.EbayTextbox=xe;exports.EbayTextboxPostfixIcon=K;exports.EbayTextboxPostfixText=L;exports.EbayTextboxPrefixIcon=P;exports.EbayTextboxPrefixText=F;exports.isControlled=y;

package/hooks-S6mbahSV.js

@@ -1 +0,0 @@
-"use strict";const f=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),t=require("classnames"),E=require("makeup-floating-label");function k({text:n,disabled:g,invalid:m,size:_,type:r,opaqueLabel:N,containerTagName:C="span",onMount:L=()=>{}}){const s=a.useRef(null),i=a.useRef();a.useLayoutEffect(()=>{var e;(e=i.current)===null||e===void 0||e.refresh()}),a.useLayoutEffect(()=>{if(!(!n||r==="date"))return s.current&&(i.current=new E(s.current),L()),()=>{var e;(e=i.current)===null||e===void 0||e.destroy()}},[n,r]);const u=t("floating-label",{"floating-label--large":_==="large","floating-label--opaque":N}),v=a.useCallback(({children:e})=>a.createElement(a.Fragment,null,e),[]),F=a.useCallback(a.forwardRef((e,l)=>{var{className:c}=e,q=f.__rest(e,["className"]);return a.createElement(C,Object.assign({},q,{ref:o=>{s.current=o,typeof l=="function"?l(o):l&&(l.current=o)},className:t(c,u)}))}),[u]),b=t("floating-label__label",{"floating-label__label--disabled":g,"floating-label__label--inline":r!=="date","floating-label__label--invalid":m}),d=a.useCallback(e=>{var{className:l}=e,c=f.__rest(e,["className"]);return a.createElement("label",Object.assign({},c,{className:t(l,b)}),n)},[b,n]);return n?{Label:d,Container:F}:{Label:()=>null,Container:v}}exports.useFloatingLabel=k;