@ebay/ui-core-react 7.4.0-alpha.7 → 7.4.0-alpha.9

package/ebay-date-textbox/index.js

@@ -1 +1,140 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),k=require("../index-Dkz0UnlJ.js"),S=require("../calendar-lAu6VfAb.js"),i=require("../textbox-dUhinDwj.js");require("../icon-TuxfQndO.js");const H=require("classnames"),U=600,V=({className:O,inputPlaceholderText:E="YYYY-MM-DD",a11yOpenPopoverText:T="open calendar",range:s,value:v,rangeEnd:g,defaultValue:_,defaultRangeEnd:D,collapseOnSelect:R,onChange:b=()=>{},onInputChange:M=()=>{},onInputRangeEndChange:P=()=>{},...q})=>{const m=n.useRef(),l=n.useRef(null),[w,d]=n.useState(_||""),[A,u]=n.useState(D||""),f=i.isControlled(v)?v:w,y=i.isControlled(g)?g:A,[o,p]=n.useState(()=>S.dateArgToISO(f)),[c,x]=n.useState(()=>S.dateArgToISO(y)),[C,I]=n.useState(!1),[L,Y]=n.useState(1),B=()=>{I(!0)},z=()=>{I(!1)};n.useEffect(()=>{if(!l.current)return;m.current=new k.src_default(l.current,{hostSelector:".ebay-date-textbox--main > .icon-btn",contentSelector:".date-textbox__popover",expandOnClick:!0,autoCollapse:!0}),l.current.addEventListener("expander-expand",B),l.current.addEventListener("expander-collapse",z);const e=()=>{Y(document.documentElement.clientWidth<U?1:2)};return e(),window.addEventListener("resize",e),()=>{var t;(t=m.current)==null||t.destroy(),window.removeEventListener("resize",e)}},[]);const h=(e,t)=>{const r=new Date(e.target.value),a=isNaN(r.getTime())?null:S.toISO(r);t===0?(p(a),d(a||"")):(x(a),u(a||"")),s?b(e,{rangeStart:t===0?a:o,rangeEnd:t===1?a:c}):b(e,{selected:a})},F=(e,{iso:t})=>{if(p(t),d(t),s){const r=o||c,a={rangeStart:t,rangeEnd:r};o&&c?(u(""),x(null),a.rangeEnd=null):r&&(r<t?(p(r),d(r),u(t),x(t),a.rangeStart=r,a.rangeEnd=t):(p(t),d(t),u(r),x(r),a.rangeStart=t,a.rangeEnd=r)),b(e,a)}else b(e,{selected:t});R&&(m.current.expanded=!1)},N=(e,t)=>{t===0?(d(e.target.value),M(e)):(u(e.target.value),P(e))},[W,j]=Array.isArray(E)?E:[E,E];return n.createElement("span",{className:H("date-textbox",O),ref:l},s&&n.createElement(i.EbayTextbox,{value:f,placeholder:W,onInputChange:e=>N(e,0),onBlur:e=>h(e,0)}),n.createElement(i.EbayTextbox,{className:"ebay-date-textbox--main",placeholder:j,value:s?y:f,onInputChange:e=>N(e,s?1:0),onBlur:e=>h(e,s?1:0)},n.createElement(i.EbayTextboxPostfixIcon,{name:"calendar24",buttonAriaLabel:T})),n.createElement("div",{hidden:!C,className:"date-textbox__popover"},n.createElement(S.EbayCalendar,{...q,range:s,interactive:!0,navigable:!0,numMonths:L,selected:o&&c?[o,c]:o||c||void 0,onSelect:F})))};exports.EbayDateTextbox=V;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const index = require("../index-DcH7Tjjd.js");
+const calendar = require("../calendar-D-DWjrMU.js");
+const textbox = require("../textbox-J291yCpJ.js");
+require("../icon-B17Di3YL.js");
+const classNames = require("classnames");
+const MIN_WIDTH_FOR_DOUBLE_PANE = 600;
+const EbayDateTextbox = ({ className, inputPlaceholderText = "YYYY-MM-DD", a11yOpenPopoverText = "open calendar", range, value: controlledValue, rangeEnd: controlledRangeEnd, defaultValue, defaultRangeEnd, collapseOnSelect, onChange = () => {
+}, onInputChange = () => {
+}, onInputRangeEndChange = () => {
+}, ...rest }) => {
+  const expander = React.useRef();
+  const containerRef = React.useRef(null);
+  const [internalValue, setInternalValue] = React.useState(defaultValue || "");
+  const [internalRangeEnd, setInternalRangeEnd] = React.useState(defaultRangeEnd || "");
+  const valueToRender = textbox.isControlled(controlledValue) ? controlledValue : internalValue;
+  const rangeEndToRender = textbox.isControlled(controlledRangeEnd) ? controlledRangeEnd : internalRangeEnd;
+  const [firstSelected, setFirstSelected] = React.useState(() => calendar.dateArgToISO(valueToRender));
+  const [secondSelected, setSecondSelected] = React.useState(() => calendar.dateArgToISO(rangeEndToRender));
+  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);
+  const [numMonths, setNumMonths] = React.useState(1);
+  const openPopover = () => {
+    setIsPopoverOpen(true);
+  };
+  const closePopover = () => {
+    setIsPopoverOpen(false);
+  };
+  React.useEffect(() => {
+    if (!containerRef.current) {
+      return;
+    }
+    expander.current = new index.src_default(containerRef.current, {
+      hostSelector: ".ebay-date-textbox--main > .icon-btn",
+      contentSelector: ".date-textbox__popover",
+      expandOnClick: true,
+      autoCollapse: true
+    });
+    containerRef.current.addEventListener("expander-expand", openPopover);
+    containerRef.current.addEventListener("expander-collapse", closePopover);
+    const calculateNumMonths = () => {
+      setNumMonths(document.documentElement.clientWidth < MIN_WIDTH_FOR_DOUBLE_PANE ? 1 : 2);
+    };
+    calculateNumMonths();
+    window.addEventListener("resize", calculateNumMonths);
+    return () => {
+      var _a;
+      (_a = expander.current) == null ? void 0 : _a.destroy();
+      window.removeEventListener("resize", calculateNumMonths);
+    };
+  }, []);
+  const handleInputChange = (event, index2) => {
+    const date = new Date(event.target.value);
+    const iso = isNaN(date.getTime()) ? null : calendar.toISO(date);
+    if (index2 === 0) {
+      setFirstSelected(iso);
+      setInternalValue(iso || "");
+    } else {
+      setSecondSelected(iso);
+      setInternalRangeEnd(iso || "");
+    }
+    if (range) {
+      onChange(event, {
+        rangeStart: index2 === 0 ? iso : firstSelected,
+        rangeEnd: index2 === 1 ? iso : secondSelected
+      });
+    } else {
+      onChange(event, {
+        selected: iso
+      });
+    }
+  };
+  const handlePopoverSelect = (event, { iso }) => {
+    setFirstSelected(iso);
+    setInternalValue(iso);
+    if (range) {
+      const selected = firstSelected || secondSelected;
+      const eventData = {
+        rangeStart: iso,
+        rangeEnd: selected
+      };
+      if (firstSelected && secondSelected) {
+        setInternalRangeEnd("");
+        setSecondSelected(null);
+        eventData.rangeEnd = null;
+      } else if (selected) {
+        if (selected < iso) {
+          setFirstSelected(selected);
+          setInternalValue(selected);
+          setInternalRangeEnd(iso);
+          setSecondSelected(iso);
+          eventData.rangeStart = selected;
+          eventData.rangeEnd = iso;
+        } else {
+          setFirstSelected(iso);
+          setInternalValue(iso);
+          setInternalRangeEnd(selected);
+          setSecondSelected(selected);
+          eventData.rangeStart = iso;
+          eventData.rangeEnd = selected;
+        }
+      }
+      onChange(event, eventData);
+    } else {
+      onChange(event, {
+        selected: iso
+      });
+    }
+    if (collapseOnSelect) {
+      expander.current.expanded = false;
+    }
+  };
+  const handleInternalChange = (event, index2) => {
+    if (index2 === 0) {
+      setInternalValue(event.target.value);
+      onInputChange(event);
+    } else {
+      setInternalRangeEnd(event.target.value);
+      onInputRangeEndChange(event);
+    }
+  };
+  const [rangeStartPlaceholder, mainPlaceholder] = Array.isArray(inputPlaceholderText) ? inputPlaceholderText : [inputPlaceholderText, inputPlaceholderText];
+  return React.createElement(
+    "span",
+    { className: classNames("date-textbox", className), ref: containerRef },
+    range && React.createElement(textbox.EbayTextbox, { value: valueToRender, placeholder: rangeStartPlaceholder, onInputChange: (event) => handleInternalChange(event, 0), onBlur: (event) => handleInputChange(event, 0) }),
+    React.createElement(
+      textbox.EbayTextbox,
+      { className: "ebay-date-textbox--main", placeholder: mainPlaceholder, value: range ? rangeEndToRender : valueToRender, onInputChange: (event) => handleInternalChange(event, range ? 1 : 0), onBlur: (event) => handleInputChange(event, range ? 1 : 0) },
+      React.createElement(textbox.EbayTextboxPostfixIcon, { name: "calendar24", buttonAriaLabel: a11yOpenPopoverText })
+    ),
+    React.createElement(
+      "div",
+      { hidden: !isPopoverOpen, className: "date-textbox__popover" },
+      React.createElement(calendar.EbayCalendar, { ...rest, range, interactive: true, navigable: true, numMonths, selected: firstSelected && secondSelected ? [firstSelected, secondSelected] : firstSelected || secondSelected || void 0, onSelect: handlePopoverSelect })
+    )
+  );
+};
+exports.EbayDateTextbox = EbayDateTextbox;

