@ebay/ui-core-react 8.4.0 → 8.5.0

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-hO_8pLp7.js"),j=require("../forwardRef-DBQKIlPy.js"),k=require("../utils-C9NL3q0j.js"),x=require("../hooks-B4eFIQlH.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 N=require("../tslib.es6-UTo0M824.js"),n=require("../index-Banoekuf.js"),L=require("../index-DmNrJCd8.js"),B=require("../index-plT9bPAi.js"),V=require("../forwardRef-BGhnwltg.js"),j=require("../utils-D1rplbEN.js"),k=require("../hooks-BsnjMXtj.js"),d=t=>{var{children:e}=t,o=N.__rest(t,["children"]);return n.React.createElement("option",Object.assign({},o),e)},R=t=>typeof t<"u",I=t=>{var{value:e,defaultValue:o,className:a,borderless:u,name:i,disabled:s,onChange:f=()=>{},onBlur:p=()=>{},onFocus:h=()=>{},floatingLabel:m,forwardedRef:b,children:l,inputSize:g,invalid:E}=t,r=N.__rest(t,["value","defaultValue","className","borderless","name","disabled","onChange","onBlur","onFocus","floatingLabel","forwardedRef","children","inputSize","invalid"]);const S=E||r["aria-invalid"]==="true",[w,C]=n.reactExports.useState(o),v=k.useFloatingLabel({text:m,disabled:s,size:g,invalid:S}),O=c=>{const{value:y,selectedIndex:q}=c.target;R(e)||C(y),f(c,{index:q,selected:[y]})},x=c=>{p(c)},F=c=>{h(c)},G=L.classNames("select",a,{"select--borderless":u,"select--large":g==="large"});return n.React.createElement(v.Container,null,n.React.createElement(v.Label,{htmlFor:r.id}),n.React.createElement("span",{className:G},n.React.createElement("select",Object.assign({},r,{name:i,value:R(e)?e:w,disabled:s,onChange:O,onBlur:x,onFocus:F,ref:b}),_(l)),n.React.createElement(B.EbayIcon,{name:"chevronDown12",height:"8",width:"8"})))},z=V.withForwardRef(I);function T(t){const e={};return t.forEach(o=>{const a=o.props;a.optgroup&&(Object.prototype.hasOwnProperty.call(e,a.optgroup)||(e[a.optgroup]=[]),e[a.optgroup].push(a))}),e}function _(t){const e=[],o=[];let a={},u=!1;const i=j.filterByType(t,d).map(s=>n.reactExports.cloneElement(s,{}));if(i){a=T(i);let s;return i.forEach((f,p)=>{const{value:h,className:m,children:b,optgroup:l}=f.props;if(u=l&&e.indexOf(l)===-1,u){s=l;const E=a[s].map(r=>n.React.createElement(d,{key:`opt-${r.value}`,value:r.value,className:r.className},r.children));o.push(n.React.createElement("optgroup",{key:p,label:l},E)),e.push(l)}else l||o.push(n.React.createElement(d,{key:p,value:h,className:m},b))}),o}}exports.EbaySelect=z;exports.EbaySelectOption=d;

package/ebay-signal/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),c=require("classnames"),l=e=>{var{status:t="neutral"}=e,s=r.__rest(e,["status"]);const a=c(`signal signal--${t}`,s.className);return n.createElement("span",Object.assign({},s,{className:a}))};exports.EbaySignal=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../tslib.es6-UTo0M824.js"),r=require("../index-Banoekuf.js"),i=require("../index-DmNrJCd8.js"),c=e=>{var{status:t="neutral"}=e,s=n.__rest(e,["status"]);const a=i.classNames(`signal signal--${t}`,s.className);return r.React.createElement("span",Object.assign({},s,{className:a}))};exports.EbaySignal=c;

