@ebay/ui-core-react 7.2.2-alpha.1 → 7.2.2

package/dialog-previous-button-OSNujkf0.js

@@ -0,0 +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-CADzbw0_.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-B8nZEqFm.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;

package/drawer-Co9riiGg.js

@@ -0,0 +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-OSNujkf0.js");require("./icon-button-B8nZEqFm.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=$;

package/ebay-alert-dialog/alert-dialog.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import type { DialogBaseProps } from '../ebay-dialog-base/components/dialogBase';
+import { DialogBaseProps } from '../ebay-dialog-base';
 export interface Props<T = any> extends DialogBaseProps<T> {
     open?: boolean;
     confirmText: string;

package/ebay-alert-dialog/alert-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-alert-dialog/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAU,MAAM,OAAO,CAAA;AAIzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAA;AAKhF,MAAM,WAAW,KAAK,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CAqC9B,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-alert-dialog/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAU,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAyC,MAAM,qBAAqB,CAAA;AAK5F,MAAM,WAAW,KAAK,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CAqC9B,CAAA;AAED,eAAe,eAAe,CAAA"}

package/ebay-alert-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),c=require("classnames"),d=require("../dialog-base-with-state-CWfGme1k.js"),u=require("../ebay-dialog-base/components/dialog-footer/index.js"),g=require("../button-DxiGvaEO.js"),a="alert-dialog",m=({a11yCloseText:l="Close Dialog",confirmText:r,onConfirm:n=()=>{},...o})=>{const t=e.useRef(null),s="alert-dialog-confirm",i="alert-dialog-main";return e.createElement(d.DialogBaseWithState,{focus:t,...o,a11yCloseText:l,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(u,null,e.createElement(g.EbayButton,{priority:"primary","aria-describedby":i,onClick:n,ref:t,id:s,className:"alert-dialog__acknowledge"},r)))};exports.EbayAlertDialog=m;
+"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-OSNujkf0.js");require("../icon-button-B8nZEqFm.js");const g=require("../button-DxiGvaEO.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-confirm-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),f=require("classnames"),u=require("../ebay-dialog-base/components/dialog-footer/index.js"),g=require("../dialog-base-with-state-CWfGme1k.js");require("../icon-button-B8nZEqFm.js");const r=require("../button-DxiGvaEO.js"),o="confirm-dialog",b=({a11yCloseText:c="Close Dialog",confirmText:l,rejectText:s,onReject:a=()=>{},onConfirm:m=()=>{},...i})=>{const n=e.useRef(null),d="confirm-dialog-confirm",t="confirm-dialog-main";return e.createElement(g.DialogBaseWithState,{focus:n,...i,a11yCloseText:c,role:"dialog",mainId:t,classPrefix:o,className:f(i.className,`${o}--mask-fade`),windowClass:`${o}__window ${o}__window--fade`,buttonPosition:"hidden",onCloseBtnClick:a},i.children,e.createElement(u,null,e.createElement(r.EbayButton,{onClick:a,className:"confirm-dialog__reject"},s),e.createElement(r.EbayButton,{ref:n,priority:"primary",onClick:m,id:d,"aria-describedby":t,className:"confirm-dialog__confirm"},l)))};exports.EbayConfirmDialog=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),u=require("classnames"),f=require("../ebay-dialog-base/components/dialog-footer/index.js"),g=require("../dialog-previous-button-OSNujkf0.js");require("../icon-button-B8nZEqFm.js");const t=require("../button-DxiGvaEO.js"),o="confirm-dialog",b=({a11yCloseText:c="Close Dialog",confirmText:l,rejectText:s,onReject:n=()=>{},onConfirm:m=()=>{},...i})=>{const a=e.useRef(null),d="confirm-dialog-confirm",r="confirm-dialog-main";return e.createElement(g.DialogBaseWithState,{focus:a,...i,a11yCloseText:c,role:"dialog",mainId:r,classPrefix:o,className:u(i.className,`${o}--mask-fade`),windowClass:`${o}__window ${o}__window--fade`,buttonPosition:"hidden",onCloseBtnClick:n},i.children,e.createElement(f,null,e.createElement(t.EbayButton,{onClick:n,className:"confirm-dialog__reject"},s),e.createElement(t.EbayButton,{ref:a,priority:"primary",onClick:m,id:d,"aria-describedby":r,className:"confirm-dialog__confirm"},l)))};exports.EbayConfirmDialog=b;

package/ebay-dialog-base/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./components/dialog-header/index.js"),e=require("./components/dialog-footer/index.js"),o=require("../dialog-base-with-state-CWfGme1k.js"),i=require("./components/animation/index.js");exports.EbayDialogHeader=a;exports.EbayDialogFooter=e;exports.DialogBaseWithState=o.DialogBaseWithState;exports.EbayDialogActions=o.EbayDialogActions;exports.EbayDialogCloseButton=o.EbayDialogCloseButton;exports.EbayDialogPreviousButton=o.EbayDialogPreviousButton;exports.useDialogAnimation=i.useDialogAnimation;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./components/dialog-header/index.js"),e=require("./components/dialog-footer/index.js"),o=require("../dialog-previous-button-OSNujkf0.js"),i=require("./components/animation/index.js");exports.EbayDialogHeader=a;exports.EbayDialogFooter=e;exports.DialogBaseWithState=o.DialogBaseWithState;exports.EbayDialogActions=o.EbayDialogActions;exports.EbayDialogCloseButton=o.EbayDialogCloseButton;exports.EbayDialogPreviousButton=o.EbayDialogPreviousButton;exports.useDialogAnimation=i.useDialogAnimation;

