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

package/ebay-inline-notice/index.js

@@ -1,36 +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 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;
+"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;

package/ebay-lightbox-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 = "lightbox-dialog";
-const EbayLightboxDialog = ({ open, mode, size, onClose = () => {
-}, ...rest }) => React.createElement(dialogPreviousButton.DialogBaseWithState, { buttonPosition: "right", ...rest, classPrefix, onCloseBtnClick: onClose, onBackgroundClick: onClose, className: classNames(rest.className, `${classPrefix}--mask-fade`, size && `${classPrefix}--${size}`), windowClass: classNames("lightbox-dialog__window--fade", {
-  [`${classPrefix}__window--mini`]: mode === "mini"
-}), open });
-exports.EbayLightboxDialog = EbayLightboxDialog;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("classnames"),c=require("../dialog-previous-button-CpuFLkQp.js");require("../icon-button-Cwaj-eT9.js");const i="lightbox-dialog",r=({open:s,mode:l,size:o,onClose:e=()=>{},...t})=>n.createElement(c.DialogBaseWithState,{buttonPosition:"right",...t,classPrefix:i,onCloseBtnClick:e,onBackgroundClick:e,className:a(t.className,`${i}--mask-fade`,o&&`${i}--${o}`),windowClass:a("lightbox-dialog__window--fade",{[`${i}__window--mini`]:l==="mini"}),open:s});exports.EbayLightboxDialog=r;

package/ebay-listbox-button/index.d.ts

@@ -1,2 +1,3 @@
-export * from './listbox-button';
+export { default as EbayListboxButton } from './listbox-button';
+export { default as EbayListboxButtonOption } from './listbox-button-option';
 //# sourceMappingURL=index.d.ts.map

package/ebay-listbox-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,yBAAyB,CAAA"}

package/ebay-listbox-button/index.js