package/ebay-dialog-base/components/animation/index.js

@@ -1 +1,92 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react");function m({open:t,classPrefix:n,transitionElement:r,dialogRef:i,dialogWindowRef:c,enabled:a,onTransitionEnd:o}){const s=f.useRef(t);f.useLayoutEffect(()=>{if(!a)return;let e=[c,i];r==="window"?e=[c]:r==="root"&&(e=[i]);let u;return t?u=l({dialog:i,waitFor:e,classPrefix:n,onTransitionEnd:o}):s.current!==t&&(u=A({dialog:i,waitFor:e,classPrefix:n,onTransitionEnd:o})),s.current=t,()=>{u&&u()}},[t,a])}function l({dialog:t,waitFor:n,classPrefix:r,onTransitionEnd:i}){return w(t,n,`${r}--show`,i)}function A({dialog:t,waitFor:n,classPrefix:r,onTransitionEnd:i}){return w(t,n,`${r}--hide`,i)}function w(t,n,r,i){if(!t.current||!r)return;let c=0;const a=n?n.length:0,o=`${r}-init`;return t.current.classList.add(o),v(()=>{t.current&&(t.current.classList.add(r),t.current.classList.remove(o),n.forEach(s=>{const e=()=>{var u,d;++c===a&&((u=t.current)==null||u.classList.remove(r),i(),(d=s.current)==null||d.removeEventListener("transitionend",e))};s.current.addEventListener("transitionend",e,{once:!0})}))})}function v(t){let n,r;return window.requestAnimationFrame?(n=window.requestAnimationFrame(()=>{n=window.requestAnimationFrame(t)}),r=window.cancelAnimationFrame):(n=window.setTimeout(t,26),r=window.clearTimeout),()=>{n&&(r(n),n=void 0)}}exports.useDialogAnimation=m;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+function useDialogAnimation({ open, classPrefix, transitionElement, dialogRef, dialogWindowRef, enabled, onTransitionEnd }) {
+  const previousOpenValue = React.useRef(open);
+  React.useLayoutEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    let transitionElements = [dialogWindowRef, dialogRef];
+    if (transitionElement === "window") {
+      transitionElements = [dialogWindowRef];
+    } else if (transitionElement === "root") {
+      transitionElements = [dialogRef];
+    }
+    let cancelCurrentAnimation;
+    if (open) {
+      cancelCurrentAnimation = showAnimation({
+        dialog: dialogRef,
+        waitFor: transitionElements,
+        classPrefix,
+        onTransitionEnd
+      });
+    } else if (previousOpenValue.current !== open) {
+      cancelCurrentAnimation = hideAnimation({
+        dialog: dialogRef,
+        waitFor: transitionElements,
+        classPrefix,
+        onTransitionEnd
+      });
+    }
+    previousOpenValue.current = open;
+    return () => {
+      if (cancelCurrentAnimation) {
+        cancelCurrentAnimation();
+      }
+    };
+  }, [open, enabled]);
+}
+function showAnimation({ dialog, waitFor, classPrefix, onTransitionEnd }) {
+  return transition(dialog, waitFor, `${classPrefix}--show`, onTransitionEnd);
+}
+function hideAnimation({ dialog, waitFor, classPrefix, onTransitionEnd }) {
+  return transition(dialog, waitFor, `${classPrefix}--hide`, onTransitionEnd);
+}
+function transition(element, waitFor, className, onTransitionEnd) {
+  if (!element.current || !className) {
+    return;
+  }
+  let ran = 0;
+  const pending = waitFor ? waitFor.length : 0;
+  const initClass = `${className}-init`;
+  element.current.classList.add(initClass);
+  return nextFrame(() => {
+    if (!element.current) {
+      return;
+    }
+    element.current.classList.add(className);
+    element.current.classList.remove(initClass);
+    waitFor.forEach((ref) => {
+      const listener = () => {
+        var _a, _b;
+        if (++ran === pending) {
+          (_a = element.current) == null ? void 0 : _a.classList.remove(className);
+          onTransitionEnd();
+          (_b = ref.current) == null ? void 0 : _b.removeEventListener("transitionend", listener);
+        }
+      };
+      ref.current.addEventListener("transitionend", listener, { once: true });
+    });
+  });
+}
+function nextFrame(callback) {
+  let frame;
+  let cancelFrame;
+  if (window.requestAnimationFrame) {
+    frame = window.requestAnimationFrame(() => {
+      frame = window.requestAnimationFrame(callback);
+    });
+    cancelFrame = window.cancelAnimationFrame;
+  } else {
+    frame = window.setTimeout(callback, 26);
+    cancelFrame = window.clearTimeout;
+  }
+  return () => {
+    if (frame) {
+      cancelFrame(frame);
+      frame = void 0;
+    }
+  };
+}
+exports.useDialogAnimation = useDialogAnimation;

