@ebay/ui-core-react 9.4.0 → 9.6.0

package/ebay-phone-input/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e0=require("../tslib.es6-C4EgNkz1.js"),n0=require("classnames"),a=require("react"),U=require("../listbox-button-sULPe7qi.js"),b=require("../textbox-DAip4ToD.js");require("../icon-I30uh1Ov.js");require("../icon-button-AJ6dtyvc.js");const l0=require("../flag-DU-1tRv6.js"),G={AC:{countryCode:"AC",callingCode:"247",mask:"00000"},AD:{countryCode:"AD",callingCode:"376",mask:"000 000"},AE:{countryCode:"AE",callingCode:"971",mask:"000 000 0000"},AF:{countryCode:"AF",callingCode:"93",mask:"000 000 0000"},AG:{countryCode:"AG",callingCode:"1",mask:"(000) 000-0000"},AI:{countryCode:"AI",callingCode:"1",mask:"(000) 000-0000"},AL:{countryCode:"AL",callingCode:"355",mask:"000 000 0000"},AM:{countryCode:"AM",callingCode:"374",mask:"000 000000"},AO:{countryCode:"AO",callingCode:"244",mask:"000 000 000"},AR:{countryCode:"AR",callingCode:"54",mask:"000 00-0000-0000"},AS:{countryCode:"AS",callingCode:"1",mask:"(000) 000-0000"},AT:{countryCode:"AT",callingCode:"43",mask:"0000 000000"},AU:{countryCode:"AU",callingCode:"61",mask:"0000 000 000"},AW:{countryCode:"AW",callingCode:"297",mask:"000 0000"},AX:{countryCode:"AX",callingCode:"358",mask:"000 0000000"},AZ:{countryCode:"AZ",callingCode:"994",mask:"000 000 00 00"},BA:{countryCode:"BA",callingCode:"387",mask:"000 000 000"},BB:{countryCode:"BB",callingCode:"1",mask:"(000) 000-0000"},BD:{countryCode:"BD",callingCode:"880",mask:"00000-000000"},BE:{countryCode:"BE",callingCode:"32",mask:"0000 00 00 00"},BF:{countryCode:"BF",callingCode:"226",mask:"00 00 00 00"},BG:{countryCode:"BG",callingCode:"359",mask:"000 000 000"},BH:{countryCode:"BH",callingCode:"973",mask:"0000 0000"},BI:{countryCode:"BI",callingCode:"257",mask:"00 00 00 00"},BJ:{countryCode:"BJ",callingCode:"229",mask:"00 00 00 00 00"},BL:{countryCode:"BL",callingCode:"590",mask:"0000 00 00 00"},BM:{countryCode:"BM",callingCode:"1",mask:"(000) 000-0000"},BN:{countryCode:"BN",callingCode:"673",mask:"000 0000"},BO:{countryCode:"BO",callingCode:"591",mask:"00000000"},BQ:{countryCode:"BQ",callingCode:"599",mask:"000 0000"},BR:{countryCode:"BR",callingCode:"55",mask:"(00) 00000-0000"},BS:{countryCode:"BS",callingCode:"1",mask:"(000) 000-0000"},BT:{countryCode:"BT",callingCode:"975",mask:"00 00 00 00"},BW:{countryCode:"BW",callingCode:"267",mask:"00 000 000"},BY:{countryCode:"BY",callingCode:"375",mask:"0 000 000-00-00"},BZ:{countryCode:"BZ",callingCode:"501",mask:"000-0000"},CA:{countryCode:"CA",callingCode:"1",mask:"(000) 000-0000"},CC:{countryCode:"CC",callingCode:"61",mask:"0000 000 000"},CD:{countryCode:"CD",callingCode:"243",mask:"0000 000 000"},CF:{countryCode:"CF",callingCode:"236",mask:"00 00 00 00"},CG:{countryCode:"CG",callingCode:"242",mask:"00 000 0000"},CH:{countryCode:"CH",callingCode:"41",mask:"000 000 00 00"},CI:{countryCode:"CI",callingCode:"225",mask:"00 00 00 0000"},CK:{countryCode:"CK",callingCode:"682",mask:"00 000"},CL:{countryCode:"CL",callingCode:"56",mask:"(0) 0000 0000"},CM:{countryCode:"CM",callingCode:"237",mask:"0 00 00 00 00"},CN:{countryCode:"CN",callingCode:"86",mask:"000 0000 0000"},CO:{countryCode:"CO",callingCode:"57",mask:"000 0000000"},CR:{countryCode:"CR",callingCode:"506",mask:"0000 0000"},CU:{countryCode:"CU",callingCode:"53",mask:"00 0000000"},CV:{countryCode:"CV",callingCode:"238",mask:"000 00 00"},CW:{countryCode:"CW",callingCode:"599",mask:"0 000 0000"},CX:{countryCode:"CX",callingCode:"61",mask:"0000 000 000"},CY:{countryCode:"CY",callingCode:"357",mask:"00 000000"},CZ:{countryCode:"CZ",callingCode:"420",mask:"000 000 000"},DE:{countryCode:"DE",callingCode:"49",mask:"00000 0000000"},DJ:{countryCode:"DJ",callingCode:"253",mask:"00 00 00 00"},DK:{countryCode:"DK",callingCode:"45",mask:"00 00 00 00"},DM:{countryCode:"DM",callingCode:"1",mask:"(000) 000-0000"},DO:{countryCode:"DO",callingCode:"1",mask:"(000) 000-0000"},DZ:{countryCode:"DZ",callingCode:"213",mask:"0000 00 00 00"},EC:{countryCode:"EC",callingCode:"593",mask:"000 000 0000"},EE:{countryCode:"EE",callingCode:"372",mask:"0000 0000"},EG:{countryCode:"EG",callingCode:"20",mask:"000 00000000"},EH:{countryCode:"EH",callingCode:"212",mask:"0000-000000"},ER:{countryCode:"ER",callingCode:"291",mask:"00 000 000"},ES:{countryCode:"ES",callingCode:"34",mask:"000 00 00 00"},ET:{countryCode:"ET",callingCode:"251",mask:"000 000 0000"},FI:{countryCode:"FI",callingCode:"358",mask:"000 0000000"},FJ:{countryCode:"FJ",callingCode:"679",mask:"000 0000"},FK:{countryCode:"FK",callingCode:"500",mask:"00000"},FM:{countryCode:"FM",callingCode:"691",mask:"000 0000"},FO:{countryCode:"FO",callingCode:"298",mask:"000000"},FR:{countryCode:"FR",callingCode:"33",mask:"00 00 00 00 00"},GA:{countryCode:"GA",callingCode:"241",mask:"00 00 00 00"},GB:{countryCode:"GB",callingCode:"44",mask:"00000 000000"},GD:{countryCode:"GD",callingCode:"1",mask:"(000) 000-0000"},GE:{countryCode:"GE",callingCode:"995",mask:"000 00 00 00"},GF:{countryCode:"GF",callingCode:"594",mask:"0000 00 00 00"},GG:{countryCode:"GG",callingCode:"44",mask:"00000 000000"},GH:{countryCode:"GH",callingCode:"233",mask:"000 000 0000"},GI:{countryCode:"GI",callingCode:"350",mask:"00000000"},GL:{countryCode:"GL",callingCode:"299",mask:"00 00 00"},GM:{countryCode:"GM",callingCode:"220",mask:"000 0000"},GN:{countryCode:"GN",callingCode:"224",mask:"000 00 00 00"},GP:{countryCode:"GP",callingCode:"590",mask:"0000 00 00 00"},GQ:{countryCode:"GQ",callingCode:"240",mask:"000 000 000"},GR:{countryCode:"GR",callingCode:"30",mask:"000 000 0000"},GT:{countryCode:"GT",callingCode:"502",mask:"0000 0000"},GU:{countryCode:"GU",callingCode:"1",mask:"(000) 000-0000"},GW:{countryCode:"GW",callingCode:"245",mask:"000 000 000"},GY:{countryCode:"GY",callingCode:"592",mask:"000 0000"},HK:{countryCode:"HK",callingCode:"852",mask:"0000 0000"},HN:{countryCode:"HN",callingCode:"504",mask:"0000-0000"},HR:{countryCode:"HR",callingCode:"385",mask:"000 000 0000"},HT:{countryCode:"HT",callingCode:"509",mask:"00 00 0000"},HU:{countryCode:"HU",callingCode:"36",mask:"00 00 000 0000"},ID:{countryCode:"ID",callingCode:"62",mask:"0000-000-000"},IE:{countryCode:"IE",callingCode:"353",mask:"000 000 0000"},IL:{countryCode:"IL",callingCode:"972",mask:"000-000-0000"},IM:{countryCode:"IM",callingCode:"44",mask:"00000 000000"},IN:{countryCode:"IN",callingCode:"91",mask:"000000 00000"},IO:{countryCode:"IO",callingCode:"246",mask:"000 0000"},IQ:{countryCode:"IQ",callingCode:"964",mask:"0000 000 0000"},IR:{countryCode:"IR",callingCode:"98",mask:"0000 000 0000"},IS:{countryCode:"IS",callingCode:"354",mask:"000 0000"},IT:{countryCode:"IT",callingCode:"39",mask:"000 000 0000"},JE:{countryCode:"JE",callingCode:"44",mask:"00000 000000"},JM:{countryCode:"JM",callingCode:"1",mask:"(000) 000-0000"},JO:{countryCode:"JO",callingCode:"962",mask:"00 0000 0000"},JP:{countryCode:"JP",callingCode:"81",mask:"000-0000-0000"},KE:{countryCode:"KE",callingCode:"254",mask:"0000 000000"},KG:{countryCode:"KG",callingCode:"996",mask:"0000 000 000"},KH:{countryCode:"KH",callingCode:"855",mask:"000 000 000"},KI:{countryCode:"KI",callingCode:"686",mask:"00000000"},KM:{countryCode:"KM",callingCode:"269",mask:"000 00 00"},KN:{countryCode:"KN",callingCode:"1",mask:"(000) 000-0000"},KP:{countryCode:"KP",callingCode:"850",mask:"0000 000 0000"},KR:{countryCode:"KR",callingCode:"82",mask:"000-0000-0000"},KW:{countryCode:"KW",callingCode:"965",mask:"000 00000"},KY:{countryCode:"KY",callingCode:"1",mask:"(000) 000-0000"},KZ:{countryCode:"KZ",callingCode:"7",mask:"0 (000) 000 0000"},LA:{countryCode:"LA",callingCode:"856",mask:"000 00 000 000"},LB:{countryCode:"LB",callingCode:"961",mask:"00 000 000"},LC:{countryCode:"LC",callingCode:"1",mask:"(000) 000-0000"},LI:{countryCode:"LI",callingCode:"423",mask:"000 000 000"},LK:{countryCode:"LK",callingCode:"94",mask:"000 000 0000"},LR:{countryCode:"LR",callingCode:"231",mask:"000 000 0000"},LS:{countryCode:"LS",callingCode:"266",mask:"0000 0000"},LT:{countryCode:"LT",callingCode:"370",mask:"(0-000) 00000"},LU:{countryCode:"LU",callingCode:"352",mask:"000 000 000"},LV:{countryCode:"LV",callingCode:"371",mask:"00 000 000"},LY:{countryCode:"LY",callingCode:"218",mask:"000-0000000"},MA:{countryCode:"MA",callingCode:"212",mask:"0000-000000"},MC:{countryCode:"MC",callingCode:"377",mask:"00 00 00 00 00"},MD:{countryCode:"MD",callingCode:"373",mask:"0000 00 000"},ME:{countryCode:"ME",callingCode:"382",mask:"000 000 000"},MF:{countryCode:"MF",callingCode:"590",mask:"0000 00 00 00"},MG:{countryCode:"MG",callingCode:"261",mask:"000 00 000 00"},MH:{countryCode:"MH",callingCode:"692",mask:"000-0000"},MK:{countryCode:"MK",callingCode:"389",mask:"000 000 000"},ML:{countryCode:"ML",callingCode:"223",mask:"00 00 00 00"},MM:{countryCode:"MM",callingCode:"95",mask:"00 000 0000"},MN:{countryCode:"MN",callingCode:"976",mask:"0000 0000"},MO:{countryCode:"MO",callingCode:"853",mask:"0000 0000"},MP:{countryCode:"MP",callingCode:"1",mask:"(000) 000-0000"},MQ:{countryCode:"MQ",callingCode:"596",mask:"0000 00 00 00"},MR:{countryCode:"MR",callingCode:"222",mask:"00 00 00 00"},MS:{countryCode:"MS",callingCode:"1",mask:"(000) 000-0000"},MT:{countryCode:"MT",callingCode:"356",mask:"0000 0000"},MU:{countryCode:"MU",callingCode:"230",mask:"0000 0000"},MV:{countryCode:"MV",callingCode:"960",mask:"000-0000"},MW:{countryCode:"MW",callingCode:"265",mask:"0000 00 00 00"},MX:{countryCode:"MX",callingCode:"52",mask:"000 000 0000"},MY:{countryCode:"MY",callingCode:"60",mask:"000-000 0000"},MZ:{countryCode:"MZ",callingCode:"258",mask:"00 000 0000"},NA:{countryCode:"NA",callingCode:"264",mask:"000 000 0000"},NC:{countryCode:"NC",callingCode:"687",mask:"00.00.00"},NE:{countryCode:"NE",callingCode:"227",mask:"00 00 00 00"},NF:{countryCode:"NF",callingCode:"672",mask:"0 00000"},NG:{countryCode:"NG",callingCode:"234",mask:"0000 000 0000"},NI:{countryCode:"NI",callingCode:"505",mask:"0000 0000"},NL:{countryCode:"NL",callingCode:"31",mask:"00 00000000"},NO:{countryCode:"NO",callingCode:"47",mask:"00 00 00 00"},NP:{countryCode:"NP",callingCode:"977",mask:"000-0000000"},NR:{countryCode:"NR",callingCode:"674",mask:"000 0000"},NU:{countryCode:"NU",callingCode:"683",mask:"000 0000"},NZ:{countryCode:"NZ",callingCode:"64",mask:"000 000 0000"},OM:{countryCode:"OM",callingCode:"968",mask:"0000 0000"},PA:{countryCode:"PA",callingCode:"507",mask:"0000-0000"},PE:{countryCode:"PE",callingCode:"51",mask:"000 000 000"},PF:{countryCode:"PF",callingCode:"689",mask:"00 00 00 00"},PG:{countryCode:"PG",callingCode:"675",mask:"0000 0000"},PH:{countryCode:"PH",callingCode:"63",mask:"0000 000 0000"},PK:{countryCode:"PK",callingCode:"92",mask:"0000 0000000"},PL:{countryCode:"PL",callingCode:"48",mask:"000 000 000"},PM:{countryCode:"PM",callingCode:"508",mask:"000 00 00"},PR:{countryCode:"PR",callingCode:"1",mask:"(000) 000-0000"},PS:{countryCode:"PS",callingCode:"970",mask:"0000 000 000"},PT:{countryCode:"PT",callingCode:"351",mask:"000 000 000"},PW:{countryCode:"PW",callingCode:"680",mask:"000 0000"},PY:{countryCode:"PY",callingCode:"595",mask:"0000 000000"},QA:{countryCode:"QA",callingCode:"974",mask:"0000 0000"},RE:{countryCode:"RE",callingCode:"262",mask:"0000 00 00 00"},RO:{countryCode:"RO",callingCode:"40",mask:"0000 000 000"},RS:{countryCode:"RS",callingCode:"381",mask:"000 0000000"},RU:{countryCode:"RU",callingCode:"7",mask:"0 (000) 000-00-00"},RW:{countryCode:"RW",callingCode:"250",mask:"0000 000 000"},SA:{countryCode:"SA",callingCode:"966",mask:"000 000 0000"},SB:{countryCode:"SB",callingCode:"677",mask:"00 00000"},SC:{countryCode:"SC",callingCode:"248",mask:"0 000 000"},SD:{countryCode:"SD",callingCode:"249",mask:"000 000 0000"},SE:{countryCode:"SE",callingCode:"46",mask:"000-000 00 00"},SG:{countryCode:"SG",callingCode:"65",mask:"0000 0000"},SH:{countryCode:"SH",callingCode:"290",mask:"00000"},SI:{countryCode:"SI",callingCode:"386",mask:"000 000 000"},SJ:{countryCode:"SJ",callingCode:"47",mask:"00 00 00 00"},SK:{countryCode:"SK",callingCode:"421",mask:"0000 000 000"},SL:{countryCode:"SL",callingCode:"232",mask:"(000) 000000"},SM:{countryCode:"SM",callingCode:"378",mask:"00 00 00 00"},SN:{countryCode:"SN",callingCode:"221",mask:"00 000 00 00"},SO:{countryCode:"SO",callingCode:"252",mask:"0 0000000"},SR:{countryCode:"SR",callingCode:"597",mask:"000-0000"},SS:{countryCode:"SS",callingCode:"211",mask:"0000 000 000"},ST:{countryCode:"ST",callingCode:"239",mask:"000 0000"},SV:{countryCode:"SV",callingCode:"503",mask:"0000 0000"},SX:{countryCode:"SX",callingCode:"1",mask:"(000) 000-0000"},SY:{countryCode:"SY",callingCode:"963",mask:"0000 000 000"},SZ:{countryCode:"SZ",callingCode:"268",mask:"0000 0000"},TA:{countryCode:"TA",callingCode:"290",mask:"0000"},TC:{countryCode:"TC",callingCode:"1",mask:"(000) 000-0000"},TD:{countryCode:"TD",callingCode:"235",mask:"00 00 00 00"},TG:{countryCode:"TG",callingCode:"228",mask:"00 00 00 00"},TH:{countryCode:"TH",callingCode:"66",mask:"000 000 0000"},TJ:{countryCode:"TJ",callingCode:"992",mask:"00 000 0000"},TK:{countryCode:"TK",callingCode:"690",mask:"0000"},TL:{countryCode:"TL",callingCode:"670",mask:"0000 0000"},TM:{countryCode:"TM",callingCode:"993",mask:"0 00 000000"},TN:{countryCode:"TN",callingCode:"216",mask:"00 000 000"},TO:{countryCode:"TO",callingCode:"676",mask:"000 0000"},TR:{countryCode:"TR",callingCode:"90",mask:"0000 000 00 00"},TT:{countryCode:"TT",callingCode:"1",mask:"(000) 000-0000"},TV:{countryCode:"TV",callingCode:"688",mask:"00 0000"},TW:{countryCode:"TW",callingCode:"886",mask:"0000 000 000"},TZ:{countryCode:"TZ",callingCode:"255",mask:"0000 000 000"},UA:{countryCode:"UA",callingCode:"380",mask:"000 000 0000"},UG:{countryCode:"UG",callingCode:"256",mask:"0000 000000"},US:{countryCode:"US",callingCode:"1",mask:"(000) 000-0000"},UY:{countryCode:"UY",callingCode:"598",mask:"000 000 000"},UZ:{countryCode:"UZ",callingCode:"998",mask:"00 000 00 00"},VA:{countryCode:"VA",callingCode:"39",mask:"000 000 0000"},VC:{countryCode:"VC",callingCode:"1",mask:"(000) 000-0000"},VE:{countryCode:"VE",callingCode:"58",mask:"0000-0000000"},VG:{countryCode:"VG",callingCode:"1",mask:"(000) 000-0000"},VI:{countryCode:"VI",callingCode:"1",mask:"(000) 000-0000"},VN:{countryCode:"VN",callingCode:"84",mask:"0000 000 000"},VU:{countryCode:"VU",callingCode:"678",mask:"000 0000"},WF:{countryCode:"WF",callingCode:"681",mask:"00 00 00"},WS:{countryCode:"WS",callingCode:"685",mask:"00 00000"},XK:{countryCode:"XK",callingCode:"383",mask:"000 000 000"},YE:{countryCode:"YE",callingCode:"967",mask:"0000 000 000"},YT:{countryCode:"YT",callingCode:"262",mask:"0000 00 00 00"},ZA:{countryCode:"ZA",callingCode:"27",mask:"000 000 0000"},ZM:{countryCode:"ZM",callingCode:"260",mask:"000 0000000"},ZW:{countryCode:"ZW",callingCode:"263",mask:"000 000 0000"}};function a0(n,c,l,t=!1){const C=V(n,c),r=c0(C,n,l,t);return{maskedValue:C,cursorPosition:r}}function A(n){return n.replace(/\D+/g,"")}function V(n,c){const l=A(n);let t="",C=0;if(l.length){for(const r of c)if(r==="0"){if(t+=l[C++],C===l.length)break}else t+=r;C<l.length&&(t+=" "+l.slice(C))}return t}function c0(n,c,l,t){const C=l===c.length;if(t||!C){const r=c.slice(0,l),i=c.slice(l);if(n.startsWith(r))return l;if(n.endsWith(i))return n.length-i.length;{const y=F(r);let g=0,S=0;for(;S<y.length;)F(n[g])&&S++,g++;return g}}}function F(n){return n.replace(/[.,\\/#!$%^&*;:{}=+\-_`~()\s]/g,"")}const C0=n=>n||(typeof navigator<"u"?navigator.language:"en-US"),d0=n=>{var{countryCode:c,value:l,defaultValue:t="",locale:C,floatingLabel:r,disabled:i,readonly:y,invalid:g,className:S,onFocus:f,onBlur:B,onChange:T,onInputChange:I,onKeyDown:K,onKeyPress:N,onKeyUp:L,onExpand:O,onCollapse:v}=n,H=e0.__rest(n,["countryCode","value","defaultValue","locale","floatingLabel","disabled","readonly","invalid","className","onFocus","onBlur","onChange","onInputChange","onKeyDown","onKeyPress","onKeyUp","onExpand","onCollapse"]);const P=l!==void 0,m=a.useMemo(()=>{const o=C0(C),e=new Intl.DisplayNames([o],{type:"region"});return Object.keys(G).map(u=>{var d;return[u,(d=e.of(u))!==null&&d!==void 0?d:""]}).sort(([,u],[,d])=>u.localeCompare(d))},[C]),[R,p]=a.useState(()=>{if(c){const o=m.findIndex(([e])=>e===c.toUpperCase());return o!==-1?o:0}return 0}),[W,Z]=a.useState(t),E=a.useRef(null),k=a.useRef(null);a.useEffect(()=>{if(c){const o=m.findIndex(([e])=>e===c.toUpperCase());p(o!==-1?o:0)}},[c,m]);const M=(o=R)=>{const[e]=m[o];return G[e]};a.useEffect(()=>{k.current!==null&&E.current&&(E.current.setSelectionRange(k.current,k.current),k.current=null)});const Y=()=>P?l:W,x=()=>{const o=Y();return o?V(o,M().mask):""},s=o=>{const e=o?.maskedValue!==void 0?o?.maskedValue:x();return{value:e,rawValue:A(e),callingCode:M(o?.index).callingCode,countryCode:M(o?.index).countryCode}},J=(o,{index:e})=>{p(e),T&&T(o,s({index:e}))},w=o=>{f&&f(o,s())},Q=o=>{B&&B(o,s())},X=o=>{T&&T(o,s())},q=o=>{const e=o.target,u=e.value,d=e.selectionStart||0,o0=o.nativeEvent&&"inputType"in o.nativeEvent?/delete.*Backward/.test(o.nativeEvent.inputType):!1,{maskedValue:D,cursorPosition:h}=a0(u,M().mask,d,o0);h!==void 0&&(k.current=h),P||Z(A(D)),I&&I(o,s({maskedValue:D}))},_=o=>{K&&K(o,s())},j=o=>{N&&N(o,s())},$=o=>{L&&L(o,s())},z=m.map(([o,e],u)=>{const d=G[o];return a.createElement(U.ListboxOption,{key:o,value:`${e}-${d.callingCode}`,selected:u===R,icon:a.createElement(l0.EbayFlagIcon,{flag:d.countryCode.toLowerCase()})},a.createElement("span",null,e," ( + ",d.callingCode," )"))});return a.createElement("span",Object.assign({},H,{className:n0("phone-input",S,{"phone-input--disabled":i,"phone-input--readonly":y,"phone-input--error":g})}),a.createElement(U.ListboxButton,{split:"start",disabled:y||i,onChange:J,onExpand:O,onCollapse:v},z),a.createElement(b.EbayTextbox,{type:"tel",value:x(),disabled:i,floatingLabel:r,floatingLabelStatic:!0,readOnly:y,invalid:g,onBlur:Q,onFocus:w,onKeyDown:_,onKeyPress:j,onKeyUp:$,onChange:X,onInputChange:q,ref:E},a.createElement(b.EbayTextboxPrefixText,{id:"phone-prefix"},"+ ",M().callingCode)))};exports.EbayPhoneInput=d0;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e0=require("../tslib.es6-BW4cJBUu.js"),n0=require("classnames"),a=require("react"),U=require("../listbox-button-CF98dSd8.js"),b=require("../textbox-HffvptHx.js");require("../icon-M7M42naA.js");require("../icon-button-E_6JKTh3.js");const l0=require("../flag-jZOEhbJe.js"),G={AC:{countryCode:"AC",callingCode:"247",mask:"00000"},AD:{countryCode:"AD",callingCode:"376",mask:"000 000"},AE:{countryCode:"AE",callingCode:"971",mask:"000 000 0000"},AF:{countryCode:"AF",callingCode:"93",mask:"000 000 0000"},AG:{countryCode:"AG",callingCode:"1",mask:"(000) 000-0000"},AI:{countryCode:"AI",callingCode:"1",mask:"(000) 000-0000"},AL:{countryCode:"AL",callingCode:"355",mask:"000 000 0000"},AM:{countryCode:"AM",callingCode:"374",mask:"000 000000"},AO:{countryCode:"AO",callingCode:"244",mask:"000 000 000"},AR:{countryCode:"AR",callingCode:"54",mask:"000 00-0000-0000"},AS:{countryCode:"AS",callingCode:"1",mask:"(000) 000-0000"},AT:{countryCode:"AT",callingCode:"43",mask:"0000 000000"},AU:{countryCode:"AU",callingCode:"61",mask:"0000 000 000"},AW:{countryCode:"AW",callingCode:"297",mask:"000 0000"},AX:{countryCode:"AX",callingCode:"358",mask:"000 0000000"},AZ:{countryCode:"AZ",callingCode:"994",mask:"000 000 00 00"},BA:{countryCode:"BA",callingCode:"387",mask:"000 000 000"},BB:{countryCode:"BB",callingCode:"1",mask:"(000) 000-0000"},BD:{countryCode:"BD",callingCode:"880",mask:"00000-000000"},BE:{countryCode:"BE",callingCode:"32",mask:"0000 00 00 00"},BF:{countryCode:"BF",callingCode:"226",mask:"00 00 00 00"},BG:{countryCode:"BG",callingCode:"359",mask:"000 000 000"},BH:{countryCode:"BH",callingCode:"973",mask:"0000 0000"},BI:{countryCode:"BI",callingCode:"257",mask:"00 00 00 00"},BJ:{countryCode:"BJ",callingCode:"229",mask:"00 00 00 00 00"},BL:{countryCode:"BL",callingCode:"590",mask:"0000 00 00 00"},BM:{countryCode:"BM",callingCode:"1",mask:"(000) 000-0000"},BN:{countryCode:"BN",callingCode:"673",mask:"000 0000"},BO:{countryCode:"BO",callingCode:"591",mask:"00000000"},BQ:{countryCode:"BQ",callingCode:"599",mask:"000 0000"},BR:{countryCode:"BR",callingCode:"55",mask:"(00) 00000-0000"},BS:{countryCode:"BS",callingCode:"1",mask:"(000) 000-0000"},BT:{countryCode:"BT",callingCode:"975",mask:"00 00 00 00"},BW:{countryCode:"BW",callingCode:"267",mask:"00 000 000"},BY:{countryCode:"BY",callingCode:"375",mask:"0 000 000-00-00"},BZ:{countryCode:"BZ",callingCode:"501",mask:"000-0000"},CA:{countryCode:"CA",callingCode:"1",mask:"(000) 000-0000"},CC:{countryCode:"CC",callingCode:"61",mask:"0000 000 000"},CD:{countryCode:"CD",callingCode:"243",mask:"0000 000 000"},CF:{countryCode:"CF",callingCode:"236",mask:"00 00 00 00"},CG:{countryCode:"CG",callingCode:"242",mask:"00 000 0000"},CH:{countryCode:"CH",callingCode:"41",mask:"000 000 00 00"},CI:{countryCode:"CI",callingCode:"225",mask:"00 00 00 0000"},CK:{countryCode:"CK",callingCode:"682",mask:"00 000"},CL:{countryCode:"CL",callingCode:"56",mask:"(0) 0000 0000"},CM:{countryCode:"CM",callingCode:"237",mask:"0 00 00 00 00"},CN:{countryCode:"CN",callingCode:"86",mask:"000 0000 0000"},CO:{countryCode:"CO",callingCode:"57",mask:"000 0000000"},CR:{countryCode:"CR",callingCode:"506",mask:"0000 0000"},CU:{countryCode:"CU",callingCode:"53",mask:"00 0000000"},CV:{countryCode:"CV",callingCode:"238",mask:"000 00 00"},CW:{countryCode:"CW",callingCode:"599",mask:"0 000 0000"},CX:{countryCode:"CX",callingCode:"61",mask:"0000 000 000"},CY:{countryCode:"CY",callingCode:"357",mask:"00 000000"},CZ:{countryCode:"CZ",callingCode:"420",mask:"000 000 000"},DE:{countryCode:"DE",callingCode:"49",mask:"00000 0000000"},DJ:{countryCode:"DJ",callingCode:"253",mask:"00 00 00 00"},DK:{countryCode:"DK",callingCode:"45",mask:"00 00 00 00"},DM:{countryCode:"DM",callingCode:"1",mask:"(000) 000-0000"},DO:{countryCode:"DO",callingCode:"1",mask:"(000) 000-0000"},DZ:{countryCode:"DZ",callingCode:"213",mask:"0000 00 00 00"},EC:{countryCode:"EC",callingCode:"593",mask:"000 000 0000"},EE:{countryCode:"EE",callingCode:"372",mask:"0000 0000"},EG:{countryCode:"EG",callingCode:"20",mask:"000 00000000"},EH:{countryCode:"EH",callingCode:"212",mask:"0000-000000"},ER:{countryCode:"ER",callingCode:"291",mask:"00 000 000"},ES:{countryCode:"ES",callingCode:"34",mask:"000 00 00 00"},ET:{countryCode:"ET",callingCode:"251",mask:"000 000 0000"},FI:{countryCode:"FI",callingCode:"358",mask:"000 0000000"},FJ:{countryCode:"FJ",callingCode:"679",mask:"000 0000"},FK:{countryCode:"FK",callingCode:"500",mask:"00000"},FM:{countryCode:"FM",callingCode:"691",mask:"000 0000"},FO:{countryCode:"FO",callingCode:"298",mask:"000000"},FR:{countryCode:"FR",callingCode:"33",mask:"00 00 00 00 00"},GA:{countryCode:"GA",callingCode:"241",mask:"00 00 00 00"},GB:{countryCode:"GB",callingCode:"44",mask:"00000 000000"},GD:{countryCode:"GD",callingCode:"1",mask:"(000) 000-0000"},GE:{countryCode:"GE",callingCode:"995",mask:"000 00 00 00"},GF:{countryCode:"GF",callingCode:"594",mask:"0000 00 00 00"},GG:{countryCode:"GG",callingCode:"44",mask:"00000 000000"},GH:{countryCode:"GH",callingCode:"233",mask:"000 000 0000"},GI:{countryCode:"GI",callingCode:"350",mask:"00000000"},GL:{countryCode:"GL",callingCode:"299",mask:"00 00 00"},GM:{countryCode:"GM",callingCode:"220",mask:"000 0000"},GN:{countryCode:"GN",callingCode:"224",mask:"000 00 00 00"},GP:{countryCode:"GP",callingCode:"590",mask:"0000 00 00 00"},GQ:{countryCode:"GQ",callingCode:"240",mask:"000 000 000"},GR:{countryCode:"GR",callingCode:"30",mask:"000 000 0000"},GT:{countryCode:"GT",callingCode:"502",mask:"0000 0000"},GU:{countryCode:"GU",callingCode:"1",mask:"(000) 000-0000"},GW:{countryCode:"GW",callingCode:"245",mask:"000 000 000"},GY:{countryCode:"GY",callingCode:"592",mask:"000 0000"},HK:{countryCode:"HK",callingCode:"852",mask:"0000 0000"},HN:{countryCode:"HN",callingCode:"504",mask:"0000-0000"},HR:{countryCode:"HR",callingCode:"385",mask:"000 000 0000"},HT:{countryCode:"HT",callingCode:"509",mask:"00 00 0000"},HU:{countryCode:"HU",callingCode:"36",mask:"00 00 000 0000"},ID:{countryCode:"ID",callingCode:"62",mask:"0000-000-000"},IE:{countryCode:"IE",callingCode:"353",mask:"000 000 0000"},IL:{countryCode:"IL",callingCode:"972",mask:"000-000-0000"},IM:{countryCode:"IM",callingCode:"44",mask:"00000 000000"},IN:{countryCode:"IN",callingCode:"91",mask:"000000 00000"},IO:{countryCode:"IO",callingCode:"246",mask:"000 0000"},IQ:{countryCode:"IQ",callingCode:"964",mask:"0000 000 0000"},IR:{countryCode:"IR",callingCode:"98",mask:"0000 000 0000"},IS:{countryCode:"IS",callingCode:"354",mask:"000 0000"},IT:{countryCode:"IT",callingCode:"39",mask:"000 000 0000"},JE:{countryCode:"JE",callingCode:"44",mask:"00000 000000"},JM:{countryCode:"JM",callingCode:"1",mask:"(000) 000-0000"},JO:{countryCode:"JO",callingCode:"962",mask:"00 0000 0000"},JP:{countryCode:"JP",callingCode:"81",mask:"000-0000-0000"},KE:{countryCode:"KE",callingCode:"254",mask:"0000 000000"},KG:{countryCode:"KG",callingCode:"996",mask:"0000 000 000"},KH:{countryCode:"KH",callingCode:"855",mask:"000 000 000"},KI:{countryCode:"KI",callingCode:"686",mask:"00000000"},KM:{countryCode:"KM",callingCode:"269",mask:"000 00 00"},KN:{countryCode:"KN",callingCode:"1",mask:"(000) 000-0000"},KP:{countryCode:"KP",callingCode:"850",mask:"0000 000 0000"},KR:{countryCode:"KR",callingCode:"82",mask:"000-0000-0000"},KW:{countryCode:"KW",callingCode:"965",mask:"000 00000"},KY:{countryCode:"KY",callingCode:"1",mask:"(000) 000-0000"},KZ:{countryCode:"KZ",callingCode:"7",mask:"0 (000) 000 0000"},LA:{countryCode:"LA",callingCode:"856",mask:"000 00 000 000"},LB:{countryCode:"LB",callingCode:"961",mask:"00 000 000"},LC:{countryCode:"LC",callingCode:"1",mask:"(000) 000-0000"},LI:{countryCode:"LI",callingCode:"423",mask:"000 000 000"},LK:{countryCode:"LK",callingCode:"94",mask:"000 000 0000"},LR:{countryCode:"LR",callingCode:"231",mask:"000 000 0000"},LS:{countryCode:"LS",callingCode:"266",mask:"0000 0000"},LT:{countryCode:"LT",callingCode:"370",mask:"(0-000) 00000"},LU:{countryCode:"LU",callingCode:"352",mask:"000 000 000"},LV:{countryCode:"LV",callingCode:"371",mask:"00 000 000"},LY:{countryCode:"LY",callingCode:"218",mask:"000-0000000"},MA:{countryCode:"MA",callingCode:"212",mask:"0000-000000"},MC:{countryCode:"MC",callingCode:"377",mask:"00 00 00 00 00"},MD:{countryCode:"MD",callingCode:"373",mask:"0000 00 000"},ME:{countryCode:"ME",callingCode:"382",mask:"000 000 000"},MF:{countryCode:"MF",callingCode:"590",mask:"0000 00 00 00"},MG:{countryCode:"MG",callingCode:"261",mask:"000 00 000 00"},MH:{countryCode:"MH",callingCode:"692",mask:"000-0000"},MK:{countryCode:"MK",callingCode:"389",mask:"000 000 000"},ML:{countryCode:"ML",callingCode:"223",mask:"00 00 00 00"},MM:{countryCode:"MM",callingCode:"95",mask:"00 000 0000"},MN:{countryCode:"MN",callingCode:"976",mask:"0000 0000"},MO:{countryCode:"MO",callingCode:"853",mask:"0000 0000"},MP:{countryCode:"MP",callingCode:"1",mask:"(000) 000-0000"},MQ:{countryCode:"MQ",callingCode:"596",mask:"0000 00 00 00"},MR:{countryCode:"MR",callingCode:"222",mask:"00 00 00 00"},MS:{countryCode:"MS",callingCode:"1",mask:"(000) 000-0000"},MT:{countryCode:"MT",callingCode:"356",mask:"0000 0000"},MU:{countryCode:"MU",callingCode:"230",mask:"0000 0000"},MV:{countryCode:"MV",callingCode:"960",mask:"000-0000"},MW:{countryCode:"MW",callingCode:"265",mask:"0000 00 00 00"},MX:{countryCode:"MX",callingCode:"52",mask:"000 000 0000"},MY:{countryCode:"MY",callingCode:"60",mask:"000-000 0000"},MZ:{countryCode:"MZ",callingCode:"258",mask:"00 000 0000"},NA:{countryCode:"NA",callingCode:"264",mask:"000 000 0000"},NC:{countryCode:"NC",callingCode:"687",mask:"00.00.00"},NE:{countryCode:"NE",callingCode:"227",mask:"00 00 00 00"},NF:{countryCode:"NF",callingCode:"672",mask:"0 00000"},NG:{countryCode:"NG",callingCode:"234",mask:"0000 000 0000"},NI:{countryCode:"NI",callingCode:"505",mask:"0000 0000"},NL:{countryCode:"NL",callingCode:"31",mask:"00 00000000"},NO:{countryCode:"NO",callingCode:"47",mask:"00 00 00 00"},NP:{countryCode:"NP",callingCode:"977",mask:"000-0000000"},NR:{countryCode:"NR",callingCode:"674",mask:"000 0000"},NU:{countryCode:"NU",callingCode:"683",mask:"000 0000"},NZ:{countryCode:"NZ",callingCode:"64",mask:"000 000 0000"},OM:{countryCode:"OM",callingCode:"968",mask:"0000 0000"},PA:{countryCode:"PA",callingCode:"507",mask:"0000-0000"},PE:{countryCode:"PE",callingCode:"51",mask:"000 000 000"},PF:{countryCode:"PF",callingCode:"689",mask:"00 00 00 00"},PG:{countryCode:"PG",callingCode:"675",mask:"0000 0000"},PH:{countryCode:"PH",callingCode:"63",mask:"0000 000 0000"},PK:{countryCode:"PK",callingCode:"92",mask:"0000 0000000"},PL:{countryCode:"PL",callingCode:"48",mask:"000 000 000"},PM:{countryCode:"PM",callingCode:"508",mask:"000 00 00"},PR:{countryCode:"PR",callingCode:"1",mask:"(000) 000-0000"},PS:{countryCode:"PS",callingCode:"970",mask:"0000 000 000"},PT:{countryCode:"PT",callingCode:"351",mask:"000 000 000"},PW:{countryCode:"PW",callingCode:"680",mask:"000 0000"},PY:{countryCode:"PY",callingCode:"595",mask:"0000 000000"},QA:{countryCode:"QA",callingCode:"974",mask:"0000 0000"},RE:{countryCode:"RE",callingCode:"262",mask:"0000 00 00 00"},RO:{countryCode:"RO",callingCode:"40",mask:"0000 000 000"},RS:{countryCode:"RS",callingCode:"381",mask:"000 0000000"},RU:{countryCode:"RU",callingCode:"7",mask:"0 (000) 000-00-00"},RW:{countryCode:"RW",callingCode:"250",mask:"0000 000 000"},SA:{countryCode:"SA",callingCode:"966",mask:"000 000 0000"},SB:{countryCode:"SB",callingCode:"677",mask:"00 00000"},SC:{countryCode:"SC",callingCode:"248",mask:"0 000 000"},SD:{countryCode:"SD",callingCode:"249",mask:"000 000 0000"},SE:{countryCode:"SE",callingCode:"46",mask:"000-000 00 00"},SG:{countryCode:"SG",callingCode:"65",mask:"0000 0000"},SH:{countryCode:"SH",callingCode:"290",mask:"00000"},SI:{countryCode:"SI",callingCode:"386",mask:"000 000 000"},SJ:{countryCode:"SJ",callingCode:"47",mask:"00 00 00 00"},SK:{countryCode:"SK",callingCode:"421",mask:"0000 000 000"},SL:{countryCode:"SL",callingCode:"232",mask:"(000) 000000"},SM:{countryCode:"SM",callingCode:"378",mask:"00 00 00 00"},SN:{countryCode:"SN",callingCode:"221",mask:"00 000 00 00"},SO:{countryCode:"SO",callingCode:"252",mask:"0 0000000"},SR:{countryCode:"SR",callingCode:"597",mask:"000-0000"},SS:{countryCode:"SS",callingCode:"211",mask:"0000 000 000"},ST:{countryCode:"ST",callingCode:"239",mask:"000 0000"},SV:{countryCode:"SV",callingCode:"503",mask:"0000 0000"},SX:{countryCode:"SX",callingCode:"1",mask:"(000) 000-0000"},SY:{countryCode:"SY",callingCode:"963",mask:"0000 000 000"},SZ:{countryCode:"SZ",callingCode:"268",mask:"0000 0000"},TA:{countryCode:"TA",callingCode:"290",mask:"0000"},TC:{countryCode:"TC",callingCode:"1",mask:"(000) 000-0000"},TD:{countryCode:"TD",callingCode:"235",mask:"00 00 00 00"},TG:{countryCode:"TG",callingCode:"228",mask:"00 00 00 00"},TH:{countryCode:"TH",callingCode:"66",mask:"000 000 0000"},TJ:{countryCode:"TJ",callingCode:"992",mask:"00 000 0000"},TK:{countryCode:"TK",callingCode:"690",mask:"0000"},TL:{countryCode:"TL",callingCode:"670",mask:"0000 0000"},TM:{countryCode:"TM",callingCode:"993",mask:"0 00 000000"},TN:{countryCode:"TN",callingCode:"216",mask:"00 000 000"},TO:{countryCode:"TO",callingCode:"676",mask:"000 0000"},TR:{countryCode:"TR",callingCode:"90",mask:"0000 000 00 00"},TT:{countryCode:"TT",callingCode:"1",mask:"(000) 000-0000"},TV:{countryCode:"TV",callingCode:"688",mask:"00 0000"},TW:{countryCode:"TW",callingCode:"886",mask:"0000 000 000"},TZ:{countryCode:"TZ",callingCode:"255",mask:"0000 000 000"},UA:{countryCode:"UA",callingCode:"380",mask:"000 000 0000"},UG:{countryCode:"UG",callingCode:"256",mask:"0000 000000"},US:{countryCode:"US",callingCode:"1",mask:"(000) 000-0000"},UY:{countryCode:"UY",callingCode:"598",mask:"000 000 000"},UZ:{countryCode:"UZ",callingCode:"998",mask:"00 000 00 00"},VA:{countryCode:"VA",callingCode:"39",mask:"000 000 0000"},VC:{countryCode:"VC",callingCode:"1",mask:"(000) 000-0000"},VE:{countryCode:"VE",callingCode:"58",mask:"0000-0000000"},VG:{countryCode:"VG",callingCode:"1",mask:"(000) 000-0000"},VI:{countryCode:"VI",callingCode:"1",mask:"(000) 000-0000"},VN:{countryCode:"VN",callingCode:"84",mask:"0000 000 000"},VU:{countryCode:"VU",callingCode:"678",mask:"000 0000"},WF:{countryCode:"WF",callingCode:"681",mask:"00 00 00"},WS:{countryCode:"WS",callingCode:"685",mask:"00 00000"},XK:{countryCode:"XK",callingCode:"383",mask:"000 000 000"},YE:{countryCode:"YE",callingCode:"967",mask:"0000 000 000"},YT:{countryCode:"YT",callingCode:"262",mask:"0000 00 00 00"},ZA:{countryCode:"ZA",callingCode:"27",mask:"000 000 0000"},ZM:{countryCode:"ZM",callingCode:"260",mask:"000 0000000"},ZW:{countryCode:"ZW",callingCode:"263",mask:"000 000 0000"}};function a0(n,c,l,t=!1){const C=V(n,c),r=c0(C,n,l,t);return{maskedValue:C,cursorPosition:r}}function A(n){return n.replace(/\D+/g,"")}function V(n,c){const l=A(n);let t="",C=0;if(l.length){for(const r of c)if(r==="0"){if(t+=l[C++],C===l.length)break}else t+=r;C<l.length&&(t+=" "+l.slice(C))}return t}function c0(n,c,l,t){const C=l===c.length;if(t||!C){const r=c.slice(0,l),i=c.slice(l);if(n.startsWith(r))return l;if(n.endsWith(i))return n.length-i.length;{const y=F(r);let g=0,S=0;for(;S<y.length;)F(n[g])&&S++,g++;return g}}}function F(n){return n.replace(/[.,\\/#!$%^&*;:{}=+\-_`~()\s]/g,"")}const C0=n=>n||(typeof navigator<"u"?navigator.language:"en-US"),d0=n=>{var{countryCode:c,value:l,defaultValue:t="",locale:C,floatingLabel:r,disabled:i,readonly:y,invalid:g,className:S,onFocus:f,onBlur:B,onChange:T,onInputChange:I,onKeyDown:K,onKeyPress:N,onKeyUp:L,onExpand:O,onCollapse:v}=n,H=e0.__rest(n,["countryCode","value","defaultValue","locale","floatingLabel","disabled","readonly","invalid","className","onFocus","onBlur","onChange","onInputChange","onKeyDown","onKeyPress","onKeyUp","onExpand","onCollapse"]);const P=l!==void 0,m=a.useMemo(()=>{const o=C0(C),e=new Intl.DisplayNames([o],{type:"region"});return Object.keys(G).map(u=>{var d;return[u,(d=e.of(u))!==null&&d!==void 0?d:""]}).sort(([,u],[,d])=>u.localeCompare(d))},[C]),[R,p]=a.useState(()=>{if(c){const o=m.findIndex(([e])=>e===c.toUpperCase());return o!==-1?o:0}return 0}),[W,Z]=a.useState(t),E=a.useRef(null),k=a.useRef(null);a.useEffect(()=>{if(c){const o=m.findIndex(([e])=>e===c.toUpperCase());p(o!==-1?o:0)}},[c,m]);const M=(o=R)=>{const[e]=m[o];return G[e]};a.useEffect(()=>{k.current!==null&&E.current&&(E.current.setSelectionRange(k.current,k.current),k.current=null)});const Y=()=>P?l:W,x=()=>{const o=Y();return o?V(o,M().mask):""},s=o=>{const e=o?.maskedValue!==void 0?o?.maskedValue:x();return{value:e,rawValue:A(e),callingCode:M(o?.index).callingCode,countryCode:M(o?.index).countryCode}},J=(o,{index:e})=>{p(e),T&&T(o,s({index:e}))},w=o=>{f&&f(o,s())},Q=o=>{B&&B(o,s())},X=o=>{T&&T(o,s())},q=o=>{const e=o.target,u=e.value,d=e.selectionStart||0,o0=o.nativeEvent&&"inputType"in o.nativeEvent?/delete.*Backward/.test(o.nativeEvent.inputType):!1,{maskedValue:D,cursorPosition:h}=a0(u,M().mask,d,o0);h!==void 0&&(k.current=h),P||Z(A(D)),I&&I(o,s({maskedValue:D}))},_=o=>{K&&K(o,s())},j=o=>{N&&N(o,s())},$=o=>{L&&L(o,s())},z=m.map(([o,e],u)=>{const d=G[o];return a.createElement(U.ListboxOption,{key:o,value:`${e}-${d.callingCode}`,selected:u===R,icon:a.createElement(l0.EbayFlagIcon,{flag:d.countryCode.toLowerCase()})},a.createElement("span",null,e," ( + ",d.callingCode," )"))});return a.createElement("span",Object.assign({},H,{className:n0("phone-input",S,{"phone-input--disabled":i,"phone-input--readonly":y,"phone-input--error":g})}),a.createElement(U.ListboxButton,{split:"start",disabled:y||i,onChange:J,onExpand:O,onCollapse:v},z),a.createElement(b.EbayTextbox,{type:"tel",value:x(),disabled:i,floatingLabel:r,floatingLabelStatic:!0,readOnly:y,invalid:g,onBlur:Q,onFocus:w,onKeyDown:_,onKeyPress:j,onKeyUp:$,onChange:X,onInputChange:q,ref:E},a.createElement(b.EbayTextboxPrefixText,{id:"phone-prefix"},"+ ",M().callingCode)))};exports.EbayPhoneInput=d0;

package/ebay-progress-bar/README.md

@@ -1,39 +1,5 @@
 # EbayProgressBar
 
-The progress bar gives an immediate, real-time visualisation of the current task completion status. The progress bar's value does not include its min, so giving a value <= min will set the value to min + 1.
+## Documentation
 
-## Demo
-
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/progress-ebay-progress-bar--default)
-
-## Usage
-
-### Import JS
-
-```jsx harmony
-import { EbayProgressSpinner } from "@ebay/ui-core-react/ebay-progress-bar";
-```
-
-### Import styles from Skin
-
-```jsx
-import "@ebay/skin/progress-bar";
-```
-
-### or if using CSS/SCSS
-
-```jsx
-import "@ebay/skin/progress-bar.css";
-```
-
-```jsx harmony
-<EbayProgressBar value={50} />
-```
-
-## Props
-
-| Name    | Type    | Stateful | Required | Description                           | Data |
-| ------- | ------- | -------- | -------- | ------------------------------------- | ---- |
-| `value` | Integer | No       | No       | Current value (<= Max)                |
-| `max`   | Integer | No       | No       | Maximal value, default: 100           |
-| `fluid` | Boolean | No       | No       | Fills the full width of its container |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/progress-ebay-progress-bar--docs)

package/ebay-progress-bar/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),u=require("classnames"),i=e=>{var{value:s=0,max:r=100,fluid:a,className:t}=e,l=c.__rest(e,["value","max","fluid","className"]);return o.createElement("progress",Object.assign({},l,{className:u("progress-bar",t,{"progress-bar--fluid":a}),value:s,max:r}))};exports.EbayProgressBar=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../tslib.es6-BW4cJBUu.js"),o=require("react"),u=require("classnames"),i=e=>{var{value:s=0,max:r=100,fluid:a,className:t}=e,l=c.__rest(e,["value","max","fluid","className"]);return o.createElement("progress",Object.assign({},l,{className:u("progress-bar",t,{"progress-bar--fluid":a}),value:s,max:r}))};exports.EbayProgressBar=i;