package/ebay-skeleton/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../tslib.es6-C4EgNkz1.js"),l=require("react"),o=require("classnames"),m=e=>{var{children:s,className:a,color:t}=e,c=n.__rest(e,["children","className","color"]);return l.createElement("div",Object.assign({role:"img",className:o("skeleton",t&&`skeleton--${t}`,a)},c),s)},i=e=>{const{as:s="div",className:a}=e,t=n.__rest(e,["as","className"]);return l.createElement(s,Object.assign({className:o("skeleton__avatar",a)},t))},_=e=>{const{as:s="div",className:a,size:t}=e,c=n.__rest(e,["as","className","size"]);return l.createElement(s,Object.assign({className:o("skeleton__button",t&&`skeleton__button--${t}`,a)},c))},b=e=>{const{as:s="div",className:a}=e,t=n.__rest(e,["as","className"]);return l.createElement(s,Object.assign({className:o("skeleton__image",a)},t))},k=e=>{const{as:s="div",className:a,size:t,multiline:c}=e,r=n.__rest(e,["as","className","size","multiline"]);return l.createElement(s,Object.assign({className:o("skeleton__text",c&&"skeleton__text--multiline",t==="large"&&"skeleton__text--large",a)},r))},u=e=>{const{as:s="div",className:a}=e,t=n.__rest(e,["as","className"]);return l.createElement(s,Object.assign({className:o("skeleton__textbox",a)},t))};exports.EbaySkeleton=m;exports.EbaySkeletonAvatar=i;exports.EbaySkeletonButton=_;exports.EbaySkeletonImage=b;exports.EbaySkeletonText=k;exports.EbaySkeletonTextbox=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../tslib.es6-UTo0M824.js"),l=require("../index-Banoekuf.js"),c=require("../index-DmNrJCd8.js"),m=e=>{var{children:s,className:a,color:t}=e,o=n.__rest(e,["children","className","color"]);return l.React.createElement("div",Object.assign({role:"img",className:c.classNames("skeleton",t&&`skeleton--${t}`,a)},o),s)},i=e=>{const{as:s="div",className:a}=e,t=n.__rest(e,["as","className"]);return l.React.createElement(s,Object.assign({className:c.classNames("skeleton__avatar",a)},t))},_=e=>{const{as:s="div",className:a,size:t}=e,o=n.__rest(e,["as","className","size"]);return l.React.createElement(s,Object.assign({className:c.classNames("skeleton__button",t&&`skeleton__button--${t}`,a)},o))},b=e=>{const{as:s="div",className:a}=e,t=n.__rest(e,["as","className"]);return l.React.createElement(s,Object.assign({className:c.classNames("skeleton__image",a)},t))},N=e=>{const{as:s="div",className:a,size:t,multiline:o}=e,r=n.__rest(e,["as","className","size","multiline"]);return l.React.createElement(s,Object.assign({className:c.classNames("skeleton__text",o&&"skeleton__text--multiline",t==="large"&&"skeleton__text--large",a)},r))},k=e=>{const{as:s="div",className:a}=e,t=n.__rest(e,["as","className"]);return l.React.createElement(s,Object.assign({className:c.classNames("skeleton__textbox",a)},t))};exports.EbaySkeleton=m;exports.EbaySkeletonAvatar=i;exports.EbaySkeletonButton=_;exports.EbaySkeletonImage=b;exports.EbaySkeletonText=N;exports.EbaySkeletonTextbox=k;