package/ebay-dialog-base/components/dialog-footer/index.js

@@ -1 +1,4 @@
-"use strict";const e=require("react"),r=({children:t})=>e.createElement(e.Fragment,null,t);module.exports=r;
+"use strict";
+const React = require("react");
+const EbayDialogFooter = ({ children }) => React.createElement(React.Fragment, null, children);
+module.exports = EbayDialogFooter;

package/ebay-dialog-base/components/dialog-header/index.js

@@ -1 +1,4 @@
-"use strict";const r=require("react"),a=({children:e,...t})=>r.createElement("h2",{...t},e);module.exports=a;
+"use strict";
+const React = require("react");
+const EbayDialogHeader = ({ children, ...rest }) => React.createElement("h2", { ...rest }, children);
+module.exports = EbayDialogHeader;

package/ebay-dialog-base/index.js

@@ -1 +1,13 @@
-"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-5cTKpmJ-.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 ebayDialogBase_components_dialogHeader = require("./components/dialog-header/index.js");
+const ebayDialogBase_components_dialogFooter = require("./components/dialog-footer/index.js");
+const dialogPreviousButton = require("../dialog-previous-button-EC_Y6KaT.js");
+const ebayDialogBase_components_animation = require("./components/animation/index.js");
+exports.EbayDialogHeader = ebayDialogBase_components_dialogHeader;
+exports.EbayDialogFooter = ebayDialogBase_components_dialogFooter;
+exports.DialogBaseWithState = dialogPreviousButton.DialogBaseWithState;
+exports.EbayDialogActions = dialogPreviousButton.EbayDialogActions;
+exports.EbayDialogCloseButton = dialogPreviousButton.EbayDialogCloseButton;
+exports.EbayDialogPreviousButton = dialogPreviousButton.EbayDialogPreviousButton;
+exports.useDialogAnimation = ebayDialogBase_components_animation.useDialogAnimation;