@@ -1,151 +1,2 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const index = require("../index-DcH7Tjjd.js");
-const classNames = require("classnames");
-const listbox = require("../listbox-DGbY99kq.js");
-const common_componentUtils_utils = require("../common/component-utils/utils/index.js");
-const icon = require("../icon-B17Di3YL.js");
-function onKeyDown(e) {
-  if (e.keyCode >= 32 && e.keyCode <= 40) {
-    e.preventDefault();
-  }
-}
-function add(el) {
-  el.addEventListener("keydown", onKeyDown);
-}
-function remove(el) {
-  el.removeEventListener("keydown", onKeyDown);
-}
-const RenderText = ({ alwaysDisplay, icon: icon2, labelId, text, unselectedText, postfixLabel }) => {
-  if (icon2) {
-    return React.createElement("span", { id: labelId, className: "btn__text" }, icon2);
-  }
-  if (text || alwaysDisplay) {
-    const displayText = text || unselectedText;
-    return React.createElement(
-      "span",
-      { id: labelId, className: "btn__text" },
-      displayText,
-      postfixLabel && React.createElement("span", { className: "btn__postfix-label" }, postfixLabel)
-    );
-  }
-};
-function getSelectedValueIndex({ selected, value, options }) {
-  if (selected !== void 0) {
-    return selected;
-  }
-  if (value !== void 0) {
-    return options.findIndex((option) => option.props.value === value);
-  }
-  return options.findIndex((option) => option.props.selected);
-}
-const EbayListboxButtonOption = listbox.EbayListboxOption;
-const EbayListboxButton = ({ "aria-invalid": invalid, a11yIconPrefixText, borderless, children, className, collapseOnSelect, disabled, floatingLabel, fluid, hasError, listSelection, maxHeight, name, postfixLabel, prefixId, prefixLabel, selected, split, truncate, unselectedText = "-", value, variant, onChange = () => {
-}, onExpand = () => {
-}, onCollapse = () => {
-}, ...rest }) => {
-  const containerRef = React.useRef();
-  const buttonRef = React.useRef();
-  const expanderRef = React.useRef();
-  const options = common_componentUtils_utils.filterByType(children, listbox.EbayListboxOption);
-  const [selectedIndex, setSelectedIndex] = React.useState(getSelectedValueIndex({ selected, value, options }));
-  const selectedOption = options[selectedIndex];
-  const selectedText = selectedOption && (selectedOption.props.text || selectedOption.props.children);
-  const selectedIcon = selectedOption && selectedOption.props.icon;
-  const a11ySelectedIconText = selectedIcon && selectedText;
-  const labelId = prefixId && "expand-btn-text";
-  React.useEffect(() => {
-    setSelectedIndex(getSelectedValueIndex({ selected, value, options }));
-  }, [value, selected]);
-  React.useEffect(() => {
-    function handleExpand() {
-      var _a, _b;
-      (_b = (_a = containerRef.current) == null ? void 0 : _a.querySelector(".listbox-button__listbox")) == null ? void 0 : _b.scroll();
-      onExpand();
-    }
-    function handleCollapse() {
-      requestAnimationFrame(() => {
-        var _a;
-        (_a = buttonRef.current) == null ? void 0 : _a.focus();
-      });
-      onCollapse();
-    }
-    if (options.length && !disabled) {
-      expanderRef.current = new index.src_default(containerRef.current, {
-        alwaysDoFocusManagement: true,
-        autoCollapse: true,
-        expandOnClick: true,
-        simulateSpacebarClick: true,
-        contentSelector: ".listbox-button__listbox",
-        hostSelector: ".listbox-button__control",
-        expandedClass: "listbox-button--expanded",
-        focusManagement: "content"
-      });
-      containerRef.current.addEventListener("expander-expand", handleExpand);
-      containerRef.current.addEventListener("expander-collapse", handleCollapse);
-    }
-    add(buttonRef.current);
-    return () => {
-      if (expanderRef.current) {
-        expanderRef.current.destroy();
-        expanderRef.current = void 0;
-      }
-      if (containerRef.current) {
-        containerRef.current.removeEventListener("expander-expand", handleExpand);
-        containerRef.current.removeEventListener("expander-collapse", handleCollapse);
-      }
-      if (buttonRef.current) {
-        remove(buttonRef.current);
-      }
-    };
-  }, [disabled]);
-  function handleListboxChange(event, data) {
-    if (collapseOnSelect !== false) {
-      expanderRef.current.expanded = false;
-    }
-    setSelectedIndex(data.index);
-    onChange(event, data);
-  }
-  function handleListboxEscape() {
-    expanderRef.current.expanded = false;
-  }
-  const Container = truncate && !fluid ? "div" : "span";
-  return React.createElement(
-    Container,
-    { ref: containerRef, className: classNames("listbox-button", className, {
-      "listbox-button--fluid": fluid,
-      "listbox-button--form": variant === "form",
-      "listbox-button--error": invalid || hasError
-    }) },
-    React.createElement(
-      "button",
-      { ...rest, disabled, ref: buttonRef, className: classNames("listbox-button__control", "btn", {
-        [`btn--split-${split}`]: split,
-        "btn--borderless": borderless,
-        "btn--form": !borderless,
-        "btn--truncated": truncate,
-        "btn--floating-label": floatingLabel
-      }), "aria-label": a11ySelectedIconText && `${a11yIconPrefixText}: ${a11ySelectedIconText}`, value: selectedText, type: "button", "aria-haspopup": "listbox", "aria-labelledby": labelId && `${prefixId} ${labelId}`, "aria-invalid": invalid || hasError },
-      React.createElement(
-        "span",
-        { className: "btn__cell" },
-        floatingLabel ? React.createElement(
-          React.Fragment,
-          null,
-          React.createElement("span", { className: classNames("btn__floating-label", "btn__floating-label--animate", !selectedText && "btn__floating-label--inline") }, floatingLabel),
-          React.createElement(RenderText, { icon: selectedIcon, labelId, text: selectedText, unselectedText, postfixLabel })
-        ) : React.createElement(
-          React.Fragment,
-          null,
-          prefixLabel ? React.createElement("span", { className: "btn__label" }, prefixLabel) : null,
-          React.createElement(RenderText, { alwaysDisplay: true, icon: selectedIcon, labelId, text: selectedText, unselectedText, postfixLabel })
-        ),
-        React.createElement(icon.EbayIcon, { name: "chevronDown12" })
-      )
-    ),
-    React.createElement(listbox.EbayListbox, { className: "listbox-button__listbox", selectClassName: "listbox-button__native", tabIndex: -1, listSelection, name, maxHeight, onChange: handleListboxChange, onEscape: handleListboxEscape }, options.map((option, index2) => React.createElement(listbox.EbayListboxOption, { key: option.props.value || index2, selected: index2 === selectedIndex, className: classNames("listbox-button__option", option.props.className), ...option.props })))
-  );
-};
-exports.EbayListboxButton = EbayListboxButton;
-exports.EbayListboxButtonOption = EbayListboxButtonOption;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),O=require("classnames"),$=require("../icon-TuxfQndO.js"),be=require("../common/component-utils/utils/index.js"),F=({value:m,children:y,selected:r,onClick:f,index:d,innerRef:g,className:k,...h})=>{const p=O("listbox-button__option",k,{"listbox-button__option--active":r});return o.createElement("div",{...h,className:p,role:"option","aria-selected":r,ref:g,onClick:v=>{f(v,m,d)}},o.createElement("span",{className:"listbox-button__value"},y),o.createElement($.EbayIcon,{name:"tick16"}))},me=({children:m,name:y,value:r,selected:f,borderless:d,fluid:g,className:k,maxHeight:h,prefixId:p,prefixLabel:v,floatingLabel:x,unselectedText:V="-",onChange:S=()=>{},onCollapse:j=()=>{},onExpand:W=()=>{},...z})=>{var K;const i=o.useRef(null),N=o.useRef(),B=o.useRef(new Map),E=o.useRef(),c=be.filterByType(m,F);if(!c.length)throw new Error(`EbayListboxButton: Please use a
+        EbayListboxButtonOption that defines the options of the listbox`);const G=()=>{const e=f!==void 0?f:c.findIndex(({props:s})=>r!==void 0&&s.value===r),t=e>-1||x?e:void 0;return{option:c[t],index:t}},{option:T,index:C}=G(),[a,b]=o.useState(T),[n,D]=o.useState(C),[_,I]=o.useState(),[J,Q]=o.useState(!1),[L,A]=o.useState();o.useEffect(()=>{b(T)},[r]);const l=o.Children.toArray(m),R=e=>l[e].props.value,X=o.useCallback(e=>l.findIndex(({props:t})=>t.value===e),[l]),Y=e=>B.current.get(e),u=()=>{I(!1),j()},Z=()=>{I(!0),W()},ee=()=>{_?u():Z()},H=(e,t)=>{b(l[t]),D(t),u(),E.current.focus(),S(e,{index:t,selected:[R(t)],wasClicked:L}),A(!1)},te=()=>{u(),b(l[C])},oe=e=>{const t=i.current.children[e];t.setAttribute("aria-selected","true"),t.classList.add("listbox-button__option--active")},ne=e=>{const t=i.current.children[e];t.setAttribute("aria-selected","false"),t.classList.remove("listbox-button__option--active")},se=e=>{const t=N.current,s=Y(e);if(t.scrollHeight>t.clientHeight){const pe=t.clientHeight+t.scrollTop,M=s.offsetTop+s.offsetHeight;M>pe?t.scrollTop=M-t.clientHeight:s.offsetTop<t.scrollTop&&(t.scrollTop=s.offsetTop)}},P=e=>{oe(n===void 0||e===-1?0:e),ne(n===void 0||n===-1?0:n),se(e),D(e),b(l[e])},U=e=>setTimeout(()=>{var t;return(t=i==null?void 0:i.current)==null?void 0:t.focus(e)},0),ae=()=>{ee(),U({preventScroll:!0})},ce=e=>{switch(e.key){case"Escape":u();break;case"Enter":U();break}},le=e=>{switch(e.key){case" ":case"PageUp":case"PageDown":case"Home":case"End":e.preventDefault();break;case"Down":case"ArrowDown":e.preventDefault(),n!==c.length-1&&P(n<c.length-1?n+1:0);break;case"Up":case"ArrowUp":e.preventDefault(),n!==0&&P(n>0?n-1:c.length-1);break;case"Enter":u(),setTimeout(()=>b(l[n])),setTimeout(()=>E.current.focus(),0),S(e,{index:n,selected:[R(n)],wasClicked:L});break;case"Esc":case"Escape":te();break}},w=c.map((e,t)=>o.cloneElement(e,{index:t,key:t,selected:a&&e.props.value===a.props.value,id:e.props.id||`listbox_btn_${e.props.value}_${t}`,onClick:s=>H(s,t),innerRef:s=>s?B.current.set(t,s):B.current.delete(t)})),re=O("listbox-button",k,{"listbox-button--fluid":g}),ie=O("btn",{"btn--form":!d,"btn--borderless":d,"btn--floating-label":x&&a}),q=p&&"expand-btn-text",ue=o.createElement(o.Fragment,null,x&&o.createElement("span",{className:"btn__floating-label"},x),v&&o.createElement("span",{className:"btn__label"},v),o.createElement("span",{className:"btn__text",id:q},(a==null?void 0:a.props.children)||V));return o.createElement("span",{className:re},o.createElement("button",{...z,onFocus:()=>Q(!0),type:"button",className:ie,"aria-expanded":!!_,"aria-haspopup":"listbox","aria-labelledby":p&&`${p} ${q}`,onClick:ae,onMouseDown:e=>e.preventDefault(),onKeyUp:ce,ref:E},o.createElement("span",{className:"btn__cell"},ue,o.createElement($.EbayIcon,{name:"chevronDown12"}))),(_||J)&&o.createElement("div",{className:"listbox-button__listbox",ref:N,style:{maxHeight:h}},o.createElement("div",{className:"listbox-button__options",role:"listbox",tabIndex:_?0:-1,ref:i,"aria-activedescendant":(K=w[n])==null?void 0:K.props.id,onKeyDown:e=>le(e),onMouseDown:e=>{e.preventDefault(),A(!0)},onBlur:()=>{u(),setTimeout(()=>E.current.focus(),0)}},w)),o.createElement("select",{hidden:!0,className:"listbox-button__native",name:y,onChange:e=>H(e,X(e.target.value)),value:a?a==null?void 0:a.props.value:""},w.map((e,t)=>o.createElement("option",{value:e.props.value,key:t}))))};exports.EbayListboxButton=me;exports.EbayListboxButtonOption=F;

