@ebay/ui-core-react 7.4.0-alpha.9 → 7.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/array.polyfill.flat-5BAolFdk.js +1 -0
- package/badge-CoHKfiPt.js +1 -0
- package/button-DGuEBUDJ.js +1 -0
- package/calendar-lAu6VfAb.js +1 -0
- package/common/component-utils/forwardRef/index.js +1 -10
- package/common/component-utils/index.js +1 -9
- package/common/component-utils/utils/index.js +1 -25
- package/common/event-utils/index.js +1 -113
- package/common/floating-label-utils/hooks/index.js +1 -106
- package/common/notice-utils/notice-cta/index.js +1 -5
- package/common/random-id/index.js +1 -13
- package/common/tooltip-utils/constants/index.js +1 -97
- package/common/tooltip-utils/index.js +1 -11
- package/debounce-BQsYxxOL.js +1 -0
- package/dialog-previous-button-CpuFLkQp.js +1 -0
- package/drawer-rqXAEeqd.js +1 -0
- package/ebay-alert-dialog/index.js +1 -26
- package/ebay-badge/index.js +1 -4
- package/ebay-breadcrumbs/index.js +1 -47
- package/ebay-button/index.js +1 -5
- package/ebay-calendar/index.js +1 -4
- package/ebay-carousel/index.js +1 -345
- package/ebay-checkbox/index.js +1 -52
- package/ebay-confirm-dialog/index.js +1 -28
- package/ebay-cta-button/index.js +1 -22
- package/ebay-date-textbox/index.js +1 -140
- package/ebay-dialog-base/components/animation/index.js +1 -92
- package/ebay-dialog-base/components/dialog-footer/index.js +1 -4
- package/ebay-dialog-base/components/dialog-header/index.js +1 -4
- package/ebay-dialog-base/index.js +1 -13
- package/ebay-drawer-dialog/index.js +1 -4
- package/ebay-eek/index.js +1 -54
- package/ebay-fake-menu/index.js +1 -10
- package/ebay-fake-menu/menu-item/index.js +1 -49
- package/ebay-fake-menu-button/index.js +1 -7
- package/ebay-fake-menu-button/menu-button/index.js +1 -12
- package/ebay-fake-tabs/index.js +1 -30
- package/ebay-field/index.js +1 -21
- package/ebay-fullscreen-dialog/index.js +1 -10
- package/ebay-icon/index.js +1 -4
- package/ebay-icon/types.d.ts +1 -1
- package/ebay-icon/types.d.ts.map +1 -1
- package/ebay-icon-button/index.js +1 -4
- package/ebay-infotip/index.js +1 -76
- package/ebay-inline-notice/index.js +1 -36
- package/ebay-lightbox-dialog/index.js +1 -12
- package/ebay-listbox-button/index.d.ts +2 -1
- package/ebay-listbox-button/index.d.ts.map +1 -1
- package/ebay-listbox-button/index.js +2 -151
- package/ebay-listbox-button/listbox-button-option.d.ts +10 -0
- package/ebay-listbox-button/listbox-button-option.d.ts.map +1 -0
- package/ebay-listbox-button/listbox-button.d.ts +5 -15
- package/ebay-listbox-button/listbox-button.d.ts.map +1 -1
- package/ebay-menu/index.js +1 -9
- package/ebay-menu-button/index.js +1 -113
- package/ebay-notice-base/index.js +1 -7
- package/ebay-page-notice/index.js +1 -50
- package/ebay-pagination/index.js +1 -244
- package/ebay-panel-dialog/index.js +1 -12
- package/ebay-progress-bar/index.js +1 -6
- package/ebay-progress-spinner/index.js +1 -4
- package/ebay-progress-stepper/index.js +1 -72
- package/ebay-radio/index.js +1 -4
- package/ebay-radio/radio/index.js +1 -48
- package/ebay-section-notice/index.js +1 -69
- package/ebay-section-title/index.js +1 -38
- package/ebay-segmented-buttons/index.js +1 -46
- package/ebay-select/index.js +1 -98
- package/ebay-signal/index.js +1 -9
- package/ebay-snackbar-dialog/index.js +1 -81
- package/ebay-split-button/index.js +1 -22
- package/ebay-star-rating/index.js +1 -9
- package/ebay-star-rating-select/index.js +1 -55
- package/ebay-svg/index.js +1 -5189
- package/ebay-svg/symbols.d.ts.map +1 -1
- package/ebay-switch/index.js +1 -27
- package/ebay-tabs/index.js +1 -88
- package/ebay-textbox/index.js +1 -10
- package/ebay-toast-dialog/index.js +1 -9
- package/ebay-toggle-button/README.md +39 -0
- package/ebay-toggle-button/index.d.ts +3 -0
- package/ebay-toggle-button/index.d.ts.map +1 -0
- package/ebay-toggle-button/index.js +1 -0
- package/ebay-toggle-button/toggle-button.d.ts +5 -0
- package/ebay-toggle-button/toggle-button.d.ts.map +1 -0
- package/ebay-toggle-button/types.d.ts +23 -0
- package/ebay-toggle-button/types.d.ts.map +1 -0
- package/ebay-toggle-button-group/README.md +56 -0
- package/ebay-toggle-button-group/index.d.ts +3 -0
- package/ebay-toggle-button-group/index.d.ts.map +1 -0
- package/ebay-toggle-button-group/index.js +1 -0
- package/ebay-toggle-button-group/toggle-button-group.d.ts +5 -0
- package/ebay-toggle-button-group/toggle-button-group.d.ts.map +1 -0
- package/ebay-toggle-button-group/types.d.ts +20 -0
- package/ebay-toggle-button-group/types.d.ts.map +1 -0
- package/ebay-tooltip/index.js +1 -64
- package/ebay-tourtip/index.js +1 -54
- package/ebay-video/index.js +1 -229
- package/events/index.js +1 -18
- package/icon-TuxfQndO.js +1 -0
- package/icon-button-Cwaj-eT9.js +1 -0
- package/label-CnrpYJ-g.js +1 -0
- package/menu-CV-INYLM.js +1 -0
- package/menu-_LzP6yje.js +1 -0
- package/menu-button-BZ66jxvI.js +1 -0
- package/notice-content-9iF4T8uB.js +1 -0
- package/notice-content-C0ZStfuX.js +1 -0
- package/notice-footer-Cw1DMzoB.js +1 -0
- package/package.json +2 -5
- package/progress-spinner-U2qOANON.js +1 -0
- package/range-DOsPN0h5.js +1 -0
- package/textbox-dUhinDwj.js +1 -0
- package/toggle-button-D8l0YB43.js +1 -0
- package/use-roving-index-DoAVBgsp.js +1 -0
- package/use-tooltip-CL3_zAeg.js +1 -0
- package/utils/index.js +1 -13
- package/array.polyfill.flat-DyxysTxZ.js +0 -21
- package/badge-CR5t7-2L.js +0 -8
- package/button-B4bZIgwB.js +0 -83
- package/calendar-D-DWjrMU.js +0 -333
- package/debounce-v8bWAUnY.js +0 -9
- package/dialog-previous-button-EC_Y6KaT.js +0 -370
- package/drawer-DBDktEBZ.js +0 -69
- package/ebay-listbox/README.md +0 -100
- package/ebay-listbox/index.d.ts +0 -4
- package/ebay-listbox/index.d.ts.map +0 -1
- package/ebay-listbox/index.js +0 -6
- package/ebay-listbox/listbox-option-description.d.ts +0 -4
- package/ebay-listbox/listbox-option-description.d.ts.map +0 -1
- package/ebay-listbox/listbox-option.d.ts +0 -10
- package/ebay-listbox/listbox-option.d.ts.map +0 -1
- package/ebay-listbox/listbox.d.ts +0 -22
- package/ebay-listbox/listbox.d.ts.map +0 -1
- package/icon-B17Di3YL.js +0 -56
- package/icon-button-BQWoMgX1.js +0 -31
- package/index-BXizW4ue.js +0 -89
- package/index-DcH7Tjjd.js +0 -272
- package/label-C0AS4fnO.js +0 -19
- package/listbox-DfOw_fJc.js +0 -662
- package/menu-Bsy48CE1.js +0 -163
- package/menu-button-CKGsgg6G.js +0 -89
- package/menu-fCOy6wBS.js +0 -29
- package/notice-content-BTXVxttv.js +0 -8
- package/notice-content-BhUeK1pd.js +0 -3
- package/notice-footer-CIQ8SM6N.js +0 -10
- package/progress-spinner-DOFKRtuu.js +0 -20
- package/range-C5qzyhg4.js +0 -3
- package/textbox-J291yCpJ.js +0 -136
- package/use-roving-index-CEM_UsCH.js +0 -58
- package/use-tooltip-7JxcZHJn.js +0 -92
- package/utils/scroll.d.ts +0 -2
- package/utils/scroll.d.ts.map +0 -1
package/README.md
CHANGED
|
@@ -82,8 +82,8 @@ eBayUI React components
|
|
|
82
82
|
* [x] [ebay-tabs](src/ebay-tabs)
|
|
83
83
|
* [x] [ebay-textbox](src/ebay-textbox)
|
|
84
84
|
* [x] [ebay-toast-dialog](src/ebay-toast-dialog)
|
|
85
|
-
* [
|
|
86
|
-
* [
|
|
85
|
+
* [x] [ebay-toggle-button](src/ebay-toast-dialog)
|
|
86
|
+
* [x] [ebay-toggle-button-group](src/ebay-toast-dialog)
|
|
87
87
|
* [x] [ebay-tooltip](src/ebay-tooltip)
|
|
88
88
|
* [x] [ebay-tourtip](src/ebay-tourtip)
|
|
89
89
|
* [ ] `ebay-tri-state-checkbox`
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Array.prototype.flat||Object.defineProperty(Array.prototype,"flat",{configurable:!0,writable:!0,value:function(e){const a=typeof e>"u"?1:Number(e)||0,r=[],c=r.forEach,o=(n,f)=>c.call(n,t=>{f>0&&Array.isArray(t)?o(t,f-1):r.push(t)});return o(this,a),r}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=require("react"),i=require("classnames"),c=({number:r,type:a="img",className:s,...n})=>{const e=Math.round(parseInt(String(r),10));return e<=0?null:t.createElement("span",{...n,className:i("badge",s),role:a==="img"?"img":void 0,"aria-hidden":a!=="img"},e>99?"99+":e)};exports.EbayBadge=c;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=require("react"),k=require("classnames"),P=require("./common/component-utils/forwardRef/index.js");require("./array.polyfill.flat-5BAolFdk.js");const u=require("./icon-TuxfQndO.js"),R=require("./progress-spinner-U2qOANON.js"),O={cta:"cta-",fake:"fake-",expand:"expand-",default:""},m=({type:n="default",children:a,...r})=>t.createElement("span",{className:`${O[n]}btn__cell`,...r},t.createElement(t.Fragment,null,a)),T=()=>t.createElement(m,null,t.createElement(R.EbayProgressSpinner,null)),U=({className:n,children:a})=>t.createElement("span",{className:k(n,"btn__text")},a),j=({children:n})=>n?t.createElement(m,null,t.createElement(U,null,n),t.createElement(u.EbayIcon,{name:"chevronDown12"})):t.createElement(u.EbayIcon,{name:"chevronDown12"}),G=({priority:n="secondary",variant:a="standard",size:r="regular",bodyState:y,split:q,transparent:D=!1,fluid:N=!1,disabled:E,partiallyDisabled:_,children:o,onKeyDown:C=()=>{},onEscape:S=()=>{},truncate:I=!1,href:l,className:h,forwardedRef:d,borderless:p,fixedHeight:$,...f})=>{const e=l?"fake-btn":"btn",F={primary:`${e}--primary`,secondary:`${e}--secondary`,tertiary:`${e}--tertiary`,none:""},c={large:`${e}--large`,small:`${e}--small`,regular:"",default:""},L={start:`${e}--split-start`,end:`${e}--split-end`},A=a==="destructive",i=a==="form",b=y==="loading",g=y==="expand",K=i&&(J(o)||g&&!o),B=k(e,h,F[i||p?"none":n],c[r],L[q],A&&`${e}--destructive`,i&&`${e}--form`,K&&`${e}--slim`,D&&`${e}--transparent`,N&&`${e}--fluid`,I&&`${e}--truncated`,p&&`${e}--borderless`,$&&(c[r]?`${c[r]}-${$}`:`${e}--fixed-height`)),v=s=>{C(s),(s.key==="Escape"||s.key==="Esc")&&S(s)},w=H(o,{isLoading:b,isExpand:g}),x=b?"polite":null;return l?t.createElement("a",{className:B,href:E?void 0:l,ref:d,onKeyDown:v,"aria-live":x,...f},w):t.createElement("button",{disabled:E,"aria-disabled":_,"aria-live":x,className:B,ref:d,onKeyDown:v,...f},w)};function H(n,{isLoading:a,isExpand:r}){switch(!0){case a:return t.createElement(T,null);case r:return t.createElement(j,null,n);default:return n}}function J(n){const a=t.Children.toArray(n);return a.length===1&&a[0].type===u.EbayIcon}const M=P.withForwardRef(G);exports.EbayButton=M;exports.EbayButtonCell=m;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const a=require("react"),ue=require("./icon-button-Cwaj-eT9.js"),de=require("classnames");function Ue(n){const o=new Intl.Locale(n);return o.weekInfo?o.weekInfo.firstDay:0}function ve(n){const o=Ue(n),i=new Intl.DateTimeFormat(n,{weekday:"short"}),d=new Date(2022,9,2+o),A=[...Array(7)].map(()=>{const k=i.format(d);return d.setDate(d.getDate()+1),k});return{firstDayOfWeek:o,weekdayLabels:A}}function Ae(n){if(n)return/^\d\d\d\d-\d\d-\d\d$/g.test(n)?n:u(new Date(n))}function u(n){if(!isNaN(n.getTime()))return n.toISOString().slice(0,10)}function v(n){return new Date(n)}function H(n,o){const i=v(n);return i.setUTCDate(i.getUTCDate()+o),u(i)}function fe(n){return n||navigator.language}const Fe={ArrowRight:1,ArrowLeft:-1,ArrowDown:7,ArrowUp:-7},Re=({selected:n,numMonths:o=1,navigable:i,interactive:d,range:A,locale:k,disableBefore:g,disableAfter:I,disableWeekdays:B,disableList:G,a11ySelectedText:me="selected",a11yRangeStartText:ye="start of range",a11yInRangeText:ge="in range",a11yRangeEndText:Ie="end of range",a11ySeparator:J="-",a11yTodayText:De="today",a11yDisabledText:Se="inactive",getA11yShowMonthText:Q=T=>`Show ${T}`,linkBuilder:X,onMonthChange:Z=()=>{},onFocus:we=()=>{},onSelect:Ee=()=>{}})=>{const T=u(new Date),{firstDayOfWeek:Oe,weekdayLabels:Te}=ve(fe(k)),ee=a.useRef(null),[m,F]=a.useState(0),[te,ne]=a.useState(null),[D,h]=a.useState(T),R=a.useRef(T),S=e=>{const t=v(R.current);return new Date(Date.UTC(t.getUTCFullYear(),t.getUTCMonth()+e))},w=()=>u(S(m)),E=()=>{const e=v(R.current);return u(new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth()+m+(o||1),0)))};a.useEffect(()=>{if(n){const e=Array.isArray(n)?n:[n],t=w(),r=E();e.find(f=>f>=t&&f<=r)===void 0&&(R.current=e[0],F(0))}},[n]);const be=()=>{if(n&&A){let e,t;if(Array.isArray(n)?[e,t]=n:te&&(e=n,t=te),e&&t){const[r,s]=[e,t].sort();return{rangeStart:r,rangeEnd:s}}}return{rangeStart:null,rangeEnd:null}},p=e=>new Intl.DateTimeFormat(fe(k),{month:"long",year:"numeric"}).format(new Date(e.getUTCFullYear(),e.getUTCMonth())),_=e=>g&&e<g||I&&e>I||B&&B.includes(v(e).getUTCDay())||G&&G.includes(e),ae=()=>{let e=w();const t=E();for(;e<=t&&_(e);)e=H(e,1);return e>t?null:e},re=()=>{let e=E();const t=w();for(;e>=t&&_(e);)e=H(e,-1);return e<t?null:e},b=e=>{h(e),setTimeout(()=>{var r;const t=(r=ee.current)==null?void 0:r.querySelector(`[data-iso="${e}"]`);t==null||t.focus()})},N=e=>{if(g&&w()<=g)return!1;F(s=>s-1);let t=D;const r=re();return r&&r<D&&(t=r,h(r)),e&&b(t),Z({iso:u(S(m))}),!0},L=e=>{if(I&&E()>=I)return!1;F(s=>s+1);let t=D;const r=ae();r&&r>D&&(t=r,h(r)),e&&b(t),Z({iso:u(S(m+(o||1)))})},ke=e=>{const t=Fe[e.key];if(t){e.preventDefault();let r=7,s=D;do s=H(s,t);while(r-- >0&&_(s));if(r>0){const f=w(),O=E();s<f?i?N():s=f:s>O&&(i?L():s=O),b(s)}}else switch(e.key){case"PageUp":N(!0);break;case"PageDown":L(!0);break;case"Home":b(ae());break;case"End":b(re());break}},he=(e,t)=>{Ee(e,{iso:t})},se=(e,t)=>{ne(t),h(t),we(e,{iso:t})},ce=()=>{ne(null)},{rangeStart:V,rangeEnd:x}=be(),pe=e=>!(!V||!x||e<V||e>x),oe=[...Array(o)].map((e,t)=>S(m+t));return a.createElement("div",{className:"calendar",ref:ee},i&&a.createElement("div",{className:"calendar__header"},a.createElement("div",{className:"calendar__header--inner"},a.createElement(ue.EbayIconButton,{transparent:!0,size:"small",icon:"chevronLeft24",disabled:g&&w()<=g,"aria-label":Q(p(S(m-1))),onClick:()=>N()}),oe.map((e,t)=>a.createElement("h3",{key:t},p(e))),a.createElement(ue.EbayIconButton,{transparent:!0,size:"small",icon:"chevronRight24",disabled:I&&E()>=I,"aria-label":Q(p(S(m+o))),onClick:()=>L()}))),a.createElement("div",{className:"calendar__body"},oe.map((e,t)=>{const r=(e.getUTCDay()-Oe+7)%7,s=e.getUTCFullYear(),f=e.getUTCMonth(),O=new Date(s,f+1,0).getDate(),_e=[...Array(Math.ceil((r+O)/7))];return a.createElement("div",{key:t,className:"calendar__month"},a.createElement("table",{onKeyDown:ke},a.createElement("caption",null,p(e)),a.createElement("thead",null,a.createElement("tr",null,Te.map(M=>a.createElement("th",{key:M,scope:"col"},M)))),a.createElement("tbody",null,_e.map((M,Y)=>{let $=Y*7-r+1,q=$+6;const P=[];Y===0&&r!==0?($=1,P.push(a.createElement("td",{key:"pre-column",colSpan:r}))):q>O&&(q=O);for(let y=$;y<=q;y++){const c=u(new Date(Date.UTC(s,f,y))),W=c===T,j=Array.isArray(n)?n.some(l=>l===c):n===c,z=c===V,le=pe(c),K=c===x,C=_(c),U=["",j&&me,z&&ye,!z&&!K&&le&&ge,K&&Ie,!d&&W&&De,!d&&C&&Se].filter(l=>typeof l!="boolean"||l!==!1),ie=!d&&!C&&X&&X(c),Ce=ie?"a":"span";P.push(a.createElement("td",{key:y,className:de({"calendar__cell--selected":j,"calendar__range--start":z,calendar__range:le,"calendar__range--end":K})},d?a.createElement("button",{disabled:C,"aria-label":U.length>1?`${y}${U.join(J)}`:void 0,tabIndex:D!==c?-1:void 0,"aria-current":W?"date":void 0,"aria-pressed":j?"true":void 0,onClick:l=>he(l,c),onFocus:l=>se(l,c),onMouseOver:l=>se(l,c),onMouseOut:l=>ce(),onBlur:()=>ce(),"data-iso":c},y):a.createElement(Ce,{className:de({"calendar__cell--disabled":C,"calendar__cell--current":W}),href:ie},y,U.length>1&&a.createElement("span",{className:"clipped"},U.join(J)))))}return a.createElement("tr",{key:Y},P)}))))})))};exports.EbayCalendar=Re;exports.dateArgToISO=Ae;exports.toISO=u;
|
|
@@ -1,10 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const React = require("react");
|
|
4
|
-
const getDisplayName = (Component) => Component.displayName || Component.name || "Component";
|
|
5
|
-
const withForwardRef = (Component) => {
|
|
6
|
-
const ForwardRef = React.forwardRef((props, ref) => React.createElement(Component, { ...props, forwardedRef: ref }));
|
|
7
|
-
ForwardRef.displayName = getDisplayName(Component);
|
|
8
|
-
return ForwardRef;
|
|
9
|
-
};
|
|
10
|
-
exports.withForwardRef = withForwardRef;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),d=e=>e.displayName||e.name||"Component",i=e=>{const r=a.forwardRef((t,o)=>a.createElement(e,{...t,forwardedRef:o}));return r.displayName=d(e),r};exports.withForwardRef=i;
|
|
@@ -1,9 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const common_componentUtils_forwardRef = require("./forwardRef/index.js");
|
|
4
|
-
const common_componentUtils_utils = require("./utils/index.js");
|
|
5
|
-
exports.withForwardRef = common_componentUtils_forwardRef.withForwardRef;
|
|
6
|
-
exports.excludeComponent = common_componentUtils_utils.excludeComponent;
|
|
7
|
-
exports.filterBy = common_componentUtils_utils.filterBy;
|
|
8
|
-
exports.filterByType = common_componentUtils_utils.filterByType;
|
|
9
|
-
exports.findComponent = common_componentUtils_utils.findComponent;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./forwardRef/index.js"),e=require("./utils/index.js");exports.withForwardRef=o.withForwardRef;exports.excludeComponent=e.excludeComponent;exports.filterBy=e.filterBy;exports.filterByType=e.filterByType;exports.findComponent=e.findComponent;
|
|
@@ -1,25 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const React = require("react");
|
|
4
|
-
require("../../../array.polyfill.flat-DyxysTxZ.js");
|
|
5
|
-
function findComponent(nodes = [], componentType) {
|
|
6
|
-
const elements = React.Children.toArray(nodes);
|
|
7
|
-
return elements.find(({ type }) => type === componentType) || null;
|
|
8
|
-
}
|
|
9
|
-
function excludeComponent(nodes = [], componentType) {
|
|
10
|
-
const elements = React.Children.toArray(nodes);
|
|
11
|
-
return elements.filter(({ type }) => type !== componentType);
|
|
12
|
-
}
|
|
13
|
-
function filterByType(nodes = [], componentType) {
|
|
14
|
-
const elements = React.Children.toArray(nodes);
|
|
15
|
-
const types = [componentType].flat();
|
|
16
|
-
return elements.filter(({ type }) => types.includes(type));
|
|
17
|
-
}
|
|
18
|
-
function filterBy(nodes = [], predicate) {
|
|
19
|
-
const elements = React.Children.toArray(nodes);
|
|
20
|
-
return elements.filter(predicate);
|
|
21
|
-
}
|
|
22
|
-
exports.excludeComponent = excludeComponent;
|
|
23
|
-
exports.filterBy = filterBy;
|
|
24
|
-
exports.filterByType = filterByType;
|
|
25
|
-
exports.findComponent = findComponent;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");require("../../../array.polyfill.flat-5BAolFdk.js");function i(e=[],t){return l.Children.toArray(e).find(({type:n})=>n===t)||null}function s(e=[],t){return l.Children.toArray(e).filter(({type:n})=>n!==t)}function u(e=[],t){const r=l.Children.toArray(e),n=[t].flat();return r.filter(({type:o})=>n.includes(o))}function c(e=[],t){return l.Children.toArray(e).filter(t)}exports.excludeComponent=s;exports.filterBy=c;exports.filterByType=u;exports.findComponent=i;
|
|
@@ -1,113 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
function handleKeydown(keyList, e, callback = () => {
|
|
4
|
-
}) {
|
|
5
|
-
if (keyList.includes(e.key)) {
|
|
6
|
-
callback();
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
function handleNotKeydown(keyList, e, callback = () => {
|
|
10
|
-
}) {
|
|
11
|
-
if (!keyList.includes(e.key)) {
|
|
12
|
-
callback();
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
function handleEnterKeydown(e, callback) {
|
|
16
|
-
if (e.key === "Enter") {
|
|
17
|
-
callback();
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
function handleActionKeydown(e, callback) {
|
|
21
|
-
if (isActionKey(e.key)) {
|
|
22
|
-
callback();
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
function isActionKey(key) {
|
|
26
|
-
return [" ", "Enter"].includes(key);
|
|
27
|
-
}
|
|
28
|
-
function handleEscapeKeydown(e, callback) {
|
|
29
|
-
handleKeydown(["Esc", "Escape"], e, callback);
|
|
30
|
-
}
|
|
31
|
-
function handleUpDownArrowsKeydown(e, callback) {
|
|
32
|
-
handleKeydown(["Up", "ArrowUp", "Down", "ArrowDown"], e, callback);
|
|
33
|
-
}
|
|
34
|
-
function handleLeftRightArrowsKeydown(e, callback) {
|
|
35
|
-
handleKeydown(["Left", "ArrowLeft", "Right", "ArrowRight"], e, callback);
|
|
36
|
-
}
|
|
37
|
-
function handleTextInput(e, callback) {
|
|
38
|
-
const keyList = [
|
|
39
|
-
// Edge
|
|
40
|
-
"Esc",
|
|
41
|
-
"Left",
|
|
42
|
-
"Up",
|
|
43
|
-
"Right",
|
|
44
|
-
"Down",
|
|
45
|
-
// Browsers
|
|
46
|
-
"Tab",
|
|
47
|
-
"Enter",
|
|
48
|
-
"Shift",
|
|
49
|
-
"Control",
|
|
50
|
-
"Alt",
|
|
51
|
-
"CapsLock",
|
|
52
|
-
"Escape",
|
|
53
|
-
"ArrowLeft",
|
|
54
|
-
"ArrowUp",
|
|
55
|
-
"ArrowRight",
|
|
56
|
-
"ArrowDown",
|
|
57
|
-
"Meta"
|
|
58
|
-
];
|
|
59
|
-
handleNotKeydown(keyList, e, callback);
|
|
60
|
-
}
|
|
61
|
-
function preventDefaultIfHijax(e, hijax) {
|
|
62
|
-
if (hijax) {
|
|
63
|
-
e.preventDefault();
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
const handlers = [];
|
|
67
|
-
function addEventListener(_, handler) {
|
|
68
|
-
if (handlers.length === 0) {
|
|
69
|
-
window.addEventListener("resize", handleResize);
|
|
70
|
-
}
|
|
71
|
-
handlers.push(handler);
|
|
72
|
-
}
|
|
73
|
-
function removeEventListener(_, handler) {
|
|
74
|
-
if (handlers.length === 1) {
|
|
75
|
-
window.removeEventListener("resize", handleResize);
|
|
76
|
-
}
|
|
77
|
-
handlers.splice(handlers.indexOf(handler), 1);
|
|
78
|
-
}
|
|
79
|
-
function handleResize(e) {
|
|
80
|
-
window.removeEventListener("resize", handleResize);
|
|
81
|
-
const callback = () => {
|
|
82
|
-
if (handlers.length) {
|
|
83
|
-
handlers.forEach((handler) => handler(e));
|
|
84
|
-
window.addEventListener("resize", handleResize);
|
|
85
|
-
}
|
|
86
|
-
};
|
|
87
|
-
if (window.requestAnimationFrame) {
|
|
88
|
-
window.requestAnimationFrame(callback);
|
|
89
|
-
} else {
|
|
90
|
-
window.setTimeout(callback, 16);
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
function wrapEvent(parentEventHandler = () => {
|
|
94
|
-
}, localEventHandler) {
|
|
95
|
-
return (e) => {
|
|
96
|
-
parentEventHandler(e);
|
|
97
|
-
if (!e.defaultPrevented) {
|
|
98
|
-
return localEventHandler(e);
|
|
99
|
-
}
|
|
100
|
-
};
|
|
101
|
-
}
|
|
102
|
-
exports.addEventListener = addEventListener;
|
|
103
|
-
exports.handleActionKeydown = handleActionKeydown;
|
|
104
|
-
exports.handleEnterKeydown = handleEnterKeydown;
|
|
105
|
-
exports.handleEscapeKeydown = handleEscapeKeydown;
|
|
106
|
-
exports.handleLeftRightArrowsKeydown = handleLeftRightArrowsKeydown;
|
|
107
|
-
exports.handleResize = handleResize;
|
|
108
|
-
exports.handleTextInput = handleTextInput;
|
|
109
|
-
exports.handleUpDownArrowsKeydown = handleUpDownArrowsKeydown;
|
|
110
|
-
exports.isActionKey = isActionKey;
|
|
111
|
-
exports.preventDefaultIfHijax = preventDefaultIfHijax;
|
|
112
|
-
exports.removeEventListener = removeEventListener;
|
|
113
|
-
exports.wrapEvent = wrapEvent;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(n,e,t=()=>{}){n.includes(e.key)&&t()}function w(n,e,t=()=>{}){n.includes(e.key)||t()}function a(n,e){n.key==="Enter"&&e()}function s(n,e){d(n.key)&&e()}function d(n){return[" ","Enter"].includes(n)}function f(n,e){r(["Esc","Escape"],n,e)}function c(n,e){r(["Up","ArrowUp","Down","ArrowDown"],n,e)}function l(n,e){r(["Left","ArrowLeft","Right","ArrowRight"],n,e)}function u(n,e){w(["Esc","Left","Up","Right","Down","Tab","Enter","Shift","Control","Alt","CapsLock","Escape","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Meta"],n,e)}function h(n,e){e&&n.preventDefault()}const i=[];function y(n,e){i.length===0&&window.addEventListener("resize",o),i.push(e)}function E(n,e){i.length===1&&window.removeEventListener("resize",o),i.splice(i.indexOf(e),1)}function o(n){window.removeEventListener("resize",o);const e=()=>{i.length&&(i.forEach(t=>t(n)),window.addEventListener("resize",o))};window.requestAnimationFrame?window.requestAnimationFrame(e):window.setTimeout(e,16)}function p(n=()=>{},e){return t=>{if(n(t),!t.defaultPrevented)return e(t)}}exports.addEventListener=y;exports.handleActionKeydown=s;exports.handleEnterKeydown=a;exports.handleEscapeKeydown=f;exports.handleLeftRightArrowsKeydown=l;exports.handleResize=o;exports.handleTextInput=u;exports.handleUpDownArrowsKeydown=c;exports.isActionKey=d;exports.preventDefaultIfHijax=h;exports.removeEventListener=E;exports.wrapEvent=p;
|
|
@@ -1,106 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const React = require("react");
|
|
4
|
-
const classNames = require("classnames");
|
|
5
|
-
const classPrefix = "floating-label__label";
|
|
6
|
-
const textboxElementBackgroundRGB = [
|
|
7
|
-
"rgb(245, 245, 245)",
|
|
8
|
-
"rgb(247, 247, 247)"
|
|
9
|
-
// From skin version 12.6.0
|
|
10
|
-
];
|
|
11
|
-
const isAutofilled = (input) => input && !textboxElementBackgroundRGB.includes(getComputedStyle(input).backgroundColor);
|
|
12
|
-
const hasValue = (input) => {
|
|
13
|
-
var _a;
|
|
14
|
-
return ((_a = input == null ? void 0 : input.value) == null ? void 0 : _a.length) > 0;
|
|
15
|
-
};
|
|
16
|
-
const isSelect = (element) => (element == null ? void 0 : element.tagName) === `SELECT`;
|
|
17
|
-
const setPlaceholder = (element, value) => {
|
|
18
|
-
if (isSelect(element) && !hasValue(element.querySelector(`option`))) {
|
|
19
|
-
element.style["min-width"] = "";
|
|
20
|
-
const beforeWidth = element.offsetWidth;
|
|
21
|
-
element.querySelector(`option`).text = value;
|
|
22
|
-
if (!value && beforeWidth > element.offsetWidth) {
|
|
23
|
-
element.style["min-width"] = `${beforeWidth}px`;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
const getPlaceholder = (element) => {
|
|
28
|
-
if (isSelect(element)) {
|
|
29
|
-
return element.querySelector(`option`).text;
|
|
30
|
-
}
|
|
31
|
-
return element == null ? void 0 : element.placeholder;
|
|
32
|
-
};
|
|
33
|
-
function useFloatingLabel({ ref, inputId, className, disabled, label, inputSize, inputValue, placeholder, invalid, opaqueLabel, type, onMount = () => {
|
|
34
|
-
} }) {
|
|
35
|
-
const _internalInputRef = React.useRef(null);
|
|
36
|
-
const inputRef = () => ref || _internalInputRef;
|
|
37
|
-
const [isFloating, setFloating] = React.useState(Boolean(inputValue));
|
|
38
|
-
const [shouldAnimate, setAnimate] = React.useState(false);
|
|
39
|
-
const [isFocused, setFocused] = React.useState(false);
|
|
40
|
-
const selectFirstOptionText = React.useRef(``);
|
|
41
|
-
const onBlur = () => {
|
|
42
|
-
var _a;
|
|
43
|
-
setAnimate(true);
|
|
44
|
-
setFloating(hasValue((_a = inputRef()) == null ? void 0 : _a.current));
|
|
45
|
-
setFocused(false);
|
|
46
|
-
setPlaceholder(inputRef().current, ``);
|
|
47
|
-
};
|
|
48
|
-
const onFocus = () => {
|
|
49
|
-
var _a;
|
|
50
|
-
setAnimate(true);
|
|
51
|
-
setFloating(true);
|
|
52
|
-
setFocused(true);
|
|
53
|
-
setPlaceholder((_a = inputRef()) == null ? void 0 : _a.current, selectFirstOptionText.current);
|
|
54
|
-
};
|
|
55
|
-
React.useEffect(() => {
|
|
56
|
-
var _a, _b;
|
|
57
|
-
if (!label) {
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
selectFirstOptionText.current = getPlaceholder((_a = inputRef()) == null ? void 0 : _a.current);
|
|
61
|
-
setPlaceholder((_b = inputRef()) == null ? void 0 : _b.current, ``);
|
|
62
|
-
onMount();
|
|
63
|
-
}, []);
|
|
64
|
-
React.useEffect(() => {
|
|
65
|
-
var _a, _b, _c;
|
|
66
|
-
if (!label) {
|
|
67
|
-
return;
|
|
68
|
-
}
|
|
69
|
-
setFloating(isFocused || hasValue((_a = inputRef()) == null ? void 0 : _a.current) || isAutofilled((_c = (_b = inputRef()) == null ? void 0 : _b.current) == null ? void 0 : _c.parentNode));
|
|
70
|
-
}, [isFocused, inputValue]);
|
|
71
|
-
const labelClassName = classNames(className, classPrefix, {
|
|
72
|
-
[`${classPrefix}--disabled`]: disabled,
|
|
73
|
-
[`${classPrefix}--animate`]: shouldAnimate,
|
|
74
|
-
[`${classPrefix}--inline`]: !isFloating && type !== "date",
|
|
75
|
-
[`${classPrefix}--focus`]: isFocused,
|
|
76
|
-
[`${classPrefix}--invalid`]: invalid
|
|
77
|
-
});
|
|
78
|
-
const floatingLabelClassName = classNames(`floating-label`, {
|
|
79
|
-
"floating-label--large": inputSize === `large`,
|
|
80
|
-
"floating-label--opaque": opaqueLabel
|
|
81
|
-
});
|
|
82
|
-
const FragmentContainer = React.useCallback(({ children }) => React.createElement(React.Fragment, null, children), []);
|
|
83
|
-
const FloatingLabelContainer = React.useCallback(({ children }) => React.createElement("span", { className: floatingLabelClassName }, children), [floatingLabelClassName]);
|
|
84
|
-
if (!label) {
|
|
85
|
-
return {
|
|
86
|
-
label: null,
|
|
87
|
-
Container: FragmentContainer,
|
|
88
|
-
onBlur: () => {
|
|
89
|
-
},
|
|
90
|
-
onFocus: () => {
|
|
91
|
-
},
|
|
92
|
-
ref: inputRef(),
|
|
93
|
-
placeholder
|
|
94
|
-
};
|
|
95
|
-
}
|
|
96
|
-
const labelElement = React.createElement("label", { htmlFor: inputId, className: labelClassName }, label);
|
|
97
|
-
return {
|
|
98
|
-
label: labelElement,
|
|
99
|
-
Container: FloatingLabelContainer,
|
|
100
|
-
onBlur,
|
|
101
|
-
onFocus,
|
|
102
|
-
ref: inputRef(),
|
|
103
|
-
placeholder: !isFloating ? null : placeholder
|
|
104
|
-
};
|
|
105
|
-
}
|
|
106
|
-
exports.useFloatingLabel = useFloatingLabel;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),p=require("classnames"),r="floating-label__label",v=["rgb(245, 245, 245)","rgb(247, 247, 247)"],w=t=>t&&!v.includes(getComputedStyle(t).backgroundColor),g=t=>{var n;return((n=t==null?void 0:t.value)==null?void 0:n.length)>0},x=t=>(t==null?void 0:t.tagName)==="SELECT",f=(t,n)=>{if(x(t)&&!g(t.querySelector("option"))){t.style["min-width"]="";const l=t.offsetWidth;t.querySelector("option").text=n,!n&&l>t.offsetWidth&&(t.style["min-width"]=`${l}px`)}},O=t=>x(t)?t.querySelector("option").text:t==null?void 0:t.placeholder;function j({ref:t,inputId:n,className:l,disabled:N,label:c,inputSize:m,inputValue:d,placeholder:b,invalid:q,opaqueLabel:R,type:$,onMount:B=()=>{}}){const L=o.useRef(null),a=()=>t||L,[F,u]=o.useState(!!d),[k,h]=o.useState(!1),[i,C]=o.useState(!1),S=o.useRef(""),P=()=>{var e;h(!0),u(g((e=a())==null?void 0:e.current)),C(!1),f(a().current,"")},A=()=>{var e;h(!0),u(!0),C(!0),f((e=a())==null?void 0:e.current,S.current)};o.useEffect(()=>{var e,s;c&&(S.current=O((e=a())==null?void 0:e.current),f((s=a())==null?void 0:s.current,""),B())},[]),o.useEffect(()=>{var e,s,y;c&&u(i||g((e=a())==null?void 0:e.current)||w((y=(s=a())==null?void 0:s.current)==null?void 0:y.parentNode))},[i,d]);const T=p(l,r,{[`${r}--disabled`]:N,[`${r}--animate`]:k,[`${r}--inline`]:!F&&$!=="date",[`${r}--focus`]:i,[`${r}--invalid`]:q}),E=p("floating-label",{"floating-label--large":m==="large","floating-label--opaque":R}),W=o.useCallback(({children:e})=>o.createElement(o.Fragment,null,e),[]),_=o.useCallback(({children:e})=>o.createElement("span",{className:E},e),[E]);return c?{label:o.createElement("label",{htmlFor:n,className:T},c),Container:_,onBlur:P,onFocus:A,ref:a(),placeholder:F?b:null}:{label:null,Container:W,onBlur:()=>{},onFocus:()=>{},ref:a(),placeholder:b}}exports.useFloatingLabel=j;
|
|
@@ -1,5 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
const React = require("react");
|
|
3
|
-
const classNames = require("classnames");
|
|
4
|
-
const NoticeCTA = ({ className, type, children, ...rest }) => React.createElement("p", { className: classNames(className, `${type}-notice__cta`), ...rest }, children);
|
|
5
|
-
module.exports = NoticeCTA;
|
|
1
|
+
"use strict";const a=require("react"),r=require("classnames"),o=({className:e,type:t,children:c,...s})=>a.createElement("p",{className:r(e,`${t}-notice__cta`),...s},c);module.exports=o;
|
|
@@ -1,13 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const React = require("react");
|
|
4
|
-
const randomId = () => Math.random().toString(16).slice(-4);
|
|
5
|
-
const useRandomId = () => {
|
|
6
|
-
const [id, setId] = React.useState("");
|
|
7
|
-
React.useEffect(() => {
|
|
8
|
-
setId(randomId());
|
|
9
|
-
}, []);
|
|
10
|
-
return id;
|
|
11
|
-
};
|
|
12
|
-
exports.randomId = randomId;
|
|
13
|
-
exports.useRandomId = useRandomId;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=()=>Math.random().toString(16).slice(-4),n=()=>{const[o,d]=e.useState("");return e.useEffect(()=>{d(t())},[]),o};exports.randomId=t;exports.useRandomId=n;
|
|
@@ -1,97 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const DEFAULT_POINTER_DIRECTION = "bottom";
|
|
4
|
-
const TYPE_ROLES = {
|
|
5
|
-
tooltip: "tooltip",
|
|
6
|
-
tourtip: "region",
|
|
7
|
-
infotip: ""
|
|
8
|
-
};
|
|
9
|
-
const POINTER_STYLES = {
|
|
10
|
-
left: {
|
|
11
|
-
transform: "translateX(16px) translateY(-50%) scale3d(1,1,1)",
|
|
12
|
-
left: "100%",
|
|
13
|
-
right: "auto",
|
|
14
|
-
top: "-6px",
|
|
15
|
-
bottom: "auto"
|
|
16
|
-
},
|
|
17
|
-
"left-top": {
|
|
18
|
-
transform: "translateX(16px) scale3d(1,1,1)",
|
|
19
|
-
left: "100%",
|
|
20
|
-
right: "auto",
|
|
21
|
-
top: "-100%",
|
|
22
|
-
bottom: "auto"
|
|
23
|
-
},
|
|
24
|
-
"left-bottom": {
|
|
25
|
-
transform: "translateX(16px) scale3d(1,1,1)",
|
|
26
|
-
left: "100%",
|
|
27
|
-
right: "auto",
|
|
28
|
-
top: "auto",
|
|
29
|
-
bottom: "-10px"
|
|
30
|
-
},
|
|
31
|
-
right: {
|
|
32
|
-
transform: "translateX(-16px) translateY(-50%) scale3d(1,1,1)",
|
|
33
|
-
left: "auto",
|
|
34
|
-
right: "100%",
|
|
35
|
-
top: "-6px",
|
|
36
|
-
bottom: "auto"
|
|
37
|
-
},
|
|
38
|
-
"right-top": {
|
|
39
|
-
transform: "translateX(-16px) scale3d(1,1,1)",
|
|
40
|
-
left: "auto",
|
|
41
|
-
right: "100%",
|
|
42
|
-
top: "-100%",
|
|
43
|
-
bottom: "auto"
|
|
44
|
-
},
|
|
45
|
-
"right-bottom": {
|
|
46
|
-
transform: "translateX(-16px) scale3d(1,1,1)",
|
|
47
|
-
left: "auto",
|
|
48
|
-
right: "100%",
|
|
49
|
-
top: "auto",
|
|
50
|
-
bottom: "-50%"
|
|
51
|
-
},
|
|
52
|
-
top: {
|
|
53
|
-
transform: "translateX(-50%) scale3d(1,1,1)",
|
|
54
|
-
left: "50%",
|
|
55
|
-
right: "auto",
|
|
56
|
-
top: "calc(100% + 2px)",
|
|
57
|
-
bottom: "auto"
|
|
58
|
-
},
|
|
59
|
-
"top-left": {
|
|
60
|
-
transform: "scale3d(1,1,1)",
|
|
61
|
-
left: "-10px",
|
|
62
|
-
right: "auto",
|
|
63
|
-
top: "calc(100% + 2px)",
|
|
64
|
-
bottom: "auto"
|
|
65
|
-
},
|
|
66
|
-
"top-right": {
|
|
67
|
-
transform: "scale3d(1,1,1)",
|
|
68
|
-
left: "auto",
|
|
69
|
-
right: "-10px",
|
|
70
|
-
top: "calc(100% + 2px)",
|
|
71
|
-
bottom: "auto"
|
|
72
|
-
},
|
|
73
|
-
"bottom-right": {
|
|
74
|
-
transform: "scale3d(1,1,1)",
|
|
75
|
-
left: "auto",
|
|
76
|
-
right: "-10px",
|
|
77
|
-
top: "auto",
|
|
78
|
-
bottom: "calc(100% + 12px)"
|
|
79
|
-
},
|
|
80
|
-
"bottom-left": {
|
|
81
|
-
transform: "scale3d(1,1,1)",
|
|
82
|
-
left: "-10px",
|
|
83
|
-
right: "auto",
|
|
84
|
-
top: "auto",
|
|
85
|
-
bottom: "calc(100% + 12px)"
|
|
86
|
-
},
|
|
87
|
-
bottom: {
|
|
88
|
-
transform: "translateX(-50%) scale3d(1,1,1)",
|
|
89
|
-
left: "50%",
|
|
90
|
-
right: "auto",
|
|
91
|
-
top: "auto",
|
|
92
|
-
bottom: "calc(100% + 12px)"
|
|
93
|
-
}
|
|
94
|
-
};
|
|
95
|
-
exports.DEFAULT_POINTER_DIRECTION = DEFAULT_POINTER_DIRECTION;
|
|
96
|
-
exports.POINTER_STYLES = POINTER_STYLES;
|
|
97
|
-
exports.TYPE_ROLES = TYPE_ROLES;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="bottom",o={tooltip:"tooltip",tourtip:"region",infotip:""},a={left:{transform:"translateX(16px) translateY(-50%) scale3d(1,1,1)",left:"100%",right:"auto",top:"-6px",bottom:"auto"},"left-top":{transform:"translateX(16px) scale3d(1,1,1)",left:"100%",right:"auto",top:"-100%",bottom:"auto"},"left-bottom":{transform:"translateX(16px) scale3d(1,1,1)",left:"100%",right:"auto",top:"auto",bottom:"-10px"},right:{transform:"translateX(-16px) translateY(-50%) scale3d(1,1,1)",left:"auto",right:"100%",top:"-6px",bottom:"auto"},"right-top":{transform:"translateX(-16px) scale3d(1,1,1)",left:"auto",right:"100%",top:"-100%",bottom:"auto"},"right-bottom":{transform:"translateX(-16px) scale3d(1,1,1)",left:"auto",right:"100%",top:"auto",bottom:"-50%"},top:{transform:"translateX(-50%) scale3d(1,1,1)",left:"50%",right:"auto",top:"calc(100% + 2px)",bottom:"auto"},"top-left":{transform:"scale3d(1,1,1)",left:"-10px",right:"auto",top:"calc(100% + 2px)",bottom:"auto"},"top-right":{transform:"scale3d(1,1,1)",left:"auto",right:"-10px",top:"calc(100% + 2px)",bottom:"auto"},"bottom-right":{transform:"scale3d(1,1,1)",left:"auto",right:"-10px",top:"auto",bottom:"calc(100% + 12px)"},"bottom-left":{transform:"scale3d(1,1,1)",left:"-10px",right:"auto",top:"auto",bottom:"calc(100% + 12px)"},bottom:{transform:"translateX(-50%) scale3d(1,1,1)",left:"50%",right:"auto",top:"auto",bottom:"calc(100% + 12px)"}};exports.DEFAULT_POINTER_DIRECTION=t;exports.POINTER_STYLES=a;exports.TYPE_ROLES=o;
|
|
@@ -1,11 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const useTooltip = require("../../use-tooltip-7JxcZHJn.js");
|
|
4
|
-
const common_tooltipUtils_constants = require("./constants/index.js");
|
|
5
|
-
exports.Tooltip = useTooltip.Tooltip;
|
|
6
|
-
exports.TooltipContent = useTooltip.TooltipContent;
|
|
7
|
-
exports.TooltipFooter = useTooltip.TooltipFooter;
|
|
8
|
-
exports.TooltipHost = useTooltip.TooltipHost;
|
|
9
|
-
exports.useTooltip = useTooltip.useTooltip;
|
|
10
|
-
exports.DEFAULT_POINTER_DIRECTION = common_tooltipUtils_constants.DEFAULT_POINTER_DIRECTION;
|
|
11
|
-
exports.POINTER_STYLES = common_tooltipUtils_constants.POINTER_STYLES;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../use-tooltip-CL3_zAeg.js"),t=require("./constants/index.js");exports.Tooltip=o.Tooltip;exports.TooltipContent=o.TooltipContent;exports.TooltipFooter=o.TooltipFooter;exports.TooltipHost=o.TooltipHost;exports.useTooltip=o.useTooltip;exports.DEFAULT_POINTER_DIRECTION=t.DEFAULT_POINTER_DIRECTION;exports.POINTER_STYLES=t.POINTER_STYLES;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function i(t,u){let e;return(...c)=>{clearTimeout(e),e=setTimeout(()=>t(...c),u)}}exports.debounce=i;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react"),ee=require("react-remove-scroll"),_=require("classnames"),te=require("makeup-screenreader-trap"),ne=require("makeup-keyboard-trap"),ae=require("./icon-TuxfQndO.js"),oe=require("./common/random-id/index.js"),re=require("./ebay-dialog-base/components/animation/index.js"),z=require("./ebay-dialog-base/components/dialog-header/index.js"),K=require("./ebay-dialog-base/components/dialog-footer/index.js"),ce=require("./icon-button-Cwaj-eT9.js");function G(a){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(n,r,l.get?l:{enumerable:!0,get:()=>a[r]})}}return n.default=a,Object.freeze(n)}const q=G(te),R=G(ne),h=({children:a})=>e.createElement(e.Fragment,null,a),le=({baseEl:a="div",classPrefix:n="drawer-dialog",windowClass:r,windowType:l,mainId:b,top:f,header:o,buttonPosition:c="right",children:p,ariaLabelledby:v,a11yCloseText:B,onCloseBtnClick:g=()=>{},footer:E,actions:d,onScroll:L,open:t=!1,onOpen:D=()=>{},onBackgroundClick:T=()=>{},ignoreEscape:J,closeButton:M,previousButton:Q,isModal:y,role:U="dialog",focus:I,transitionElement:V,animated:O,closeButtonClass:X,...S})=>{var H;const A=e.useRef(null),i=e.useRef(null),j=e.useRef(null),[Y,Z]=e.useState("");e.useEffect(()=>{Z(oe.randomId())},[]),e.useEffect(()=>{let s;const u=m=>{i.current&&!i.current.contains(m.target)&&T(m)};return t&&c!=="hidden"&&(s=window.setTimeout(()=>{document.addEventListener("click",u,!1)})),()=>{clearTimeout(s),document.removeEventListener("click",u,!1)}},[T,t]),e.useEffect(()=>(t&&y?(q.trap(i.current),R.trap(i.current)):(q.untrap(),R.untrap()),()=>{q.untrap(),R.untrap()}),[t,y]),re.useDialogAnimation({open:t,classPrefix:n,transitionElement:V,dialogRef:A,dialogWindowRef:i,enabled:O,onTransitionEnd:()=>C(t)});const w=s=>{!J&&s.key==="Escape"&&(s.stopPropagation(),g(s))};e.useEffect(()=>{O||C(t),t&&D()},[t]);function C(s){var u,m;if(s)return I?(u=I.current)==null||u.focus():y&&((m=j.current)==null||m.focus()),document.addEventListener("keydown",w,!1),()=>document.removeEventListener("keydown",w,!1)}const F=c!=="hidden"&&e.createElement("button",{ref:j,className:_("icon-btn",X,`${n}__close`,{"icon-btn--transparent":n==="toast-dialog"}),type:"button","aria-label":B,onClick:g},M||e.createElement(ae.EbayIcon,{name:"close16"})),x=l?`${n}__${l}-window`:`${n}__window`,W=((H=o==null?void 0:o.props)==null?void 0:H.id)||`dialog-title-${Y}`,P=v||W,N=o?e.cloneElement(o,{...o.props,id:W}):null;return e.createElement(a,{...S,"aria-labelledby":P,"aria-modal":"true",role:U,hidden:!t,className:_(n,S.className),"aria-live":y?void 0:"polite",ref:A,onKeyDown:w},e.createElement("div",{className:_(x,r),ref:i},f,N&&e.createElement("div",{className:`${n}__header`},Q,c==="right"&&N,c!=="bottom"&&F,(c==="left"||c==="hidden")&&N),e.createElement("div",{id:b,className:`${n}__main`,onScroll:L},p),d?e.createElement("div",{className:`${n}__actions`},d):null,E||c==="bottom"?e.createElement("div",{className:`${n}__footer`},E,c==="bottom"&&F):null))},se=({isModal:a,open:n,children:r,animated:l=!0,...b})=>{const f=a!==!1,o=e.Children.toArray(r),c=o.find(t=>t.type===z),p=o.find(t=>t.type===K),v=o.find(t=>t.type===$),B=o.find(t=>t.type===h),g=o.find(t=>t.type===k),E=o.filter(t=>![z,K,h,$,k].some(D=>D===t.type)),d=e.createElement(le,{...b,open:n,isModal:f,header:c,footer:p,actions:v,closeButton:B,previousButton:g,animated:l},E);return l||n?f?e.createElement(ee.RemoveScroll,{enabled:n},d):d:null},$=({children:a})=>e.createElement(e.Fragment,null,a),k=({className:a,icon:n,...r})=>e.createElement(ce.EbayIconButton,{...r,icon:n||"chevronLeft16",className:_(a,"lightbox-dialog__prev")});exports.DialogBaseWithState=se;exports.EbayDialogActions=$;exports.EbayDialogCloseButton=h;exports.EbayDialogPreviousButton=k;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o=require("react"),E=require("classnames"),f=require("./ebay-dialog-base/components/dialog-header/index.js"),H=require("./dialog-previous-button-CpuFLkQp.js");require("./icon-button-Cwaj-eT9.js");const T=30,t="drawer-dialog",$=({expanded:i=!1,noHandle:_,onClose:l=()=>{},onCollapsed:p=()=>{},onExpanded:y=()=>{},a11yMaximizeText:D,a11yMinimizeText:S,children:b,...d})=>{let a=[];const[c,w]=o.useState(i);o.useEffect(()=>{w(i)},[i]);const r=e=>{w(e),e?y():p()},x=e=>{a=Array.from(e.changedTouches).map(({identifier:s,pageY:n})=>({identifier:s,pageY:n}))},u=e=>{Array.from(e.changedTouches).forEach(({identifier:s})=>{const n=a.findIndex(h=>h.identifier===s);n>-1&&a.splice(n,1)})},C=e=>{a.length&&Array.from(e.changedTouches).forEach(({identifier:s,pageY:n})=>{const h=a.findIndex(B=>B.identifier===s),g=n-a[h].pageY;g>T?(c?r(!1):l(),u(e)):g<-T&&(r(!0),u(e))})},k=_?null:o.createElement("button",{"aria-label":c?S:D,className:`${t}__handle`,onClick:()=>r(!c),onScroll:()=>r(!0),onTouchStart:x,onTouchMove:C,onTouchEnd:u,type:"button"}),m=o.Children.toArray(b),q=m.find(({type:e})=>e===f),A=m.filter(({type:e})=>e!==f);return o.createElement(H.DialogBaseWithState,{...d,classPrefix:t,onCloseBtnClick:l,className:E(d.className,`${t}--mask-fade-slow`),windowClass:E(d.windowClass,`${t}__window`,`${t}__window--slide`,{[`${t}__window--expanded`]:c}),onBackgroundClick:l,top:k},q||o.createElement(f,null),A)};exports.EbayDrawerDialog=$;
|
|
@@ -1,26 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const React = require("react");
|
|
4
|
-
const classNames = require("classnames");
|
|
5
|
-
const ebayDialogBase_components_dialogFooter = require("../ebay-dialog-base/components/dialog-footer/index.js");
|
|
6
|
-
const dialogPreviousButton = require("../dialog-previous-button-EC_Y6KaT.js");
|
|
7
|
-
require("../icon-button-BQWoMgX1.js");
|
|
8
|
-
const button = require("../button-B4bZIgwB.js");
|
|
9
|
-
const classPrefix = "alert-dialog";
|
|
10
|
-
const EbayAlertDialog = ({ a11yCloseText = "Close Dialog", confirmText, onConfirm = () => {
|
|
11
|
-
}, ...rest }) => {
|
|
12
|
-
const confirmBtnRef = React.useRef(null);
|
|
13
|
-
const confirmId = "alert-dialog-confirm";
|
|
14
|
-
const mainId = "alert-dialog-main";
|
|
15
|
-
return React.createElement(
|
|
16
|
-
dialogPreviousButton.DialogBaseWithState,
|
|
17
|
-
{ focus: confirmBtnRef, ...rest, a11yCloseText, role: "alertdialog", classPrefix, ignoreEscape: true, mainId, buttonPosition: "hidden", className: classNames(rest.className, `${classPrefix}--mask-fade`), windowClass: `${classPrefix}__window ${classPrefix}__window--fade` },
|
|
18
|
-
rest.children,
|
|
19
|
-
React.createElement(
|
|
20
|
-
ebayDialogBase_components_dialogFooter,
|
|
21
|
-
null,
|
|
22
|
-
React.createElement(button.EbayButton, { priority: "primary", "aria-describedby": mainId, onClick: onConfirm, ref: confirmBtnRef, id: confirmId, className: "alert-dialog__acknowledge" }, confirmText)
|
|
23
|
-
)
|
|
24
|
-
);
|
|
25
|
-
};
|
|
26
|
-
exports.EbayAlertDialog = EbayAlertDialog;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),c=require("classnames"),d=require("../ebay-dialog-base/components/dialog-footer/index.js"),u=require("../dialog-previous-button-CpuFLkQp.js");require("../icon-button-Cwaj-eT9.js");const g=require("../button-DGuEBUDJ.js"),a="alert-dialog",m=({a11yCloseText:r="Close Dialog",confirmText:l,onConfirm:n=()=>{},...o})=>{const t=e.useRef(null),s="alert-dialog-confirm",i="alert-dialog-main";return e.createElement(u.DialogBaseWithState,{focus:t,...o,a11yCloseText:r,role:"alertdialog",classPrefix:a,ignoreEscape:!0,mainId:i,buttonPosition:"hidden",className:c(o.className,`${a}--mask-fade`),windowClass:`${a}__window ${a}__window--fade`},o.children,e.createElement(d,null,e.createElement(g.EbayButton,{priority:"primary","aria-describedby":i,onClick:n,ref:t,id:s,className:"alert-dialog__acknowledge"},l)))};exports.EbayAlertDialog=m;
|
package/ebay-badge/index.js
CHANGED
|
@@ -1,4 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const badge = require("../badge-CR5t7-2L.js");
|
|
4
|
-
exports.EbayBadge = badge.EbayBadge;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../badge-CoHKfiPt.js");exports.EbayBadge=e.EbayBadge;
|
|
@@ -1,47 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const React = require("react");
|
|
4
|
-
const classNames = require("classnames");
|
|
5
|
-
const icon = require("../icon-B17Di3YL.js");
|
|
6
|
-
const Breadcrumbs = ({ a11yHeadingText = "Page navigation", a11yHeadingTag = "h2", id = "ebay-breadcrumb", children: breadcrumbItems = [], className, onSelect = () => {
|
|
7
|
-
}, ...rest }) => {
|
|
8
|
-
const headingId = `${id}-breadcrumbs-heading`;
|
|
9
|
-
const lastItemIndex = React.Children.count(breadcrumbItems) - 1;
|
|
10
|
-
const A11yHeadingTag = a11yHeadingTag;
|
|
11
|
-
const anyLink = React.Children.toArray(breadcrumbItems).some((item) => item.props.href);
|
|
12
|
-
const tag = anyLink ? "a" : "button";
|
|
13
|
-
return React.createElement(
|
|
14
|
-
"nav",
|
|
15
|
-
{ ...rest, "aria-labelledby": headingId, className: classNames("breadcrumbs", className), role: "navigation" },
|
|
16
|
-
React.createElement(A11yHeadingTag, { id: headingId, className: "clipped" }, a11yHeadingText),
|
|
17
|
-
React.createElement("ul", null, React.Children.map(breadcrumbItems, (item, index) => {
|
|
18
|
-
const isLastItem = index === lastItemIndex;
|
|
19
|
-
const { href, children } = item.props;
|
|
20
|
-
const itemProps = {
|
|
21
|
-
tag,
|
|
22
|
-
isLastItem,
|
|
23
|
-
href,
|
|
24
|
-
children,
|
|
25
|
-
onClick: (event) => onSelect(event)
|
|
26
|
-
};
|
|
27
|
-
return React.cloneElement(item, itemProps);
|
|
28
|
-
}))
|
|
29
|
-
);
|
|
30
|
-
};
|
|
31
|
-
const BreadcrumbItem = ({ tag: Item = "button", isLastItem = false, href, children, onClick, ...rest }) => {
|
|
32
|
-
const isLink = Item === "a";
|
|
33
|
-
const itemAttr = {
|
|
34
|
-
...rest,
|
|
35
|
-
...isLastItem ? { "aria-current": "location" } : {},
|
|
36
|
-
href: isLink ? href : void 0,
|
|
37
|
-
onClick: isLink ? void 0 : onClick
|
|
38
|
-
};
|
|
39
|
-
return React.createElement(
|
|
40
|
-
"li",
|
|
41
|
-
null,
|
|
42
|
-
React.createElement(Item, { ...itemAttr }, children),
|
|
43
|
-
!isLastItem && React.createElement(icon.EbayIcon, { name: "chevronRight12" })
|
|
44
|
-
);
|
|
45
|
-
};
|
|
46
|
-
exports.EbayBreadcrumbItem = BreadcrumbItem;
|
|
47
|
-
exports.EbayBreadcrumbs = Breadcrumbs;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),v=require("classnames"),f=require("../icon-TuxfQndO.js"),k=({a11yHeadingText:t="Page navigation",a11yHeadingTag:r="h2",id:i="ebay-breadcrumb",children:n=[],className:l,onSelect:s=()=>{},...a})=>{const c=`${i}-breadcrumbs-heading`,d=e.Children.count(n)-1,u=r,m=e.Children.toArray(n).some(o=>o.props.href)?"a":"button";return e.createElement("nav",{...a,"aria-labelledby":c,className:v("breadcrumbs",l),role:"navigation"},e.createElement(u,{id:c,className:"clipped"},t),e.createElement("ul",null,e.Children.map(n,(o,b)=>{const h=b===d,{href:g,children:y}=o.props,E={tag:m,isLastItem:h,href:g,children:y,onClick:p=>s(p)};return e.cloneElement(o,E)})))},C=({tag:t="button",isLastItem:r=!1,href:i,children:n,onClick:l,...s})=>{const a=t==="a",c={...s,...r?{"aria-current":"location"}:{},href:a?i:void 0,onClick:a?void 0:l};return e.createElement("li",null,e.createElement(t,{...c},n),!r&&e.createElement(f.EbayIcon,{name:"chevronRight12"}))};exports.EbayBreadcrumbItem=C;exports.EbayBreadcrumbs=k;
|
package/ebay-button/index.js
CHANGED
|
@@ -1,5 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const button = require("../button-B4bZIgwB.js");
|
|
4
|
-
exports.EbayButton = button.EbayButton;
|
|
5
|
-
exports.EbayButtonCell = button.EbayButtonCell;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-DGuEBUDJ.js");exports.EbayButton=t.EbayButton;exports.EbayButtonCell=t.EbayButtonCell;
|
package/ebay-calendar/index.js
CHANGED
|
@@ -1,4 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const calendar = require("../calendar-D-DWjrMU.js");
|
|
4
|
-
exports.EbayCalendar = calendar.EbayCalendar;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../calendar-lAu6VfAb.js");exports.EbayCalendar=e.EbayCalendar;
|