@ebay/ui-core-react 7.4.0-alpha.8 → 7.4.0

package/ebay-pagination/index.js

@@ -1,244 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const ebayFakeMenuButton_menuButton = require("../menu-button-CKGsgg6G.js");
-const classNames = require("classnames");
-const debounce = require("../debounce-v8bWAUnY.js");
-const common_componentUtils_utils = require("../common/component-utils/utils/index.js");
-const icon = require("../icon-B17Di3YL.js");
-const common_componentUtils_forwardRef = require("../common/component-utils/forwardRef/index.js");
-require("../array.polyfill.flat-DyxysTxZ.js");
-const MIN_PAGES = 1;
-const MAX_PAGES = 9;
-const MIN_VISIBLE_ITEMS = 4;
-const LEADING_SPACE_WITH_DOT = 2;
-const TRAILING_SPACE_WITH_DOT = MAX_PAGES - LEADING_SPACE_WITH_DOT;
-function pageNumbersAround(totalPages, selectedPage, maxVisiblePages = totalPages, variant = null) {
-  const withDots = variant === "show-last" || variant === "overflow" && totalPages > MAX_PAGES;
-  const hasLeadingDots = variant === "overflow" && totalPages > MAX_PAGES;
-  const visibleItems = Math.min(maxVisiblePages, totalPages);
-  const startIndexWithoutDots = Math.max(0, selectedPage - Math.ceil((visibleItems - 1) / 2));
-  const startIndexWithDots = visibleItems < MIN_VISIBLE_ITEMS ? selectedPage : Math.max(0, selectedPage - Math.floor((visibleItems - 1) / 2));
-  const endIndex = (withDots ? startIndexWithDots : startIndexWithoutDots) + visibleItems;
-  const closeToEnd = endIndex >= totalPages;
-  const closeToFront = selectedPage <= MIN_VISIBLE_ITEMS;
-  const visibleRangeWithDots = (start, end) => {
-    const items = visibleRange(totalPages, start, end);
-    if (visibleItems > 2) {
-      items[end - 2] = "dots";
-      items[end - 1] = "hidden";
-      items[totalPages - 1] = "visible";
-    } else if (visibleItems > 1) {
-      items[end - 1] = "dots";
-    }
-    return items;
-  };
-  const visibleRangeWithOverflowDots = (start, end) => {
-    if (closeToFront) {
-      return visibleRangeWithDots(0, end);
-    } else if (closeToEnd) {
-      const items2 = visibleRange(totalPages, totalPages - TRAILING_SPACE_WITH_DOT, totalPages);
-      items2[0] = "visible";
-      items2[1] = "dots";
-      return items2;
-    }
-    const items = visibleRange(totalPages, selectedPage - LEADING_SPACE_WITH_DOT, selectedPage + LEADING_SPACE_WITH_DOT + 1);
-    items[0] = "visible";
-    items[1] = closeToFront ? "visible" : "dots";
-    items[totalPages - 2] = "dots";
-    items[totalPages - 1] = "visible";
-    return items;
-  };
-  if (closeToEnd && totalPages <= MAX_PAGES) {
-    return visibleRange(totalPages, totalPages - visibleItems);
-  }
-  if (withDots) {
-    return hasLeadingDots ? visibleRangeWithOverflowDots(startIndexWithDots, endIndex) : visibleRangeWithDots(startIndexWithDots, endIndex);
-  }
-  return visibleRange(totalPages, startIndexWithoutDots, endIndex);
-}
-function calcPageState(selectedPage, visiblePages, totalPages, variant = "show-range") {
-  if (selectedPage === -1) {
-    return [];
-  }
-  const adjustedNumPages = variant === "overflow" ? MAX_PAGES : clamp(Math.min(totalPages, visiblePages), MIN_PAGES, MAX_PAGES);
-  return pageNumbersAround(totalPages, selectedPage - 1, adjustedNumPages, variant);
-}
-function clamp(n, min, max) {
-  return n <= min ? min : n >= max ? max : n;
-}
-function visibleRange(totalItems, start, end) {
-  return Array(totalItems).fill("hidden").fill("visible", start, end);
-}
-function getMaxWidth(el) {
-  if (!el) {
-    return 0;
-  }
-  el.style.width = "100vw";
-  const result = el.offsetWidth;
-  el.style.width = null;
-  return result;
-}
-const EbayPagination = ({ id = "ebay-pagination", className, a11yCurrentText = "Pagination - Current Page", a11yPreviousText = "Previous page", a11yNextText = "Next page", variant = "show-range", fluid = false, onPrevious = () => {
-}, onNext = () => {
-}, onSelect = () => {
-}, children, ...rest }) => {
-  const paginationContainerRef = React.useRef(null);
-  const childPageRefs = React.useRef([]);
-  childPageRefs.current = React.Children.map(children, React.createRef);
-  const totalPages = common_componentUtils_utils.filterBy(children, ({ props }) => props.type === void 0 || props.type === "page").length;
-  const itemWidthRef = React.useRef(0);
-  const arrowWidthRef = React.useRef(0);
-  const getNumOfVisiblePageItems = () => {
-    var _a, _b, _c, _d;
-    const pageArrowWidth = arrowWidthRef.current || ((_b = (_a = childPageRefs.current[0]) == null ? void 0 : _a.current) == null ? void 0 : _b.offsetWidth);
-    arrowWidthRef.current = pageArrowWidth;
-    const pageItemWidth = itemWidthRef.current || ((_d = (_c = childPageRefs.current[1]) == null ? void 0 : _c.current) == null ? void 0 : _d.offsetWidth);
-    itemWidthRef.current = pageItemWidth;
-    return pageItemWidth ? Math.floor((getMaxWidth(paginationContainerRef.current) - pageArrowWidth * 2) / pageItemWidth) : 0;
-  };
-  const [page, setPage] = React.useState([]);
-  const [selectedIndex, setSelectedIndex] = React.useState(0);
-  const updatePages = (selectedPageIndexFromDotMenu) => {
-    const selectedPageIndex = selectedPageIndexFromDotMenu || childPageRefs.current.findIndex((pageRef) => {
-      var _a;
-      return ((_a = pageRef.current) == null ? void 0 : _a.getAttribute("aria-current")) === "page";
-    });
-    const visiblePageItems = getNumOfVisiblePageItems();
-    const pageState = calcPageState(selectedPageIndex, visiblePageItems, totalPages, variant);
-    setSelectedIndex(selectedPageIndex);
-    setPage(["hidden", ...pageState]);
-  };
-  React.useEffect(() => {
-    const debouncedUpdate = debounce.debounce(updatePages, 16);
-    updatePages();
-    window.addEventListener("resize", () => debouncedUpdate());
-    return () => {
-      window.removeEventListener("resize", () => debouncedUpdate());
-    };
-  }, [children]);
-  const createChildItems = (itemType) => {
-    let pageIndex = 0;
-    const firstDotItems = [];
-    const secondDotItems = [];
-    const allDotItems = [];
-    const firstDot = page.indexOf("dots");
-    const lastDot = page.lastIndexOf("dots");
-    return React.Children.map(children, (item, index) => {
-      const { type = "page", current, disabled, href, children: text } = item.props;
-      const isDot = page[index] === "dots";
-      const key = `${id}-item-${index}`;
-      const hide = page[index] === "hidden";
-      const isSeparator = isDot && type === "page";
-      const newProps = {
-        current,
-        disabled,
-        href,
-        type: isSeparator ? "separator" : type,
-        children: isDot ? React.createElement(icon.EbayIcon, { name: "overflowHorizontal24", focusable: false }) : text,
-        pageIndex: type === "page" ? pageIndex++ : void 0,
-        key,
-        hide,
-        onPrevious,
-        onNext,
-        onSelect,
-        a11yPreviousText,
-        a11yNextText,
-        ref: childPageRefs.current[index]
-      };
-      if ((hide || isDot) && type === "page") {
-        const itemComponent = React.createElement(ebayFakeMenuButton_menuButton.EbayFakeMenuButtonItem, { key, href, onClick: (event) => {
-          if (!href) {
-            event.preventDefault();
-          }
-          const currentTarget = event.currentTarget;
-          onSelect(event, { value: (currentTarget == null ? void 0 : currentTarget.innerText) || "", index: pageIndex });
-          updatePages(Number(currentTarget == null ? void 0 : currentTarget.innerText));
-        } }, text);
-        if (firstDot === lastDot) {
-          allDotItems.push(itemComponent);
-        }
-        if (selectedIndex - 2 > firstDot && index < selectedIndex) {
-          firstDotItems.push(itemComponent);
-        }
-        if (selectedIndex + 2 < lastDot && index > selectedIndex) {
-          secondDotItems.push(itemComponent);
-        }
-      }
-      if (itemType === "page" && isDot && variant === "overflow") {
-        let childComponent = allDotItems;
-        if (firstDot !== lastDot) {
-          childComponent = index === 2 ? firstDotItems : secondDotItems;
-        }
-        return React.createElement(
-          "li",
-          { key },
-          React.createElement(
-            "span",
-            { className: "pagination__item", role: "separator" },
-            React.createElement(ebayFakeMenuButton_menuButton.EbayMenuButton, { a11yText: "Menu", borderless: true, variant: "overflow", noToggleIcon: true }, childComponent)
-          )
-        );
-      }
-      return itemType === type ? React.cloneElement(item, newProps) : null;
-    });
-  };
-  const headingId = `${id}-pagination-heading`;
-  return React.createElement(
-    "nav",
-    { ...rest, role: "navigation", className: classNames(className, "pagination", { "pagination--fluid": fluid }), "aria-labelledby": headingId, ref: paginationContainerRef },
-    React.createElement(
-      "span",
-      { "aria-live": "polite", role: "status" },
-      React.createElement("h2", { className: "clipped", id: headingId }, a11yCurrentText)
-    ),
-    createChildItems("previous"),
-    React.createElement("ol", { className: "pagination__items" }, createChildItems("page")),
-    createChildItems("next")
-  );
-};
-const EbayPaginationItem = ({ pageIndex = 0, key, current, disabled, type = "page", href, hide, children, a11yPreviousText = "Previous page", a11yNextText = "Next page", onSelect, onNext, onPrevious, className, style, forwardedRef, ...rest }) => {
-  const handlePageNumber = (e) => {
-    var _a;
-    onSelect(e, { value: ((_a = e.currentTarget) == null ? void 0 : _a.innerText) || "", index: pageIndex });
-  };
-  const handleNextPage = (e) => {
-    if (!e.currentTarget.getAttribute("aria-disabled")) {
-      onNext(e);
-    }
-  };
-  const handlePreviousPage = (e) => {
-    if (!e.currentTarget.getAttribute("aria-disabled")) {
-      onPrevious(e);
-    }
-  };
-  const isAnchor = !!href;
-  const ButtonOrAnchor = isAnchor ? "a" : "button";
-  const iconClassName = isAnchor ? "icon-link" : "icon-btn";
-  const arrowStyle = { ...style, minWidth: "40px" };
-  switch (type) {
-    case "previous":
-      return React.createElement(
-        ButtonOrAnchor,
-        { ...rest, ref: forwardedRef, "aria-disabled": disabled ? "true" : void 0, "aria-label": a11yPreviousText, href: disabled ? void 0 : href, className: classNames(iconClassName, "pagination__previous"), style: arrowStyle, onClick: handlePreviousPage },
-        React.createElement(icon.EbayIcon, { name: "arrowLeft16" })
-      );
-    case "next":
-      return React.createElement(
-        ButtonOrAnchor,
-        { ...rest, ref: forwardedRef, "aria-disabled": disabled ? "true" : void 0, "aria-label": a11yNextText, href: disabled ? void 0 : href, className: classNames(iconClassName, "pagination__next"), style: arrowStyle, onClick: handleNextPage },
-        React.createElement(icon.EbayIcon, { name: "arrowRight16" })
-      );
-    case "separator":
-      return React.createElement("span", { key, style, className: "pagination__item", ref: forwardedRef, role: "separator" }, children);
-    default:
-      return React.createElement(
-        "li",
-        { ...rest, hidden: hide },
-        React.createElement(ButtonOrAnchor, { ref: forwardedRef, "aria-current": current ? "page" : void 0, href, className: "pagination__item", style, key, onClick: handlePageNumber }, children)
-      );
-  }
-};
-const paginationItem = common_componentUtils_forwardRef.withForwardRef(EbayPaginationItem);
-exports.EbayPagination = EbayPagination;
-exports.EbayPaginationItem = paginationItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),J=require("../menu-button-BZ66jxvI.js"),H=require("classnames"),ee=require("../debounce-BQsYxxOL.js"),te=require("../common/component-utils/utils/index.js"),U=require("../icon-TuxfQndO.js"),ne=require("../common/component-utils/forwardRef/index.js");require("../array.polyfill.flat-5BAolFdk.js");const re=1,T=9,K=4,$=2,oe=T-$;function ie(e,n,a=e,s=null){const h=s==="show-last"||s==="overflow"&&e>T,l=s==="overflow"&&e>T,c=Math.min(a,e),v=Math.max(0,n-Math.ceil((c-1)/2)),E=c<K?n:Math.max(0,n-Math.floor((c-1)/2)),m=(h?E:v)+c,d=m>=e,D=n<=K,I=(b,i)=>{const r=k(e,b,i);return c>2?(r[i-2]="dots",r[i-1]="hidden",r[e-1]="visible"):c>1&&(r[i-1]="dots"),r},g=(b,i)=>{if(D)return I(0,i);if(d){const _=k(e,e-oe,e);return _[0]="visible",_[1]="dots",_}const r=k(e,n-$,n+$+1);return r[0]="visible",r[1]=D?"visible":"dots",r[e-2]="dots",r[e-1]="visible",r};return d&&e<=T?k(e,e-c):h?l?g(E,m):I(E,m):k(e,v,m)}function ae(e,n,a,s="show-range"){if(e===-1)return[];const h=s==="overflow"?T:se(Math.min(a,n),re,T);return ie(a,e-1,h,s)}function se(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 ce(e){if(!e)return 0;e.style.width="100vw";const n=e.offsetWidth;return e.style.width=null,n}const ue=({id:e="ebay-pagination",className:n,a11yCurrentText:a="Pagination - Current Page",a11yPreviousText:s="Previous page",a11yNextText:h="Next page",variant:l="show-range",fluid:c=!1,onPrevious:v=()=>{},onNext:E=()=>{},onSelect:m=()=>{},children:d,...D})=>{const I=t.useRef(null),g=t.useRef([]);g.current=t.Children.map(d,t.createRef);const b=te.filterBy(d,({props:o})=>o.type===void 0||o.type==="page").length,i=t.useRef(0),r=t.useRef(0),_=()=>{var y,N,x,p;const o=r.current||((N=(y=g.current[0])==null?void 0:y.current)==null?void 0:N.offsetWidth);r.current=o;const f=i.current||((p=(x=g.current[1])==null?void 0:x.current)==null?void 0:p.offsetWidth);return i.current=f,f?Math.floor((ce(I.current)-o*2)/f):0},[A,L]=t.useState([]),[w,q]=t.useState(0),S=o=>{const f=o||g.current.findIndex(x=>{var p;return((p=x.current)==null?void 0:p.getAttribute("aria-current"))==="page"}),y=_(),N=ae(f,y,b,l);q(f),L(["hidden",...N])};t.useEffect(()=>{const o=ee.debounce(S,16);return S(),window.addEventListener("resize",()=>o()),()=>{window.removeEventListener("resize",()=>o())}},[d]);const W=o=>{let f=0;const y=[],N=[],x=[],p=A.indexOf("dots"),F=A.lastIndexOf("dots");return t.Children.map(d,(j,M)=>{const{type:O="page",current:Q,disabled:Y,href:G,children:V}=j.props,B=A[M]==="dots",P=`${e}-item-${M}`,X=A[M]==="hidden",Z={current:Q,disabled:Y,href:G,type:B&&O==="page"?"separator":O,children:B?t.createElement(U.EbayIcon,{name:"overflowHorizontal24",focusable:!1}):V,pageIndex:O==="page"?f++:void 0,key:P,hide:X,onPrevious:v,onNext:E,onSelect:m,a11yPreviousText:s,a11yNextText:h,ref:g.current[M]};if((X||B)&&O==="page"){const C=t.createElement(J.EbayFakeMenuButtonItem,{key:P,href:G,onClick:z=>{G||z.preventDefault();const R=z.currentTarget;m(z,{value:(R==null?void 0:R.innerText)||"",index:f}),S(Number(R==null?void 0:R.innerText))}},V);p===F&&x.push(C),w-2>p&&M<w&&y.push(C),w+2<F&&M>w&&N.push(C)}if(o==="page"&&B&&l==="overflow"){let C=x;return p!==F&&(C=M===2?y:N),t.createElement("li",{key:P},t.createElement("span",{className:"pagination__item",role:"separator"},t.createElement(J.EbayMenuButton,{a11yText:"Menu",borderless:!0,variant:"overflow",noToggleIcon:!0},C)))}return o===O?t.cloneElement(j,Z):null})},u=`${e}-pagination-heading`;return t.createElement("nav",{...D,role:"navigation",className:H(n,"pagination",{"pagination--fluid":c}),"aria-labelledby":u,ref:I},t.createElement("span",{"aria-live":"polite",role:"status"},t.createElement("h2",{className:"clipped",id:u},a)),W("previous"),t.createElement("ol",{className:"pagination__items"},W("page")),W("next"))},le=({pageIndex:e=0,key:n,current:a,disabled:s,type:h="page",href:l,hide:c,children:v,a11yPreviousText:E="Previous page",a11yNextText:m="Next page",onSelect:d,onNext:D,onPrevious:I,className:g,style:b,forwardedRef:i,...r})=>{const _=u=>{var o;d(u,{value:((o=u.currentTarget)==null?void 0:o.innerText)||"",index:e})},A=u=>{u.currentTarget.getAttribute("aria-disabled")||D(u)},L=u=>{u.currentTarget.getAttribute("aria-disabled")||I(u)},w=!!l,q=w?"a":"button",S=w?"icon-link":"icon-btn",W={...b,minWidth:"40px"};switch(h){case"previous":return t.createElement(q,{...r,ref:i,"aria-disabled":s?"true":void 0,"aria-label":E,href:s?void 0:l,className:H(S,"pagination__previous"),style:W,onClick:L},t.createElement(U.EbayIcon,{name:"arrowLeft16"}));case"next":return t.createElement(q,{...r,ref:i,"aria-disabled":s?"true":void 0,"aria-label":m,href:s?void 0:l,className:H(S,"pagination__next"),style:W,onClick:A},t.createElement(U.EbayIcon,{name:"arrowRight16"}));case"separator":return t.createElement("span",{key:n,style:b,className:"pagination__item",ref:i,role:"separator"},v);default:return t.createElement("li",{...r,hidden:c},t.createElement(q,{ref:i,"aria-current":a?"page":void 0,href:l,className:"pagination__item",style:b,key:n,onClick:_},v))}},me=ne.withForwardRef(le);exports.EbayPagination=ue;exports.EbayPaginationItem=me;

package/ebay-panel-dialog/index.js

@@ -1,12 +1 @@
-"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 = "panel-dialog";
-const EbayPanelDialog = ({ open, animated, position = "start", onClose = () => {
-}, className, ...rest }) => React.createElement(dialogPreviousButton.DialogBaseWithState, { ...rest, "aria-label": "Infotip", classPrefix, buttonPosition: "right", onCloseBtnClick: onClose, onBackgroundClick: onClose, animated, className: classNames(className, { [`${classPrefix}--mask-fade-slow`]: animated }), windowClass: classNames(`${classPrefix}__window--slide`, {
-  [`${classPrefix}__window--end`]: position === "end"
-}), open });
-exports.EbayPanelDialog = EbayPanelDialog;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("classnames"),c=require("../dialog-previous-button-CpuFLkQp.js");require("../icon-button-Cwaj-eT9.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-progress-bar/index.js

@@ -1,6 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const classNames = require("classnames");
-const EbayProgressBar = ({ value = 0, max = 100, fluid, className, ...rest }) => React.createElement("progress", { ...rest, className: classNames("progress-bar", className, { "progress-bar--fluid": fluid }), value, max });
-exports.EbayProgressBar = EbayProgressBar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("classnames"),g=({value:e=0,max:r=100,fluid:s,className:a,...o})=>t.createElement("progress",{...o,className:c("progress-bar",a,{"progress-bar--fluid":s}),value:e,max:r});exports.EbayProgressBar=g;

package/ebay-progress-spinner/index.js

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

package/ebay-progress-stepper/index.js

@@ -1,72 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const classNames = require("classnames");
-const icon = require("../icon-B17Di3YL.js");
-const EbayProgressStepper = ({ direction = "row", defaultState = "active", children, className, ...rest }) => {
-  const childrenArray = React.Children.toArray(children);
-  const currentIndex = currentIndexByDefaultState(childrenArray, defaultState);
-  return React.createElement(
-    "div",
-    { ...rest, className: classNames(className, "progress-stepper", {
-      "progress-stepper--vertical": direction === "column"
-    }) },
-    React.createElement("div", { role: "list", className: "progress-stepper__items" }, childrenArray.map((child, index) => React.createElement(
-      React.Fragment,
-      { key: index },
-      index > 0 && React.createElement("hr", { className: "progress-stepper__separator", role: "presentation" }),
-      React.cloneElement(child, {
-        state: stepState(index, currentIndex),
-        ...child.props,
-        current: currentIndex === index
-      })
-    )))
-  );
-};
-function currentIndexByDefaultState(steps, defaultState) {
-  const foundCurrentIndex = steps.findIndex((child) => child.props.current);
-  if (foundCurrentIndex === -1) {
-    switch (defaultState) {
-      case "complete":
-        return steps.length - 1;
-      case "upcoming":
-        return 0;
-    }
-  }
-  return foundCurrentIndex;
-}
-function stepState(stepIndex, currentIndex) {
-  if (stepIndex <= currentIndex)
-    return "complete";
-  if (stepIndex > currentIndex)
-    return "upcoming";
-}
-const typeIcons = {
-  complete: "stepperConfirmation24",
-  attention: "stepperAttention24",
-  upcoming: "stepperUpcoming24",
-  active: "stepperConfirmation24"
-};
-const EbayProgressStep = ({ current, state = "complete", children, className, ...rest }) => {
-  const childrenArray = React.Children.toArray(children);
-  const title = childrenArray.find((child) => child.type === EbayProgressTitle);
-  const text = childrenArray.filter((child) => child.type !== EbayProgressTitle);
-  const stepClassNames = classNames(className, "progress-stepper__item", { "progress-stepper__item--attention": state === "attention" });
-  const icon$1 = typeIcons[state];
-  const ariaLabel = current ? "current" : state;
-  return React.createElement(
-    "div",
-    { ...rest, className: stepClassNames, role: "listitem", "aria-current": current ? "step" : void 0 },
-    React.createElement("div", { className: "progress-stepper__icon" }, icon$1 && React.createElement(icon.EbayIcon, { name: icon$1, "aria-label": ariaLabel })),
-    React.createElement(
-      "div",
-      { className: "progress-stepper__text" },
-      title,
-      text
-    )
-  );
-};
-const EbayProgressTitle = ({ as: TitleComponent = "h4", children }) => React.createElement(TitleComponent, {}, children);
-exports.EbayProgressStep = EbayProgressStep;
-exports.EbayProgressStepper = EbayProgressStepper;
-exports.EbayProgressTitle = EbayProgressTitle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),g=require("classnames"),E=require("../icon-TuxfQndO.js"),d=({direction:t="row",defaultState:r="active",children:s,className:o,...i})=>{const a=e.Children.toArray(s),c=f(a,r);return e.createElement("div",{...i,className:g(o,"progress-stepper",{"progress-stepper--vertical":t==="column"})},e.createElement("div",{role:"list",className:"progress-stepper__items"},a.map((p,n)=>e.createElement(e.Fragment,{key:n},n>0&&e.createElement("hr",{className:"progress-stepper__separator",role:"presentation"}),e.cloneElement(p,{state:_(n,c),...p.props,current:c===n})))))};function f(t,r){const s=t.findIndex(o=>o.props.current);if(s===-1)switch(r){case"complete":return t.length-1;case"upcoming":return 0}return s}function _(t,r){if(t<=r)return"complete";if(t>r)return"upcoming"}const b={complete:"stepperConfirmation24",attention:"stepperAttention24",upcoming:"stepperUpcoming24",active:"stepperConfirmation24"},v=({current:t,state:r="complete",children:s,className:o,...i})=>{const a=e.Children.toArray(s),c=a.find(l=>l.type===m),p=a.filter(l=>l.type!==m),n=g(o,"progress-stepper__item",{"progress-stepper__item--attention":r==="attention"}),u=b[r],y=t?"current":r;return e.createElement("div",{...i,className:n,role:"listitem","aria-current":t?"step":void 0},e.createElement("div",{className:"progress-stepper__icon"},u&&e.createElement(E.EbayIcon,{name:u,"aria-label":y})),e.createElement("div",{className:"progress-stepper__text"},c,p))},m=({as:t="h4",children:r})=>e.createElement(t,{},r);exports.EbayProgressStep=v;exports.EbayProgressStepper=d;exports.EbayProgressTitle=m;

package/ebay-radio/index.js

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

package/ebay-radio/radio/index.js

@@ -1,48 +1 @@
-"use strict";
-const React = require("react");
-const classNames = require("classnames");
-const icon = require("../../icon-B17Di3YL.js");
-const label = require("../../label-C0AS4fnO.js");
-const EbayRadio = ({ size = "default", checked, defaultChecked, className, style, id, onChange = () => {
-}, onFocus = () => {
-}, onKeyDown = () => {
-}, children, ...rest }) => {
-  const handleChange = (e) => {
-    var _a;
-    return onChange(e, { value: (_a = e.target) == null ? void 0 : _a.value });
-  };
-  const handleFocus = (e) => {
-    var _a;
-    return onFocus(e, { value: (_a = e.target) == null ? void 0 : _a.value });
-  };
-  const handleKeyDown = (e) => {
-    const radioButton = e.target;
-    return onKeyDown(e, { value: radioButton == null ? void 0 : radioButton.value });
-  };
-  const containerClass = classNames("radio", className, { "radio--large": size === "large" });
-  const iconChecked = size === "large" ? React.createElement(icon.EbayIcon, { name: "radioChecked24", className: "radio__checked" }) : React.createElement(icon.EbayIcon, { name: "radioChecked18", className: "radio__checked" });
-  const iconUnChecked = size === "large" ? React.createElement(icon.EbayIcon, { name: "radioUnchecked24", className: "radio__unchecked" }) : React.createElement(icon.EbayIcon, { name: "radioUnchecked18", className: "radio__unchecked" });
-  const childrenArray = React.Children.toArray(children);
-  const ebayLabel = childrenArray.find((child) => child.type === label.Label);
-  return React.createElement(
-    React.Fragment,
-    null,
-    React.createElement(
-      "span",
-      { className: containerClass, style: { ...style, alignItems: "center" } },
-      React.createElement("input", { ...rest, id, className: "radio__control", type: "radio", defaultChecked, checked, onChange: handleChange, onFocus: handleFocus, onKeyDown: handleKeyDown }),
-      React.createElement(
-        "span",
-        { className: "radio__icon", hidden: true },
-        iconChecked,
-        iconUnChecked
-      )
-    ),
-    ebayLabel ? React.cloneElement(ebayLabel, {
-      ...ebayLabel.props,
-      position: "end",
-      htmlFor: id
-    }) : children
-  );
-};
-module.exports = EbayRadio;
+"use strict";const e=require("react"),N=require("classnames"),c=require("../../icon-TuxfQndO.js"),v=require("../../label-CnrpYJ-g.js"),I=({size:r="default",checked:s,defaultChecked:d,className:i,style:m,id:o,onChange:u=()=>{},onFocus:h=()=>{},onKeyDown:y=()=>{},children:l,...E})=>{const _=a=>{var n;return u(a,{value:(n=a.target)==null?void 0:n.value})},g=a=>{var n;return h(a,{value:(n=a.target)==null?void 0:n.value})},k=a=>{const n=a.target;return y(a,{value:n==null?void 0:n.value})},b=N("radio",i,{"radio--large":r==="large"}),p=r==="large"?e.createElement(c.EbayIcon,{name:"radioChecked24",className:"radio__checked"}):e.createElement(c.EbayIcon,{name:"radioChecked18",className:"radio__checked"}),C=r==="large"?e.createElement(c.EbayIcon,{name:"radioUnchecked24",className:"radio__unchecked"}):e.createElement(c.EbayIcon,{name:"radioUnchecked18",className:"radio__unchecked"}),t=e.Children.toArray(l).find(a=>a.type===v.Label);return e.createElement(e.Fragment,null,e.createElement("span",{className:b,style:{...m,alignItems:"center"}},e.createElement("input",{...E,id:o,className:"radio__control",type:"radio",defaultChecked:d,checked:s,onChange:_,onFocus:g,onKeyDown:k}),e.createElement("span",{className:"radio__icon",hidden:!0},p,C)),t?e.cloneElement(t,{...t.props,position:"end",htmlFor:o}):l)};module.exports=I;

package/ebay-section-notice/index.js

@@ -1,69 +1 @@
-"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 icon = require("../icon-B17Di3YL.js");
-const common_randomId = require("../common/random-id/index.js");
-const noticeFooter = require("../notice-footer-CIQ8SM6N.js");
-const common_noticeUtils_noticeCta = require("../common/notice-utils/notice-cta/index.js");
-const EbaySectionNotice = ({ status = "general", children, className, "aria-label": ariaLabel, "aria-roledescription": ariaRoleDescription = "Notice", a11yDismissText, educationIcon, iconClass, prominent, onDismiss = () => {
-}, ...rest }) => {
-  const [dismissed, setDismissed] = React.useState(false);
-  const [rId, setRandomId] = React.useState("");
-  React.useEffect(() => {
-    setRandomId(common_randomId.randomId());
-  }, []);
-  const childrenArray = React.Children.toArray(children);
-  const content = childrenArray.find(({ type }) => type === noticeContent.EbayNoticeContent);
-  const hasStatus = status !== "general" && status !== "none";
-  const isEducational = status === "education";
-  let iconName = null;
-  if (hasStatus) {
-    if (isEducational) {
-      iconName = educationIcon || "lightbulb24";
-    } else {
-      iconName = `${status}Filled16`;
-    }
-  }
-  if (!content) {
-    throw new Error(`EbaySectionNotice: Please use a EbayNoticeContent that defines the content of the notice`);
-  }
-  const handleDismissed = (event) => {
-    setDismissed(true);
-    onDismiss(event);
-  };
-  return dismissed ? null : React.createElement(
-    "section",
-    { ...rest, className: classNames(className, `section-notice`, {
-      [`section-notice--${status}`]: hasStatus,
-      "section-notice--education": isEducational && prominent,
-      "section-notice--large-icon": isEducational
-    }), role: "region", "aria-label": !hasStatus ? ariaLabel : null, "aria-labelledby": hasStatus ? `section-notice-${status}-${rId}` : null, "aria-roledescription": ariaRoleDescription },
-    iconName && React.createElement(
-      "div",
-      { className: "section-notice__header", id: `section-notice-${status}-${rId}` },
-      React.createElement(icon.EbayIcon, { className: iconClass, name: iconName, a11yText: ariaLabel, a11yVariant: "label" })
-    ),
-    React.createElement(noticeContent$1.NoticeContent, { ...content.props, type: "section" }),
-    children,
-    a11yDismissText && React.createElement(
-      EbaySectionNoticeFooter,
-      null,
-      React.createElement(
-        "button",
-        { "aria-label": a11yDismissText, className: "fake-link page-notice__dismiss", onClick: handleDismissed },
-        React.createElement(icon.EbayIcon, { name: "close16" })
-      )
-    )
-  );
-};
-const EbaySectionNoticeTitle = ({ className, as, children, ...rest }) => React.createElement(noticeFooter.NoticeTitle, { ...rest, className, as, type: "section" }, children);
-const EbaySectionNoticeFooter = ({ className, children }) => React.createElement(noticeFooter.NoticeFooter, { className, type: "section" }, children);
-const EbaySectionNoticeCTA = ({ className, children }) => React.createElement(common_noticeUtils_noticeCta, { className, type: "section" }, children);
-exports.EbayNoticeContent = noticeContent.EbayNoticeContent;
-exports.EbaySectionNotice = EbaySectionNotice;
-exports.EbaySectionNoticeCTA = EbaySectionNoticeCTA;
-exports.EbaySectionNoticeFooter = EbaySectionNoticeFooter;
-exports.EbaySectionNoticeTitle = EbaySectionNoticeTitle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),I=require("classnames"),y=require("../notice-content-C0ZStfuX.js"),T=require("../notice-content-9iF4T8uB.js"),E=require("../icon-TuxfQndO.js"),A=require("../common/random-id/index.js"),b=require("../notice-footer-Cw1DMzoB.js"),F=require("../common/notice-utils/notice-cta/index.js"),k=({status:t="general",children:n,className:a,"aria-label":o,"aria-roledescription":u="Notice",a11yDismissText:s,educationIcon:S,iconClass:C,prominent:f,onDismiss:h=()=>{},...p})=>{const[g,q]=e.useState(!1),[d,_]=e.useState("");e.useEffect(()=>{_(A.randomId())},[]);const m=e.Children.toArray(n).find(({type:l})=>l===y.EbayNoticeContent),c=t!=="general"&&t!=="none",r=t==="education";let i=null;if(c&&(r?i=S||"lightbulb24":i=`${t}Filled16`),!m)throw new Error("EbaySectionNotice: Please use a EbayNoticeContent that defines the content of the notice");const $=l=>{q(!0),h(l)};return g?null:e.createElement("section",{...p,className:I(a,"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}-${d}`:null,"aria-roledescription":u},i&&e.createElement("div",{className:"section-notice__header",id:`section-notice-${t}-${d}`},e.createElement(E.EbayIcon,{className:C,name:i,a11yText:o,a11yVariant:"label"})),e.createElement(T.NoticeContent,{...m.props,type:"section"}),n,s&&e.createElement(N,null,e.createElement("button",{"aria-label":s,className:"fake-link page-notice__dismiss",onClick:$},e.createElement(E.EbayIcon,{name:"close16"}))))},v=({className:t,as:n,children:a,...o})=>e.createElement(b.NoticeTitle,{...o,className:t,as:n,type:"section"},a),N=({className:t,children:n})=>e.createElement(b.NoticeFooter,{className:t,type:"section"},n),w=({className:t,children:n})=>e.createElement(F,{className:t,type:"section"},n);exports.EbayNoticeContent=y.EbayNoticeContent;exports.EbaySectionNotice=k;exports.EbaySectionNoticeCTA=w;exports.EbaySectionNoticeFooter=N;exports.EbaySectionNoticeTitle=v;

package/ebay-section-title/index.js

@@ -1,38 +1 @@
-"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 Cta = ({ ctaText, href, className, ...rest }) => {
-  if (!ctaText) {
-    return null;
-  }
-  return React.createElement("a", { ...rest, className: classNames("section-title__cta", className), href }, ctaText);
-};
-const EbaySectionTitle = ({ href, ctaText, className, children, ...rest }) => {
-  const sectionTitleClass = classNames(className, "section-title");
-  const title = common_componentUtils_utils.findComponent(children, Title);
-  const subtitle = common_componentUtils_utils.findComponent(children, Subtitle);
-  const info = common_componentUtils_utils.findComponent(children, Info);
-  const overflow = common_componentUtils_utils.findComponent(children, Overflow);
-  return React.createElement(
-    "div",
-    { ...rest, className: sectionTitleClass },
-    React.createElement(
-      "div",
-      { className: "section-title__title-container" },
-      title || React.createElement(Title, null, children),
-      subtitle
-    ),
-    href && React.createElement(Cta, { href, ctaText }) || info || overflow
-  );
-};
-const Title = ({ children, className, ...rest }) => React.createElement("h2", { ...rest, className: classNames(className, "section-title__title") }, children);
-const Subtitle = ({ children, className, ...rest }) => React.createElement("span", { ...rest, className: classNames(className, "section-title__subtitle") }, children);
-const Info = ({ className, children, ...rest }) => React.createElement("div", { ...rest, className: classNames(className, "section-title__info") }, children);
-const Overflow = ({ children, className, ...rest }) => React.createElement("div", { ...rest, className: classNames(className, "section-title__overflow") }, children);
-exports.EbaySectionTitle = EbaySectionTitle;
-exports.EbaySectionTitleInfo = Info;
-exports.EbaySectionTitleOverflow = Overflow;
-exports.EbaySectionTitleSubtitle = Subtitle;
-exports.EbaySectionTitleTitle = Title;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),l=require("classnames"),s=require("../common/component-utils/utils/index.js"),v=({ctaText:e,href:t,className:n,...i})=>e?o.createElement("a",{...i,className:l("section-title__cta",n),href:t},e):null,T=({href:e,ctaText:t,className:n,children:i,...u})=>{const E=l(n,"section-title"),_=s.findComponent(i,c),f=s.findComponent(i,a),b=s.findComponent(i,m),S=s.findComponent(i,r);return o.createElement("div",{...u,className:E},o.createElement("div",{className:"section-title__title-container"},_||o.createElement(c,null,i),f),e&&o.createElement(v,{href:e,ctaText:t})||b||S)},c=({children:e,className:t,...n})=>o.createElement("h2",{...n,className:l(t,"section-title__title")},e),a=({children:e,className:t,...n})=>o.createElement("span",{...n,className:l(t,"section-title__subtitle")},e),m=({className:e,children:t,...n})=>o.createElement("div",{...n,className:l(e,"section-title__info")},t),r=({children:e,className:t,...n})=>o.createElement("div",{...n,className:l(t,"section-title__overflow")},e);exports.EbaySectionTitle=T;exports.EbaySectionTitleInfo=m;exports.EbaySectionTitleOverflow=r;exports.EbaySectionTitleSubtitle=a;exports.EbaySectionTitleTitle=c;

package/ebay-segmented-buttons/index.js

@@ -1,46 +1 @@
-"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 icon = require("../icon-B17Di3YL.js");
-const SegmentedButton = ({ selected, children, className, ...rest }) => {
-  const icon$1 = common_componentUtils_utils.findComponent(children, icon.EbayIcon);
-  const iconWithText = () => {
-    const text = common_componentUtils_utils.excludeComponent(children, icon.EbayIcon);
-    return React.createElement(
-      "span",
-      { className: "segmented-buttons__button-cell" },
-      icon$1,
-      React.createElement("span", null, text)
-    );
-  };
-  return React.createElement(
-    "li",
-    null,
-    React.createElement("button", { className: classNames("segmented-buttons__button", className), "aria-current": selected || void 0, ...rest }, icon$1 ? iconWithText() : children)
-  );
-};
-const EbaySegmentedButtons = ({ size, className, onChange = () => {
-}, children, ...rest }) => {
-  const buttons = common_componentUtils_utils.filterByType(children, SegmentedButton);
-  const [selectedIndex, setSelectedIndex] = React.useState(buttons.findIndex((button) => button.props.selected) || 0);
-  const handleClick = (e, index, value) => {
-    setSelectedIndex(index);
-    onChange(e, { index, value });
-  };
-  return React.createElement(
-    "div",
-    { className: classNames("segmented-buttons", size && `segmented-buttons--${size}`, className), ...rest },
-    React.createElement("ul", null, buttons.map((button, i) => {
-      const { value, ...buttonRest } = button.props;
-      return React.cloneElement(button, {
-        ...buttonRest,
-        onClick: (e) => handleClick(e, i, value),
-        selected: i === selectedIndex
-      });
-    }))
-  );
-};
-exports.EbaySegmentedButton = SegmentedButton;
-exports.EbaySegmentedButtons = EbaySegmentedButtons;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),b=require("classnames"),d=require("../common/component-utils/utils/index.js"),i=require("../icon-TuxfQndO.js"),p=({selected:s,children:n,className:u,...a})=>{const c=d.findComponent(n,i.EbayIcon),l=()=>{const r=d.excludeComponent(n,i.EbayIcon);return e.createElement("span",{className:"segmented-buttons__button-cell"},c,e.createElement("span",null,r))};return e.createElement("li",null,e.createElement("button",{className:b("segmented-buttons__button",u),"aria-current":s||void 0,...a},c?l():n))},_=({size:s,className:n,onChange:u=()=>{},children:a,...c})=>{const l=d.filterByType(a,p),[r,E]=e.useState(l.findIndex(t=>t.props.selected)||0),g=(t,o,m)=>{E(o),u(t,{index:o,value:m})};return e.createElement("div",{className:b("segmented-buttons",s&&`segmented-buttons--${s}`,n),...c},e.createElement("ul",null,l.map((t,o)=>{const{value:m,...y}=t.props;return e.cloneElement(t,{...y,onClick:S=>g(S,o,m),selected:o===r})})))};exports.EbaySegmentedButton=p;exports.EbaySegmentedButtons=_;