package/ebay-listbox-button/listbox-button-option.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps, FC, MouseEvent, RefObject } from 'react';
+type EbayListboxButtonOptionProps = ComponentProps<'input'> & {
+    selected?: boolean;
+    index?: number;
+    onClick?: (event: MouseEvent<HTMLDivElement>, value: any, index: number) => void;
+    innerRef?: RefObject<HTMLDivElement>;
+};
+declare const ListboxOption: FC<EbayListboxButtonOptionProps>;
+export default ListboxOption;
+//# sourceMappingURL=listbox-button-option.d.ts.map

package/ebay-listbox-button/listbox-button-option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox-button-option.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/listbox-button-option.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxE,KAAK,4BAA4B,GAAG,cAAc,CAAC,OAAO,CAAC,GAAG;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjF,QAAQ,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACxC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,4BAA4B,CAwBnD,CAAA;AAED,eAAe,aAAa,CAAA"}

package/ebay-listbox-button/listbox-button.d.ts

@@ -1,7 +1,5 @@
-import React, { ComponentProps, FC } from 'react';
-import { EbayListboxProps } from '../ebay-listbox/';
-import { EbayChangeEventHandler } from '../events';
-import { EbayButtonProps } from '../ebay-button';
+import { ComponentProps, FC } from 'react';
+import { EbayChangeEventHandler } from '../common/event-utils/types';
 export type ChangeEventProps = {
     index: number;
     selected: string[];
@@ -16,18 +14,10 @@ export type EbayListboxButtonProps = Omit<ComponentProps<'button'>, 'onChange'>
     prefixLabel?: string;
     floatingLabel?: string;
     unselectedText?: string;
-    a11yIconPrefixText?: string;
-    collapseOnSelect?: boolean;
-    hasError?: boolean;
-    listSelection?: EbayListboxProps['listSelection'];
-    postfixLabel?: string;
-    split?: EbayButtonProps['split'];
-    truncate?: EbayButtonProps['truncate'];
-    variant?: 'form';
-    onChange?: EbayChangeEventHandler<HTMLSpanElement, ChangeEventProps>;
+    onChange?: EbayChangeEventHandler<HTMLButtonElement, ChangeEventProps>;
     onCollapse?: () => void;
     onExpand?: () => void;
 };