package/ebay-progress-bar-expressive/README.md

@@ -1,55 +1,5 @@
 # EbayProgressBarExpressive
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/progress-ebay-progress-bar-expressive--docs)
-
-## Usage
-
-### Import JS
-
-```jsx harmony
-import {
-    EbayProgressBarExpressive,
-    EbayProgressBarExpressiveMessage,
-} from "@ebay/ui-core-react/ebay-progress-bar-expressive";
-```
-
-### Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/progress-bar-expressive";
-```
-
-### If tokens haven't been added to the project at a higher level, make sure to import
-
-```jsx harmony
-import "@ebay/skin/tokens";
-```
-
-### Or import styles using SCSS/CSS
-
-```jsx harmony
-import "@ebay/skin/progress-bar-expressive.css";
-```
-
-```jsx harmony
-<EbayProgressBarExpressive aria-label="Progress">
-    <EbayProgressBarExpressiveMessage>Message 1</EbayProgressBarExpressiveMessage>
-    <EbayProgressBarExpressiveMessage>Message 2</EbayProgressBarExpressiveMessage>
-</EbayProgressBarExpressive>
-```
-
-## Attributes
-
-| Name         | Type   | Required | Description                                                          | Data |
-| ------------ | ------ | -------- | -------------------------------------------------------------------- | ---- |
-| `size`       | String | No       | Size of the progress bar, can be `medium` or `large`                 |      |
-| `aria-label` | String | Yes      | Accessible label for the progress bar                                |      |
-| `children`   | Node   | No       | Child nodes, typically `EbayProgressBarExpressiveMessage` components |      |
-
-## Message Attributes
-
-| Name       | Type   | Required | Description                                                  | Data |
-| ---------- | ------ | -------- | ------------------------------------------------------------ | ---- |
-| `duration` | Number | No       | Duration for which the message is displayed, in milliseconds |      |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/progress-ebay-progress-bar-expressive--docs)

package/ebay-progress-bar-expressive/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),q=require("../random-id-DlJj_RWH.js"),P=require("../utils-C9NL3q0j.js"),U=require("../reduced-motion-CMIhlQVx.js"),v=require("classnames"),c=s=>{var{isFadingIn:u,isFadingOut:g,isInitial:d}=s,t=f.__rest(s,["isFadingIn","isFadingOut","isInitial"]);return e.createElement("div",Object.assign({},t,{className:v("progress-bar-expressive__message",{"progress-bar-expressive__message--out":g,"progress-bar-expressive__message--in":u,"progress-bar-expressive__message--initial":d})}))},j=1500,B=1.5,O=833,L=s=>{var{className:u,"aria-label":g,children:d,size:t}=s,F=f.__rest(s,["className","aria-label","children","size"]);const I=q.useRandomId(),[n,b]=e.useState(-1),[E,M]=e.useState(!1),[y,S]=e.useState(!0),m=P.filterByType(d,c),r=m.length,A=t!=="medium",R=e.useMemo(()=>new Array(12).fill(0),[]),p=m[n]||null,o=n===r-1?0:n+1,a=m[o]||null,_=U.useReducedMotion();return e.useEffect(()=>{var l,i;let x,T,N;if(r>0){const D=((i=(l=a?.props)===null||l===void 0?void 0:l.duration)!==null&&i!==void 0?i:j)*(_?B:1);(!A||_)&&!p?b(o):x=setTimeout(()=>{M(!0),T=setTimeout(()=>{b(o),M(!1)},D)},O),N=setTimeout(()=>{S(!1)},O)}return()=>{clearTimeout(x),clearTimeout(T),clearTimeout(N)}},[r,n,o]),e.createElement("div",Object.assign({},F,{className:v("progress-bar-expressive",u)}),r>0?e.createElement("div",{className:v("progress-bar-expressive__messages",{"progress-bar-expressive__messages--medium":t==="medium"})},!_&&a?e.createElement(c,Object.assign({},a.props,{"aria-hidden":"true",isFadingIn:E})):null,p?e.createElement(c,Object.assign({},p.props,{id:I,role:"status",isFadingIn:r===1,isFadingOut:E,isInitial:y})):null):null,e.createElement("div",{role:"progressbar","aria-label":g,"aria-describedby":I,className:"progress-bar-expressive__progress"},e.createElement("div",{className:"progress-bar-expressive__lines"},R.map((l,i)=>e.createElement("div",{key:i,className:"progress-bar-expressive__line"})))))};exports.EbayProgressBarExpressive=L;exports.EbayProgressBarExpressiveMessage=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../tslib.es6-BW4cJBUu.js"),e=require("react"),q=require("../random-id-DlJj_RWH.js"),P=require("../utils-C9NL3q0j.js"),U=require("../reduced-motion-CMIhlQVx.js"),v=require("classnames"),c=s=>{var{isFadingIn:u,isFadingOut:g,isInitial:d}=s,t=f.__rest(s,["isFadingIn","isFadingOut","isInitial"]);return e.createElement("div",Object.assign({},t,{className:v("progress-bar-expressive__message",{"progress-bar-expressive__message--out":g,"progress-bar-expressive__message--in":u,"progress-bar-expressive__message--initial":d})}))},j=1500,B=1.5,O=833,L=s=>{var{className:u,"aria-label":g,children:d,size:t}=s,F=f.__rest(s,["className","aria-label","children","size"]);const I=q.useRandomId(),[n,b]=e.useState(-1),[E,M]=e.useState(!1),[y,S]=e.useState(!0),m=P.filterByType(d,c),r=m.length,A=t!=="medium",R=e.useMemo(()=>new Array(12).fill(0),[]),p=m[n]||null,o=n===r-1?0:n+1,a=m[o]||null,_=U.useReducedMotion();return e.useEffect(()=>{var l,i;let x,T,N;if(r>0){const D=((i=(l=a?.props)===null||l===void 0?void 0:l.duration)!==null&&i!==void 0?i:j)*(_?B:1);(!A||_)&&!p?b(o):x=setTimeout(()=>{M(!0),T=setTimeout(()=>{b(o),M(!1)},D)},O),N=setTimeout(()=>{S(!1)},O)}return()=>{clearTimeout(x),clearTimeout(T),clearTimeout(N)}},[r,n,o]),e.createElement("div",Object.assign({},F,{className:v("progress-bar-expressive",u)}),r>0?e.createElement("div",{className:v("progress-bar-expressive__messages",{"progress-bar-expressive__messages--medium":t==="medium"})},!_&&a?e.createElement(c,Object.assign({},a.props,{"aria-hidden":"true",isFadingIn:E})):null,p?e.createElement(c,Object.assign({},p.props,{id:I,role:"status",isFadingIn:r===1,isFadingOut:E,isInitial:y})):null):null,e.createElement("div",{role:"progressbar","aria-label":g,"aria-describedby":I,className:"progress-bar-expressive__progress"},e.createElement("div",{className:"progress-bar-expressive__lines"},R.map((l,i)=>e.createElement("div",{key:i,className:"progress-bar-expressive__line"})))))};exports.EbayProgressBarExpressive=L;exports.EbayProgressBarExpressiveMessage=c;

package/ebay-progress-spinner/README.md

@@ -1,38 +1,5 @@
 # EbayProgressSpinner
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/progress-ebay-progress-spinner--default-small-large)
-
-## Usage
-
-### Import JS
-
-```jsx harmony
-import { EbayProgressSpinner } from "@ebay/ui-core-react/ebay-progress-spinner";
-```
-
-### Import styles from Skin
-
-```jsx
-import "@ebay/skin/progress-spinner";
-```
-
-### or if using CSS/SCSS
-
-```jsx
-import "@ebay/skin/progress-spinner.css";
-```
-
-### Big spinner
-
-```jsx harmony
-<EbayProgressSpinner size="large">
-```
-
-## Attributes
-
-| Name         | Type   | Stateful | Required | Description                           | Data |
-| ------------ | ------ | -------- | -------- | ------------------------------------- | ---- |
-| `size`       | String | No       | No       | `default` (default), `small`, `large` |
-| `aria-label` | String | No       | No       | custom aria label instead of `Busy`   |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/progress-ebay-progress-spinner--docs)

package/ebay-progress-spinner/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../progress-spinner-DTmNtD59.js");exports.EbayProgressSpinner=e.EbayProgressSpinner;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../progress-spinner-CYHN2qj2.js");exports.EbayProgressSpinner=e.EbayProgressSpinner;

package/ebay-progress-stepper/README.md

@@ -1,82 +1,5 @@
 # EbayProgressStepper
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/progress-ebay-progress-stepper--default)
-
-## Usage
-
-```
-yarn add @ebay/ui-core-react
-```
-
-## Import JS
-
-```jsx harmony
-import { EbayProgressStepper, EbayProgressStep as Step } from "@ebay/ui-core-react/ebay-progress-stepper";
-```
-
-### Import styles from Skin
-
-```jsx
-import "@ebay/skin/progress-stepper";
-```
-
-```jsx
-<EbayProgressStepper>
-    <Step>Started</Step>
-    <Step>Shipped</Step>
-    <Step current>Transit</Step>
-    <Step>Delivered</Step>
-</EbayProgressStepper>
-```
-
-## Components
-
-### EbayProgressStepper
-
-This is the container of the wizard stepper and you can define the direction of the stepper and pass properties to
-customize the layout (`className` or `style`)
-
-#### Props
-
-| Name           | Type   | Stateful | Required | Description                                                                                                                                                                                                                                                                              |
-| -------------- | ------ | -------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `direction`    | String | No       | No       | Either `column` or `row` (default). Will display stepper as a vertical column or horizontal row.                                                                                                                                                                                         |
-| `defaultState` | String | Yes      | No       | `complete`: all items will be in `complete` state by default, `upcoming`:all items will be in `upcoming` state, `attention`: current item will be shown as blocked. Otherwise, default state (`active`) will change items based on the current item (defaults to first step if not set). |
-
-### EbayProgressStep
-
-This component is used to render each step. It renders an icon, a title and a text label.
-
-#### Props
-
-| Name      | Type    | Stateful | Required | Description                                                                                                                                                                                                                                              |
-| --------- | ------- | -------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `current` | Boolean | No       | No       | The current step. Only first step that has this property will be considered current. All steps before will be rendered as complete, and all after will render as upcoming. If not present on any step, then will render based on `defaultState` property |
-
-### EbayProgressTitle
-
-The bolded title for each step. Will be rendered in an `h4` by default.
-
-#### Props
-
-| Name | Type   | Stateful | Required | Description                     |
-| ---- | ------ | -------- | -------- | ------------------------------- |
-| `as` | String | No       | No       | HTML tag to use instead of `h4` |
-
-#### Example
-
-```jsx
-<EbayProgressStepper>
-    <EbayProgressStep>
-        <EbayProgressTitle>Started</EbayProgressTitle>
-        July 3rd
-    </EbayProgressStep>
-
-    <EbayProgressStep current>
-        <EbayProgressTitle>Shipped</EbayProgressTitle>
-        July 4th
-    </EbayProgressStep>
-</EbayProgressStepper>
-```
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/progress-ebay-progress-stepper--docs)

package/ebay-progress-stepper/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),b=require("classnames"),g=require("../icons/ebay-icon-stepper-confirmation-24/index.js"),_=require("../icons/ebay-icon-stepper-attention-24/index.js"),S=require("../icons/ebay-icon-stepper-upcoming-24/index.js"),f=e=>{var{direction:r="row",defaultState:s="active",children:a,className:p}=e,l=y.__rest(e,["direction","defaultState","children","className"]);const c=t.Children.toArray(a),o=v(c,s);return t.createElement("div",Object.assign({},l,{className:b(p,"progress-stepper",{"progress-stepper--vertical":r==="column"})}),t.createElement("div",{role:"list",className:"progress-stepper__items"},c.map((i,n)=>t.createElement(t.Fragment,{key:n},n>0&&t.createElement("hr",{className:"progress-stepper__separator",role:"presentation"}),t.cloneElement(i,Object.assign(Object.assign({state:N(n,o)},i.props),{current:o===n}))))))};function v(e,r){const s=e.findIndex(a=>a.props.current);if(s===-1)switch(r){case"complete":return e.length-1;case"upcoming":return 0}return s}function N(e,r){if(e<=r)return"complete";if(e>r)return"upcoming"}const h={complete:g.EbayIconStepperConfirmation24,attention:_.EbayIconStepperAttention24,upcoming:S.EbayIconStepperUpcoming24,active:g.EbayIconStepperConfirmation24},I=e=>{var{current:r,state:s="complete",children:a,className:p}=e,l=y.__rest(e,["current","state","children","className"]);const c=t.Children.toArray(a),o=c.find(m=>m.type===u),i=c.filter(m=>m.type!==u),n=b(p,"progress-stepper__item",{"progress-stepper__item--attention":s==="attention"}),d=h[s],E=r?"current":s;return t.createElement("div",Object.assign({},l,{className:n,role:"listitem","aria-current":r?"step":void 0}),t.createElement("div",{className:"progress-stepper__icon"},t.createElement(d,{"aria-label":E})),t.createElement("div",{className:"progress-stepper__text"},o,i))},u=({as:e="h4",children:r})=>t.createElement(e,{},r);exports.EbayProgressStep=I;exports.EbayProgressStepper=f;exports.EbayProgressTitle=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../tslib.es6-BW4cJBUu.js"),t=require("react"),b=require("classnames"),g=require("../icons/ebay-icon-stepper-confirmation-24/index.js"),_=require("../icons/ebay-icon-stepper-attention-24/index.js"),S=require("../icons/ebay-icon-stepper-upcoming-24/index.js"),f=e=>{var{direction:r="row",defaultState:s="active",children:a,className:p}=e,l=y.__rest(e,["direction","defaultState","children","className"]);const c=t.Children.toArray(a),o=v(c,s);return t.createElement("div",Object.assign({},l,{className:b(p,"progress-stepper",{"progress-stepper--vertical":r==="column"})}),t.createElement("div",{role:"list",className:"progress-stepper__items"},c.map((i,n)=>t.createElement(t.Fragment,{key:n},n>0&&t.createElement("hr",{className:"progress-stepper__separator",role:"presentation"}),t.cloneElement(i,Object.assign(Object.assign({state:N(n,o)},i.props),{current:o===n}))))))};function v(e,r){const s=e.findIndex(a=>a.props.current);if(s===-1)switch(r){case"complete":return e.length-1;case"upcoming":return 0}return s}function N(e,r){if(e<=r)return"complete";if(e>r)return"upcoming"}const h={complete:g.EbayIconStepperConfirmation24,attention:_.EbayIconStepperAttention24,upcoming:S.EbayIconStepperUpcoming24,active:g.EbayIconStepperConfirmation24},I=e=>{var{current:r,state:s="complete",children:a,className:p}=e,l=y.__rest(e,["current","state","children","className"]);const c=t.Children.toArray(a),o=c.find(m=>m.type===u),i=c.filter(m=>m.type!==u),n=b(p,"progress-stepper__item",{"progress-stepper__item--attention":s==="attention"}),d=h[s],E=r?"current":s;return t.createElement("div",Object.assign({},l,{className:n,role:"listitem","aria-current":r?"step":void 0}),t.createElement("div",{className:"progress-stepper__icon"},t.createElement(d,{"aria-label":E})),t.createElement("div",{className:"progress-stepper__text"},o,i))},u=({as:e="h4",children:r})=>t.createElement(e,{},r);exports.EbayProgressStep=I;exports.EbayProgressStepper=f;exports.EbayProgressTitle=u;

package/ebay-radio/README.md

@@ -1,61 +1,5 @@
 # EbayRadio
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/form-input-ebay-radio--default)
-
-## Install
-
-```
-yarn add @ebay/ui-core-react
-```
-
-## Usage
-
-### Import JS
-
-```jsx harmony
-import { EbayRadio } from "@ebay/ui-core-react/ebay-radio";
-```
-
-### Import LESS from SKIN
-
-```jsx harmony
-import "@ebay/skin/radio";
-```
-
-### or SCSS/CSS
-
-```jsx harmony
-import "@ebay/skin/radio.css";
-```
-
-## EbayRadio with EbayLabel
-
-```jsx harmony
-import { EbayLabel } from "@ebay/ui-core-react/ebay-field";
-
-<EbayRadio value="1" id="radio-1">
-    <Ebaylabel>Choice 1</Ebaylabel>
-</EbayRadio>;
-```
-
-## Attributes
-
-| Name             | Type    | Description                                                                                             |
-| ---------------- | ------- | ------------------------------------------------------------------------------------------------------- | --- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `disabled`       | boolean | Disabled when true                                                                                      |
-| `value`          | string  | The value of radio button component. For the radio checked/unchecked state, please use `checked` props. |
-| `checked`        | boolean | Set the radio button state to checked/unchecked. Use this for **controlled component**.                 |
-| `defaultChecked` | boolean | Set the radio button initial state to checked/unchecked. Use this for **uncontrolled component**.       |
-| `size`           | string  | No                                                                                                      | No  | Either `large` or `regular` (default). Sets the radio icon size. For mweb this should be set to `large`. (Note: The dimensions of the radio will not change, but only the icon) |
-
-## Callbacks
-
-| Name        | Data                         | Description                                          |
-| ----------- | ---------------------------- | ---------------------------------------------------- |
-| `onChange`  | `(ChangeEvent, { value })`   | Callback fired when selected radio button is changed |
-| `onFocus`   | `(FocusEvent, { value })`    | Callback fired when radio button is focused          |
-| `onKeydown` | `(KeyboardEvent, { value })` | Callback fired when key is down                      |
-
-Note: For this component, `className`/`style` are applied to the container, while all other HTML attributes are applied to the input.
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/form-input-ebay-radio--docs)

package/ebay-radio/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../radio-LVgK_odp.js");exports.EbayRadio=e.EbayRadio;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../radio-B9y_zYUD.js");exports.EbayRadio=e.EbayRadio;

package/ebay-section-notice/README.md

@@ -1,56 +1,5 @@
 # EbaySectionNotice
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/notices-tips-ebay-section-notice--default-message-with-no-action)
-
-## Import JS
-
-```jsx harmony
-import {
-    EbaySectionNotice,
-    EbayNoticeContent,
-    EbaySectionNoticeTitle,
-    EbaySectionNoticeFooter,
-} from "@ebay/ui-core-react/ebay-section-notice";
-```
-
-### Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/section-notice";
-```
-
-## Use
-
-```jsx harmony
-<EbaySectionNotice status="confirmation" aria-label="Confirmation">
-    <EbayNoticeContent>
-        <EbaySectionNoticeTitle>Congratulations</EbaySectionNoticeTitle>
-        <p>
-            This successfully finished <a href="http://www.ebay.com">next page</a>
-        </p>
-    </EbayNoticeContent>
-    <EbaySectionNoticeFooter>
-        <EbayButton>Action</EbayButton>
-    </EbaySectionNoticeFooter>
-</EbaySectionNotice>
-```
-
-## Attributes
-
-| Name                   | Type                                                                                | Stateful | Description                                                                                                                                 | Default         |
-| ---------------------- | ----------------------------------------------------------------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------- | --------------- |
-| `status`               | String (`"general", "attention"`, `"confirmation"`, `"information"`, `"education"`) | No       | Determines the style and type of notice to be displayed                                                                                     | `"general"`     |
-| `aria-label`           | String                                                                              | No       | The description of the notice itself for screen readers. Check out [this issue](https://github.com/eBay/skin/issues/1001) for more context. | -               |
-| `aria-roledescription` | String                                                                              | No       | Adds role description attribute to the section notice                                                                                       | `"Notice"`      |
-| `children`             | React Node                                                                          | No       | The content to be displayed within the notice. **Must have the EbayNoticeContent within the children!**                                     | -               |
-| `educationIcon`        | Icon                                                                                | No       | Icon of the educational banner                                                                                                              | `"lightbulb24"` |
-| `iconClass`            | String                                                                              | No       | Class that will be added to the icon svg                                                                                                    | -               |
-| `prominent`            | Boolean                                                                             | No       | Sets the educational banner with a more prominent background                                                                                | `false`         |
-
-## Callbacks
-
-| Name        | Required | Description                 | Arguments |
-| ----------- | -------- | --------------------------- | --------- |
-| `onDismiss` | No       | Triggered on notice dismiss | (Event)   |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/notices-tips-ebay-section-notice--docs)