package/ebay-drawer-dialog/index.js

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

package/ebay-eek/index.js

@@ -1 +1,54 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),u=require("classnames"),i=require("../icon-TuxfQndO.js"),d={"A+++":["D","E","G"],"A++":["E","G"],"A+":["F","G"],A:["G"]},E=r=>{const{max:t,min:n,rating:s}=r,l=d[t];if(!(l&&l.indexOf(n)>-1))return null;let e=t,c=1;for(;e!==s;){if(c++,n===e)return null;e.length>1?e=e.slice(0,e.length-1):e=String.fromCharCode(e.charCodeAt(0)+1)}return c>7?7:c},m=({min:r="",max:t="",rating:n,a11yText:s,className:l})=>{const e=E({rating:n,min:r,max:t}),c=u(l,"eek",{[`eek--rating-${e}`]:!!e}),o=`Energy Rating: ${n}. Range: ${t} - ${r}.`;return a.createElement("div",{className:c,role:"figure","aria-label":s||o},a.createElement("div",{className:"eek__container","aria-hidden":!0},a.createElement("span",{className:"eek__rating-range"},a.createElement("span",{"aria-hidden":"true"},t),a.createElement(i.EbayIcon,{name:"eekRangeArrow"}),a.createElement("span",{"aria-hidden":"true"},r)),a.createElement("span",{className:"eek__rating","aria-hidden":"true"},n)),a.createElement(i.EbayIcon,{name:"eekArrow"}))};exports.EbayEek=m;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const classNames = require("classnames");
+const icon = require("../icon-B17Di3YL.js");
+const validRanges = {
+  "A+++": ["D", "E", "G"],
+  "A++": ["E", "G"],
+  "A+": ["F", "G"],
+  A: ["G"]
+};
+const eekUtil = (input) => {
+  const { max, min, rating } = input;
+  const validMax = validRanges[max];
+  if (!(validMax && validMax.indexOf(min) > -1)) {
+    return null;
+  }
+  let current = max;
+  let i = 1;
+  while (current !== rating) {
+    i++;
+    if (min === current) {
+      return null;
+    } else if (current.length > 1) {
+      current = current.slice(0, current.length - 1);
+    } else {
+      current = String.fromCharCode(current.charCodeAt(0) + 1);
+    }
+  }
+  return i > 7 ? 7 : i;
+};
+const EbayEek = ({ min = "", max = "", rating, a11yText, className: extraClasses }) => {
+  const parsedRating = eekUtil({ rating, min, max });
+  const className = classNames(extraClasses, "eek", { [`eek--rating-${parsedRating}`]: !!parsedRating });
+  const backupA11yText = `Energy Rating: ${rating}. Range: ${max} - ${min}.`;
+  return React.createElement(
+    "div",
+    { className, role: "figure", "aria-label": a11yText || backupA11yText },
+    React.createElement(
+      "div",
+      { className: "eek__container", "aria-hidden": true },
+      React.createElement(
+        "span",
+        { className: "eek__rating-range" },
+        React.createElement("span", { "aria-hidden": "true" }, max),
+        React.createElement(icon.EbayIcon, { name: "eekRangeArrow" }),
+        React.createElement("span", { "aria-hidden": "true" }, min)
+      ),
+      React.createElement("span", { className: "eek__rating", "aria-hidden": "true" }, rating)
+    ),
+    React.createElement(icon.EbayIcon, { name: "eekArrow" })
+  );
+};
+exports.EbayEek = EbayEek;