package/ebay-drawer-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../drawer-DV01jSt1.js");exports.EbayDrawerDialog=e.EbayDrawerDialog;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../drawer-Co9riiGg.js");exports.EbayDrawerDialog=e.EbayDrawerDialog;

package/ebay-fullscreen-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("classnames"),r=require("../dialog-base-with-state-CWfGme1k.js");require("../icon-button-B8nZEqFm.js");const e="fullscreen-dialog",c=({open:s,onClose:i=()=>{},className:o,animated:a,...l})=>n.createElement(r.DialogBaseWithState,{...l,classPrefix:e,buttonPosition:"right",onCloseBtnClick:i,transitionElement:"window",animated:a,className:t(o,`${e}--mask-fade-slow`),windowClass:t(`${e}__window`,`${e}__window--slide`),open:s});exports.EbayFullscreenDialog=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=require("classnames"),r=require("../dialog-previous-button-OSNujkf0.js");require("../icon-button-B8nZEqFm.js");const e="fullscreen-dialog",c=({open:s,onClose:t=()=>{},className:i,animated:l,...n})=>a.createElement(r.DialogBaseWithState,{...n,classPrefix:e,buttonPosition:"right",onCloseBtnClick:t,transitionElement:"window",animated:l,className:o(i,`${e}--mask-fade-slow`),windowClass:o(`${e}__window`,`${e}__window--slide`),open:s});exports.EbayFullscreenDialog=c;

