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

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 i=require("react"),l=require("classnames"),s=require("../utils-C9NL3q0j.js"),v=({ctaText:e,href:t,className:n,...o})=>e?i.createElement("a",{...o,className:l("section-title__cta",n),href:t},e):null,T=({href:e,ctaText:t,className:n,children:o,...u})=>{const E=l(n,"section-title"),f=s.findComponent(o,c),b=s.findComponent(o,a),_=s.findComponent(o,r),S=s.findComponent(o,m);return i.createElement("div",{...u,className:E},i.createElement("div",{className:"section-title__title-container"},f||i.createElement(c,null,o),b),e&&i.createElement(v,{href:e,ctaText:t})||_||S)},c=({children:e,className:t,...n})=>i.createElement("h2",{...n,className:l(t,"section-title__title")},e),a=({children:e,className:t,...n})=>i.createElement("span",{...n,className:l(t,"section-title__subtitle")},e),r=({className:e,children:t,...n})=>i.createElement("div",{...n,className:l(e,"section-title__info")},t),m=({children:e,className:t,...n})=>i.createElement("div",{...n,className:l(t,"section-title__overflow")},e);exports.EbaySectionTitle=T;exports.EbaySectionTitleInfo=r;exports.EbaySectionTitleOverflow=m;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("../utils-C9NL3q0j.js"),i=require("../icon-D4RDqpD4.js"),E=({selected:o,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":o||void 0,...a},c?l():n))},x=({size:o,className:n,onChange:u=()=>{},children:a,...c})=>{const l=d.filterByType(a,E),[r,p]=e.useState(l.findIndex(t=>t.props.selected)||0),g=(t,s,m)=>{p(s),u(t,{index:s,value:m})};return e.createElement("div",{className:b("segmented-buttons",o&&`segmented-buttons--${o}`,n),...c},e.createElement("ul",null,l.map((t,s)=>{const{value:m,...y}=t.props;return e.cloneElement(t,{...y,onClick:S=>g(S,s,m),selected:s===r})})))};exports.EbaySegmentedButton=E;exports.EbaySegmentedButtons=x;

package/ebay-select/index.js

@@ -1,98 +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 common_componentUtils_forwardRef = require("../common/component-utils/forwardRef/index.js");
-const common_componentUtils_utils = require("../common/component-utils/utils/index.js");
-const common_floatingLabelUtils_hooks = require("../common/floating-label-utils/hooks/index.js");
-const EbaySelectOption = ({ children, ...rest }) => React.createElement("option", { ...rest }, children);
-const isControlled = (value) => typeof value !== "undefined";
-const EbaySelect = ({ value: controlledValue, defaultValue, className, borderless, name, disabled, onChange = () => {
-}, onBlur = () => {
-}, onFocus = () => {
-}, floatingLabel, forwardedRef, children, inputSize, invalid, ...rest }) => {
-  const isFieldInvalid = invalid || rest["aria-invalid"] === "true";
-  const [value, setValue] = React.useState(defaultValue);
-  const { label, Container, onBlur: onFloatingLabelBlur, onFocus: onFloatingLabelFocus, ref } = common_floatingLabelUtils_hooks.useFloatingLabel({
-    ref: forwardedRef,
-    inputId: rest.id,
-    className,
-    disabled,
-    label: floatingLabel,
-    inputValue: controlledValue,
-    inputSize,
-    invalid: isFieldInvalid
-  });
-  const handleSelectChange = (e) => {
-    const { value: newValue, selectedIndex } = e.target;
-    if (!isControlled(controlledValue)) {
-      setValue(newValue);
-    }
-    onChange(e, { index: selectedIndex, selected: [newValue] });
-  };
-  const handleBlur = (event) => {
-    onBlur(event);
-    onFloatingLabelBlur();
-  };
-  const handleFocus = (event) => {
-    onFocus(event);
-    onFloatingLabelFocus();
-  };
-  const selectClassName = classNames("select", className, {
-    "select--borderless": borderless,
-    "select--large": inputSize === `large`
-  });
-  return React.createElement(
-    Container,
-    null,
-    label,
-    React.createElement(
-      "span",
-      { className: selectClassName },
-      React.createElement("select", { ...rest, name, value: isControlled(controlledValue) ? controlledValue : value, disabled, onChange: handleSelectChange, onBlur: handleBlur, onFocus: handleFocus, ref }, options(children)),
-      React.createElement(icon.EbayIcon, { name: "chevronDown12", height: "8", width: "8" })
-    )
-  );
-};
-const ebaySelect = common_componentUtils_forwardRef.withForwardRef(EbaySelect);
-function optionGroups(data) {
-  const optGroups = {};
-  data.forEach((opt) => {
-    const option = opt.props;
-    if (option.optgroup) {
-      if (!Object.prototype.hasOwnProperty.call(optGroups, option.optgroup)) {
-        optGroups[option.optgroup] = [];
-      }
-      optGroups[option.optgroup].push(option);
-    }
-  });
-  return optGroups;
-}
-function options(children) {
-  const renderedGroups = [];
-  const allOptions = [];
-  let optGroups = {};
-  let withinGroup = false;
-  const childrenOpts = common_componentUtils_utils.filterByType(children, EbaySelectOption).map((c) => React.cloneElement(c, {}));
-  if (childrenOpts) {
-    optGroups = optionGroups(childrenOpts);
-    let currentGroupName;
-    childrenOpts.forEach((option, idx) => {
-      const { value, optionClassName, children: optionChildren, optgroup } = option.props;
-      withinGroup = optgroup && renderedGroups.indexOf(optgroup) === -1;
-      if (withinGroup) {
-        currentGroupName = optgroup;
-        const currentGroupOptions = optGroups[currentGroupName];
-        const opts = currentGroupOptions.map((groupOption) => React.createElement(EbaySelectOption, { key: `opt-${groupOption.value}`, value: groupOption.value, className: groupOption.optionClassName }, groupOption.children));
-        allOptions.push(React.createElement("optgroup", { key: idx, label: optgroup }, opts));
-        renderedGroups.push(optgroup);
-      } else if (!optgroup) {
-        allOptions.push(React.createElement(EbaySelectOption, { key: idx, value, className: optionClassName }, optionChildren));
-      }
-    });
-    return allOptions;
-  }
-}
-exports.EbaySelect = ebaySelect;
-exports.EbaySelectOption = EbaySelectOption;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),R=require("classnames"),j=require("../icon-D4RDqpD4.js"),x=require("../forwardRef-fPwzYd82.js"),P=require("../utils-C9NL3q0j.js"),T=require("../hooks-5qES90Sx.js"),h=({children:e,...t})=>n.createElement("option",{...t},e),v=e=>typeof e<"u",D=({value:e,defaultValue:t,className:s,borderless:o,name:p,disabled:r,onChange:a=()=>{},onBlur:f=()=>{},onFocus:d=()=>{},floatingLabel:m,forwardedRef:y,children:E,inputSize:l,invalid:b,...i})=>{const c=b||i["aria-invalid"]==="true",[F,w]=n.useState(t),{label:C,Container:G,onBlur:S,onFocus:N,ref:O}=T.useFloatingLabel({ref:y,inputId:i.id,className:s,disabled:r,label:m,inputValue:e,inputSize:l,invalid:c}),q=u=>{const{value:g,selectedIndex:L}=u.target;v(e)||w(g),a(u,{index:L,selected:[g]})},B=u=>{f(u),S()},k=u=>{d(u),N()},I=R("select",s,{"select--borderless":o,"select--large":l==="large"});return n.createElement(G,null,C,n.createElement("span",{className:I},n.createElement("select",{...i,name:p,value:v(e)?e:F,disabled:r,onChange:q,onBlur:B,onFocus:k,ref:O},A(E)),n.createElement(j.EbayIcon,{name:"chevronDown12",height:"8",width:"8"})))},M=x.withForwardRef(D);function $(e){const t={};return e.forEach(s=>{const o=s.props;o.optgroup&&(Object.prototype.hasOwnProperty.call(t,o.optgroup)||(t[o.optgroup]=[]),t[o.optgroup].push(o))}),t}function A(e){const t=[],s=[];let o={},p=!1;const r=P.filterByType(e,h).map(a=>n.cloneElement(a,{}));if(r){o=$(r);let a;return r.forEach((f,d)=>{const{value:m,optionClassName:y,children:E,optgroup:l}=f.props;if(p=l&&t.indexOf(l)===-1,p){a=l;const i=o[a].map(c=>n.createElement(h,{key:`opt-${c.value}`,value:c.value,className:c.optionClassName},c.children));s.push(n.createElement("optgroup",{key:d,label:l},i)),t.push(l)}else l||s.push(n.createElement(h,{key:d,value:m,className:y},E))}),s}}exports.EbaySelect=M;exports.EbaySelectOption=h;

package/ebay-signal/index.js

@@ -1,9 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const classNames = require("classnames");
-const EbaySignal = ({ status = "neutral", ...rest }) => {
-  const className = classNames(`signal signal--${status}`, rest.className);
-  return React.createElement("span", { ...rest, className });
-};
-exports.EbaySignal = EbaySignal;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("classnames"),l=({status:a="neutral",...e})=>{const s=t(`signal signal--${a}`,e.className);return n.createElement("span",{...e,className:s})};exports.EbaySignal=l;

package/ebay-snackbar-dialog/index.js

@@ -1,81 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classNames = require("classnames");
-const React = require("react");
-const dialogPreviousButton = require("../dialog-previous-button-EC_Y6KaT.js");
-require("../icon-button-BQWoMgX1.js");
-const EbaySnackbarDialogAction = ({ className, children, ...rest }) => React.createElement("button", { className: classNames(className, "fake-link"), ...rest }, children);
-const DEFAULT_TIMEOUT_LENGTH = 6e3;
-const EbaySnackbarDialog = ({ className, onOpen = () => {
-}, onClose = () => {
-}, layout, open, children, onAction, ...rest }) => {
-  const eventSet = React.useRef(/* @__PURE__ */ new Set());
-  const timeoutRef = React.useRef();
-  const [isOpen, setIsOpen] = React.useState(open);
-  const childrenArray = React.Children.toArray(children);
-  const action = childrenArray.find((child) => child.type === EbaySnackbarDialogAction);
-  const content = childrenArray.filter((child) => child.type !== EbaySnackbarDialogAction);
-  const cancelCurrentCloseRequest = () => {
-    clearTimeout(timeoutRef.current);
-  };
-  const closeDialog = () => {
-    setIsOpen(false);
-    onClose();
-  };
-  const requestToCloseDialog = () => {
-    if (eventSet.current.size === 0) {
-      cancelCurrentCloseRequest();
-      timeoutRef.current = setTimeout(() => {
-        closeDialog();
-      }, DEFAULT_TIMEOUT_LENGTH);
-    }
-  };
-  const openDialog = () => {
-    setIsOpen(true);
-    onOpen();
-    requestToCloseDialog();
-  };
-  const handleFocus = () => {
-    cancelCurrentCloseRequest();
-    eventSet.current.add("focus");
-  };
-  const handleBlur = () => {
-    eventSet.current.delete("focus");
-    requestToCloseDialog();
-  };
-  const handleMouseEnter = () => {
-    cancelCurrentCloseRequest();
-    eventSet.current.add("mouseEnter");
-  };
-  const handleMouseLeave = () => {
-    eventSet.current.delete("mouseEnter");
-    requestToCloseDialog();
-  };
-  const handleAction = (event) => {
-    var _a, _b;
-    cancelCurrentCloseRequest();
-    onAction == null ? void 0 : onAction(event);
-    (_b = (_a = action == null ? void 0 : action.props) == null ? void 0 : _a.onClick) == null ? void 0 : _b.call(_a, event);
-    closeDialog();
-  };
-  React.useEffect(() => () => {
-    cancelCurrentCloseRequest();
-  }, []);
-  React.useEffect(() => {
-    if (open) {
-      openDialog();
-    } else {
-      closeDialog();
-    }
-  }, [open]);
-  return React.createElement(
-    dialogPreviousButton.DialogBaseWithState,
-    { ...rest, open: isOpen, isModal: false, baseEl: "aside", classPrefix: "snackbar-dialog", transitionElement: "root", a11yCloseText: "", buttonPosition: "hidden", className: classNames(className, "snackbar-dialog--transition"), windowClass: layout === "column" && "snackbar-dialog__window--column", onFocus: handleFocus, onBlur: handleBlur, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave },
-    content,
-    action ? React.createElement(dialogPreviousButton.EbayDialogActions, null, React.cloneElement(action, {
-      onClick: handleAction
-    })) : null
-  );
-};
-exports.EbaySnackbarDialog = EbaySnackbarDialog;
-exports.EbaySnackbarDialogAction = EbaySnackbarDialogAction;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("classnames"),e=require("react"),k=require("../dialog-previous-button-B-fysL3O.js");require("../icon-button-Bjjvld0a.js");const f=({className:r,children:c,...l})=>e.createElement("button",{className:D(r,"fake-link"),...l},c),L=6e3,N=({className:r,onOpen:c=()=>{},onClose:l=()=>{},layout:S,open:i,children:h,onAction:u,...T})=>{const n=e.useRef(new Set),b=e.useRef(),[C,m]=e.useState(i),g=e.Children.toArray(h),o=g.find(t=>t.type===f),p=g.filter(t=>t.type!==f),s=()=>{clearTimeout(b.current)},d=()=>{m(!1),l()},E=()=>{n.current.size===0&&(s(),b.current=setTimeout(()=>{d()},L))},M=()=>{m(!0),c(),E()},q=()=>{s(),n.current.add("focus")},w=()=>{n.current.delete("focus"),E()},R=()=>{s(),n.current.add("mouseEnter")},v=()=>{n.current.delete("mouseEnter"),E()},B=t=>{var a,y;s(),u==null||u(t),(y=(a=o==null?void 0:o.props)==null?void 0:a.onClick)==null||y.call(a,t),d()};return e.useEffect(()=>()=>{s()},[]),e.useEffect(()=>{i?M():d()},[i]),e.createElement(k.DialogBaseWithState,{...T,open:C,isModal:!1,baseEl:"aside",classPrefix:"snackbar-dialog",transitionElement:"root",a11yCloseText:"",buttonPosition:"hidden",className:D(r,"snackbar-dialog--transition"),windowClass:S==="column"&&"snackbar-dialog__window--column",onFocus:q,onBlur:w,onMouseEnter:R,onMouseLeave:v},p,o?e.createElement(k.EbayDialogActions,null,e.cloneElement(o,{onClick:B})):null)};exports.EbaySnackbarDialog=N;exports.EbaySnackbarDialogAction=f;

package/ebay-split-button/README.md

@@ -34,7 +34,7 @@ Name | Type    | Stateful | Required | Description | Data
 --- |---------| -- | --- | --- | ---
 `a11yMenuText` | String  | No | Yes | aria label for menu button part
 `href` | String  | No | No | url for link behaviour (switches to anchor tag)
-`size` | String | No | No | button size: `regular` (default) or `large`
+`size` | String | No | No | button size: `small` or `large`
 `priority` | String  | No | No | `primary`, `secondary` (default), `tertiary`, `none`
 `bodyState` | String  | No | No | `loading` adds progress spinner, when user interacts with button, `reset` should be called to reset `aria-live` state, default is `none`
 `a11yButtonLoadingText` | String  | No | No | `aria-label` for button when `bodyState` is `loading`

package/ebay-split-button/index.js

@@ -1,22 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const common_componentUtils_utils = require("../common/component-utils/utils/index.js");
-const button = require("../button-B4bZIgwB.js");
-const ebayMenuButton = require("../ebay-menu-button/index.js");
-const menu = require("../menu-Bsy48CE1.js");
-require("classnames");
-const EbaySplitButton = ({ a11yMenuText, children, type, bodyState, a11yButtonLoadingText, onCollapse, onExpand, onSelect = () => {
-}, onChange = () => {
-}, ref, ...rest }) => {
-  const menuItemComponents = [menu.EbayMenuItem, ebayMenuButton.EbayMenuButtonSeparator];
-  const buttonLabel = common_componentUtils_utils.filterBy(children, (el) => !menuItemComponents.includes(el.type));
-  const menuItems = common_componentUtils_utils.filterByType(children, menuItemComponents);
-  return React.createElement(
-    "span",
-    { className: "split-button" },
-    React.createElement(button.EbayButton, { "aria-label": bodyState === "loading" ? a11yButtonLoadingText : void 0, ...rest, split: "start", bodyState: bodyState === "expand" ? void 0 : bodyState }, buttonLabel),
-    React.createElement(ebayMenuButton.EbayMenuButton, { priority: rest.priority, disabled: rest.disabled, transparent: rest.transparent, size: rest.size, type, split: "end", reverse: true, a11yText: a11yMenuText, onCollapse, onExpand, onSelect, onChange }, menuItems)
-  );
-};
-exports.EbaySplitButton = EbaySplitButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),i=require("../utils-C9NL3q0j.js"),B=require("../button-6S4U-4HH.js"),o=require("../menu-button-label-D_04ZC3p.js"),q=require("../menu-DAOhKkcI.js");require("classnames");const f=({a11yMenuText:u,children:r,type:s,bodyState:t,a11yButtonLoadingText:l,onCollapse:c,onExpand:p,onSelect:b=()=>{},onChange:y=()=>{},ref:v,...e})=>{const a=[q.EbayMenuItem,o.EbayMenuButtonSeparator],m=i.filterBy(r,E=>!a.includes(E.type)),d=i.filterByType(r,a);return n.createElement("span",{className:"split-button"},n.createElement(B.EbayButton,{"aria-label":t==="loading"?l:void 0,...e,split:"start",bodyState:t==="expand"?void 0:t},m),n.createElement(o.EbayMenuButton,{priority:e.priority,disabled:e.disabled,transparent:e.transparent,size:e.size,type:s,split:"end",reverse:!0,a11yText:u,onCollapse:c,onExpand:p,onSelect:b,onChange:y},d))};exports.EbaySplitButton=f;