package/ebay-fake-menu/index.js

@@ -1 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../menu-_LzP6yje.js"),t=require("./menu-item/index.js"),n=require("react"),u=require("classnames"),o=({className:e,...a})=>n.createElement("hr",{...a,className:u(e,"fake-menu__separator"),role:"separator"});exports.EbayFakeMenu=r.EbayFakeMenu;exports.EbayFakeMenuItem=t;exports.EbayFakeMenuSeparator=o;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const menu = require("../menu-fCOy6wBS.js");
+const ebayFakeMenu_menuItem = require("./menu-item/index.js");
+const React = require("react");
+const classNames = require("classnames");
+const EbayMenuItemSeparator = ({ className, ...rest }) => React.createElement("hr", { ...rest, className: classNames(className, "fake-menu__separator"), role: "separator" });
+exports.EbayFakeMenu = menu.EbayFakeMenu;
+exports.EbayFakeMenuItem = ebayFakeMenu_menuItem;
+exports.EbayFakeMenuSeparator = EbayMenuItemSeparator;

package/ebay-fake-menu/menu-item/index.js

@@ -1 +1,49 @@
-"use strict";const e=require("react"),p=require("classnames"),d=require("../../icon-TuxfQndO.js"),y=require("../../badge-CoHKfiPt.js"),q=({className:m,current:v,disabled:t,autoFocus:l,type:b,badgeNumber:n,badgeAriaLabel:g,children:a,...E})=>{const c=e.useRef(),r=n!==void 0;e.useEffect(()=>{var u;l&&((u=c.current)==null||u.focus())});const s={...E,ref:c,className:p(m,"fake-menu__item",r&&"menu__item--badged"),"aria-label":g},i=e.createElement(d.EbayIcon,{name:"tick16"}),f={marginLeft:"var(--spacing-100)",marginRight:"var(--spacing-100)"},o=r&&e.createElement(y.EbayBadge,{type:"menu",number:n,style:f});return b==="button"?e.createElement("button",{...s,type:"button",disabled:t},e.createElement("span",null,a,o),i):e.createElement("a",{...s,"aria-disabled":t?"true":void 0},e.createElement("span",null,a,o),i)};module.exports=q;
+"use strict";
+const React = require("react");
+const classNames = require("classnames");
+const icon = require("../../icon-B17Di3YL.js");
+const badge = require("../../badge-CR5t7-2L.js");
+const EbayMenuItem = ({ className, current, disabled, autoFocus, type, badgeNumber, badgeAriaLabel, children, ...rest }) => {
+  const ref = React.useRef();
+  const hasBadge = badgeNumber !== void 0;
+  React.useEffect(() => {
+    var _a;
+    if (autoFocus) {
+      (_a = ref.current) == null ? void 0 : _a.focus();
+    }
+  });
+  const itemProps = {
+    ...rest,
+    ref,
+    className: classNames(className, "fake-menu__item", hasBadge && "menu__item--badged"),
+    "aria-label": badgeAriaLabel
+  };
+  const tick = React.createElement(icon.EbayIcon, { name: "tick16" });
+  const badgeStyleFix = {
+    marginLeft: "var(--spacing-100)",
+    marginRight: "var(--spacing-100)"
+  };
+  const badge$1 = hasBadge && React.createElement(badge.EbayBadge, { type: "menu", number: badgeNumber, style: badgeStyleFix });
+  return type === "button" ? React.createElement(
+    "button",
+    { ...itemProps, type: "button", disabled },
+    React.createElement(
+      "span",
+      null,
+      children,
+      badge$1
+    ),
+    tick
+  ) : React.createElement(
+    "a",
+    { ...itemProps, "aria-disabled": disabled ? "true" : void 0 },
+    React.createElement(
+      "span",
+      null,
+      children,
+      badge$1
+    ),
+    tick
+  );
+};
+module.exports = EbayMenuItem;

package/ebay-fake-menu-button/index.js

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-button-BZ66jxvI.js");exports.EbayFakeMenuButton=e.EbayMenuButton;exports.EbayFakeMenuButtonItem=e.EbayFakeMenuButtonItem;exports.EbayFakeMenuButtonLabel=e.EbayFakeMenuButtonLabel;exports.EbayFakeMenuButtonSeparator=e.EbayMenuButtonSeparator;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ebayFakeMenuButton_menuButton = require("../menu-button-CKGsgg6G.js");
+exports.EbayFakeMenuButton = ebayFakeMenuButton_menuButton.EbayMenuButton;
+exports.EbayFakeMenuButtonItem = ebayFakeMenuButton_menuButton.EbayFakeMenuButtonItem;
+exports.EbayFakeMenuButtonLabel = ebayFakeMenuButton_menuButton.EbayFakeMenuButtonLabel;
+exports.EbayFakeMenuButtonSeparator = ebayFakeMenuButton_menuButton.EbayMenuButtonSeparator;

package/ebay-fake-menu-button/menu-button/index.js