package/ebay-infotip/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),T=require("classnames"),E=require("../common/component-utils/utils/index.js"),r=require("../use-tooltip-DOvRA_as.js"),$=require("../drawer-DV01jSt1.js"),B=require("../ebay-dialog-base/components/dialog-header/index.js");require("react-remove-scroll");require("makeup-screenreader-trap");require("makeup-keyboard-trap");const M=require("../icon-CADzbw0_.js");require("../icon-button-B8nZEqFm.js");const S=require("classnames/dedupe"),U=require("../common/component-utils/forwardRef/index.js"),j=({icon:t,className:o,children:n,forwardedRef:c,variant:l,...p})=>{const i=l==="modal"?"dialog--mini":"infotip",a=e.createElement(M.EbayIcon,{name:t}),f=n instanceof Function?n({icon:a}):n;return e.createElement("button",{...p,className:S("icon-btn icon-btn--transparent",o,`${i}__host`),type:"button",ref:c},f||a)},b=U.withForwardRef(j),k=({variant:t="default",pointer:o,overlayStyle:n,disabled:c,onExpand:l,onCollapse:p,children:i,initialExpanded:a,icon:f="information16",a11yCloseText:d,"aria-label":R,className:H,a11yMaximizeText:N,a11yMinimizeText:F})=>{const y=e.useRef(),{isExpanded:s,expandTooltip:P,collapseTooltip:m}=r.useTooltip({onCollapse:p,onExpand:l,initialExpanded:a,hostRef:y}),u=t==="modal",x=e.useRef(),g=E.findComponent(i,h),q=E.findComponent(i,w),C=E.findComponent(i,b)||e.createElement(b),D=()=>{s?m():P()};if(!q)throw new Error("EbayInfotip: Please use a EbayInfotipContent that defines the content of the infotip");const{children:I,..._}=q.props;return e.createElement(e.Fragment,null,e.createElement(r.Tooltip,{type:"infotip",isExpanded:s,className:T(H,{"dialog--mini":u}),ref:x},e.createElement(r.TooltipHost,null,e.cloneElement(C,{ref:y,onClick:D,disabled:c,variant:t,"aria-label":R,"aria-expanded":s,icon:f,...C.props})),!u&&e.createElement(r.TooltipContent,{..._,type:"infotip",style:n,pointer:o,showCloseButton:!0,a11yCloseText:d,onClose:m},g,I)),u&&e.createElement($.EbayDrawerDialog,{..._,open:s,onClose:m,a11yCloseText:d,className:"dialog--mini__overlay",a11yMaximizeText:N,a11yMinimizeText:F},e.createElement(B,null,g),I))},h=({className:t,...o})=>e.createElement("span",{...o,className:T("infotip__heading",t)}),w=({children:t})=>e.createElement(e.Fragment,null,t);exports.EbayInfotip=k;exports.EbayInfotipContent=w;exports.EbayInfotipHeading=h;exports.EbayInfotipHost=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),T=require("classnames"),E=require("../common/component-utils/utils/index.js"),r=require("../use-tooltip-DOvRA_as.js"),$=require("../drawer-Co9riiGg.js"),B=require("../ebay-dialog-base/components/dialog-header/index.js");require("react-remove-scroll");require("makeup-screenreader-trap");require("makeup-keyboard-trap");const M=require("../icon-CADzbw0_.js");require("../icon-button-B8nZEqFm.js");const S=require("classnames/dedupe"),U=require("../common/component-utils/forwardRef/index.js"),j=({icon:t,className:o,children:n,forwardedRef:c,variant:l,...p})=>{const i=l==="modal"?"dialog--mini":"infotip",a=e.createElement(M.EbayIcon,{name:t}),f=n instanceof Function?n({icon:a}):n;return e.createElement("button",{...p,className:S("icon-btn icon-btn--transparent",o,`${i}__host`),type:"button",ref:c},f||a)},b=U.withForwardRef(j),k=({variant:t="default",pointer:o,overlayStyle:n,disabled:c,onExpand:l,onCollapse:p,children:i,initialExpanded:a,icon:f="information16",a11yCloseText:d,"aria-label":R,className:H,a11yMaximizeText:N,a11yMinimizeText:F})=>{const y=e.useRef(),{isExpanded:s,expandTooltip:P,collapseTooltip:m}=r.useTooltip({onCollapse:p,onExpand:l,initialExpanded:a,hostRef:y}),u=t==="modal",x=e.useRef(),g=E.findComponent(i,h),q=E.findComponent(i,w),C=E.findComponent(i,b)||e.createElement(b),D=()=>{s?m():P()};if(!q)throw new Error("EbayInfotip: Please use a EbayInfotipContent that defines the content of the infotip");const{children:I,..._}=q.props;return e.createElement(e.Fragment,null,e.createElement(r.Tooltip,{type:"infotip",isExpanded:s,className:T(H,{"dialog--mini":u}),ref:x},e.createElement(r.TooltipHost,null,e.cloneElement(C,{ref:y,onClick:D,disabled:c,variant:t,"aria-label":R,"aria-expanded":s,icon:f,...C.props})),!u&&e.createElement(r.TooltipContent,{..._,type:"infotip",style:n,pointer:o,showCloseButton:!0,a11yCloseText:d,onClose:m},g,I)),u&&e.createElement($.EbayDrawerDialog,{..._,open:s,onClose:m,a11yCloseText:d,className:"dialog--mini__overlay",a11yMaximizeText:N,a11yMinimizeText:F},e.createElement(B,null,g),I))},h=({className:t,...o})=>e.createElement("span",{...o,className:T("infotip__heading",t)}),w=({children:t})=>e.createElement(e.Fragment,null,t);exports.EbayInfotip=k;exports.EbayInfotipContent=w;exports.EbayInfotipHeading=h;exports.EbayInfotipHost=b;

package/ebay-lightbox-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),o=require("classnames"),c=require("../dialog-base-with-state-CWfGme1k.js");require("../icon-button-B8nZEqFm.js");const i="lightbox-dialog",r=({open:s,mode:l,size:a,onClose:e=()=>{},...t})=>n.createElement(c.DialogBaseWithState,{buttonPosition:"right",...t,classPrefix:i,onCloseBtnClick:e,onBackgroundClick:e,className:o(t.className,`${i}--mask-fade`,a&&`${i}--${a}`),windowClass:o("lightbox-dialog__window--fade",{[`${i}__window--mini`]:l==="mini"}),open:s});exports.EbayLightboxDialog=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("classnames"),c=require("../dialog-previous-button-OSNujkf0.js");require("../icon-button-B8nZEqFm.js");const i="lightbox-dialog",r=({open:s,mode:l,size:o,onClose:e=()=>{},...t})=>n.createElement(c.DialogBaseWithState,{buttonPosition:"right",...t,classPrefix:i,onCloseBtnClick:e,onBackgroundClick:e,className:a(t.className,`${i}--mask-fade`,o&&`${i}--${o}`),windowClass:a("lightbox-dialog__window--fade",{[`${i}__window--mini`]:l==="mini"}),open:s});exports.EbayLightboxDialog=r;