package/ebay-snackbar-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../tslib.es6-C4EgNkz1.js"),y=require("classnames"),e=require("react"),h=require("../dialog-previous-button-ns64Jg1v.js");require("../icon-button-DPIjQGta.js");const k=require("../utils-C9NL3q0j.js"),E=n=>{var{className:l,children:c}=n,r=C.__rest(n,["className","children"]);return e.createElement("button",Object.assign({className:y(l,"fake-link")},r),c)},R=6e3,B=n=>{var{className:l,onOpen:c=()=>{},onClose:r=()=>{},layout:D,open:i,children:f,onAction:u}=n,S=C.__rest(n,["className","onOpen","onClose","layout","open","children","onAction"]);const o=e.useRef(new Set),g=e.useRef(null),[T,v]=e.useState(i),t=k.findComponent(f,E),_=k.excludeComponent(f,E),s=()=>{clearTimeout(g.current)},d=()=>{v(!1),r()},m=()=>{o.current.size===0&&(s(),g.current=setTimeout(()=>{d()},R))},q=()=>{v(!0),c(),m()},N=()=>{s(),o.current.add("focus")},O=()=>{o.current.delete("focus"),m()},A=()=>{s(),o.current.add("mouseEnter")},M=()=>{o.current.delete("mouseEnter"),m()},w=p=>{var a,b;s(),u==null||u(p),(b=(a=t==null?void 0:t.props)===null||a===void 0?void 0:a.onClick)===null||b===void 0||b.call(a,p),d()};return e.useEffect(()=>()=>{s()},[]),e.useEffect(()=>{i?q():d()},[i]),e.createElement(h.DialogBaseWithState,Object.assign({},S,{open:T,isModal:!1,baseEl:"aside",classPrefix:"snackbar-dialog",transitionElement:"root",a11yCloseText:"",buttonPosition:"hidden",className:y(l,"snackbar-dialog--transition"),windowClass:D==="column"&&"snackbar-dialog__window--column",onFocus:N,onBlur:O,onMouseEnter:A,onMouseLeave:M}),_,t?e.createElement(h.EbayDialogActions,null,e.cloneElement(t,{onClick:w})):null)};exports.EbaySnackbarDialog=B;exports.EbaySnackbarDialogAction=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../tslib.es6-UTo0M824.js"),C=require("../index-DmNrJCd8.js"),e=require("../index-Banoekuf.js"),h=require("../ebay-dialog-base/index.js");require("../ebay-icon-button/index.js");const k=require("../utils-D1rplbEN.js"),b=n=>{var{className:c,children:l}=n,r=y.__rest(n,["className","children"]);return e.React.createElement("button",Object.assign({className:C.classNames(c,"fake-link")},r),l)},M=6e3,w=n=>{var{className:c,onOpen:l=()=>{},onClose:r=()=>{},layout:D,open:i,children:p,onAction:u}=n,x=y.__rest(n,["className","onOpen","onClose","layout","open","children","onAction"]);const o=e.reactExports.useRef(new Set),f=e.reactExports.useRef(null),[S,g]=e.reactExports.useState(i),t=k.findComponent(p,b),N=k.excludeComponent(p,b),s=()=>{clearTimeout(f.current)},d=()=>{g(!1),r()},E=()=>{o.current.size===0&&(s(),f.current=setTimeout(()=>{d()},M))},T=()=>{g(!0),l(),E()},_=()=>{s(),o.current.add("focus")},q=()=>{o.current.delete("focus"),E()},O=()=>{s(),o.current.add("mouseEnter")},R=()=>{o.current.delete("mouseEnter"),E()},A=v=>{var a,m;s(),u==null||u(v),(m=(a=t==null?void 0:t.props)===null||a===void 0?void 0:a.onClick)===null||m===void 0||m.call(a,v),d()};return e.reactExports.useEffect(()=>()=>{s()},[]),e.reactExports.useEffect(()=>{i?T():d()},[i]),e.React.createElement(h.DialogBaseWithState,Object.assign({},x,{open:S,isModal:!1,baseEl:"aside",classPrefix:"snackbar-dialog",transitionElement:"root",a11yCloseText:"",buttonPosition:"hidden",className:C.classNames(c,"snackbar-dialog--transition"),windowClass:D==="column"&&"snackbar-dialog__window--column",onFocus:_,onBlur:q,onMouseEnter:O,onMouseLeave:R}),N,t?e.React.createElement(h.EbayDialogActions,null,e.React.cloneElement(t,{onClick:A})):null)};exports.EbaySnackbarDialog=w;exports.EbaySnackbarDialogAction=b;

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-C3RhAySI.js"),s=require("../menu-button-label-DFjHo8Lr.js"),x=require("../menu-DmmYhPJU.js");require("classnames");const q=o=>{var{a11yMenuText:u,children:a,type:l,bodyState:t,a11yButtonLoadingText:y,onCollapse:c,onExpand:d,onSelect:p=()=>{},onChange:b=()=>{}}=o,e=S.__rest(o,["a11yMenuText","children","type","bodyState","a11yButtonLoadingText","onCollapse","onExpand","onSelect","onChange"]);const r=[x.EbayMenuItem,s.EbayMenuButtonSeparator],m=i.filterBy(a,B=>!r.includes(B.type)),E=i.filterByType(a,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,size:e.size,type:l,split:"end",reverse:!0,a11yText:u,onCollapse:c,onExpand:d,onSelect:p,onChange:b},E))};exports.EbaySplitButton=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-UTo0M824.js"),n=require("../index-Banoekuf.js"),i=require("../utils-D1rplbEN.js"),x=require("../ebay-button/index.js"),s=require("../ebay-menu-button/index.js"),g=require("../menu-nih_gX8y.js");require("../index-DmNrJCd8.js");const q=a=>{var{a11yMenuText:u,children:o,type:l,bodyState:t,a11yButtonLoadingText:y,onCollapse:c,onExpand:d,onSelect:p=()=>{},onChange:b=()=>{}}=a,e=S.__rest(a,["a11yMenuText","children","type","bodyState","a11yButtonLoadingText","onCollapse","onExpand","onSelect","onChange"]);const r=[g.EbayMenuItem,s.EbayMenuButtonSeparator],m=i.filterBy(o,E=>!r.includes(E.type)),B=i.filterByType(o,r);return n.React.createElement("span",{className:"split-button"},n.React.createElement(x.EbayButton,Object.assign({"aria-label":t==="loading"?y:void 0},e,{ref:void 0,split:"start",bodyState:t==="expand"?void 0:t}),m),n.React.createElement(s.EbayMenuButton,{priority:e.priority,disabled:e.disabled,transparent:e.transparent,size:e.size,type:l,split:"end",reverse:!0,a11yText:u,onCollapse:c,onExpand:d,onSelect:p,onChange:b},B))};exports.EbaySplitButton=q;

