@ebay/ui-core-react 8.14.0 → 8.15.0

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-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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ebay/ui-core-react",
-    "version": "8.14.0",
+    "version": "8.15.0",
     "description": "Skin components build off React",
     "keywords": [
         "React",