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

package/ebay-carousel/index.js

@@ -1,345 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const classNames = require("classnames");
-const icon$1 = require("../icon-B17Di3YL.js");
-const debounce = require("../debounce-v8bWAUnY.js");
-const common_componentUtils_forwardRef = require("../common/component-utils/forwardRef/index.js");
-require("../array.polyfill.flat-DyxysTxZ.js");
-const icon = {
-  prev: "chevronLeft12",
-  next: "chevronRight12"
-};
-const typeToDirection = {
-  prev: "LEFT",
-  next: "RIGHT"
-};
-const CarouselControlButton = ({ type, label, hidden, disabled, onClick }) => {
-  const handleOnClick = (event) => {
-    onClick(event, { direction: typeToDirection[type] });
-  };
-  return React.createElement(
-    "button",
-    { className: classNames("carousel__control", `carousel__control--${type}`), "aria-label": label, "aria-disabled": disabled, disabled, onClick: handleOnClick },
-    React.createElement(icon$1.EbayIcon, { className: classNames("icon", `icon--carousel-${type}`), focusable: false, name: icon[type], "aria-hidden": hidden })
-  );
-};
-function getRelativeRects(el) {
-  const parent = el.parentElement;
-  const currentLeft = parent ? parent.firstElementChild.getBoundingClientRect().left : 0;
-  const { left, right } = el.getBoundingClientRect();
-  return {
-    left: left - currentLeft,
-    right: right - currentLeft
-  };
-}
-const isNativeScrolling = (el) => getComputedStyle(el).overflowX !== "visible";
-const getMaxOffset = (items, slideWidth) => {
-  if (!items.length) {
-    return 0;
-  }
-  const lastEl = items[items.length - 1];
-  return Math.max(lastEl.right - slideWidth, 0) || 0;
-};
-const getOffset = (items, index, slideWidth) => {
-  if (!items.length) {
-    return 0;
-  }
-  return Math.min(items[index].left, getMaxOffset(items, slideWidth)) || 0;
-};
-const alterChildren = (children, itemsRef, itemsPerSlide, slideWidth, offset, gap) => React.Children.map(children, (item, index) => {
-  const { style = {} } = item.props;
-  let itemWidth;
-  if (itemsPerSlide) {
-    const itemsInSlide = itemsPerSlide + itemsPerSlide % 1;
-    itemWidth = `calc(${100 / itemsInSlide}% - ${(itemsInSlide - 1) * gap / itemsInSlide}px)`;
-  }
-  const isStartOfSlide = itemsPerSlide ? index % itemsPerSlide === 0 : true;
-  return React.cloneElement(item, {
-    ...item.props,
-    slideWidth,
-    offset,
-    ref: (el) => {
-      itemsRef.current[index] = el;
-    },
-    className: isStartOfSlide ? "carousel__snap-point" : item.props.className,
-    style: {
-      ...style,
-      width: itemWidth || style.width,
-      marginRight: gap && index !== React.Children.count(children) - 1 ? `${gap}px` : style.marginRight
-    }
-  });
-});
-const normalizeIndex = (index, items, itemsPerSlide) => {
-  if (index > 0) {
-    let result = index;
-    result %= items.length || 1;
-    result -= result % (itemsPerSlide || 1);
-    result = Math.abs(result);
-    return result;
-  }
-  return 0;
-};
-const getSlide = (activeIndex, itemsPerSlide, nextIndex = activeIndex) => {
-  if (!itemsPerSlide) {
-    return;
-  }
-  return Math.ceil(nextIndex / itemsPerSlide);
-};
-const getDelta = (direction) => direction === "LEFT" ? -1 : 1;
-const getNextIndex = (direction, activeIndex, items, slideWidth, itemsPerSlide) => {
-  let i = activeIndex;
-  let item;
-  if (direction === "LEFT" && i === 0) {
-    i = items.length - 1;
-  } else {
-    do {
-      const delta = getDelta(direction);
-      item = items[i += delta];
-    } while (item && item.fullyVisible);
-    if (direction === "LEFT" && !itemsPerSlide) {
-      const targetOffset = item.right - slideWidth;
-      do {
-        item = items[--i];
-      } while (item && item.left >= targetOffset);
-      i += 1;
-    }
-  }
-  return normalizeIndex(i, items, itemsPerSlide);
-};
-const getClosestIndex = (scrollLeft, items, slideWidth, itemsPerSlide = 1, gap) => {
-  let closest;
-  if (scrollLeft >= getMaxOffset(items, slideWidth) - gap) {
-    closest = items.length - 1;
-  } else {
-    const totalItems = items.length;
-    let low = 0;
-    let high = Math.ceil(totalItems / itemsPerSlide) - 1;
-    while (high - low > 1) {
-      const mid = Math.floor((low + high) / 2);
-      if (scrollLeft > items[mid * itemsPerSlide].left) {
-        low = mid;
-      } else {
-        high = mid;
-      }
-    }
-    const deltaLow = Math.abs(scrollLeft - items[low * itemsPerSlide].left);
-    const deltaHigh = Math.abs(scrollLeft - items[high * itemsPerSlide].left);
-    closest = normalizeIndex((deltaLow > deltaHigh ? high : low) * itemsPerSlide, items, itemsPerSlide);
-  }
-  return closest;
-};
-const onScrollEnd = (el, fn) => {
-  let timeout;
-  let frame;
-  let lastPos;
-  (function checkMoved() {
-    const { scrollLeft } = el;
-    if (lastPos !== scrollLeft) {
-      lastPos = scrollLeft;
-      timeout = setTimeout(() => {
-        frame = requestAnimationFrame(checkMoved);
-      }, 90);
-      return;
-    }
-    fn(lastPos);
-  })();
-  return () => {
-    clearTimeout(timeout);
-    cancelAnimationFrame(frame);
-  };
-};
-const supportsScrollBehavior = typeof window !== "undefined" && "scrollBehavior" in document.body.style;
-function scrollTransition(el, to, fn) {
-  if (supportsScrollBehavior) {
-    el.scrollTo({ left: to });
-    return onScrollEnd(el, fn);
-  }
-  let lastPosition;
-  let cancelInterruptTransition;
-  let frame = requestAnimationFrame((startTime) => {
-    const { scrollLeft } = el;
-    const distance = to - scrollLeft;
-    const duration = 450;
-    (function animate(curTime) {
-      const delta = curTime - startTime;
-      if (delta > duration) {
-        el.scrollLeft = to;
-        cancel();
-        return fn();
-      }
-      el.scrollLeft = easeInOut(delta / duration) * distance + scrollLeft;
-      frame = requestAnimationFrame(animate);
-    })(startTime);
-  });
-  el.addEventListener("touchstart", handleTouchStart);
-  return cancel;
-  function cancel() {
-    cancelAnimationFrame(frame);
-    if (lastPosition === void 0) {
-      cancelTouchStart();
-    } else {
-      if (cancelInterruptTransition)
-        cancelInterruptTransition();
-      cancelTouchEnd();
-    }
-  }
-  function handleTouchStart() {
-    cancel();
-    lastPosition = el.scrollLeft;
-    el.addEventListener("touchend", handleTouchEnd);
-  }
-  function handleTouchEnd() {
-    cancelTouchEnd();
-    if (lastPosition === el.scrollLeft) {
-      cancelInterruptTransition = scrollTransition(el, to, fn);
-    }
-  }
-  function cancelTouchStart() {
-    el.removeEventListener("touchstart", handleTouchStart);
-  }
-  function cancelTouchEnd() {
-    el.removeEventListener("touchend", handleTouchEnd);
-  }
-}
-function easeInOut(val) {
-  return val < 0.5 ? 2 * val * val : -1 + (4 - 2 * val) * val;
-}
-const CarouselList = ({ gap = 16, itemsPerSlide, slideWidth, offset, activeIndex, nextControlDisabled, className, itemsRef, children, onSetActiveIndex, onScroll }) => {
-  const [translateLeft, setTranslateLeft] = React.useState(0);
-  const [skipScrolling, setSkipScrolling] = React.useState(false);
-  const [scrollTransitioning, setScrollTransitioning] = React.useState(false);
-  const listRef = React.useRef(null);
-  const scrollTimeout = React.useRef(null);
-  React.useEffect(() => {
-    const size = React.Children.count(children);
-    if (!size || !listRef.current)
-      return;
-    if (skipScrolling) {
-      setSkipScrolling(false);
-      return;
-    }
-    const list = listRef.current;
-    const isNativeScroll = isNativeScrolling(list);
-    if (isNativeScroll) {
-      setScrollTransitioning(true);
-      scrollTransition(list, offset, () => setScrollTransitioning(false));
-    } else {
-      setTranslateLeft(offset);
-    }
-  }, [offset]);
-  const handleFinishScrolling = React.useCallback(() => {
-    const scrollLeft = listRef.current.scrollLeft;
-    const closest = getClosestIndex(scrollLeft, itemsRef.current, slideWidth, itemsPerSlide, gap);
-    if (closest !== activeIndex) {
-      setSkipScrolling(true);
-      onSetActiveIndex(closest);
-      onScroll({ index: closest });
-    }
-  }, [listRef.current, itemsRef.current, slideWidth, activeIndex, onSetActiveIndex]);
-  const handleScroll = () => {
-    if (scrollTimeout.current) {
-      clearTimeout(scrollTimeout.current);
-    }
-    scrollTimeout.current = setTimeout(() => {
-      if (!scrollTransitioning) {
-        handleFinishScrolling();
-      }
-    }, 640);
-  };
-  return React.createElement(
-    "div",
-    { className: classNames("carousel__viewport", {
-      "carousel__viewport--mask": !nextControlDisabled
-    }, className) },
-    React.createElement("ul", { className: "carousel__list", ref: listRef, onScroll: handleScroll, style: { transform: `translate3d(${-translateLeft}px, 0, 0)` } }, alterChildren(children, itemsRef, itemsPerSlide, slideWidth, offset, gap))
-  );
-};
-const EbayCarousel = ({ gap = 16, index = 0, itemsPerSlide: _itemsPerSlide, a11yPreviousText, a11yNextText, onScroll = () => {
-}, onNext = () => {
-}, onPrevious = () => {
-}, onSlide = () => {
-}, className, children, ...rest }) => {
-  const [activeIndex, setActiveIndex] = React.useState(index);
-  const [slideWidth, setSlideWidth] = React.useState(0);
-  const [offset, setOffset] = React.useState(0);
-  const containerRef = React.useRef(null);
-  const itemsRef = React.useRef([]);
-  const itemCount = React.Children.count(children);
-  const itemsPerSlide = Math.floor(_itemsPerSlide) || void 0;
-  const isSingleSlide = itemCount <= itemsPerSlide;
-  const prevControlDisabled = isSingleSlide || offset === 0;
-  const nextControlDisabled = isSingleSlide || offset === getMaxOffset(itemsRef.current, slideWidth);
-  const handleResize = () => {
-    if (!containerRef.current)
-      return;
-    const { width: containerWidth } = containerRef.current.getBoundingClientRect();
-    setSlideWidth(containerWidth);
-  };
-  React.useEffect(() => {
-    window.addEventListener("resize", debounce.debounce(handleResize, 16));
-    return () => {
-      window.removeEventListener("resize", debounce.debounce(handleResize, 16));
-    };
-  }, []);
-  React.useEffect(() => {
-    setOffset(getOffset(itemsRef.current, activeIndex, slideWidth));
-  }, [activeIndex, slideWidth]);
-  React.useEffect(() => {
-    if (index >= 0 && index <= itemCount - 1) {
-      setActiveIndex(index);
-    }
-  }, [index]);
-  React.useEffect(() => {
-    itemsRef.current = itemsRef.current.splice(0, itemCount);
-  }, [children]);
-  React.useEffect(() => {
-    const { width: containerWidth } = containerRef.current.getBoundingClientRect();
-    setSlideWidth(containerWidth);
-  }, [containerRef.current]);
-  const handleControlClick = (event, { direction }) => {
-    const nextIndex = getNextIndex(direction, activeIndex, itemsRef.current, slideWidth, itemsPerSlide);
-    const slide = getSlide(activeIndex, itemsPerSlide, nextIndex);
-    setActiveIndex(nextIndex);
-    if (direction === "LEFT") {
-      onPrevious(event);
-    } else {
-      onNext(event);
-    }
-    onSlide({ slide });
-  };
-  return React.createElement(
-    "div",
-    { className: classNames("carousel", className, {
-      "carousel--slides": itemsPerSlide,
-      "carousel--peek": itemsPerSlide % 1 === 0
-    }), ...rest },
-    React.createElement(
-      "div",
-      { ref: containerRef, className: "carousel__container" },
-      React.createElement(CarouselControlButton, { label: a11yPreviousText, type: "prev", disabled: prevControlDisabled, onClick: handleControlClick }),
-      React.createElement(CarouselList, { itemsRef, offset, gap, itemsPerSlide, nextControlDisabled, activeIndex, onScroll, onSetActiveIndex: setActiveIndex, slideWidth }, children),
-      React.createElement(CarouselControlButton, { type: "next", label: a11yNextText, disabled: nextControlDisabled, onClick: handleControlClick })
-    )
-  );
-};
-const EbayCarouselItem = ({ slideWidth, offset, forwardedRef, children, ...rest }) => {
-  const itemRef = React.useRef();
-  const [isVisible, setIsVisible] = React.useState(false);
-  React.useImperativeHandle(forwardedRef, () => {
-    if (!itemRef.current)
-      return;
-    const { left, right } = getRelativeRects(itemRef.current);
-    const fullyVisible = left === void 0 || left - offset >= -0.01 && right - offset <= slideWidth + 0.01;
-    setIsVisible(fullyVisible);
-    return {
-      left,
-      right,
-      fullyVisible
-    };
-  }, [slideWidth, offset]);
-  return React.createElement("li", { ref: itemRef, "aria-hidden": !isVisible, ...rest }, children);
-};
-const carouselItem = common_componentUtils_forwardRef.withForwardRef(EbayCarouselItem);
-exports.EbayCarousel = EbayCarousel;
-exports.EbayCarouselItem = carouselItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),S=require("classnames"),z=require("../icon-TuxfQndO.js"),x=require("../debounce-BQsYxxOL.js"),A=require("../common/component-utils/forwardRef/index.js");require("../array.polyfill.flat-5BAolFdk.js");const D={prev:"chevronLeft12",next:"chevronRight12"},V={prev:"LEFT",next:"RIGHT"},q=({type:e,label:t,hidden:n,disabled:r,onClick:l})=>{const c=s=>{l(s,{direction:V[e]})};return o.createElement("button",{className:S("carousel__control",`carousel__control--${e}`),"aria-label":t,"aria-disabled":r,disabled:r,onClick:c},o.createElement(z.EbayIcon,{className:S("icon",`icon--carousel-${e}`),focusable:!1,name:D[e],"aria-hidden":n}))};function H(e){const t=e.parentElement,n=t?t.firstElementChild.getBoundingClientRect().left:0,{left:r,right:l}=e.getBoundingClientRect();return{left:r-n,right:l-n}}const W=e=>getComputedStyle(e).overflowX!=="visible",y=(e,t)=>{if(!e.length)return 0;const n=e[e.length-1];return Math.max(n.right-t,0)||0},j=(e,t,n)=>e.length&&Math.min(e[t].left,y(e,n))||0,G=(e,t,n,r,l,c)=>o.Children.map(e,(s,a)=>{const{style:i={}}=s.props;let d;if(n){const u=n+n%1;d=`calc(${100/u}% - ${(u-1)*c/u}px)`}const f=n?a%n===0:!0;return o.cloneElement(s,{...s.props,slideWidth:r,offset:l,ref:u=>{t.current[a]=u},className:f?"carousel__snap-point":s.props.className,style:{...i,width:d||i.width,marginRight:c&&a!==o.Children.count(e)-1?`${c}px`:i.marginRight}})}),O=(e,t,n)=>{if(e>0){let r=e;return r%=t.length||1,r-=r%(n||1),r=Math.abs(r),r}return 0},U=(e,t,n=e)=>{if(t)return Math.ceil(n/t)},X=e=>e==="LEFT"?-1:1,J=(e,t,n,r,l)=>{let c=t,s;if(e==="LEFT"&&c===0)c=n.length-1;else{do{const a=X(e);s=n[c+=a]}while(s&&s.fullyVisible);if(e==="LEFT"&&!l){const a=s.right-r;do s=n[--c];while(s&&s.left>=a);c+=1}}return O(c,n,l)},K=(e,t,n,r=1,l)=>{let c;if(e>=y(t,n)-l)c=t.length-1;else{const s=t.length;let a=0,i=Math.ceil(s/r)-1;for(;i-a>1;){const u=Math.floor((a+i)/2);e>t[u*r].left?a=u:i=u}const d=Math.abs(e-t[a*r].left),f=Math.abs(e-t[i*r].left);c=O((d>f?i:a)*r,t,r)}return c},Q=(e,t)=>{let n,r,l;return function c(){const{scrollLeft:s}=e;if(l!==s){l=s,n=setTimeout(()=>{r=requestAnimationFrame(c)},90);return}t(l)}(),()=>{clearTimeout(n),cancelAnimationFrame(r)}},Y=typeof window<"u"&&"scrollBehavior"in document.body.style;function B(e,t,n){if(Y)return e.scrollTo({left:t}),Q(e,n);let r,l,c=requestAnimationFrame(u=>{const{scrollLeft:g}=e,L=t-g,h=450;(function T(p){const m=p-u;if(m>h)return e.scrollLeft=t,s(),n();e.scrollLeft=Z(m/h)*L+g,c=requestAnimationFrame(T)})(u)});return e.addEventListener("touchstart",a),s;function s(){cancelAnimationFrame(c),r===void 0?d():(l&&l(),f())}function a(){s(),r=e.scrollLeft,e.addEventListener("touchend",i)}function i(){f(),r===e.scrollLeft&&(l=B(e,t,n))}function d(){e.removeEventListener("touchstart",a)}function f(){e.removeEventListener("touchend",i)}}function Z(e){return e<.5?2*e*e:-1+(4-2*e)*e}const P=({gap:e=16,itemsPerSlide:t,slideWidth:n,offset:r,activeIndex:l,nextControlDisabled:c,className:s,itemsRef:a,children:i,onSetActiveIndex:d,onScroll:f})=>{const[u,g]=o.useState(0),[L,h]=o.useState(!1),[T,p]=o.useState(!1),m=o.useRef(null),E=o.useRef(null);o.useEffect(()=>{if(!o.Children.count(i)||!m.current)return;if(L){h(!1);return}const b=m.current;W(b)?(p(!0),B(b,r,()=>p(!1))):g(r)},[r]);const C=o.useCallback(()=>{const v=m.current.scrollLeft,b=K(v,a.current,n,t,e);b!==l&&(h(!0),d(b),f({index:b}))},[m.current,a.current,n,l,d]),R=()=>{E.current&&clearTimeout(E.current),E.current=setTimeout(()=>{T||C()},640)};return o.createElement("div",{className:S("carousel__viewport",{"carousel__viewport--mask":!c},s)},o.createElement("ul",{className:"carousel__list",ref:m,onScroll:R,style:{transform:`translate3d(${-u}px, 0, 0)`}},G(i,a,t,n,r,e)))},ee=({gap:e=16,index:t=0,itemsPerSlide:n,a11yPreviousText:r,a11yNextText:l,onScroll:c=()=>{},onNext:s=()=>{},onPrevious:a=()=>{},onSlide:i=()=>{},className:d,children:f,...u})=>{const[g,L]=o.useState(t),[h,T]=o.useState(0),[p,m]=o.useState(0),E=o.useRef(null),C=o.useRef([]),R=o.Children.count(f),v=Math.floor(n)||void 0,b=R<=v,I=b||p===0,_=b||p===y(C.current,h),N=()=>{if(!E.current)return;const{width:w}=E.current.getBoundingClientRect();T(w)};o.useEffect(()=>(window.addEventListener("resize",x.debounce(N,16)),()=>{window.removeEventListener("resize",x.debounce(N,16))}),[]),o.useEffect(()=>{m(j(C.current,g,h))},[g,h]),o.useEffect(()=>{t>=0&&t<=R-1&&L(t)},[t]),o.useEffect(()=>{C.current=C.current.splice(0,R)},[f]),o.useEffect(()=>{const{width:w}=E.current.getBoundingClientRect();T(w)},[E.current]);const F=(w,{direction:M})=>{const k=J(M,g,C.current,h,v),$=U(g,v,k);L(k),M==="LEFT"?a(w):s(w),i({slide:$})};return o.createElement("div",{className:S("carousel",d,{"carousel--slides":v,"carousel--peek":v%1===0}),...u},o.createElement("div",{ref:E,className:"carousel__container"},o.createElement(q,{label:r,type:"prev",disabled:I,onClick:F}),o.createElement(P,{itemsRef:C,offset:p,gap:e,itemsPerSlide:v,nextControlDisabled:_,activeIndex:g,onScroll:c,onSetActiveIndex:L,slideWidth:h},f),o.createElement(q,{type:"next",label:l,disabled:_,onClick:F})))},te=({slideWidth:e,offset:t,forwardedRef:n,children:r,...l})=>{const c=o.useRef(),[s,a]=o.useState(!1);return o.useImperativeHandle(n,()=>{if(!c.current)return;const{left:i,right:d}=H(c.current),f=i===void 0||i-t>=-.01&&d-t<=e+.01;return a(f),{left:i,right:d,fullyVisible:f}},[e,t]),o.createElement("li",{ref:c,"aria-hidden":!s,...l},r)},ne=A.withForwardRef(te);exports.EbayCarousel=ee;exports.EbayCarouselItem=ne;