package/ebay-star-rating/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../tslib.es6-C4EgNkz1.js"),a=require("react"),l=require("classnames"),o=require("../icon-hO_8pLp7.js"),m=require("../range-DOsPN0h5.js"),u=m.range(1,5),g=e=>{var{value:t,a11yText:r,className:s}=e,n=i.__rest(e,["value","a11yText","className"]);return a.createElement("div",Object.assign({role:"img","aria-label":r,className:l("star-rating",s),"data-stars":t},n),u.map(c=>a.createElement(o.EbayIcon,{key:c,className:"star-rating__icon",name:"starDynamic"})))};exports.EbayStarRating=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../tslib.es6-UTo0M824.js"),a=require("../index-Banoekuf.js"),l=require("../index-DmNrJCd8.js"),o=require("../index-plT9bPAi.js"),m=require("../range-DOsPN0h5.js"),u=m.range(1,5),g=e=>{var{value:t,a11yText:r,className:s}=e,n=i.__rest(e,["value","a11yText","className"]);return a.React.createElement("div",Object.assign({role:"img","aria-label":r,className:l.classNames("star-rating",s),"data-stars":t},n),u.map(c=>a.React.createElement(o.EbayIcon,{key:c,className:"star-rating__icon",name:"starDynamic"})))};exports.EbayStarRating=g;

package/ebay-star-rating-select/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),d=require("classnames"),k=require("../icon-hO_8pLp7.js"),q=require("../range-DOsPN0h5.js"),C=require("../random-id-DlJj_RWH.js"),D=q.range(1,5),s=r=>{let a=parseInt(r,0)||0;return a>5&&(a=0),a},I=r=>{var{value:a=0,a11yText:i,className:m,a11yStarText:l=[],disabled:c,onChange:g=()=>{},onFocus:y=()=>{},onKeyDown:v=()=>{},name:_}=r,b=h.__rest(r,["value","a11yText","className","a11yStarText","disabled","onChange","onFocus","onKeyDown","name"]);const f=C.useRandomId(),p=_||`star-rating-${f}`,[u,o]=t.useState(s(a));t.useEffect(()=>{o(s(a))},[a]);const E=e=>n=>{c||(o(s(e)),v(n,{value:e}))},N=e=>n=>{c||(o(s(e)),g(n,{value:e}))},S=e=>n=>{c||(o(s(e)),y(n,{value:e}))};return t.createElement("div",Object.assign({role:i&&"radiogroup","aria-label":i,className:d("star-rating-select",m)},b),D.map(e=>t.createElement("span",{className:"star-rating-select__radio",key:e},t.createElement("input",{"aria-label":l==null?void 0:l[e-1],className:d("star-rating-select__control",{"star-rating-select__control--filled":e<=u}),type:"radio",name:p,value:e,disabled:c,defaultChecked:u===e,onClick:N(e),onFocus:S(e),onKeyDown:E(e)}),t.createElement("span",{className:"star-rating-select__radio-icon"},t.createElement(k.EbayIcon,{className:"star-rating__icon",name:"starDynamic"})))))};exports.EbayStarRatingSelect=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../tslib.es6-UTo0M824.js"),t=require("../index-Banoekuf.js"),d=require("../index-DmNrJCd8.js"),x=require("../index-plT9bPAi.js"),R=require("../range-DOsPN0h5.js"),k=require("../random-id-5bEmzZsS.js"),q=R.range(1,5),s=r=>{let a=parseInt(r,0)||0;return a>5&&(a=0),a},C=r=>{var{value:a=0,a11yText:i,className:m,a11yStarText:l=[],disabled:c,onChange:g=()=>{},onFocus:y=()=>{},onKeyDown:b=()=>{},name:v}=r,_=h.__rest(r,["value","a11yText","className","a11yStarText","disabled","onChange","onFocus","onKeyDown","name"]);const p=k.useRandomId(),E=v||`star-rating-${p}`,[u,o]=t.reactExports.useState(s(a));t.reactExports.useEffect(()=>{o(s(a))},[a]);const N=e=>n=>{c||(o(s(e)),b(n,{value:e}))},f=e=>n=>{c||(o(s(e)),g(n,{value:e}))},S=e=>n=>{c||(o(s(e)),y(n,{value:e}))};return t.React.createElement("div",Object.assign({role:i&&"radiogroup","aria-label":i,className:d.classNames("star-rating-select",m)},_),q.map(e=>t.React.createElement("span",{className:"star-rating-select__radio",key:e},t.React.createElement("input",{"aria-label":l==null?void 0:l[e-1],className:d.classNames("star-rating-select__control",{"star-rating-select__control--filled":e<=u}),type:"radio",name:E,value:e,disabled:c,defaultChecked:u===e,onClick:f(e),onFocus:S(e),onKeyDown:N(e)}),t.React.createElement("span",{className:"star-rating-select__radio-icon"},t.React.createElement(x.EbayIcon,{className:"star-rating__icon",name:"starDynamic"})))))};exports.EbayStarRatingSelect=C;