@ebay/ui-core-react 8.2.1 → 8.3.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 -1
- package/{button-DpMwH1cr.js → button-C3RhAySI.js} +1 -1
- package/{calendar-BZZF3Pad.js → calendar-D91b1JOr.js} +1 -1
- package/{checkbox-Bb3s3Jof.js → checkbox-BziMKlXl.js} +1 -1
- package/chip-CFq5Sx2d.js +1 -0
- package/dialog-previous-button-ns64Jg1v.js +1 -0
- package/ebay-accordion/index.js +1 -1
- package/ebay-alert-dialog/index.js +1 -1
- package/ebay-avatar/index.js +1 -1
- package/ebay-breadcrumbs/index.js +1 -1
- package/ebay-button/index.js +1 -1
- package/ebay-calendar/index.js +1 -1
- package/ebay-carousel/carousel.d.ts.map +1 -1
- package/ebay-carousel/index.js +1 -1
- package/ebay-checkbox/index.js +1 -1
- package/ebay-chip/index.js +1 -1
- package/ebay-chips-combobox/index.js +1 -1
- package/ebay-confirm-dialog/confirm-dialog.d.ts +2 -1
- package/ebay-confirm-dialog/confirm-dialog.d.ts.map +1 -1
- package/ebay-confirm-dialog/index.js +1 -1
- package/ebay-cta-button/index.js +1 -1
- package/ebay-date-textbox/index.js +1 -1
- package/ebay-details/index.js +1 -1
- package/{ebay-details-Bam0o8vd.js → ebay-details-Co3xp8NP.js} +1 -1
- package/ebay-dialog-base/components/dialogBase.d.ts +4 -3
- package/ebay-dialog-base/components/dialogBase.d.ts.map +1 -1
- package/ebay-dialog-base/index.d.ts +1 -0
- package/ebay-dialog-base/index.d.ts.map +1 -1
- package/ebay-dialog-base/index.js +1 -1
- package/ebay-dialog-base/types.d.ts +4 -0
- package/ebay-dialog-base/types.d.ts.map +1 -0
- package/ebay-drawer-dialog-deprecated/index.js +1 -1
- package/ebay-education-notice/index.js +1 -1
- package/ebay-eek/index.js +1 -1
- package/ebay-fake-menu/index.js +1 -1
- package/ebay-fake-menu-button/index.js +1 -1
- package/ebay-file-preview-card/README.md +69 -0
- package/ebay-file-preview-card/file-preview-action.d.ts +15 -0
- package/ebay-file-preview-card/file-preview-action.d.ts.map +1 -0
- package/ebay-file-preview-card/file-preview-card.d.ts +23 -0
- package/ebay-file-preview-card/file-preview-card.d.ts.map +1 -0
- package/ebay-file-preview-card/file-preview-content.d.ts +10 -0
- package/ebay-file-preview-card/file-preview-content.d.ts.map +1 -0
- package/ebay-file-preview-card/file-preview-label.d.ts +9 -0
- package/ebay-file-preview-card/file-preview-label.d.ts.map +1 -0
- package/ebay-file-preview-card/index.d.ts +3 -0
- package/ebay-file-preview-card/index.d.ts.map +1 -0
- package/ebay-file-preview-card/index.js +1 -0
- package/ebay-file-preview-card/types.d.ts +18 -0
- package/ebay-file-preview-card/types.d.ts.map +1 -0
- package/ebay-filter-menu/index.js +1 -1
- package/ebay-filter-menu-button/index.js +1 -1
- package/ebay-fullscreen-dialog-deprecated/fullscreen-dialog.d.ts +2 -1
- package/ebay-fullscreen-dialog-deprecated/fullscreen-dialog.d.ts.map +1 -1
- package/ebay-fullscreen-dialog-deprecated/index.js +1 -1
- package/ebay-icon/index.js +1 -1
- package/ebay-icon-button/index.js +1 -1
- package/ebay-infotip/index.js +1 -1
- package/ebay-inline-notice/index.js +1 -1
- package/ebay-lightbox-dialog/index.js +1 -1
- package/ebay-lightbox-dialog/lightbox-dialog.d.ts +2 -1
- package/ebay-lightbox-dialog/lightbox-dialog.d.ts.map +1 -1
- package/ebay-listbox/index.js +1 -1
- package/ebay-listbox-button/index.js +1 -1
- package/ebay-menu/index.js +1 -1
- package/ebay-menu-button/index.js +1 -1
- package/ebay-page-notice/index.js +1 -1
- package/ebay-pagination/index.js +1 -1
- package/ebay-panel-dialog/index.js +1 -1
- package/ebay-panel-dialog/panel-dialog.d.ts +2 -1
- package/ebay-panel-dialog/panel-dialog.d.ts.map +1 -1
- package/ebay-progress-bar-expressive/README.md +52 -0
- package/ebay-progress-bar-expressive/index.d.ts +3 -0
- package/ebay-progress-bar-expressive/index.d.ts.map +1 -0
- package/ebay-progress-bar-expressive/index.js +1 -0
- package/ebay-progress-bar-expressive/progress-bar-expressive-message.d.ts +10 -0
- package/ebay-progress-bar-expressive/progress-bar-expressive-message.d.ts.map +1 -0
- package/ebay-progress-bar-expressive/progress-bar-expressive.d.ts +7 -0
- package/ebay-progress-bar-expressive/progress-bar-expressive.d.ts.map +1 -0
- package/ebay-progress-spinner/index.js +1 -1
- package/ebay-progress-stepper/index.js +1 -1
- package/ebay-radio/index.js +1 -1
- package/ebay-section-notice/index.js +1 -1
- package/ebay-segmented-buttons/index.js +1 -1
- package/ebay-select/index.js +1 -1
- package/ebay-snackbar-dialog/index.js +1 -1
- package/ebay-split-button/index.js +1 -1
- package/ebay-star-rating/index.js +1 -1
- package/ebay-star-rating-select/index.js +1 -1
- package/ebay-svg/index.js +1 -1
- package/ebay-table/index.js +1 -1
- package/ebay-textbox/index.js +1 -1
- package/ebay-toast-dialog/components/toast.d.ts +3 -2
- package/ebay-toast-dialog/components/toast.d.ts.map +1 -1
- package/ebay-toast-dialog/index.js +1 -1
- package/ebay-toggle-button/index.js +1 -1
- package/ebay-toggle-button-group/index.js +1 -1
- package/ebay-tooltip/index.js +1 -1
- package/ebay-tourtip/index.js +1 -1
- package/ebay-tri-state-checkbox/index.js +1 -1
- package/ebay-video/index.js +1 -1
- package/filter-menu-Drtczmts.js +1 -0
- package/forwardRef-DBQKIlPy.js +1 -0
- package/{icon-button-CZtp0khK.js → icon-button-DPIjQGta.js} +1 -1
- package/icon-hO_8pLp7.js +1 -0
- package/{lightbox-dialog-D_Uf6lg5.js → lightbox-dialog-2MA5lJCC.js} +1 -1
- package/{menu-D2zjriWy.js → menu-Bn7XgUPD.js} +1 -1
- package/menu-button-label-DYmCCAX3.js +1 -0
- package/menu-button-label-gQ_TH2Br.js +1 -0
- package/{menu-item-C3XRMJzc.js → menu-item-Bh7_6CFn.js} +1 -1
- package/package.json +1 -1
- package/{progress-spinner-B8eg-zDH.js → progress-spinner-CTs1iaUV.js} +1 -1
- package/{radio-wp0-bMIM.js → radio-D1pzF7Mn.js} +1 -1
- package/random-id-DlJj_RWH.js +1 -0
- package/reduced-motion-CMIhlQVx.js +1 -0
- package/{textbox-4AxUUs5r.js → textbox-XeJt9mMq.js} +1 -1
- package/{toggle-button-Bzon4-mn.js → toggle-button-CugK7Hwz.js} +1 -1
- package/{tri-state-checkbox-BX-snR_a.js → tri-state-checkbox-f-0yBnVG.js} +1 -1
- package/{use-tooltip-8T32Ki1f.js → use-tooltip-BTMlwcb6.js} +1 -1
- package/utils/index.d.ts +1 -0
- package/utils/index.d.ts.map +1 -1
- package/utils/index.js +1 -1
- package/utils/reduced-motion.d.ts +3 -0
- package/utils/reduced-motion.d.ts.map +1 -0
- package/chip-CaMakGa6.js +0 -1
- package/dialog-previous-button-vXOjDN7l.js +0 -1
- package/filter-menu-CF5Lvzqu.js +0 -1
- package/forwardRef-irqyO_PF.js +0 -1
- package/icon-CeLPlCml.js +0 -1
- package/menu-button-label-C_SUnCJn.js +0 -1
- package/menu-button-label-Ck5QyJG2.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AACnG,cAAc,SAAS,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),_=require("../icon-button-DPIjQGta.js"),T=require("../menu-button-label-gQ_TH2Br.js"),w=require("../menu-Bn7XgUPD.js"),x=require("classnames"),q=require("../progress-spinner-CTs1iaUV.js"),g=require("../icon-hO_8pLp7.js"),I=({status:t,menuActions:r,onMenuAction:l,deleteText:v,onCancel:a,onDelete:i,a11yCancelUploadText:p})=>{const u=(n,c)=>{var o;if(c){const s=(o=c.checked)===null||o===void 0?void 0:o[0],m=r&&s!==void 0&&s in r?r[s].event:null;m&&l?l(n,Object.assign(Object.assign({},c),{eventName:m})):i&&i(n)}};return t==="uploading"?e.createElement(_.EbayIconButton,{"aria-label":p,onClick:a,className:"file-preview-card__action",icon:"close16"}):r!=null&&r.length?e.createElement(e.Fragment,null,e.createElement(T.EbayMenuButton,{variant:"overflow",className:"file-preview-card__action",onSelect:u},r.map(n=>e.createElement(w.EbayMenuItem,{value:n.event,key:n.label},n.label)),e.createElement(w.EbayMenuItem,{key:"delete",value:"delete"},v))):e.createElement(_.EbayIconButton,{"aria-label":v,className:"file-preview-card__action",icon:"delete16",onClick:i})},h=({file:t,status:r,seeMore:l})=>{if(r==="uploading")return e.createElement(q.EbayProgressSpinner,{className:"file-preview-card__asset"});switch(t==null?void 0:t.type){case"video":return e.createElement("video",{className:"file-preview-card__asset",src:t.src});case"image":return e.createElement("img",{className:x("file-preview-card__asset",{"file-preview-card__asset--fade":l&&l>0}),src:t==null?void 0:t.src,alt:t==null?void 0:t.name});default:return e.createElement(g.EbayIcon,{name:"file24",className:"file-preview-card__asset"})}},k=({file:t,infoText:r})=>t&&t.type!=="image"?e.createElement("div",{className:"file-preview-card__info"},t.type==="video"&&e.createElement(g.EbayIcon,{name:"play16",className:"file-preview-card__video-icon"}),r||t.name.substring(t.name.lastIndexOf(".")+1).toUpperCase()):e.createElement(e.Fragment,null),O=t=>{var{a11yCancelUploadText:r,status:l,as:v="div",file:a,seeMore:i,deleteText:p,footerTitle:u,footerSubtitle:n,a11ySeeMoreText:c,menuActions:o,infoText:s,onCancel:m,onDelete:N,onMenuAction:M,onSeeMore:S}=t,C=F.__rest(t,["a11yCancelUploadText","status","as","file","seeMore","deleteText","footerTitle","footerSubtitle","a11ySeeMoreText","menuActions","infoText","onCancel","onDelete","onMenuAction","onSeeMore"]);const y=e.useMemo(()=>{var E,b;if(!a)return;let f=a,d;return!((E=a==null?void 0:a.type)===null||E===void 0)&&E.startsWith("image")?d="image":!((b=a==null?void 0:a.type)===null||b===void 0)&&b.startsWith("video")&&(d="video"),a instanceof File&&(f={name:a.name,type:d,src:d?URL.createObjectURL(a):void 0}),f.type=d,f},[a]);return e.createElement(v,Object.assign({className:"file-preview-card"},C),e.createElement("div",{className:"file-preview-card__body"},e.createElement(h,{file:y,status:l,seeMore:i}),i&&i>0?e.createElement("button",{type:"button",className:"file-preview-card__see-more",onClick:S,"aria-label":c},e.createElement("span",null,"+",i)):e.createElement(I,{a11yCancelUploadText:r,status:l,menuActions:o,onMenuAction:M,deleteText:p,onCancel:m,onDelete:N}),e.createElement(k,{file:y,infoText:s})),u&&e.createElement("div",{className:"file-preview-card__footer"},e.createElement("span",null,u),n&&e.createElement("span",null,n)))};exports.EbayFilePreviewCard=O;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { EbayEventHandler } from '../common/event-utils/types';
|
|
2
|
+
export type FilePreviewCardMenuAction = {
|
|
3
|
+
event: string;
|
|
4
|
+
label: string;
|
|
5
|
+
};
|
|
6
|
+
export type FilePreviewType = {
|
|
7
|
+
name: string;
|
|
8
|
+
type?: File['type'];
|
|
9
|
+
src?: string;
|
|
10
|
+
};
|
|
11
|
+
type MenuActionEventData = {
|
|
12
|
+
index: number;
|
|
13
|
+
checked: number[];
|
|
14
|
+
eventName?: string;
|
|
15
|
+
};
|
|
16
|
+
export type FilePreviewCardMenuActionHandler = EbayEventHandler<HTMLElement, MenuActionEventData>;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-file-preview-card/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAE9D,MAAM,MAAM,yBAAyB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,mBAAmB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,gCAAgC,GAAG,gBAAgB,CAC3D,WAAW,EACX,mBAAmB,CACtB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../filter-menu-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../filter-menu-Drtczmts.js");exports.EbayFilterMenu=e.EbayFilterMenu;exports.EbayFilterMenuFooterButton=e.EbayFilterMenuFooterButton;exports.EbayFilterMenuItem=e.EbayFilterMenuItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),q=require("classnames"),b=require("../dropdown-BLiIyhWy.js"),w=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),q=require("classnames"),b=require("../dropdown-BLiIyhWy.js"),w=require("../icon-hO_8pLp7.js"),a=require("../filter-menu-Drtczmts.js"),N=require("../utils-C9NL3q0j.js"),B=u=>{var{className:d,text:p,"aria-label":y,onExpand:f,onCollapse:E,onChange:l,children:i}=u,o=S.__rest(u,["className","text","aria-label","onExpand","onCollapse","onChange","children"]);const c=n.useRef(null),h=N.filterByType(i,a.EbayFilterMenuItem),[v,F]=n.useState(()=>h.some(t=>t.props.checked)),{isExpanded:_,collapse:r}=b.useExpander({ref:c,options:{hostSelector:".filter-menu-button__button",contentSelector:".filter-menu-button__menu",focusManagement:"interactive",expandOnClick:!0,autoCollapse:!0,alwaysDoFocusManagement:!0},onExpand:f,onCollapse:E}),{overlayStyles:M,refs:m}=b.useFloatingDropdown({open:_}),C=t=>{var e;(e=o.onKeyDown)===null||e===void 0||e.call(o,t),t.key==="Escape"&&r()},g=(...t)=>{var e;(e=o.onFormSubmit)===null||e===void 0||e.call(o,...t),r()},x=(...t)=>{var e;(e=o.onFooterClick)===null||e===void 0||e.call(o,...t),r()},k=(t,e)=>{var s;l==null||l(t,e),F(((s=e.checked)===null||s===void 0?void 0:s.length)>0)};return n.createElement("span",{ref:c,className:q("filter-menu-button",d)},n.createElement("button",{type:"button",className:"filter-menu-button__button",ref:m.setHost,"aria-expanded":"false","aria-haspopup":"true","aria-label":y,"aria-pressed":v},n.createElement("span",{className:"filter-menu-button__button-cell"},n.createElement("span",{className:"filter-menu-button__button-text"},p),n.createElement(w.EbayIcon,{name:"chevronDown12"}))),n.createElement(a.EbayFilterMenu,Object.assign({},o,{onChange:k,classPrefix:"filter-menu-button",onKeyDown:C,onFooterClick:x,onFormSubmit:g,ref:m.setOverlay,style:M}),i))};exports.EbayFilterMenuFooterButton=a.EbayFilterMenuFooterButton;exports.EbayFilterMenuItem=a.EbayFilterMenuItem;exports.EbayFilterMenuButton=B;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { DialogBaseProps } from '../ebay-dialog-base';
|
|
3
|
+
import { DialogCloseEventHandler } from '../ebay-dialog-base/types';
|
|
3
4
|
export interface Props<T = any> extends DialogBaseProps<T> {
|
|
4
5
|
open?: boolean;
|
|
5
|
-
onClose?:
|
|
6
|
+
onClose?: DialogCloseEventHandler;
|
|
6
7
|
}
|
|
7
8
|
declare const EbayFullscreenDialogDeprecated: FC<Props>;
|
|
8
9
|
export default EbayFullscreenDialogDeprecated;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fullscreen-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-fullscreen-dialog-deprecated/fullscreen-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"fullscreen-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-fullscreen-dialog-deprecated/fullscreen-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAInE,MAAM,WAAW,KAAK,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,uBAAuB,CAAC;CACnC;AAED,QAAA,MAAM,8BAA8B,EAAE,EAAE,CAAC,KAAK,CAkB7C,CAAA;AAED,eAAe,8BAA8B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../tslib.es6-C4EgNkz1.js"),c=require("react"),t=require("classnames"),u=require("../dialog-previous-button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../tslib.es6-C4EgNkz1.js"),c=require("react"),t=require("classnames"),u=require("../dialog-previous-button-ns64Jg1v.js");require("../icon-button-DPIjQGta.js");const e="fullscreen-dialog",d=s=>{var{open:o,onClose:a=()=>{},className:n,animated:i}=s,l=r.__rest(s,["open","onClose","className","animated"]);return c.createElement(u.DialogBaseWithState,Object.assign({},l,{classPrefix:e,buttonPosition:"right",onCloseBtnClick:a,transitionElement:"window",animated:i,className:t(n,`${e}--mask-fade-slow`),windowClass:t(`${e}__window`,`${e}__window--slide`),open:o}))};exports.EbayFullscreenDialogDeprecated=d;
|
package/ebay-icon/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../icon-hO_8pLp7.js");exports.EbayIcon=e.EbayIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../icon-button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../icon-button-DPIjQGta.js");exports.EbayIconButton=t.EbayIconButton;
|
package/ebay-infotip/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),R=require("classnames"),d=require("../utils-C9NL3q0j.js"),l=require("../use-tooltip-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),R=require("classnames"),d=require("../utils-C9NL3q0j.js"),l=require("../use-tooltip-BTMlwcb6.js"),P=require("../dialog-previous-button-ns64Jg1v.js");require("react-remove-scroll");require("makeup-screenreader-trap");require("makeup-keyboard-trap");const F=require("../icon-hO_8pLp7.js");require("../icon-button-DPIjQGta.js");const $=require("classnames/dedupe"),D=require("../forwardRef-DBQKIlPy.js"),B=require("../lightbox-dialog-2MA5lJCC.js"),M=t=>{var{icon:n,className:o,children:i,forwardedRef:p,variant:f}=t,a=g.__rest(t,["icon","className","children","forwardedRef","variant"]);const u=f==="modal"?"dialog--mini":"infotip",s=e.createElement(F.EbayIcon,{name:n}),r=i instanceof Function?i({icon:s}):i;return e.createElement("button",Object.assign({},a,{className:$("icon-btn icon-btn--transparent",o,`${u}__host`),type:"button",ref:p}),r||s)},E=D.withForwardRef(M),S=({variant:t="default",pointer:n,overlayStyle:o,disabled:i,onExpand:p,onCollapse:f,children:a,initialExpanded:u,icon:s="information16",a11yCloseText:r,"aria-label":H,className:j})=>{const y=e.useRef(),{isExpanded:c,expandTooltip:v,collapseTooltip:m}=l.useTooltip({onCollapse:f,onExpand:p,initialExpanded:u,hostRef:y}),b=t==="modal",O=e.useRef(),h=d.findComponent(a,T),q=d.findComponent(a,w),C=d.findComponent(a,E)||e.createElement(E),x=()=>{c?m():v()};if(!q)throw new Error("EbayInfotip: Please use a EbayInfotipContent that defines the content of the infotip");const I=q.props,{children:_}=I,N=g.__rest(I,["children"]);return e.createElement(e.Fragment,null,e.createElement(l.Tooltip,{type:"infotip",isExpanded:c,className:R(j,{"dialog--mini":b}),ref:O},e.createElement(l.TooltipHost,null,e.cloneElement(C,Object.assign({ref:y,onClick:x,disabled:i,variant:t,"aria-label":H,"aria-expanded":c,icon:s},C.props))),!b&&e.createElement(l.TooltipContent,Object.assign({},N,{type:"infotip",style:o,pointer:n,showCloseButton:!0,a11yCloseText:r,onClose:m}),h,_)),b&&e.createElement(B.EbayLightboxDialog,Object.assign({},N,{open:c,onClose:m,a11yCloseText:r,className:"dialog--mini__overlay"}),e.createElement(P.EbayDialogHeader,null,h),_))},T=t=>{var{className:n}=t,o=g.__rest(t,["className"]);return e.createElement("span",Object.assign({},o,{className:R("infotip__heading",n)}))},w=({children:t})=>e.createElement(e.Fragment,null,t);exports.EbayInfotip=S;exports.EbayInfotipContent=w;exports.EbayInfotipHeading=T;exports.EbayInfotipHost=E;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),E=require("classnames"),c=require("../notice-content-C0ZStfuX.js"),d=require("../notice-content-9iF4T8uB.js"),y=require("../utils-C9NL3q0j.js"),m=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),E=require("classnames"),c=require("../notice-content-C0ZStfuX.js"),d=require("../notice-content-9iF4T8uB.js"),y=require("../utils-C9NL3q0j.js"),m=require("../icon-hO_8pLp7.js"),h=i=>{var{className:r,status:t="general",children:s,hidden:n=!1,"aria-label":l,onNoticeShow:u=()=>{}}=i,b=N.__rest(i,["className","status","children","hidden","aria-label","onNoticeShow"]);if(e.useEffect(()=>{n||u()},[n]),n)return null;const a=y.findComponent(s,c.EbayNoticeContent);if(!a)throw new Error("EbayInlineNotice: Please use a EbayNoticeContent that defines the content of the notice");const o=t==="general";return e.createElement("div",Object.assign({},b,{className:E(r,"inline-notice",{[`inline-notice--${t}`]:!o})}),o?null:e.createElement("span",{className:"inline-notice__header"},e.createElement(m.EbayIcon,{name:`${t}Filled16`,a11yText:l,a11yVariant:"label"})),e.createElement(d.NoticeContent,Object.assign({},a.props,{type:"inline"})))};exports.EbayNoticeContent=c.EbayNoticeContent;exports.EbayInlineNotice=h;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../lightbox-dialog-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../lightbox-dialog-2MA5lJCC.js");exports.EbayLightboxDialog=o.EbayLightboxDialog;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { CSSProperties, FC } from 'react';
|
|
2
2
|
import { DialogBaseProps } from '../ebay-dialog-base';
|
|
3
|
+
import { DialogCloseEventHandler } from '../ebay-dialog-base/types';
|
|
3
4
|
type Mode = 'default' | 'mini';
|
|
4
5
|
type Size = 'wide' | 'narrow' | 'fullscreen' | 'large';
|
|
5
6
|
export type Props<T = any> = Omit<DialogBaseProps<T>, 'size'> & {
|
|
@@ -8,7 +9,7 @@ export type Props<T = any> = Omit<DialogBaseProps<T>, 'size'> & {
|
|
|
8
9
|
size?: Size;
|
|
9
10
|
bannerImgSrc?: string;
|
|
10
11
|
bannerImgPosition?: CSSProperties['backgroundPosition'];
|
|
11
|
-
onClose?:
|
|
12
|
+
onClose?: DialogCloseEventHandler;
|
|
12
13
|
};
|
|
13
14
|
declare const EbayLightboxDialog: FC<Props>;
|
|
14
15
|
export default EbayLightboxDialog;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lightbox-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-lightbox-dialog/lightbox-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,
|
|
1
|
+
{"version":3,"file":"lightbox-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-lightbox-dialog/lightbox-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EACV,aAAa,EACb,EAAE,EACL,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAGnE,KAAK,IAAI,GAAG,SAAS,GAAG,MAAM,CAAA;AAC9B,KAAK,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAA;AAEtD,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IAC9D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACxD,OAAO,CAAC,EAAE,uBAAuB,CAAC;CACnC,CAAA;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAwCjC,CAAA;AACD,eAAe,kBAAkB,CAAA"}
|
package/ebay-listbox/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),M=require("makeup-active-descendant"),m=require("makeup-typeahead"),y=require("classnames"),T=require("../utils-C9NL3q0j.js"),B=require("../scroll-OgAngNzq.js"),F=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),M=require("makeup-active-descendant"),m=require("makeup-typeahead"),y=require("classnames"),T=require("../utils-C9NL3q0j.js"),B=require("../scroll-OgAngNzq.js"),F=require("../icon-hO_8pLp7.js"),k=o=>{var{children:i,className:p}=o,f=I.__rest(o,["children","className"]);return e.createElement("div",Object.assign({className:y("listbox__description",p)},f),i)},q=o=>{var{className:i,icon:p,text:f,children:b,disabled:E,tabIndex:g,selected:c}=o,_=I.__rest(o,["className","icon","text","children","disabled","tabIndex","selected"]);const s=T.filterByType(b,k),v=f||(s!=null&&s.length?"":b);return e.createElement("div",Object.assign({},_,{tabIndex:E?-1:g,className:y("listbox__option",i),"aria-disabled":E,"aria-selected":c,role:"option"}),p?e.createElement("span",{className:"listbox__value"},p,v?e.createElement("span",null,v):null,s!=null&&s.length?s:null):e.createElement(e.Fragment,null,e.createElement("span",{className:"listbox__value"},v),s!=null&&s.length?s:null),e.createElement(F.EbayIcon,{name:"tick16"}))};var D;const{default:K=m}=(D=m==null?void 0:m.default)!=null&&D.__esModule?m.default:m,P=1300,G=o=>{var i,{name:p,className:f,disabled:b,children:E,tabIndex:g=0,listSelection:c,maxHeight:_,typeaheadTimeoutLength:s,selectClassName:v,onChange:R=()=>{},onEscape:w=()=>{}}=o,S=I.__rest(o,["name","className","disabled","children","tabIndex","listSelection","maxHeight","typeaheadTimeoutLength","selectClassName","onChange","onEscape"]);const l=T.filterByType(E,q),N=l.findIndex(t=>t.props.selected),[u,L]=e.useState(l.findIndex(t=>t.props.selected));e.useEffect(()=>{N!==u&&L(N)},[N]);const r=e.useRef(),d=e.useRef(),h=e.useRef(),x=e.useRef(!1);function C(t,n,a){n===u||l[n].props.disabled||(L(n),R(t,{index:n,selected:[l[n].props.value],wasClicked:a}))}function j(t){switch(t.code){case"Esc":case"Escape":w();break;case"Space":case"Enter":C(t,d.current.index,!1);break}const n=h.current.getIndex(r.current.children,t.key,s||P);if(n!==-1){d.current.index=n;const a=r.current.querySelectorAll("[role=option]")[n];r.current.scrollTop=a.offsetTop-r.current.offsetHeight/2}}function A(){x.current=!0}return e.useEffect(()=>{const t=n=>{const a=parseInt(n.detail.toIndex,10),O=r.current?r.current.querySelectorAll("[role=option]")[u]:null,H=x.current;B.scroll(O),x.current&&(x.current=!1),C(n,a,H)};if(l.length&&!b){const n=r.current,a=r.current;d.current=M.createLinear(n,a,a,".listbox__option[role=option]",{activeDescendantClassName:"listbox__option--active",autoInit:u,autoReset:null,autoScroll:c!=="auto"}),h.current=K()}return c==="auto"&&r.current.addEventListener("activeDescendantChange",t),()=>{d.current&&(d.current.reset(),d.current.destroy(),d.current=void 0),h.current&&(h.current.destroy(),h.current=void 0),r.current&&r.current.removeEventListener("activeDescendantChange",t)}},[u,b,c]),e.createElement(e.Fragment,null,e.createElement("div",Object.assign({},S,{tabIndex:g,ref:r,role:"listbox",onKeyDown:c!=="auto"?j:void 0,className:y("listbox__options",f),style:{maxHeight:_}}),l.map((t,n)=>e.cloneElement(t,Object.assign(Object.assign({key:t.props.value||n},t.props),{onMouseDown:c==="auto"?A:void 0,onClick:a=>{c!=="auto"&&C(a,n,!0)},selected:n===u})))),e.createElement("select",{hidden:!0,className:y("listbox__native",v),name:p,disabled:b,value:(i=l[u])===null||i===void 0?void 0:i.props.value,onChange:()=>{}},l.map((t,n)=>e.createElement("option",{key:t.props.value||n,value:t.props.value,disabled:t.props.disabled}))))};exports.EbayListbox=G;exports.EbayListboxOption=q;exports.EbayListboxOptionDescription=k;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const U=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),N=require("classnames"),$=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const U=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),N=require("classnames"),$=require("../icon-hO_8pLp7.js"),ve=require("../utils-C9NL3q0j.js"),xe=require("../dropdown-BLiIyhWy.js"),V=u=>{var{value:p,children:v,selected:x,onClick:b,index:g,innerRef:E,className:y}=u,O=U.__rest(u,["value","children","selected","onClick","index","innerRef","className"]);const k=N("listbox-button__option",y,{"listbox-button__option--active":x});return n.createElement("div",Object.assign({},O,{className:k,role:"option","aria-selected":x,ref:E,onClick:d=>{b(d,p,g)}}),n.createElement("span",{className:"listbox-button__value"},v),n.createElement($.EbayIcon,{name:"tick16"}))},ge=u=>{var p,{children:v,name:x,value:b,selected:g,borderless:E,fluid:y,className:O,maxHeight:k,prefixId:d,prefixLabel:L,floatingLabel:_,unselectedText:W="-",onChange:S=()=>{},onCollapse:z=()=>{},onExpand:G=()=>{}}=u,J=U.__rest(u,["children","name","value","selected","borderless","fluid","className","maxHeight","prefixId","prefixLabel","floatingLabel","unselectedText","onChange","onCollapse","onExpand"]);const i=n.useRef(null),C=n.useRef(new Map),l=ve.filterByType(v,V);if(!l.length)throw new Error(`EbayListboxButton: Please use a
|
|
2
2
|
EbayListboxButtonOption that defines the options of the listbox`);const Q=()=>{const e=g!==void 0?g:l.findIndex(({props:s})=>b!==void 0&&s.value===b),t=e>-1||_?e:void 0;return{option:l[t],index:t}},{option:T,index:D}=Q(),[a,f]=n.useState(T),[o,I]=n.useState(D),[m,R]=n.useState(),[X,Y]=n.useState(!1),[H,A]=n.useState(),{overlayStyles:Z,refs:h}=xe.useFloatingDropdown({open:m}),w=h.host,ee=h.overlay;n.useEffect(()=>{f(T)},[b]);const c=n.Children.toArray(v),q=e=>c[e].props.value,te=n.useCallback(e=>c.findIndex(({props:t})=>t.value===e),[c]),ne=e=>C.current.get(e),r=()=>{R(!1),z()},oe=()=>{R(!0),G()},se=()=>{m?r():oe()},j=(e,t)=>{f(c[t]),I(t),r(),w.current.focus(),S(e,{index:t,selected:[q(t)],wasClicked:H}),A(!1)},ae=()=>{r(),f(c[D])},le=e=>{const t=i.current.children[e];t.setAttribute("aria-selected","true"),t.classList.add("listbox-button__option--active")},ce=e=>{const t=i.current.children[e];t.setAttribute("aria-selected","false"),t.classList.remove("listbox-button__option--active")},ie=e=>{const t=ee.current,s=ne(e);if(t.scrollHeight>t.clientHeight){const me=t.clientHeight+t.scrollTop,M=s.offsetTop+s.offsetHeight;M>me?t.scrollTop=M-t.clientHeight:s.offsetTop<t.scrollTop&&(t.scrollTop=s.offsetTop)}},P=e=>{le(o===void 0||e===-1?0:e),ce(o===void 0||o===-1?0:o),ie(e),I(e),f(c[e])},F=e=>setTimeout(()=>{var t;return(t=i==null?void 0:i.current)===null||t===void 0?void 0:t.focus(e)},0),re=()=>{se(),F({preventScroll:!0})},ue=e=>{switch(e.key){case"Escape":r();break;case"Enter":F();break}},pe=e=>{switch(e.key){case" ":case"PageUp":case"PageDown":case"Home":case"End":e.preventDefault();break;case"Down":case"ArrowDown":e.preventDefault(),o!==l.length-1&&P(o<l.length-1?o+1:0);break;case"Up":case"ArrowUp":e.preventDefault(),o!==0&&P(o>0?o-1:l.length-1);break;case"Enter":r(),setTimeout(()=>f(c[o])),setTimeout(()=>w.current.focus(),0),S(e,{index:o,selected:[q(o)],wasClicked:H});break;case"Esc":case"Escape":ae();break}},B=l.map((e,t)=>n.cloneElement(e,{index:t,key:t,selected:a&&e.props.value===a.props.value,id:e.props.id||`listbox_btn_${e.props.value}_${t}`,onClick:s=>j(s,t),innerRef:s=>s?C.current.set(t,s):C.current.delete(t)})),be=N("listbox-button",O,{"listbox-button--fluid":y}),de=N("btn",{"btn--form":!E,"btn--borderless":E,"btn--floating-label":_&&a}),K=d&&"expand-btn-text",fe=n.createElement(n.Fragment,null,_&&n.createElement("span",{className:"btn__floating-label"},_),L&&n.createElement("span",{className:"btn__label"},L),n.createElement("span",{className:"btn__text",id:K},(a==null?void 0:a.props.children)||W));return n.createElement("span",{className:be},n.createElement("button",Object.assign({},J,{onFocus:()=>Y(!0),type:"button",className:de,"aria-expanded":!!m,"aria-haspopup":"listbox","aria-labelledby":d&&`${d} ${K}`,onClick:re,onMouseDown:e=>e.preventDefault(),onKeyUp:ue,ref:h.setHost}),n.createElement("span",{className:"btn__cell"},fe,n.createElement($.EbayIcon,{name:"chevronDown12"}))),(m||X)&&n.createElement("div",{className:"listbox-button__listbox",ref:h.setOverlay,style:Object.assign(Object.assign({},Z),{maxHeight:k})},n.createElement("div",{className:"listbox-button__options",role:"listbox",tabIndex:m?0:-1,ref:i,"aria-activedescendant":(p=B[o])===null||p===void 0?void 0:p.props.id,onKeyDown:e=>pe(e),onMouseDown:e=>{e.preventDefault(),A(!0)},onBlur:()=>{r(),setTimeout(()=>w.current.focus(),0)}},B)),n.createElement("select",{hidden:!0,className:"listbox-button__native",name:x,onChange:e=>j(e,te(e.target.value)),value:a?a==null?void 0:a.props.value:""},B.map((e,t)=>n.createElement("option",{value:e.props.value,key:t}))))};exports.EbayListboxButton=ge;exports.EbayListboxButtonOption=V;
|
package/ebay-menu/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../menu-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../menu-Bn7XgUPD.js"),s=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),u=require("classnames"),c=e=>{var{className:a}=e,t=s.__rest(e,["className"]);return n.createElement("hr",Object.assign({},t,{className:u(a,"menu__separator"),role:"separator"}))};exports.EbayMenu=r.EbayMenu;exports.EbayMenuItem=r.EbayMenuItem;exports.EbayMenuSeparator=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-button-label-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-button-label-gQ_TH2Br.js"),t=require("../menu-Bn7XgUPD.js");require("react");require("classnames");exports.EbayMenuButton=e.EbayMenuButton;exports.EbayMenuButtonLabel=e.EbayMenuButtonLabel;exports.EbayMenuButtonSeparator=e.EbayMenuButtonSeparator;exports.EbayMenuButtonItem=t.EbayMenuItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),h=require("../notice-content-9iF4T8uB.js"),y=require("../notice-content-C0ZStfuX.js"),r=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),h=require("../notice-content-9iF4T8uB.js"),y=require("../notice-content-C0ZStfuX.js"),r=require("../icon-hO_8pLp7.js");require("classnames");const b=require("../notice-footer-G6VPjVZu.js"),C=require("../notice-cta-CKl_qBge.js"),P=t=>{var{id:a,status:n="general",children:i,a11yDismissText:s,"aria-label":m,onDismiss:E=()=>{}}=t,d=l.__rest(t,["id","status","children","a11yDismissText","aria-label","onDismiss"]);const[u,N]=e.useState(!1),c=e.Children.toArray(i).find(o=>o.type===y.EbayNoticeContent);if(!c)throw new Error("EbayPageNotice: Please use a EbayNoticeContent that defines the content of the notice");const p=o=>{N(!0),E(o)};return u?null:e.createElement("section",Object.assign({},d,{"aria-labelledby":a||`${n}-status`,className:`page-notice ${n!=="general"?`page-notice--${n}`:""}`,role:"region"}),n!=="general"?e.createElement("div",{className:"page-notice__header",id:a||`${n}-status`},e.createElement(r.EbayIcon,{name:`${n}Filled16`,a11yText:m,a11yVariant:"label"})):null,e.createElement(h.NoticeContent,Object.assign({},c.props,{type:"page"})),i,s&&e.createElement(g,null,e.createElement("button",{"aria-label":s,className:"fake-link page-notice__dismiss",onClick:p},e.createElement(r.EbayIcon,{name:"close16"}))))},T=t=>{var{className:a,as:n,children:i}=t,s=l.__rest(t,["className","as","children"]);return e.createElement(b.NoticeTitle,Object.assign({},s,{className:a,as:n,type:"page"}),i)},g=({className:t,children:a})=>e.createElement(b.NoticeFooter,{className:t,type:"page"},a),q=({className:t,children:a})=>e.createElement(C.NoticeCTA,{className:t,type:"page"},a);exports.EbayNoticeContent=y.EbayNoticeContent;exports.EbayPageNotice=P;exports.EbayPageNoticeCTA=q;exports.EbayPageNoticeFooter=g;exports.EbayPageNoticeTitle=T;
|
package/ebay-pagination/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),K=require("../menu-button-label-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),K=require("../menu-button-label-DYmCCAX3.js"),H=require("classnames"),ne=require("../debounce-BQsYxxOL.js"),re=require("../utils-C9NL3q0j.js"),$=require("../icon-hO_8pLp7.js"),ie=require("../forwardRef-DBQKIlPy.js");require("../array.polyfill.flat-5BAolFdk.js");const oe=1,A=9,Q=4,V=2,ae=A-V;function se(e,n,a=e,d=null){const c=d==="show-last"||d==="overflow"&&e>A,W=d==="overflow"&&e>A,o=Math.min(a,e),_=Math.max(0,n-Math.ceil((o-1)/2)),h=o<Q?n:Math.max(0,n-Math.floor((o-1)/2)),g=(c?h:_)+o,y=g>=e,m=n<=Q,w=(p,s)=>{const r=k(e,p,s);return o>2?(r[s-2]="dots",r[s-1]="hidden",r[e-1]="visible"):o>1&&(r[s-1]="dots"),r},T=(p,s)=>{if(m)return w(0,s);if(y){const f=k(e,e-ae,e);return f[0]="visible",f[1]="dots",f}const r=k(e,n-V,n+V+1);return r[0]="visible",r[1]=m?"visible":"dots",r[e-2]="dots",r[e-1]="visible",r};return y&&e<=A?k(e,e-o):c?W?T(h,g):w(h,g):k(e,_,g)}function ce(e,n,a,d="show-range"){if(e===-1)return[];const c=d==="overflow"?A:le(Math.min(a,n),oe,A);return se(a,e-1,c,d)}function le(e,n,a){return e<=n?n:e>=a?a:e}function k(e,n,a){return Array(e).fill("hidden").fill("visible",n,a)}function ue(e){if(!e)return 0;e.style.width="100vw";const n=e.offsetWidth;return e.style.width=null,n}const de=e=>{var{id:n="ebay-pagination",className:a,a11yCurrentText:d="Pagination - Current Page",a11yPreviousText:c="Previous page",a11yNextText:W="Next page",variant:o="show-range",fluid:_=!1,onPrevious:h=()=>{},onNext:g=()=>{},onSelect:y=()=>{},children:m}=e,w=Y.__rest(e,["id","className","a11yCurrentText","a11yPreviousText","a11yNextText","variant","fluid","onPrevious","onNext","onSelect","children"]);const T=t.useRef(null),p=t.useRef([]);p.current=t.Children.map(m,t.createRef);const s=re.filterBy(m,({props:i})=>i.type===void 0||i.type==="page").length,r=t.useRef(0),f=t.useRef(0),j=()=>{var i,v,b,x;const E=f.current||((v=(i=p.current[0])===null||i===void 0?void 0:i.current)===null||v===void 0?void 0:v.offsetWidth);f.current=E;const u=r.current||((x=(b=p.current[1])===null||b===void 0?void 0:b.current)===null||x===void 0?void 0:x.offsetWidth);return r.current=u,u?Math.floor((ue(T.current)-E*2)/u):0},[S,L]=t.useState([]),[I,O]=t.useState(0),R=i=>{const v=i||p.current.findIndex(E=>{var u;return((u=E.current)===null||u===void 0?void 0:u.getAttribute("aria-current"))==="page"}),b=j(),x=ce(v,b,s,o);O(v),L(["hidden",...x])};t.useEffect(()=>{const i=ne.debounce(R,16);return R(),window.addEventListener("resize",()=>i()),()=>{window.removeEventListener("resize",()=>i())}},[m]);const C=i=>{let v=0;const b=[],x=[],E=[],u=S.indexOf("dots"),B=S.lastIndexOf("dots");return t.Children.map(m,(U,N)=>{const{type:P="page",current:Z,disabled:ee,href:G,children:X}=U.props,q=S[N]==="dots",z=`${n}-item-${N}`,J=S[N]==="hidden",te={current:Z,disabled:ee,href:G,type:q&&P==="page"?"separator":P,children:q?t.createElement($.EbayIcon,{name:"overflowHorizontal24",focusable:!1}):X,pageIndex:P==="page"?v++:void 0,key:z,hide:J,onPrevious:h,onNext:g,onSelect:y,a11yPreviousText:c,a11yNextText:W,ref:p.current[N]};if((J||q)&&P==="page"){const D=t.createElement(K.EbayFakeMenuButtonItem,{key:z,href:G,onClick:F=>{G||F.preventDefault();const M=F.currentTarget;y(F,{value:(M==null?void 0:M.innerText)||"",index:v}),R(Number(M==null?void 0:M.innerText))}},X);u===B&&E.push(D),I-2>u&&N<I&&b.push(D),I+2<B&&N>I&&x.push(D)}if(i==="page"&&q&&o==="overflow"){let D=E;return u!==B&&(D=N===2?b:x),t.createElement("li",{key:z},t.createElement("span",{className:"pagination__item",role:"separator"},t.createElement(K.EbayMenuButton,{a11yText:"Menu",borderless:!0,variant:"overflow",noToggleIcon:!0},D)))}return i===P?t.cloneElement(U,te):null})},l=`${n}-pagination-heading`;return t.createElement("nav",Object.assign({},w,{role:"navigation",className:H(a,"pagination",{"pagination--fluid":_}),"aria-labelledby":l,ref:T}),t.createElement("span",{"aria-live":"polite",role:"status"},t.createElement("h2",{className:"clipped",id:l},d)),C("previous"),t.createElement("ol",{className:"pagination__items"},C("page")),C("next"))},fe=e=>{var{pageIndex:n=0,key:a,current:d,disabled:c,type:W="page",href:o,hide:_,children:h,a11yPreviousText:g="Previous page",a11yNextText:y="Next page",onSelect:m,onNext:w,onPrevious:T,className:p,style:s,forwardedRef:r}=e,f=Y.__rest(e,["pageIndex","key","current","disabled","type","href","hide","children","a11yPreviousText","a11yNextText","onSelect","onNext","onPrevious","className","style","forwardedRef"]);const j=l=>{var i;m(l,{value:((i=l.currentTarget)===null||i===void 0?void 0:i.innerText)||"",index:n})},S=l=>{l.currentTarget.getAttribute("aria-disabled")||w(l)},L=l=>{l.currentTarget.getAttribute("aria-disabled")||T(l)},I=!!o,O=I?"a":"button",R=I?"icon-link":"icon-btn",C=Object.assign(Object.assign({},s),{minWidth:"40px"});switch(W){case"previous":return t.createElement(O,Object.assign({},f,{ref:r,"aria-disabled":c?"true":void 0,"aria-label":g,href:c?void 0:o,className:H(R,"pagination__previous"),style:C,onClick:L}),t.createElement($.EbayIcon,{name:"arrowLeft16"}));case"next":return t.createElement(O,Object.assign({},f,{ref:r,"aria-disabled":c?"true":void 0,"aria-label":y,href:c?void 0:o,className:H(R,"pagination__next"),style:C,onClick:S}),t.createElement($.EbayIcon,{name:"arrowRight16"}));case"separator":return t.createElement("span",{key:a,style:s,className:"pagination__item",ref:r,role:"separator"},h);default:return t.createElement("li",Object.assign({},f,{hidden:_}),t.createElement(O,{ref:r,"aria-current":d?"page":void 0,href:o,className:"pagination__item",style:s,key:a,onClick:j},h))}},me=ie.withForwardRef(fe);exports.EbayPagination=de;exports.EbayPaginationItem=me;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../tslib.es6-C4EgNkz1.js"),d=require("react"),t=require("classnames"),u=require("../dialog-previous-button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../tslib.es6-C4EgNkz1.js"),d=require("react"),t=require("classnames"),u=require("../dialog-previous-button-ns64Jg1v.js");require("../icon-button-DPIjQGta.js");const e="panel-dialog",g=o=>{var{open:i,animated:s,position:n="start",onClose:a=()=>{},className:l}=o,r=c.__rest(o,["open","animated","position","onClose","className"]);return d.createElement(u.DialogBaseWithState,Object.assign({},r,{"aria-label":"Infotip",classPrefix:e,buttonPosition:"right",onCloseBtnClick:a,onBackgroundClick:a,animated:s,className:t(l,{[`${e}--mask-fade-slow`]:s}),windowClass:t(`${e}__window--slide`,{[`${e}__window--end`]:n==="end"}),open:i}))};exports.EbayPanelDialog=g;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { DialogBaseProps } from '../ebay-dialog-base';
|
|
3
|
+
import { DialogCloseEventHandler } from '../ebay-dialog-base/types';
|
|
3
4
|
type Position = 'start' | 'end';
|
|
4
5
|
export interface Props<T = any> extends DialogBaseProps<T> {
|
|
5
6
|
open?: boolean;
|
|
6
7
|
animated?: boolean;
|
|
7
8
|
position?: Position;
|
|
8
|
-
onClose?:
|
|
9
|
+
onClose?: DialogCloseEventHandler;
|
|
9
10
|
}
|
|
10
11
|
declare const EbayPanelDialog: FC<Props>;
|
|
11
12
|
export default EbayPanelDialog;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"panel-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-panel-dialog/panel-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"panel-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-panel-dialog/panel-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAInE,KAAK,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;AAE/B,MAAM,WAAW,KAAK,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,uBAAuB,CAAC;CACnC;AAED,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CAsB9B,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
# EbayProgressBarExpressive
|
|
2
|
+
|
|
3
|
+
## Demo
|
|
4
|
+
|
|
5
|
+
[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/progress-ebay-progress-bar-expressive--docs)
|
|
6
|
+
|
|
7
|
+
## Usage
|
|
8
|
+
|
|
9
|
+
### Import JS
|
|
10
|
+
|
|
11
|
+
```jsx harmony
|
|
12
|
+
import { EbayProgressBarExpressive, EbayProgressBarExpressiveMessage } from "@ebay/ui-core-react/ebay-progress-bar-expressive";
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### Import following styles from SKIN
|
|
16
|
+
|
|
17
|
+
```jsx harmony
|
|
18
|
+
import "@ebay/skin/progress-bar-expressive";
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
### If tokens haven't been added to the project at a higher level, make sure to import
|
|
22
|
+
|
|
23
|
+
```jsx harmony
|
|
24
|
+
import "@ebay/skin/tokens";
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
### Or import styles using SCSS/CSS
|
|
28
|
+
|
|
29
|
+
```jsx harmony
|
|
30
|
+
import "@ebay/skin/progress-bar-expressive.css";
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
```jsx harmony
|
|
34
|
+
<EbayProgressBarExpressive aria-label="Progress">
|
|
35
|
+
<EbayProgressBarExpressiveMessage>Message 1</EbayProgressBarExpressiveMessage>
|
|
36
|
+
<EbayProgressBarExpressiveMessage>Message 2</EbayProgressBarExpressiveMessage>
|
|
37
|
+
</EbayProgressBarExpressive>
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
## Attributes
|
|
41
|
+
|
|
42
|
+
| Name | Type | Required | Description | Data |
|
|
43
|
+
| ----------- | -------- | -------- | ----------------------------------------------------------------------------------------------- | ---- |
|
|
44
|
+
| `size` | String | No | Size of the progress bar, can be `medium` or `large` | |
|
|
45
|
+
| `aria-label`| String | Yes | Accessible label for the progress bar | |
|
|
46
|
+
| `children` | Node | No | Child nodes, typically `EbayProgressBarExpressiveMessage` components | |
|
|
47
|
+
|
|
48
|
+
## Message Attributes
|
|
49
|
+
|
|
50
|
+
| Name | Type | Required | Description | Data |
|
|
51
|
+
| --------- | -------- | -------- | ----------------------------------------------------------------------------------------------- | ---- |
|
|
52
|
+
| `duration`| Number | No | Duration for which the message is displayed, in milliseconds | |
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-progress-bar-expressive/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAChF,OAAO,EAAE,OAAO,IAAI,gCAAgC,EAAE,MAAM,mCAAmC,CAAA"}
|
|
@@ -0,0 +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==null?void 0: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;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ComponentProps, FC } from 'react';
|
|
2
|
+
export type EbayProgressBarExpressiveMessageProps = Omit<ComponentProps<'div'>, 'className'> & {
|
|
3
|
+
isFadingIn?: boolean;
|
|
4
|
+
isFadingOut?: boolean;
|
|
5
|
+
isInitial?: boolean;
|
|
6
|
+
duration?: number;
|
|
7
|
+
};
|
|
8
|
+
declare const EbayProgressBarExpressiveMessage: FC<EbayProgressBarExpressiveMessageProps>;
|
|
9
|
+
export default EbayProgressBarExpressiveMessage;
|
|
10
|
+
//# sourceMappingURL=progress-bar-expressive-message.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-bar-expressive-message.d.ts","sourceRoot":"","sources":["../../src/ebay-progress-bar-expressive/progress-bar-expressive-message.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAGjD,MAAM,MAAM,qCAAqC,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,GAAG;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,gCAAgC,EAAE,EAAE,CAAC,qCAAqC,CAa/E,CAAA;AAED,eAAe,gCAAgC,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ComponentProps, FC } from 'react';
|
|
2
|
+
export type EbayProgressBarExpressiveProps = ComponentProps<'div'> & {
|
|
3
|
+
size?: 'medium' | 'large';
|
|
4
|
+
};
|
|
5
|
+
declare const EbayProgressBarExpressive: FC<EbayProgressBarExpressiveProps>;
|
|
6
|
+
export default EbayProgressBarExpressive;
|
|
7
|
+
//# sourceMappingURL=progress-bar-expressive.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-bar-expressive.d.ts","sourceRoot":"","sources":["../../src/ebay-progress-bar-expressive/progress-bar-expressive.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAA;AAK/E,MAAM,MAAM,8BAA8B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACjE,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC5B,CAAA;AAMD,QAAA,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CA+FjE,CAAA;AAED,eAAe,yBAAyB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../progress-spinner-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../progress-spinner-CTs1iaUV.js");exports.EbayProgressSpinner=e.EbayProgressSpinner;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),y=require("classnames"),b=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),y=require("classnames"),b=require("../icon-hO_8pLp7.js"),f=e=>{var{direction:r="row",defaultState:s="active",children:a,className:p}=e,l=d.__rest(e,["direction","defaultState","children","className"]);const c=t.Children.toArray(a),o=_(c,s);return t.createElement("div",Object.assign({},l,{className:y(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:v(n,o)},i.props),{current:o===n}))))))};function _(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 v(e,r){if(e<=r)return"complete";if(e>r)return"upcoming"}const N={complete:"stepperConfirmation24",attention:"stepperAttention24",upcoming:"stepperUpcoming24",active:"stepperConfirmation24"},h=e=>{var{current:r,state:s="complete",children:a,className:p}=e,l=d.__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=y(p,"progress-stepper__item",{"progress-stepper__item--attention":s==="attention"}),g=N[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"},g&&t.createElement(b.EbayIcon,{name:g,"aria-label":E})),t.createElement("div",{className:"progress-stepper__text"},o,i))},u=({as:e="h4",children:r})=>t.createElement(e,{},r);exports.EbayProgressStep=h;exports.EbayProgressStepper=f;exports.EbayProgressTitle=u;
|
package/ebay-radio/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../radio-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../radio-D1pzF7Mn.js");exports.EbayRadio=e.EbayRadio;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),$=require("classnames"),E=require("../notice-content-C0ZStfuX.js"),A=require("../notice-content-9iF4T8uB.js"),b=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),$=require("classnames"),E=require("../notice-content-C0ZStfuX.js"),A=require("../notice-content-9iF4T8uB.js"),b=require("../icon-hO_8pLp7.js"),F=require("../random-id-DlJj_RWH.js"),N=require("../notice-footer-G6VPjVZu.js"),j=require("../notice-cta-CKl_qBge.js"),v=n=>{var{status:t="general",children:i,className:s,"aria-label":o,"aria-roledescription":C="Notice",a11yDismissText:d,educationIcon:p,iconClass:S,prominent:f,onDismiss:g=()=>{}}=n,T=y.__rest(n,["status","children","className","aria-label","aria-roledescription","a11yDismissText","educationIcon","iconClass","prominent","onDismiss"]);const[q,I]=e.useState(!1),[m,D]=e.useState("");e.useEffect(()=>{D(F.randomId())},[]);const u=e.Children.toArray(i).find(({type:l})=>l===E.EbayNoticeContent),c=t!=="general"&&t!=="none",r=t==="education";let a=null;if(c&&(r?a=p||"lightbulb24":a=`${t}Filled16`),!u)throw new Error("EbaySectionNotice: Please use a EbayNoticeContent that defines the content of the notice");const _=l=>{I(!0),g(l)};return q?null:e.createElement("section",Object.assign({},T,{className:$(s,"section-notice",{[`section-notice--${t}`]:c,"section-notice--education":r&&f,"section-notice--large-icon":r}),role:"region","aria-label":c?null:o,"aria-labelledby":c?`section-notice-${t}-${m}`:null,"aria-roledescription":C}),a&&e.createElement("div",{className:"section-notice__header",id:`section-notice-${t}-${m}`},e.createElement(b.EbayIcon,{className:S,name:a,a11yText:o,a11yVariant:"label"})),e.createElement(A.NoticeContent,Object.assign({},u.props,{type:"section"})),i,d&&e.createElement(h,null,e.createElement("button",{"aria-label":d,className:"fake-link page-notice__dismiss",onClick:_},e.createElement(b.EbayIcon,{name:"close16"}))))},O=n=>{var{className:t,as:i,children:s}=n,o=y.__rest(n,["className","as","children"]);return e.createElement(N.NoticeTitle,Object.assign({},o,{className:t,as:i,type:"section"}),s)},h=({className:n,children:t})=>e.createElement(N.NoticeFooter,{className:n,type:"section"},t),k=({className:n,children:t})=>e.createElement(j.NoticeCTA,{className:n,type:"section"},t);exports.EbayNoticeContent=E.EbayNoticeContent;exports.EbaySectionNotice=v;exports.EbaySectionNoticeCTA=k;exports.EbaySectionNoticeFooter=h;exports.EbaySectionNoticeTitle=O;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),E=require("classnames"),b=require("../utils-C9NL3q0j.js"),g=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),E=require("classnames"),b=require("../utils-C9NL3q0j.js"),g=require("../icon-hO_8pLp7.js"),p=n=>{var{selected:l,children:s,className:u}=n,i=m.__rest(n,["selected","children","className"]);const a=b.findComponent(s,g.EbayIcon),o=()=>{const d=b.excludeComponent(s,g.EbayIcon);return e.createElement("span",{className:"segmented-buttons__button-cell"},a,e.createElement("span",null,d))};return e.createElement("li",null,e.createElement("button",Object.assign({className:E("segmented-buttons__button",u),"aria-current":l||void 0},i),a?o():s))},v=n=>{var{size:l,className:s,onChange:u=()=>{},children:i}=n,a=m.__rest(n,["size","className","onChange","children"]);const o=b.filterByType(i,p),[d,_]=e.useState(o.findIndex(t=>t.props.selected)||0),y=(t,c,r)=>{_(c),u(t,{index:c,value:r})};return e.createElement("div",Object.assign({className:E("segmented-buttons",l&&`segmented-buttons--${l}`,s)},a),e.createElement("ul",null,o.map((t,c)=>{const r=t.props,{value:h}=r,N=m.__rest(r,["value"]);return e.cloneElement(t,Object.assign(Object.assign({},N),{onClick:S=>y(S,c,h),selected:c===d}))})))};exports.EbaySegmentedButton=p;exports.EbaySegmentedButtons=v;
|
package/ebay-select/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),R=require("classnames"),V=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),R=require("classnames"),V=require("../icon-hO_8pLp7.js"),j=require("../forwardRef-DBQKIlPy.js"),k=require("../utils-C9NL3q0j.js"),x=require("../hooks-DqYMvHrS.js"),d=t=>{var{children:e}=t,l=w.__rest(t,["children"]);return n.createElement("option",Object.assign({},l),e)},S=t=>typeof t<"u",z=t=>{var{value:e,defaultValue:l,className:o,borderless:u,name:i,disabled:a,onChange:f=()=>{},onBlur:p=()=>{},onFocus:h=()=>{},floatingLabel:m,forwardedRef:b,children:r,inputSize:g,invalid:v}=t,s=w.__rest(t,["value","defaultValue","className","borderless","name","disabled","onChange","onBlur","onFocus","floatingLabel","forwardedRef","children","inputSize","invalid"]);const C=v||s["aria-invalid"]==="true",[N,O]=n.useState(l),E=x.useFloatingLabel({text:m,disabled:a,size:g,invalid:C}),F=c=>{const{value:y,selectedIndex:B}=c.target;S(e)||O(y),f(c,{index:B,selected:[y]})},G=c=>{p(c)},q=c=>{h(c)},L=R("select",o,{"select--borderless":u,"select--large":g==="large"});return n.createElement(E.Container,null,n.createElement(E.Label,{htmlFor:s.id}),n.createElement("span",{className:L},n.createElement("select",Object.assign({},s,{name:i,value:S(e)?e:N,disabled:a,onChange:F,onBlur:G,onFocus:q,ref:b}),_(r)),n.createElement(V.EbayIcon,{name:"chevronDown12",height:"8",width:"8"})))},I=j.withForwardRef(z);function T(t){const e={};return t.forEach(l=>{const o=l.props;o.optgroup&&(Object.prototype.hasOwnProperty.call(e,o.optgroup)||(e[o.optgroup]=[]),e[o.optgroup].push(o))}),e}function _(t){const e=[],l=[];let o={},u=!1;const i=k.filterByType(t,d).map(a=>n.cloneElement(a,{}));if(i){o=T(i);let a;return i.forEach((f,p)=>{const{value:h,optionClassName:m,children:b,optgroup:r}=f.props;if(u=r&&e.indexOf(r)===-1,u){a=r;const v=o[a].map(s=>n.createElement(d,{key:`opt-${s.value}`,value:s.value,className:s.optionClassName},s.children));l.push(n.createElement("optgroup",{key:p,label:r},v)),e.push(r)}else r||l.push(n.createElement(d,{key:p,value:h,className:m},b))}),l}}exports.EbaySelect=I;exports.EbaySelectOption=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../tslib.es6-C4EgNkz1.js"),k=require("classnames"),e=require("react"),h=require("../dialog-previous-button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../tslib.es6-C4EgNkz1.js"),k=require("classnames"),e=require("react"),h=require("../dialog-previous-button-ns64Jg1v.js");require("../icon-button-DPIjQGta.js");const f=o=>{var{className:c,children:r}=o,i=p.__rest(o,["className","children"]);return e.createElement("button",Object.assign({className:k(c,"fake-link")},i),r)},R=6e3,B=o=>{var{className:c,onOpen:r=()=>{},onClose:i=()=>{},layout:C,open:u,children:D,onAction:d}=o,S=p.__rest(o,["className","onOpen","onClose","layout","open","children","onAction"]);const t=e.useRef(new Set),g=e.useRef(),[A,v]=e.useState(u),y=e.Children.toArray(D),s=y.find(n=>n.type===f),T=y.filter(n=>n.type!==f),a=()=>{clearTimeout(g.current)},b=()=>{v(!1),i()},m=()=>{t.current.size===0&&(a(),g.current=setTimeout(()=>{b()},R))},_=()=>{v(!0),r(),m()},N=()=>{a(),t.current.add("focus")},O=()=>{t.current.delete("focus"),m()},q=()=>{a(),t.current.add("mouseEnter")},M=()=>{t.current.delete("mouseEnter"),m()},w=n=>{var l,E;a(),d==null||d(n),(E=(l=s==null?void 0:s.props)===null||l===void 0?void 0:l.onClick)===null||E===void 0||E.call(l,n),b()};return e.useEffect(()=>()=>{a()},[]),e.useEffect(()=>{u?_():b()},[u]),e.createElement(h.DialogBaseWithState,Object.assign({},S,{open:A,isModal:!1,baseEl:"aside",classPrefix:"snackbar-dialog",transitionElement:"root",a11yCloseText:"",buttonPosition:"hidden",className:k(c,"snackbar-dialog--transition"),windowClass:C==="column"&&"snackbar-dialog__window--column",onFocus:N,onBlur:O,onMouseEnter:q,onMouseLeave:M}),T,s?e.createElement(h.EbayDialogActions,null,e.cloneElement(s,{onClick:w})):null)};exports.EbaySnackbarDialog=B;exports.EbaySnackbarDialogAction=f;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),s=require("../utils-C9NL3q0j.js"),g=require("../button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),s=require("../utils-C9NL3q0j.js"),g=require("../button-C3RhAySI.js"),i=require("../menu-button-label-gQ_TH2Br.js"),x=require("../menu-Bn7XgUPD.js");require("classnames");const q=a=>{var{a11yMenuText:u,children:o,type:l,bodyState:t,a11yButtonLoadingText:y,onCollapse:c,onExpand:p,onSelect:b=()=>{},onChange:d=()=>{},ref:T}=a,e=S.__rest(a,["a11yMenuText","children","type","bodyState","a11yButtonLoadingText","onCollapse","onExpand","onSelect","onChange","ref"]);const r=[x.EbayMenuItem,i.EbayMenuButtonSeparator],m=s.filterBy(o,B=>!r.includes(B.type)),E=s.filterByType(o,r);return n.createElement("span",{className:"split-button"},n.createElement(g.EbayButton,Object.assign({"aria-label":t==="loading"?y:void 0},e,{split:"start",bodyState:t==="expand"?void 0:t}),m),n.createElement(i.EbayMenuButton,{priority:e.priority,disabled:e.disabled,transparent:e.transparent,size:e.size,type:l,split:"end",reverse:!0,a11yText:u,onCollapse:c,onExpand:p,onSelect:b,onChange:d},E))};exports.EbaySplitButton=q;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../tslib.es6-C4EgNkz1.js"),a=require("react"),l=require("classnames"),o=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../tslib.es6-C4EgNkz1.js"),a=require("react"),l=require("classnames"),o=require("../icon-hO_8pLp7.js"),m=require("../range-DOsPN0h5.js"),u=m.range(1,5),g=e=>{var{value:t,a11yText:r,className:s}=e,n=i.__rest(e,["value","a11yText","className"]);return a.createElement("div",Object.assign({role:"img","aria-label":r,className:l("star-rating",s),"data-stars":t},n),u.map(c=>a.createElement(o.EbayIcon,{key:c,className:"star-rating__icon",name:"starDynamic"})))};exports.EbayStarRating=g;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),d=require("classnames"),k=require("../icon-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),d=require("classnames"),k=require("../icon-hO_8pLp7.js"),q=require("../range-DOsPN0h5.js"),C=require("../random-id-DlJj_RWH.js"),D=q.range(1,5),s=r=>{let a=parseInt(r,0)||0;return a>5&&(a=0),a},I=r=>{var{value:a=0,a11yText:i,className:m,a11yStarText:l=[],disabled:c,onChange:g=()=>{},onFocus:y=()=>{},onKeyDown:v=()=>{},name:_}=r,b=h.__rest(r,["value","a11yText","className","a11yStarText","disabled","onChange","onFocus","onKeyDown","name"]);const f=C.useRandomId(),p=_||`star-rating-${f}`,[u,o]=t.useState(s(a));t.useEffect(()=>{o(s(a))},[a]);const E=e=>n=>{c||(o(s(e)),v(n,{value:e}))},N=e=>n=>{c||(o(s(e)),g(n,{value:e}))},S=e=>n=>{c||(o(s(e)),y(n,{value:e}))};return t.createElement("div",Object.assign({role:i&&"radiogroup","aria-label":i,className:d("star-rating-select",m)},b),D.map(e=>t.createElement("span",{className:"star-rating-select__radio",key:e},t.createElement("input",{"aria-label":l==null?void 0:l[e-1],className:d("star-rating-select__control",{"star-rating-select__control--filled":e<=u}),type:"radio",name:p,value:e,disabled:c,defaultChecked:u===e,onClick:N(e),onFocus:S(e),onKeyDown:E(e)}),t.createElement("span",{className:"star-rating-select__radio-icon"},t.createElement(k.EbayIcon,{className:"star-rating__icon",name:"starDynamic"})))))};exports.EbayStarRatingSelect=I;
|