-export declare const EbayListboxButtonOption: React.FC<import("../ebay-listbox/listbox-option").EbayListboxOptionProps>;
-export declare const EbayListboxButton: FC<EbayListboxButtonProps>;
+declare const ListboxButton: FC<EbayListboxButtonProps>;
+export default ListboxButton;
 //# sourceMappingURL=listbox-button.d.ts.map

package/ebay-listbox-button/listbox-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listbox-button.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/listbox-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEV,cAAc,EACd,EAAE,EAKL,MAAM,OAAO,CAAA;AAOd,OAAO,EAAe,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAiDhD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;IACrE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAA;AAED,eAAO,MAAM,uBAAuB,2EAAoB,CAAA;AAExD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA8LxD,CAAA"}
+{"version":3,"file":"listbox-button.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/listbox-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEV,cAAc,EAAE,EAAE,EACrB,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,sBAAsB,EAAO,MAAM,6BAA6B,CAAA;AAIzE,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;IACvE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,sBAAsB,CA2R7C,CAAA;AAED,eAAe,aAAa,CAAA"}

package/ebay-menu/index.js

@@ -1,9 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const menu = require("../menu-Bsy48CE1.js");
-const React = require("react");
-const classNames = require("classnames");
-const EbayMenuItemSeparator = ({ className, ...rest }) => React.createElement("hr", { ...rest, className: classNames(className, "menu__separator"), role: "separator" });
-exports.EbayMenu = menu.EbayMenu;
-exports.EbayMenuItem = menu.EbayMenuItem;
-exports.EbayMenuSeparator = EbayMenuItemSeparator;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-CV-INYLM.js"),t=require("react"),n=require("classnames"),u=({className:a,...r})=>t.createElement("hr",{...r,className:n(a,"menu__separator"),role:"separator"});exports.EbayMenu=e.EbayMenu;exports.EbayMenuItem=e.EbayMenuItem;exports.EbayMenuSeparator=u;