package/ebay-section-notice/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),j=require("classnames"),E=require("../notice-content-C0ZStfuX.js"),D=require("../notice-content-9iF4T8uB.js"),O=require("../icon-I30uh1Ov.js"),$=require("../random-id-DlJj_RWH.js"),A=require("../utils-C9NL3q0j.js"),v=require("../icons/ebay-icon-lightbulb-24/index.js"),k=require("../icons/ebay-icon-attention-filled-16/index.js"),x=require("../icons/ebay-icon-confirmation-filled-16/index.js"),L=require("../icons/ebay-icon-information-filled-16/index.js"),P=require("../icons/ebay-icon-close-16/index.js"),N=require("../notice-footer-G6VPjVZu.js"),R=require("../notice-cta-CKl_qBge.js"),w={attention:k.EbayIconAttentionFilled16,confirmation:x.EbayIconConfirmationFilled16,information:L.EbayIconInformationFilled16},M=n=>{var{status:t="general",children:i,className:a,"aria-label":c,"aria-roledescription":C="Notice",a11yDismissText:u,educationIcon:f,iconClass:p,prominent:g,onDismiss:q=()=>{}}=n,S=y.__rest(n,["status","children","className","aria-label","aria-roledescription","a11yDismissText","educationIcon","iconClass","prominent","onDismiss"]);const[h,_]=e.useState(!1),[m,F]=e.useState("");e.useEffect(()=>{F($.randomId())},[]);const d=A.findComponent(i,E.EbayNoticeContent),s=t!=="general"&&t!=="none",r=t==="education";let o=null;const l={className:p,a11yText:c,a11yVariant:"label"};if(s)if(r)o=f||e.createElement(v.EbayIconLightbulb24,Object.assign({},l));else{const b=w[t];o=e.createElement(b,Object.assign({},l))}if(!d)throw new Error("EbaySectionNotice: Please use a EbayNoticeContent that defines the content of the notice");const T=b=>{_(!0),q(b)};return h?null:e.createElement("section",Object.assign({},S,{className:j(a,"section-notice",{[`section-notice--${t}`]:s,"section-notice--education":r&&g,"section-notice--large-icon":r}),"aria-label":s?null:c,"aria-labelledby":s?`section-notice-${t}-${m}`:null,"aria-roledescription":C}),o&&e.createElement("div",{className:"section-notice__header",id:`section-notice-${t}-${m}`},typeof o=="string"?e.createElement(O.EbayIcon,Object.assign({name:o},l)):o),e.createElement(D.NoticeContent,Object.assign({},d.props,{type:"section"})),i,u&&e.createElement(I,null,e.createElement("button",{"aria-label":u,className:"fake-link page-notice__dismiss",onClick:T},e.createElement(P.EbayIconClose16,null))))},V=n=>{var{className:t,as:i,children:a}=n,c=y.__rest(n,["className","as","children"]);return e.createElement(N.NoticeTitle,Object.assign({},c,{className:t,as:i,type:"section"}),a)},I=({className:n,children:t})=>e.createElement(N.NoticeFooter,{className:n,type:"section"},t),z=({className:n,children:t})=>e.createElement(R.NoticeCTA,{className:n,type:"section"},t);exports.EbayNoticeContent=E.EbayNoticeContent;exports.EbaySectionNotice=M;exports.EbaySectionNoticeCTA=z;exports.EbaySectionNoticeFooter=I;exports.EbaySectionNoticeTitle=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../tslib.es6-BW4cJBUu.js"),e=require("react"),j=require("classnames"),E=require("../notice-content-C0ZStfuX.js"),D=require("../notice-content-9iF4T8uB.js"),O=require("../icon-M7M42naA.js"),$=require("../random-id-DlJj_RWH.js"),A=require("../utils-C9NL3q0j.js"),v=require("../icons/ebay-icon-lightbulb-24/index.js"),k=require("../icons/ebay-icon-attention-filled-16/index.js"),x=require("../icons/ebay-icon-confirmation-filled-16/index.js"),L=require("../icons/ebay-icon-information-filled-16/index.js"),P=require("../icons/ebay-icon-close-16/index.js"),N=require("../notice-footer-DOQFXLxG.js"),R=require("../notice-cta-DJCS8kXJ.js"),w={attention:k.EbayIconAttentionFilled16,confirmation:x.EbayIconConfirmationFilled16,information:L.EbayIconInformationFilled16},M=n=>{var{status:t="general",children:i,className:a,"aria-label":c,"aria-roledescription":C="Notice",a11yDismissText:u,educationIcon:f,iconClass:p,prominent:g,onDismiss:q=()=>{}}=n,S=y.__rest(n,["status","children","className","aria-label","aria-roledescription","a11yDismissText","educationIcon","iconClass","prominent","onDismiss"]);const[h,_]=e.useState(!1),[m,F]=e.useState("");e.useEffect(()=>{F($.randomId())},[]);const d=A.findComponent(i,E.EbayNoticeContent),s=t!=="general"&&t!=="none",r=t==="education";let o=null;const l={className:p,a11yText:c,a11yVariant:"label"};if(s)if(r)o=f||e.createElement(v.EbayIconLightbulb24,Object.assign({},l));else{const b=w[t];o=e.createElement(b,Object.assign({},l))}if(!d)throw new Error("EbaySectionNotice: Please use a EbayNoticeContent that defines the content of the notice");const T=b=>{_(!0),q(b)};return h?null:e.createElement("section",Object.assign({},S,{className:j(a,"section-notice",{[`section-notice--${t}`]:s,"section-notice--education":r&&g,"section-notice--large-icon":r}),"aria-label":s?null:c,"aria-labelledby":s?`section-notice-${t}-${m}`:null,"aria-roledescription":C}),o&&e.createElement("div",{className:"section-notice__header",id:`section-notice-${t}-${m}`},typeof o=="string"?e.createElement(O.EbayIcon,Object.assign({name:o},l)):o),e.createElement(D.NoticeContent,Object.assign({},d.props,{type:"section"})),i,u&&e.createElement(I,null,e.createElement("button",{"aria-label":u,className:"fake-link page-notice__dismiss",onClick:T},e.createElement(P.EbayIconClose16,null))))},V=n=>{var{className:t,as:i,children:a}=n,c=y.__rest(n,["className","as","children"]);return e.createElement(N.NoticeTitle,Object.assign({},c,{className:t,as:i,type:"section"}),a)},I=({className:n,children:t})=>e.createElement(N.NoticeFooter,{className:n,type:"section"},t),z=({className:n,children:t})=>e.createElement(R.NoticeCTA,{className:n,type:"section"},t);exports.EbayNoticeContent=E.EbayNoticeContent;exports.EbaySectionNotice=M;exports.EbaySectionNoticeCTA=z;exports.EbaySectionNoticeFooter=I;exports.EbaySectionNoticeTitle=V;