package/ebay-panel-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),i=require("classnames"),c=require("../dialog-base-with-state-CWfGme1k.js");require("../icon-button-B8nZEqFm.js");const e="panel-dialog",d=({open:o,animated:a,position:s="start",onClose:t=()=>{},className:l,...n})=>r.createElement(c.DialogBaseWithState,{...n,"aria-label":"Infotip",classPrefix:e,buttonPosition:"right",onCloseBtnClick:t,onBackgroundClick:t,animated:a,className:i(l,{[`${e}--mask-fade-slow`]:a}),windowClass:i(`${e}__window--slide`,{[`${e}__window--end`]:s==="end"}),open:o});exports.EbayPanelDialog=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("classnames"),c=require("../dialog-previous-button-OSNujkf0.js");require("../icon-button-B8nZEqFm.js");const e="panel-dialog",d=({open:i,animated:a,position:s="start",onClose:o=()=>{},className:l,...n})=>r.createElement(c.DialogBaseWithState,{...n,"aria-label":"Infotip",classPrefix:e,buttonPosition:"right",onCloseBtnClick:o,onBackgroundClick:o,animated:a,className:t(l,{[`${e}--mask-fade-slow`]:a}),windowClass:t(`${e}__window--slide`,{[`${e}__window--end`]:s==="end"}),open:i});exports.EbayPanelDialog=d;

package/ebay-snackbar-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("classnames"),e=require("react"),k=require("../dialog-base-with-state-CWfGme1k.js");require("../icon-button-B8nZEqFm.js");const f=({className:c,children:r,...l})=>e.createElement("button",{className:S(c,"fake-link"),...l},r),N=6e3,O=({className:c,onOpen:r=()=>{},onClose:l=()=>{},layout:h,open:i,children:D,onAction:u,...T})=>{const n=e.useRef(new Set),b=e.useRef(),[C,m]=e.useState(i),g=e.Children.toArray(D),s=g.find(t=>t.type===f),p=g.filter(t=>t.type!==f),o=()=>{clearTimeout(b.current)},d=()=>{m(!1),l()},E=()=>{n.current.size===0&&(o(),b.current=setTimeout(()=>{d()},N))},M=()=>{m(!0),r(),E()},q=()=>{o(),n.current.add("focus")},w=()=>{n.current.delete("focus"),E()},R=()=>{o(),n.current.add("mouseEnter")},B=()=>{n.current.delete("mouseEnter"),E()},L=t=>{var a,y;o(),u==null||u(t),(y=(a=s==null?void 0:s.props)==null?void 0:a.onClick)==null||y.call(a,t),d()};return e.useEffect(()=>()=>{o()},[]),e.useEffect(()=>{i?M():d()},[i]),e.createElement(k.DialogBaseWithState,{...T,open:C,isModal:!1,baseEl:"aside",classPrefix:"snackbar-dialog",transitionElement:"root",a11yCloseText:"",buttonPosition:"hidden",className:S(c,"snackbar-dialog--transition"),windowClass:h==="column"&&"snackbar-dialog__window--column",onFocus:q,onBlur:w,onMouseEnter:R,onMouseLeave:B},p,s?e.createElement(k.EbayDialogActions,null,e.cloneElement(s,{onClick:L})):null)};exports.EbaySnackbarDialog=O;exports.EbaySnackbarDialogAction=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("classnames"),e=require("react"),k=require("../dialog-previous-button-OSNujkf0.js");require("../icon-button-B8nZEqFm.js");const f=({className:r,children:c,...l})=>e.createElement("button",{className:D(r,"fake-link"),...l},c),L=6e3,N=({className:r,onOpen:c=()=>{},onClose:l=()=>{},layout:S,open:i,children:h,onAction:u,...T})=>{const n=e.useRef(new Set),b=e.useRef(),[C,m]=e.useState(i),g=e.Children.toArray(h),o=g.find(t=>t.type===f),p=g.filter(t=>t.type!==f),s=()=>{clearTimeout(b.current)},d=()=>{m(!1),l()},E=()=>{n.current.size===0&&(s(),b.current=setTimeout(()=>{d()},L))},M=()=>{m(!0),c(),E()},q=()=>{s(),n.current.add("focus")},w=()=>{n.current.delete("focus"),E()},R=()=>{s(),n.current.add("mouseEnter")},v=()=>{n.current.delete("mouseEnter"),E()},B=t=>{var a,y;s(),u==null||u(t),(y=(a=o==null?void 0:o.props)==null?void 0:a.onClick)==null||y.call(a,t),d()};return e.useEffect(()=>()=>{s()},[]),e.useEffect(()=>{i?M():d()},[i]),e.createElement(k.DialogBaseWithState,{...T,open:C,isModal:!1,baseEl:"aside",classPrefix:"snackbar-dialog",transitionElement:"root",a11yCloseText:"",buttonPosition:"hidden",className:D(r,"snackbar-dialog--transition"),windowClass:S==="column"&&"snackbar-dialog__window--column",onFocus:q,onBlur:w,onMouseEnter:R,onMouseLeave:v},p,o?e.createElement(k.EbayDialogActions,null,e.cloneElement(o,{onClick:B})):null)};exports.EbaySnackbarDialog=N;exports.EbaySnackbarDialogAction=f;