package/ebay-menu-button/index.js

@@ -1,113 +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 menu = require("../menu-Bsy48CE1.js");
-const button = require("../button-B4bZIgwB.js");
-const iconButton = require("../icon-button-BQWoMgX1.js");
-const icon = require("../icon-B17Di3YL.js");
-const common_randomId = require("../common/random-id/index.js");
-const common_eventUtils = require("../common/event-utils/index.js");
-const EbayMenuButton = ({ type, variant = "button", className, text = "", fixWidth, reverse, expanded: defaultExpanded, noToggleIcon, checked, collapseOnSelect, a11yText, prefixId, prefixLabel, onClick = () => {
-}, onExpand = () => {
-}, onCollapse = () => {
-}, onChange = () => {
-}, onSelect = () => {
-}, children, ...rest }) => {
-  const [expanded, setExpanded] = React.useState(defaultExpanded);
-  const [menuId, setMenuId] = React.useState();
-  const buttonRef = React.useRef(null);
-  const menuRef = React.useRef();
-  const menuItems = common_componentUtils_utils.filterByType(children, [menu.EbayMenuItem, EbayMenuButtonSeparator]);
-  const defaultIndexes = menuItems.map((item) => Boolean(item.props.checked));
-  const [checkedIndexes, setCheckedIndexes] = React.useState(defaultIndexes);
-  const menuButtonLabel = common_componentUtils_utils.findComponent(children, EbayMenuButtonLabel);
-  const icon$1 = common_componentUtils_utils.findComponent(children, icon.EbayIcon);
-  const label = labelWithPrefixAndIcon({ text, prefixId, prefixLabel, menuButtonLabel, icon: icon$1 });
-  const wrapperClasses = classNames("menu-button", className);
-  const menuClasses = classNames("menu-button__menu", {
-    "menu-button__menu--fix-width": fixWidth,
-    "menu-button__menu--reverse": reverse
-  });
-  React.useEffect(() => {
-    const handleBackgroundClick = (e) => {
-      const menuEl = menuRef.current;
-      const menuClicked = menuEl && menuEl.contains(e.target);
-      if (collapseOnSelect || !menuClicked) {
-        setExpanded(false);
-      }
-    };
-    if (expanded) {
-      onExpand();
-      setTimeout(() => {
-        document.addEventListener("click", handleBackgroundClick, false);
-      });
-    } else if (expanded === false) {
-      onCollapse();
-    }
-    return () => document.removeEventListener("click", handleBackgroundClick, false);
-  }, [expanded]);
-  React.useEffect(() => {
-    setMenuId(common_randomId.randomId());
-  }, []);
-  const handleMenuKeydown = (e) => {
-    common_eventUtils.handleEscapeKeydown(e, () => {
-      var _a;
-      setExpanded(false);
-      (_a = buttonRef.current) == null ? void 0 : _a.focus();
-    });
-  };
-  const buttonProps = {
-    ref: buttonRef,
-    className: "menu-button__button",
-    "aria-expanded": !!expanded,
-    "aria-haspopup": true,
-    "aria-label": a11yText,
-    "aria-controls": menuId,
-    "aria-labelledby": prefixId,
-    onClick: (e) => {
-      setExpanded(!expanded);
-      onClick(e);
-    },
-    ...rest
-  };
-  const handleOnChange = (e, eventProps) => {
-    if (type === "radio" || type === "checkbox") {
-      const newCheckedIndexes = checkedIndexes.map((_, i) => eventProps.indexes.includes(i));
-      setCheckedIndexes(newCheckedIndexes);
-    }
-    onChange(e, eventProps);
-  };
-  const checkedIndex = () => {
-    const index = checkedIndexes.findIndex(Boolean);
-    return index > -1 ? index : checked;
-  };
-  return React.createElement(
-    "span",
-    { className: wrapperClasses },
-    variant === "overflow" ? React.createElement(iconButton.EbayIconButton, { icon: "overflowVertical16", ...buttonProps }) : React.createElement(button.EbayButton, { variant: variant === "form" ? "form" : void 0, bodyState: noToggleIcon ? void 0 : "expand", ...buttonProps }, label),
-    expanded && React.createElement(menu.EbayMenu, { baseEl: "div", ref: menuRef, type, className: menuClasses, tabIndex: -1, id: menuId, autofocus: true, checked: checkedIndex(), onKeyDown: handleMenuKeydown, onChange: handleOnChange, onSelect }, menuItems.map((item, i) => React.cloneElement(item, {
-      ...item.props,
-      className: classNames(item.props.className, "menu-button__item"),
-      key: i,
-      checked: checkedIndexes[i]
-    })))
-  );
-};
-function labelWithPrefixAndIcon({ text, prefixId, prefixLabel, menuButtonLabel, icon: icon2 }) {
-  const textLabelElement = text.length ? React.createElement("span", null, text) : null;
-  const prefixLabelElement = !prefixId && prefixLabel && [
-    React.createElement("span", { className: "menu-button-prefix-label" }, prefixLabel),
-    React.createElement(React.Fragment, null, " ")
-  ];
-  const labelWithPrefix = [prefixLabelElement, menuButtonLabel || textLabelElement];
-  const labelArray = [icon2, labelWithPrefix].flat().filter(Boolean);
-  return labelArray.length ? labelArray : null;
-}
-const EbayMenuButtonSeparator = ({ className, ...rest }) => React.createElement("hr", { ...rest, className: classNames(className, "menu-button__separator"), role: "separator" });
-const EbayMenuButtonLabel = ({ children }) => React.createElement(React.Fragment, null, children);
-exports.EbayMenuButtonItem = menu.EbayMenuItem;
-exports.EbayMenuButton = EbayMenuButton;
-exports.EbayMenuButtonLabel = EbayMenuButtonLabel;
-exports.EbayMenuButtonSeparator = EbayMenuButtonSeparator;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("classnames"),y=require("../common/component-utils/utils/index.js"),h=require("../menu-CV-INYLM.js"),Q=require("../button-DGuEBUDJ.js"),X=require("../icon-button-Cwaj-eT9.js"),Y=require("../icon-TuxfQndO.js"),Z=require("../common/random-id/index.js"),ee=require("../common/event-utils/index.js"),ne=({type:t,variant:a="button",className:c,text:m="",fixWidth:d,reverse:i,expanded:x,noToggleIcon:b,checked:u,collapseOnSelect:w,a11yText:N,prefixId:I,prefixLabel:S,onClick:L=()=>{},onExpand:R=()=>{},onCollapse:K=()=>{},onChange:P=()=>{},onSelect:T=()=>{},children:f,...A})=>{const[s,E]=e.useState(x),[_,F]=e.useState(),B=e.useRef(null),k=e.useRef(),M=y.filterByType(f,[h.EbayMenuItem,v]),O=M.map(n=>!!n.props.checked),[p,U]=e.useState(O),W=y.findComponent(f,q),j=y.findComponent(f,Y.EbayIcon),D=te({text:m,prefixId:I,prefixLabel:S,menuButtonLabel:W,icon:j}),V=r("menu-button",c),$=r("menu-button__menu",{"menu-button__menu--fix-width":d,"menu-button__menu--reverse":i});e.useEffect(()=>{const n=o=>{const l=k.current,g=l&&l.contains(o.target);(w||!g)&&E(!1)};return s?(R(),setTimeout(()=>{document.addEventListener("click",n,!1)})):s===!1&&K(),()=>document.removeEventListener("click",n,!1)},[s]),e.useEffect(()=>{F(Z.randomId())},[]);const z=n=>{ee.handleEscapeKeydown(n,()=>{var o;E(!1),(o=B.current)==null||o.focus()})},C={ref:B,className:"menu-button__button","aria-expanded":!!s,"aria-haspopup":!0,"aria-label":N,"aria-controls":_,"aria-labelledby":I,onClick:n=>{E(!s),L(n)},...A},G=(n,o)=>{if(t==="radio"||t==="checkbox"){const l=p.map((g,J)=>o.indexes.includes(J));U(l)}P(n,o)},H=()=>{const n=p.findIndex(Boolean);return n>-1?n:u};return e.createElement("span",{className:V},a==="overflow"?e.createElement(X.EbayIconButton,{icon:"overflowVertical16",...C}):e.createElement(Q.EbayButton,{variant:a==="form"?"form":void 0,bodyState:b?void 0:"expand",...C},D),s&&e.createElement(h.EbayMenu,{baseEl:"div",ref:k,type:t,className:$,tabIndex:-1,id:_,autofocus:!0,checked:H(),onKeyDown:z,onChange:G,onSelect:T},M.map((n,o)=>e.cloneElement(n,{...n.props,className:r(n.props.className,"menu-button__item"),key:o,checked:p[o]}))))};function te({text:t,prefixId:a,prefixLabel:c,menuButtonLabel:m,icon:d}){const i=t.length?e.createElement("span",null,t):null,b=[!a&&c&&[e.createElement("span",{className:"menu-button-prefix-label"},c),e.createElement(e.Fragment,null," ")],m||i],u=[d,b].flat().filter(Boolean);return u.length?u:null}const v=({className:t,...a})=>e.createElement("hr",{...a,className:r(t,"menu-button__separator"),role:"separator"}),q=({children:t})=>e.createElement(e.Fragment,null,t);exports.EbayMenuButtonItem=h.EbayMenuItem;exports.EbayMenuButton=ne;exports.EbayMenuButtonLabel=q;exports.EbayMenuButtonSeparator=v;