package/ebay-section-title/README.md

@@ -1,77 +1,5 @@
 # EbaySectionTitle
 
-## Install
+## Documentation
 
-```shell
-yarn add @ebay/ui-core-react
-```
-
-## Usage
-
-### Import JS
-
-```jsx
-import {
-    EbaySectionTitle,
-    EbaySectionTitleTitle as Title,
-    EbaySectionTitleSubtitle as Subtitle,
-} from "@ebay/ui-core-react/ebay-section-title";
-```
-
-### Import styles from Skin
-
-```jsx
-import "@ebay/skin/section-title";
-```
-
-### or if using CSS/SCSS
-
-```jsx
-import "@ebay/skin/section-title.css";
-```
-
-```jsx
-<EbaySectionTitle>Today's Deals – All With Free Shipping</EbaySectionTitle>
-
-<EbaySectionTitle href="https://www.ebay.com" ctaText="See All">
-    <Title>Today's Deals – All With Free Shipping</Title>
-    <Subtitle>Plus, guaranteed best prices.</Subtitle>
-</EbaySectionTitle>
-```
-
-## EbaySectionTitle Props
-
-| Name      | Type   | Stateful | Required | Description                                                                                             |
-| --------- | ------ | -------- | -------- | ------------------------------------------------------------------------------------------------------- |
-| `ctaText` | string | No       | No       | URL text. Optional content to be displayed next to title. `href` is required when using this attribute. |
-| `href`    | string | No       | No       | URL. Title content and optional CTA content will link to this. Populating `cta-text` is optional.       |
-
-## Nested Components
-
-| Name       | Required | Description                                                                              |
-| ---------- | -------- | ---------------------------------------------------------------------------------------- |
-| `title`    | No       | The main title content to be displayed. Title tag is required when using other sub-tags. |
-| `subtitle` | No       | The subtitle content to be displayed                                                     |
-| `info`     | No       | Placeholder for `<EbayInfotip>` component                                                |
-| `overflow` | No       | Placeholder for `<EbayMenuButton>` component                                             |
-
-### Examples
-
-```jsx
-import { EbaySectionTitleInfo as Info } from "@ebay/ui-core-react/ebay-section-title";
-import { EbayInfotip, EbayInfotipHeading, EbayInfotipContent } from "@ebay/ui-core-react/ebay-infotip";
-
-<Info>
-    <EbayInfotip
-        a11yCloseText="Dismiss infotip"
-        aria-label="Important information"
-        pointer="top-left"
-        icon={<EbayIconInformation16 />}
-    >
-        <EbayInfotipHeading>Important</EbayInfotipHeading>
-        <EbayInfotipContent>
-            <p>This is some important info</p>
-        </EbayInfotipContent>
-    </EbayInfotip>
-</Info>;
-```
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/navigation-disclosure-ebay-section-title--docs)