package/ebay-toast-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),o=require("classnames"),i=require("../dialog-base-with-state-CWfGme1k.js");require("../icon-button-B8nZEqFm.js");const r=({className:t,onClose:e=()=>{},...a})=>s.createElement(i.DialogBaseWithState,{...a,isModal:!1,baseEl:"aside",classPrefix:"toast-dialog",buttonPosition:"right",transitionElement:"root",className:o(t,"toast-dialog--transition"),onCloseBtnClick:e});exports.EbayToast=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),s=require("classnames"),i=require("../dialog-previous-button-OSNujkf0.js");require("../icon-button-B8nZEqFm.js");const r=({className:t,onClose:e=()=>{},...o})=>a.createElement(i.DialogBaseWithState,{...o,isModal:!1,baseEl:"aside",classPrefix:"toast-dialog",buttonPosition:"right",transitionElement:"root",className:s(t,"toast-dialog--transition"),onCloseBtnClick:e});exports.EbayToast=r;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebay/ui-core-react",
-  "version": "7.2.2-alpha.1",
+  "version": "7.2.2",
   "description": "Skin components build off React",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"

package/dialog-base-with-state-CWfGme1k.js

@@ -1 +0,0 @@
-"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-CADzbw0_.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-B8nZEqFm.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),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))},h=({children:a})=>e.createElement(e.Fragment,null,a),$=({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")}),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};exports.DialogBaseWithState=se;exports.EbayDialogActions=$;exports.EbayDialogCloseButton=h;exports.EbayDialogPreviousButton=k;

package/drawer-DV01jSt1.js

@@ -1 +0,0 @@
-"use strict";const t=require("react"),E=require("classnames"),f=require("./ebay-dialog-base/components/dialog-header/index.js"),H=require("./dialog-base-with-state-CWfGme1k.js");require("./icon-button-B8nZEqFm.js");const T=30,o="drawer-dialog",$=({expanded:i=!1,noHandle:_,onClose:l=()=>{},onCollapsed:p=()=>{},onExpanded:y=()=>{},a11yMaximizeText:S,a11yMinimizeText:D,children:b,...d})=>{let a=[];const[c,w]=t.useState(i);t.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}))},h=e=>{Array.from(e.changedTouches).forEach(({identifier:s})=>{const n=a.findIndex(u=>u.identifier===s);n>-1&&a.splice(n,1)})},C=e=>{a.length&&Array.from(e.changedTouches).forEach(({identifier:s,pageY:n})=>{const u=a.findIndex(B=>B.identifier===s),g=n-a[u].pageY;g>T?(c?r(!1):l(),h(e)):g<-T&&(r(!0),h(e))})},k=_?null:t.createElement("button",{"aria-label":c?D:S,className:`${o}__handle`,onClick:()=>r(!c),onScroll:()=>r(!0),onTouchStart:x,onTouchMove:C,onTouchEnd:h,type:"button"}),m=t.Children.toArray(b),q=m.find(({type:e})=>e===f),A=m.filter(({type:e})=>e!==f);return t.createElement(H.DialogBaseWithState,{...d,classPrefix:o,onCloseBtnClick:l,className:E(d.className,`${o}--mask-fade-slow`),windowClass:E(d.windowClass,`${o}__window`,`${o}__window--slide`,{[`${o}__window--expanded`]:c}),onBackgroundClick:l,top:k},q||t.createElement(f,null),A)};exports.EbayDrawerDialog=$;