@@ -1 +1,12 @@
-"use strict";require("react");require("classnames");require("../../common/component-utils/utils/index.js");require("../../common/event-utils/index.js");require("../../common/random-id/index.js");require("../../button-DGuEBUDJ.js");require("../../icon-TuxfQndO.js");require("../../icon-button-Cwaj-eT9.js");require("../../menu-_LzP6yje.js");const e=require("../../menu-button-BZ66jxvI.js");module.exports=e.EbayMenuButton;
+"use strict";
+require("react");
+require("classnames");
+require("../../common/component-utils/utils/index.js");
+require("../../common/event-utils/index.js");
+require("../../common/random-id/index.js");
+require("../../button-B4bZIgwB.js");
+require("../../icon-B17Di3YL.js");
+require("../../icon-button-BQWoMgX1.js");
+require("../../menu-fCOy6wBS.js");
+const ebayFakeMenuButton_menuButton = require("../../menu-button-CKGsgg6G.js");
+module.exports = ebayFakeMenuButton_menuButton.EbayMenuButton;

package/ebay-fake-tabs/index.js

@@ -1 +1,30 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),m=require("classnames"),o=require("../common/component-utils/utils/index.js"),r=({children:t,href:s,ariaCurrent:n,className:a,...c})=>e.createElement("li",{...c,className:m(a,"fake-tabs__item")},e.createElement("a",{href:s,"aria-current":n},t)),_=({selectedIndex:t=0,tabMatchesCurrentUrl:s,className:n,children:a,...c})=>{const i=s===!1?"true":"page",b=o.filterByType(a,r).map((l,E)=>e.cloneElement(l,{...l.props,ariaCurrent:t===E?i:null})),u=o.excludeComponent(a,r);return e.createElement("div",{...c,className:m(n,"fake-tabs")},e.createElement("ul",{className:"fake-tabs__items"},b),e.createElement("div",{className:"fake-tabs__content"},e.createElement("div",{className:"fake-tabs__cell"},u)))};exports.EbayFakeTab=r;exports.EbayFakeTabs=_;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const classNames = require("classnames");
+const common_componentUtils_utils = require("../common/component-utils/utils/index.js");
+const Tab = ({ children, href, ariaCurrent, className, ...rest }) => React.createElement(
+  "li",
+  { ...rest, className: classNames(className, "fake-tabs__item") },
+  React.createElement("a", { href, "aria-current": ariaCurrent }, children)
+);
+const EbayFakeTabs = ({ selectedIndex = 0, tabMatchesCurrentUrl, className, children, ...rest }) => {
+  const ariaCurrent = tabMatchesCurrentUrl === false ? "true" : "page";
+  const tabHeadings = common_componentUtils_utils.filterByType(children, Tab).map((item, i) => React.cloneElement(item, {
+    ...item.props,
+    ariaCurrent: selectedIndex === i ? ariaCurrent : null
+  }));
+  const tabContent = common_componentUtils_utils.excludeComponent(children, Tab);
+  return React.createElement(
+    "div",
+    { ...rest, className: classNames(className, "fake-tabs") },
+    React.createElement("ul", { className: "fake-tabs__items" }, tabHeadings),
+    React.createElement(
+      "div",
+      { className: "fake-tabs__content" },
+      React.createElement("div", { className: "fake-tabs__cell" }, tabContent)
+    )
+  );
+};
+exports.EbayFakeTab = Tab;
+exports.EbayFakeTabs = EbayFakeTabs;

package/ebay-field/index.js

@@ -1 +1,21 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),a=require("classnames"),o=require("../label-CnrpYJ-g.js"),p=({className:e,layout:l="inline",children:t})=>{const n=l==="block"?"div":"span";return r.createElement(n,{className:a("field",e)},t)},d=({type:e,position:l="below",className:t,children:n,...s})=>{const i=a(t,"field__description",{[`field__description--${e}`]:e}),c=l==="below"?"div":"span";return r.createElement(c,{...s,className:i},r.createElement("span",null,n))};exports.EbayLabel=o.Label;exports.EbayField=p;exports.EbayFieldDescription=d;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const classNames = require("classnames");
+const label = require("../label-C0AS4fnO.js");
+const Field = ({ className, layout = "inline", children }) => {
+  const WrapperElement = layout === "block" ? "div" : "span";
+  return React.createElement(WrapperElement, { className: classNames("field", className) }, children);
+};
+const Description = ({ type, position = "below", className, children, ...rest }) => {
+  const wrapperClassName = classNames(className, "field__description", { [`field__description--${type}`]: type });
+  const WrapperElement = position === "below" ? `div` : `span`;
+  return React.createElement(
+    WrapperElement,
+    { ...rest, className: wrapperClassName },
+    React.createElement("span", null, children)
+  );
+};
+exports.EbayLabel = label.Label;
+exports.EbayField = Field;
+exports.EbayFieldDescription = Description;

package/ebay-fullscreen-dialog/index.js