package/ebay-section-title/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../tslib.es6-C4EgNkz1.js"),c=require("react"),i=require("classnames"),r=require("../utils-C9NL3q0j.js"),E=e=>{var{ctaText:t,href:s,className:n}=e,l=a.__rest(e,["ctaText","href","className"]);return t?c.createElement("a",Object.assign({},l,{className:i("section-title__cta",n),href:s}),t):null},T=e=>{var{href:t,ctaText:s,className:n,children:l}=e,N=a.__rest(e,["href","ctaText","className","children"]);const b=i(n,"section-title"),_=r.findComponent(l,o),f=r.findComponent(l,m),h=r.findComponent(l,u),v=r.findComponent(l,d);return c.createElement("div",Object.assign({},N,{className:b}),c.createElement("div",{className:"section-title__title-container"},_||c.createElement(o,null,l),f),t&&c.createElement(E,{href:t,ctaText:s})||h||v)},o=e=>{var{children:t,className:s}=e,n=a.__rest(e,["children","className"]);return c.createElement("h2",Object.assign({},n,{className:i(s,"section-title__title")}),t)},m=e=>{var{children:t,className:s}=e,n=a.__rest(e,["children","className"]);return c.createElement("span",Object.assign({},n,{className:i(s,"section-title__subtitle")}),t)},u=e=>{var{className:t,children:s}=e,n=a.__rest(e,["className","children"]);return c.createElement("div",Object.assign({},n,{className:i(t,"section-title__info")}),s)},d=e=>{var{children:t,className:s}=e,n=a.__rest(e,["children","className"]);return c.createElement("div",Object.assign({},n,{className:i(s,"section-title__overflow")}),t)};exports.EbaySectionTitle=T;exports.EbaySectionTitleInfo=u;exports.EbaySectionTitleOverflow=d;exports.EbaySectionTitleSubtitle=m;exports.EbaySectionTitleTitle=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../tslib.es6-BW4cJBUu.js"),c=require("react"),i=require("classnames"),r=require("../utils-C9NL3q0j.js"),E=e=>{var{ctaText:t,href:s,className:n}=e,l=a.__rest(e,["ctaText","href","className"]);return t?c.createElement("a",Object.assign({},l,{className:i("section-title__cta",n),href:s}),t):null},T=e=>{var{href:t,ctaText:s,className:n,children:l}=e,N=a.__rest(e,["href","ctaText","className","children"]);const b=i(n,"section-title"),_=r.findComponent(l,o),f=r.findComponent(l,m),h=r.findComponent(l,u),v=r.findComponent(l,d);return c.createElement("div",Object.assign({},N,{className:b}),c.createElement("div",{className:"section-title__title-container"},_||c.createElement(o,null,l),f),t&&c.createElement(E,{href:t,ctaText:s})||h||v)},o=e=>{var{children:t,className:s}=e,n=a.__rest(e,["children","className"]);return c.createElement("h2",Object.assign({},n,{className:i(s,"section-title__title")}),t)},m=e=>{var{children:t,className:s}=e,n=a.__rest(e,["children","className"]);return c.createElement("span",Object.assign({},n,{className:i(s,"section-title__subtitle")}),t)},u=e=>{var{className:t,children:s}=e,n=a.__rest(e,["className","children"]);return c.createElement("div",Object.assign({},n,{className:i(t,"section-title__info")}),s)},d=e=>{var{children:t,className:s}=e,n=a.__rest(e,["children","className"]);return c.createElement("div",Object.assign({},n,{className:i(s,"section-title__overflow")}),t)};exports.EbaySectionTitle=T;exports.EbaySectionTitleInfo=u;exports.EbaySectionTitleOverflow=d;exports.EbaySectionTitleSubtitle=m;exports.EbaySectionTitleTitle=o;