@ebay/ui-core-react 8.8.0 → 8.10.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-C-bWGO-9.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 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;

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-C3ZdijBt.js");require("../icon-button-CHW6Lezn.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 C=require("../tslib.es6-C4EgNkz1.js"),y=require("classnames"),e=require("react"),h=require("../dialog-previous-button-DvWLfiq0.js");require("../icon-button-B1aE4GTn.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?.(p),(b=(a=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;

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-DhwBC3vw.js"),s=require("../menu-button-label-BsTtpKB2.js"),x=require("../menu-mTGSTnD8.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-C4EgNkz1.js"),n=require("react"),i=require("../utils-C9NL3q0j.js"),g=require("../button-BeNUU3lZ.js"),s=require("../menu-button-label-DemOjKA8.js"),x=require("../menu-fWohPckl.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;

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-C-bWGO-9.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-C4EgNkz1.js"),a=require("react"),l=require("classnames"),o=require("../icon-CR8ApQBy.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;

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-C-bWGO-9.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-C4EgNkz1.js"),t=require("react"),d=require("classnames"),k=require("../icon-CR8ApQBy.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?.[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;

package/ebay-svg/README.md

@@ -13,12 +13,13 @@ yarn add @ebay/ui-core-react
 Import it and place at the end of your HTML and make sure that this component is only rendered on the server and never import it on the client side.
 
 ```jsx harmony
-import { EbaySvg } from "@ebay/ui-core-react/ebay-svg";
+import { EbaySvg, EbayFlagsSvg } from "@ebay/ui-core-react/ebay-svg";
 
 <Html>
     <Component1 />
     <Component2 />
     <EbaySvg />
+    <EbayFlagsSvg />
 </Html>;
 ```
 

package/ebay-svg/flag-symbols.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const symbols: React.JSX.Element[];
+//# sourceMappingURL=flag-symbols.d.ts.map

package/ebay-svg/flag-symbols.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flag-symbols.d.ts","sourceRoot":"","sources":["../../src/ebay-svg/flag-symbols.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,OAAO,qBA4QnB,CAAA"}

package/ebay-svg/flags-svg.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+declare const EbayFlagsSvg: () => React.JSX.Element;
+export default EbayFlagsSvg;
+//# sourceMappingURL=flags-svg.d.ts.map

package/ebay-svg/flags-svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flags-svg.d.ts","sourceRoot":"","sources":["../../src/ebay-svg/flags-svg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,YAAY,yBAQjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/ebay-svg/index.d.ts

@@ -1,2 +1,3 @@
 export { default as EbaySvg } from "./svg";
+export { default as EbayFlagsSvg } from "./flags-svg";
 //# sourceMappingURL=index.d.ts.map

package/ebay-svg/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-svg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-svg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,aAAa,CAAC"}