package/ebay-star-rating/index.js

@@ -1,9 +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 range = require("../range-C5qzyhg4.js");
-const stars = range.range(1, 5);
-const EbayStarRating = ({ value, a11yText, className, ...rest }) => React.createElement("div", { role: "img", "aria-label": a11yText, className: classNames("star-rating", className), "data-stars": value, ...rest }, stars.map((i) => React.createElement(icon.EbayIcon, { key: i, className: "star-rating__icon", name: "starDynamic" })));
-exports.EbayStarRating = EbayStarRating;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("classnames"),i=require("../icon-D4RDqpD4.js"),o=require("../range-DOsPN0h5.js"),l=o.range(1,5),m=({value:e,a11yText:t,className:r,...s})=>a.createElement("div",{role:"img","aria-label":t,className:c("star-rating",r),"data-stars":e,...s},l.map(n=>a.createElement(i.EbayIcon,{key:n,className:"star-rating__icon",name:"starDynamic"})));exports.EbayStarRating=m;

package/ebay-star-rating-select/index.js

@@ -1,55 +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 range = require("../range-C5qzyhg4.js");
-const common_randomId = require("../common/random-id/index.js");
-const stars = range.range(1, 5);
-const getValue = (val) => {
-  let value = parseInt(val, 0) || 0;
-  if (value > 5) {
-    value = 0;
-  }
-  return value;
-};
-const EbayStarRatingSelect = ({ value = 0, a11yText, className, a11yStarText = [], disabled, onChange = () => {
-}, onFocus = () => {
-}, onKeyDown = () => {
-}, name, ...rest }) => {
-  const rId = common_randomId.useRandomId();
-  const inputName = name || `star-rating-${rId}`;
-  const [checkedValue, setChecked] = React.useState(getValue(value));
-  React.useEffect(() => {
-    setChecked(getValue(value));
-  }, [value]);
-  const handleKeyDown = (i) => (e) => {
-    if (!disabled) {
-      setChecked(getValue(i));
-      onKeyDown(e, { value: i });
-    }
-  };
-  const handleClick = (i) => (e) => {
-    if (!disabled) {
-      setChecked(getValue(i));
-      onChange(e, { value: i });
-    }
-  };
-  const handleFocus = (i) => (e) => {
-    if (!disabled) {
-      setChecked(getValue(i));
-      onFocus(e, { value: i });
-    }
-  };
-  return React.createElement("div", { role: a11yText && "radiogroup", "aria-label": a11yText, className: classNames("star-rating-select", className), ...rest }, stars.map((i) => React.createElement(
-    "span",
-    { className: "star-rating-select__radio", key: i },
-    React.createElement("input", { "aria-label": a11yStarText == null ? void 0 : a11yStarText[i - 1], className: classNames("star-rating-select__control", { "star-rating-select__control--filled": i <= checkedValue }), type: "radio", name: inputName, value: i, disabled, defaultChecked: checkedValue === i, onClick: handleClick(i), onFocus: handleFocus(i), onKeyDown: handleKeyDown(i) }),
-    React.createElement(
-      "span",
-      { className: "star-rating-select__radio-icon" },
-      React.createElement(icon.EbayIcon, { className: "star-rating__icon", name: "starDynamic" })
-    )
-  )));
-};
-exports.EbayStarRatingSelect = EbayStarRatingSelect;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("classnames"),v=require("../icon-D4RDqpD4.js"),y=require("../range-DOsPN0h5.js"),R=require("../forwardRef-fPwzYd82.js"),b=y.range(1,5),c=n=>{let a=parseInt(n,0)||0;return a>5&&(a=0),a},C=({value:n=0,a11yText:a,className:m,a11yStarText:l=[],disabled:s,onChange:g=()=>{},onFocus:d=()=>{},onKeyDown:f=()=>{},name:_,...p})=>{const E=R.useRandomId(),N=_||`star-rating-${E}`,[i,o]=t.useState(c(n));t.useEffect(()=>{o(c(n))},[n]);const h=e=>r=>{s||(o(c(e)),f(r,{value:e}))},k=e=>r=>{s||(o(c(e)),g(r,{value:e}))},q=e=>r=>{s||(o(c(e)),d(r,{value:e}))};return t.createElement("div",{role:a&&"radiogroup","aria-label":a,className:u("star-rating-select",m),...p},b.map(e=>t.createElement("span",{className:"star-rating-select__radio",key:e},t.createElement("input",{"aria-label":l==null?void 0:l[e-1],className:u("star-rating-select__control",{"star-rating-select__control--filled":e<=i}),type:"radio",name:N,value:e,disabled:s,defaultChecked:i===e,onClick:k(e),onFocus:q(e),onKeyDown:h(e)}),t.createElement("span",{className:"star-rating-select__radio-icon"},t.createElement(v.EbayIcon,{className:"star-rating__icon",name:"starDynamic"})))))};exports.EbayStarRatingSelect=C;