package/ebay-notice-base/index.js

@@ -1,7 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const noticeContent = require("../notice-content-BhUeK1pd.js");
-const EbayNoticeTitle = ({ children }) => React.createElement("span", { className: "page-notice__title" }, children);
-exports.EbayNoticeContent = noticeContent.EbayNoticeContent;
-exports.EbayNoticeTitle = EbayNoticeTitle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=require("../notice-content-C0ZStfuX.js"),n=({children:e})=>t.createElement("span",{className:"page-notice__title"},e);exports.EbayNoticeContent=o.EbayNoticeContent;exports.EbayNoticeTitle=n;

package/ebay-page-notice/index.js

@@ -1,50 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const noticeContent$1 = require("../notice-content-BTXVxttv.js");
-const noticeContent = require("../notice-content-BhUeK1pd.js");
-const icon = require("../icon-B17Di3YL.js");
-require("classnames");
-const noticeFooter = require("../notice-footer-CIQ8SM6N.js");
-const common_noticeUtils_noticeCta = require("../common/notice-utils/notice-cta/index.js");
-const EbayPageNotice = ({ id, status = "general", children, a11yDismissText, "aria-label": ariaLabel, onDismiss = () => {
-}, ...rest }) => {
-  const [dismissed, setDismissed] = React.useState(false);
-  const childrenArray = React.Children.toArray(children);
-  const content = childrenArray.find((child) => child.type === noticeContent.EbayNoticeContent);
-  if (!content) {
-    throw new Error(`EbayPageNotice: 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, "aria-labelledby": id || `${status}-status`, className: `page-notice ${status !== `general` ? `page-notice--${status}` : ``}`, role: "region" },
-    status !== `general` ? React.createElement(
-      "div",
-      { className: "page-notice__header", id: id || `${status}-status` },
-      React.createElement(icon.EbayIcon, { name: `${status}Filled16`, a11yText: ariaLabel, a11yVariant: "label" })
-    ) : null,
-    React.createElement(noticeContent$1.NoticeContent, { ...content.props, type: "page" }),
-    children,
-    a11yDismissText && React.createElement(
-      EbayPageNoticeFooter,
-      null,
-      React.createElement(
-        "button",
-        { "aria-label": a11yDismissText, className: "fake-link page-notice__dismiss", onClick: handleDismissed },
-        React.createElement(icon.EbayIcon, { name: "close16" })
-      )
-    )
-  );
-};
-const EbayPageNoticeTitle = ({ className, as, children, ...rest }) => React.createElement(noticeFooter.NoticeTitle, { ...rest, className, as, type: "page" }, children);
-const EbayPageNoticeFooter = ({ className, children }) => React.createElement(noticeFooter.NoticeFooter, { className, type: "page" }, children);
-const EbayPageNoticeCTA = ({ className, children }) => React.createElement(common_noticeUtils_noticeCta, { className, type: "page" }, children);
-exports.EbayNoticeContent = noticeContent.EbayNoticeContent;
-exports.EbayPageNotice = EbayPageNotice;
-exports.EbayPageNoticeCTA = EbayPageNoticeCTA;
-exports.EbayPageNoticeFooter = EbayPageNoticeFooter;
-exports.EbayPageNoticeTitle = EbayPageNoticeTitle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),p=require("../notice-content-9iF4T8uB.js"),l=require("../notice-content-C0ZStfuX.js"),r=require("../icon-TuxfQndO.js");require("classnames");const s=require("../notice-footer-Cw1DMzoB.js"),u=require("../common/notice-utils/notice-cta/index.js"),C=({id:n,status:e="general",children:a,a11yDismissText:o,"aria-label":E,onDismiss:b=()=>{},...g})=>{const[m,N]=t.useState(!1),i=t.Children.toArray(a).find(c=>c.type===l.EbayNoticeContent);if(!i)throw new Error("EbayPageNotice: Please use a EbayNoticeContent that defines the content of the notice");const d=c=>{N(!0),b(c)};return m?null:t.createElement("section",{...g,"aria-labelledby":n||`${e}-status`,className:`page-notice ${e!=="general"?`page-notice--${e}`:""}`,role:"region"},e!=="general"?t.createElement("div",{className:"page-notice__header",id:n||`${e}-status`},t.createElement(r.EbayIcon,{name:`${e}Filled16`,a11yText:E,a11yVariant:"label"})):null,t.createElement(p.NoticeContent,{...i.props,type:"page"}),a,o&&t.createElement(y,null,t.createElement("button",{"aria-label":o,className:"fake-link page-notice__dismiss",onClick:d},t.createElement(r.EbayIcon,{name:"close16"}))))},P=({className:n,as:e,children:a,...o})=>t.createElement(s.NoticeTitle,{...o,className:n,as:e,type:"page"},a),y=({className:n,children:e})=>t.createElement(s.NoticeFooter,{className:n,type:"page"},e),h=({className:n,children:e})=>t.createElement(u,{className:n,type:"page"},e);exports.EbayNoticeContent=l.EbayNoticeContent;exports.EbayPageNotice=C;exports.EbayPageNoticeCTA=h;exports.EbayPageNoticeFooter=y;exports.EbayPageNoticeTitle=P;