package/ebay-checkbox/index.js

@@ -1,52 +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 label = require("../label-C0AS4fnO.js");
-const common_componentUtils_utils = require("../common/component-utils/utils/index.js");
-const isControlled = (checked) => typeof checked !== "undefined";
-const EbayCheckbox = ({ id, size = "default", className, style, checked, defaultChecked = false, onChange = () => {
-}, onFocus = () => {
-}, onKeyDown = () => {
-}, children, inputRef, ...rest }) => {
-  const [isChecked, setChecked] = React.useState(defaultChecked);
-  const handleChange = (e) => {
-    const input = e.target;
-    onChange(e, { value: input == null ? void 0 : input.value, checked: Boolean(input == null ? void 0 : input.checked) });
-    setChecked(input == null ? void 0 : input.checked);
-  };
-  const handleFocus = (e) => {
-    var _a, _b;
-    return onFocus(e, { value: (_a = e.target) == null ? void 0 : _a.value, checked: Boolean((_b = e.target) == null ? void 0 : _b.checked) });
-  };
-  const handleKeyDown = (e) => {
-    const input = e.target;
-    onKeyDown(e, { value: input.value, checked: Boolean(input.checked) });
-  };
-  const containerClass = classNames("checkbox", className, { "checkbox--large": size === "large" });
-  const iconChecked = size === "large" ? React.createElement(icon.EbayIcon, { name: "checkboxChecked24", className: "checkbox__checked" }) : React.createElement(icon.EbayIcon, { name: "checkboxChecked18", className: "checkbox__checked" });
-  const iconUnChecked = size === "large" ? React.createElement(icon.EbayIcon, { name: "checkboxUnchecked24", className: "checkbox__unchecked" }) : React.createElement(icon.EbayIcon, { name: "checkboxUnchecked18", className: "checkbox__unchecked" });
-  const ebayLabel = common_componentUtils_utils.findComponent(children, label.Label);
-  return React.createElement(
-    React.Fragment,
-    null,
-    React.createElement(
-      "span",
-      { className: containerClass, style: { ...style, alignItems: "center" } },
-      React.createElement("input", { ...rest, id, className: "checkbox__control", type: "checkbox", checked: isControlled(checked) ? checked : isChecked, onChange: handleChange, onFocus: handleFocus, onKeyDown: handleKeyDown, ref: inputRef }),
-      React.createElement(
-        "span",
-        { className: "checkbox__icon", hidden: true },
-        iconChecked,
-        iconUnChecked
-      )
-    ),
-    ebayLabel ? React.cloneElement(ebayLabel, {
-      ...ebayLabel.props,
-      position: "end",
-      htmlFor: id
-    }) : children
-  );
-};
-exports.EbayCheckbox = EbayCheckbox;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),q=require("classnames"),a=require("../icon-TuxfQndO.js"),I=require("../label-CnrpYJ-g.js"),F=require("../common/component-utils/utils/index.js"),U=o=>typeof o<"u",B=({id:o,size:t="default",className:k,style:d,checked:s,defaultChecked:m=!1,onChange:b=()=>{},onFocus:u=()=>{},onKeyDown:i=()=>{},children:h,inputRef:x,...E})=>{const[g,y]=c.useState(m),_=n=>{const e=n.target;b(n,{value:e==null?void 0:e.value,checked:!!(e!=null&&e.checked)}),y(e==null?void 0:e.checked)},C=n=>{var e,r;return u(n,{value:(e=n.target)==null?void 0:e.value,checked:!!((r=n.target)!=null&&r.checked)})},N=n=>{const e=n.target;i(n,{value:e.value,checked:!!e.checked})},f=q("checkbox",k,{"checkbox--large":t==="large"}),p=t==="large"?c.createElement(a.EbayIcon,{name:"checkboxChecked24",className:"checkbox__checked"}):c.createElement(a.EbayIcon,{name:"checkboxChecked18",className:"checkbox__checked"}),v=t==="large"?c.createElement(a.EbayIcon,{name:"checkboxUnchecked24",className:"checkbox__unchecked"}):c.createElement(a.EbayIcon,{name:"checkboxUnchecked18",className:"checkbox__unchecked"}),l=F.findComponent(h,I.Label);return c.createElement(c.Fragment,null,c.createElement("span",{className:f,style:{...d,alignItems:"center"}},c.createElement("input",{...E,id:o,className:"checkbox__control",type:"checkbox",checked:U(s)?s:g,onChange:_,onFocus:C,onKeyDown:N,ref:x}),c.createElement("span",{className:"checkbox__icon",hidden:!0},p,v)),l?c.cloneElement(l,{...l.props,position:"end",htmlFor:o}):h)};exports.EbayCheckbox=B;