@@ -1 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=require("classnames"),r=require("../dialog-previous-button-5cTKpmJ-.js");require("../icon-button-Cwaj-eT9.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;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const classNames = require("classnames");
+const dialogPreviousButton = require("../dialog-previous-button-EC_Y6KaT.js");
+require("../icon-button-BQWoMgX1.js");
+const classPrefix = "fullscreen-dialog";
+const EbayFullscreenDialog = ({ open, onClose = () => {
+}, className, animated, ...rest }) => React.createElement(dialogPreviousButton.DialogBaseWithState, { ...rest, classPrefix, buttonPosition: "right", onCloseBtnClick: onClose, transitionElement: "window", animated, className: classNames(className, `${classPrefix}--mask-fade-slow`), windowClass: classNames(`${classPrefix}__window`, `${classPrefix}__window--slide`), open });
+exports.EbayFullscreenDialog = EbayFullscreenDialog;

package/ebay-icon/index.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../icon-TuxfQndO.js");exports.EbayIcon=e.EbayIcon;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const icon = require("../icon-B17Di3YL.js");
+exports.EbayIcon = icon.EbayIcon;

package/ebay-icon-button/index.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../icon-button-Cwaj-eT9.js");exports.EbayIconButton=t.EbayIconButton;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const iconButton = require("../icon-button-BQWoMgX1.js");
+exports.EbayIconButton = iconButton.EbayIconButton;

package/ebay-infotip/index.js

@@ -1 +1,76 @@
-"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-CL3_zAeg.js"),$=require("../drawer-xTtCoO3F.js"),B=require("../ebay-dialog-base/components/dialog-header/index.js");require("react-remove-scroll");const M=require("../icon-TuxfQndO.js");require("../icon-button-Cwaj-eT9.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 a=l==="modal"?"dialog--mini":"infotip",i=e.createElement(M.EbayIcon,{name:t}),f=n instanceof Function?n({icon:i}):n;return e.createElement("button",{...p,className:S("icon-btn icon-btn--transparent",o,`${a}__host`),type:"button",ref:c},f||i)},b=U.withForwardRef(j),k=({variant:t="default",pointer:o,overlayStyle:n,disabled:c,onExpand:l,onCollapse:p,children:a,initialExpanded:i,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:i,hostRef:y}),u=t==="modal",x=e.useRef(),g=E.findComponent(a,h),C=E.findComponent(a,w),I=E.findComponent(a,b)||e.createElement(b),D=()=>{s?m():P()};if(!C)throw new Error("EbayInfotip: Please use a EbayInfotipContent that defines the content of the infotip");const{children:_,...q}=C.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(I,{ref:y,onClick:D,disabled:c,variant:t,"aria-label":R,"aria-expanded":s,icon:f,...I.props})),!u&&e.createElement(r.TooltipContent,{...q,type:"infotip",style:n,pointer:o,showCloseButton:!0,a11yCloseText:d,onClose:m},g,_)),u&&e.createElement($.EbayDrawerDialog,{...q,open:s,onClose:m,a11yCloseText:d,className:"dialog--mini__overlay",a11yMaximizeText:N,a11yMinimizeText:F},e.createElement(B,null,g),_))},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 React = require("react");
+const classNames$1 = require("classnames");
+const common_componentUtils_utils = require("../common/component-utils/utils/index.js");
+const useTooltip = require("../use-tooltip-7JxcZHJn.js");
+const drawer = require("../drawer-DBDktEBZ.js");
+const ebayDialogBase_components_dialogHeader = require("../ebay-dialog-base/components/dialog-header/index.js");
+require("react-remove-scroll");
+const icon = require("../icon-B17Di3YL.js");
+require("../icon-button-BQWoMgX1.js");
+const classNames = require("classnames/dedupe");
+const common_componentUtils_forwardRef = require("../common/component-utils/forwardRef/index.js");
+const EbayInfotipHost = ({ icon: icon$1, className, children, forwardedRef, variant, ...rest }) => {
+  const classPrefix = variant === "modal" ? "dialog--mini" : "infotip";
+  const buttonIcon = React.createElement(icon.EbayIcon, { name: icon$1 });
+  const buttonContent = children instanceof Function ? children({ icon: buttonIcon }) : children;
+  return React.createElement("button", { ...rest, className: classNames("icon-btn icon-btn--transparent", className, `${classPrefix}__host`), type: "button", ref: forwardedRef }, buttonContent || buttonIcon);
+};
+const EbayInfotipHost$1 = common_componentUtils_forwardRef.withForwardRef(EbayInfotipHost);
+const EbayInfotip = ({ variant = "default", pointer, overlayStyle, disabled, onExpand, onCollapse, children, initialExpanded, icon: icon2 = "information16", a11yCloseText, "aria-label": ariaLabel, className, a11yMaximizeText, a11yMinimizeText }) => {
+  const buttonRef = React.useRef();
+  const { isExpanded, expandTooltip, collapseTooltip } = useTooltip.useTooltip({ onCollapse, onExpand, initialExpanded, hostRef: buttonRef });
+  const isModal = variant === "modal";
+  const containerRef = React.useRef();
+  const heading = common_componentUtils_utils.findComponent(children, EbayTooltipHeading);
+  const content = common_componentUtils_utils.findComponent(children, EbayInfotipContent);
+  const button = common_componentUtils_utils.findComponent(children, EbayInfotipHost$1) || React.createElement(EbayInfotipHost$1);
+  const toggleTooltip = () => {
+    if (isExpanded) {
+      collapseTooltip();
+    } else {
+      expandTooltip();
+    }
+  };
+  if (!content) {
+    throw new Error(`EbayInfotip: Please use a EbayInfotipContent that defines the content of the infotip`);
+  }
+  const { children: contentChildren, ...contentProps } = content.props;
+  return React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      useTooltip.Tooltip,
+      { type: "infotip", isExpanded, className: classNames$1(className, { "dialog--mini": isModal }), ref: containerRef },
+      React.createElement(useTooltip.TooltipHost, null, React.cloneElement(button, {
+        ref: buttonRef,
+        onClick: toggleTooltip,
+        disabled,
+        variant,
+        "aria-label": ariaLabel,
+        "aria-expanded": isExpanded,
+        icon: icon2,
+        ...button.props
+      })),
+      !isModal && React.createElement(
+        useTooltip.TooltipContent,
+        { ...contentProps, type: "infotip", style: overlayStyle, pointer, showCloseButton: true, a11yCloseText, onClose: collapseTooltip },
+        heading,
+        contentChildren
+      )
+    ),
+    isModal && React.createElement(
+      drawer.EbayDrawerDialog,
+      { ...contentProps, open: isExpanded, onClose: collapseTooltip, a11yCloseText, className: "dialog--mini__overlay", a11yMaximizeText, a11yMinimizeText },
+      React.createElement(ebayDialogBase_components_dialogHeader, null, heading),
+      contentChildren
+    )
+  );
+};
+const EbayTooltipHeading = ({ className, ...props }) => React.createElement("span", { ...props, className: classNames$1("infotip__heading", className) });
+const EbayInfotipContent = ({ children }) => React.createElement(React.Fragment, null, children);
+exports.EbayInfotip = EbayInfotip;
+exports.EbayInfotipContent = EbayInfotipContent;
+exports.EbayInfotipHeading = EbayTooltipHeading;
+exports.EbayInfotipHost = EbayInfotipHost$1;