package/ebay-confirm-dialog/index.js

@@ -1,28 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const classNames = require("classnames");
-const ebayDialogBase_components_dialogFooter = require("../ebay-dialog-base/components/dialog-footer/index.js");
-const dialogPreviousButton = require("../dialog-previous-button-EC_Y6KaT.js");
-require("../icon-button-BQWoMgX1.js");
-const button = require("../button-B4bZIgwB.js");
-const classPrefix = "confirm-dialog";
-const EbayConfirmDialog = ({ a11yCloseText = "Close Dialog", confirmText, rejectText, onReject = () => {
-}, onConfirm = () => {
-}, ...rest }) => {
-  const confirmBtnRef = React.useRef(null);
-  const confirmId = "confirm-dialog-confirm";
-  const mainId = "confirm-dialog-main";
-  return React.createElement(
-    dialogPreviousButton.DialogBaseWithState,
-    { focus: confirmBtnRef, ...rest, a11yCloseText, role: "dialog", mainId, classPrefix, className: classNames(rest.className, `${classPrefix}--mask-fade`), windowClass: `${classPrefix}__window ${classPrefix}__window--fade`, buttonPosition: "hidden", onCloseBtnClick: onReject },
-    rest.children,
-    React.createElement(
-      ebayDialogBase_components_dialogFooter,
-      null,
-      React.createElement(button.EbayButton, { onClick: onReject, className: "confirm-dialog__reject" }, rejectText),
-      React.createElement(button.EbayButton, { ref: confirmBtnRef, priority: "primary", onClick: onConfirm, id: confirmId, "aria-describedby": mainId, className: "confirm-dialog__confirm" }, confirmText)
-    )
-  );
-};
-exports.EbayConfirmDialog = EbayConfirmDialog;
+"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-CpuFLkQp.js");require("../icon-button-Cwaj-eT9.js");const t=require("../button-DGuEBUDJ.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-cta-button/index.js

@@ -1,22 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const classNames = require("classnames");
-const common_componentUtils_forwardRef = require("../common/component-utils/forwardRef/index.js");
-const icon = require("../icon-B17Di3YL.js");
-const button = require("../button-B4bZIgwB.js");
-const EbayCtaButton = ({ size, children, fluid, truncate, forwardedRef, className: extraClasses, ...rest }) => {
-  const className = classNames(extraClasses, "cta-btn", { "cta-btn--large": size === "large" }, { "cta-btn--fluid": fluid }, { "cta-btn--truncated": truncate });
-  return React.createElement(
-    "a",
-    { ...rest, className, ref: forwardedRef },
-    React.createElement(
-      button.EbayButtonCell,
-      { type: "cta" },
-      React.createElement("span", null, children),
-      React.createElement(icon.EbayIcon, { name: "arrowRight24" })
-    )
-  );
-};
-const ctaButton = common_componentUtils_forwardRef.withForwardRef(EbayCtaButton);
-exports.EbayCtaButton = ctaButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("classnames"),i=require("../common/component-utils/forwardRef/index.js"),m=require("../icon-TuxfQndO.js"),b=require("../button-DGuEBUDJ.js"),E=({size:e,children:a,fluid:n,truncate:r,forwardedRef:c,className:o,...s})=>{const l=u(o,"cta-btn",{"cta-btn--large":e==="large"},{"cta-btn--fluid":n},{"cta-btn--truncated":r});return t.createElement("a",{...s,className:l,ref:c},t.createElement(b.EbayButtonCell,{type:"cta"},t.createElement("span",null,a),t.createElement(m.EbayIcon,{name:"arrowRight24"})))},y=i.withForwardRef(E);exports.EbayCtaButton=y;

package/ebay-date-textbox/index.js

@@ -1,140 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),k=require("makeup-expander"),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:o,value:v,rangeEnd:g,defaultValue:D,defaultRangeEnd:R,collapseOnSelect:_,onChange:p=()=>{},onInputChange:M=()=>{},onInputRangeEndChange:P=()=>{},...q})=>{const m=n.useRef(),l=n.useRef(null),[w,d]=n.useState(D||""),[A,u]=n.useState(R||""),f=i.isControlled(v)?v:w,y=i.isControlled(g)?g:A,[s,b]=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(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?(b(a),d(a||"")):(x(a),u(a||"")),o?p(e,{rangeStart:t===0?a:s,rangeEnd:t===1?a:c}):p(e,{selected:a})},F=(e,{iso:t})=>{if(b(t),d(t),o){const r=s||c,a={rangeStart:t,rangeEnd:r};s&&c?(u(""),x(null),a.rangeEnd=null):r&&(r<t?(b(r),d(r),u(t),x(t),a.rangeStart=r,a.rangeEnd=t):(b(t),d(t),u(r),x(r),a.rangeStart=t,a.rangeEnd=r)),p(e,a)}else p(e,{selected:t});_&&(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},o&&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:o?y:f,onInputChange:e=>N(e,o?1:0),onBlur:e=>h(e,o?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:o,interactive:!0,navigable:!0,numMonths:L,selected:s&&c?[s,c]:s||c||void 0,onSelect:F})))};exports.EbayDateTextbox=V;