package/ebay-inline-notice/index.js

@@ -1 +1,36 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),E=require("classnames"),c=require("../notice-content-C0ZStfuX.js"),m=require("../notice-content-9iF4T8uB.js"),y=require("../common/component-utils/utils/index.js"),b=require("../icon-TuxfQndO.js"),N=({className:a,status:n="general",children:r,hidden:t=!1,"aria-label":l,onNoticeShow:s=()=>{},...u})=>{if(e.useEffect(()=>{t||s()},[t]),t)return null;const o=y.findComponent(r,c.EbayNoticeContent);if(!o)throw new Error("EbayInlineNotice: Please use a EbayNoticeContent that defines the content of the notice");const i=n==="general";return e.createElement("div",{...u,className:E(a,"inline-notice",{[`inline-notice--${n}`]:!i})},i?null:e.createElement("span",{className:"inline-notice__header"},e.createElement(b.EbayIcon,{name:`${n}Filled16`,a11yText:l,a11yVariant:"label"})),e.createElement(m.NoticeContent,{...o.props,type:"inline"}))};exports.EbayNoticeContent=c.EbayNoticeContent;exports.EbayInlineNotice=N;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const classNames = require("classnames");
+const noticeContent = require("../notice-content-BhUeK1pd.js");
+const noticeContent$1 = require("../notice-content-BTXVxttv.js");
+const common_componentUtils_utils = require("../common/component-utils/utils/index.js");
+const icon = require("../icon-B17Di3YL.js");
+const EbayInlineNotice = ({ className, status = "general", children, hidden = false, "aria-label": ariaLabel, onNoticeShow = () => {
+}, ...rest }) => {
+  React.useEffect(() => {
+    if (!hidden) {
+      onNoticeShow();
+    }
+  }, [hidden]);
+  if (hidden) {
+    return null;
+  }
+  const content = common_componentUtils_utils.findComponent(children, noticeContent.EbayNoticeContent);
+  if (!content) {
+    throw new Error(`EbayInlineNotice: Please use a EbayNoticeContent that defines the content of the notice`);
+  }
+  const isGeneral = status === `general`;
+  return React.createElement(
+    "div",
+    { ...rest, className: classNames(className, "inline-notice", { [`inline-notice--${status}`]: !isGeneral }) },
+    !isGeneral ? React.createElement(
+      "span",
+      { className: "inline-notice__header" },
+      React.createElement(icon.EbayIcon, { name: `${status}Filled16`, a11yText: ariaLabel, a11yVariant: "label" })
+    ) : null,
+    React.createElement(noticeContent$1.NoticeContent, { ...content.props, type: "inline" })
+  );
+};
+exports.EbayNoticeContent = noticeContent.EbayNoticeContent;
+exports.EbayInlineNotice = EbayInlineNotice;