@ebay/ui-core-react 8.7.0 → 8.9.0

package/ebay-item-tile-group/item-tile-group.d.ts

@@ -0,0 +1,10 @@
+import { FC, ComponentProps } from "react";
+import { ItemTileLayout } from "../ebay-item-tile";
+import { FilePreviewCardActionHandler } from "./types";
+export type EbayItemTileGroupProps = ComponentProps<"div"> & {
+    layout?: ItemTileLayout;
+    onAction?: FilePreviewCardActionHandler;
+};
+declare const EbayItemTileGroup: FC<EbayItemTileGroupProps>;
+export default EbayItemTileGroup;
+//# sourceMappingURL=item-tile-group.d.ts.map

package/ebay-item-tile-group/item-tile-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-tile-group.d.ts","sourceRoot":"","sources":["../../src/ebay-item-tile-group/item-tile-group.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAgB,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAgB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACzD,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,QAAQ,CAAC,EAAE,4BAA4B,CAAC;CAC3C,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAsBjD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/ebay-item-tile-group/types.d.ts

@@ -0,0 +1,7 @@
+import { EbayEventHandler } from "../common/event-utils/types";
+type EventData = {
+    index: number;
+};
+export type FilePreviewCardActionHandler = EbayEventHandler<HTMLElement, EventData>;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/ebay-item-tile-group/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-item-tile-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,KAAK,SAAS,GAAG;IACb,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG,gBAAgB,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC"}

package/ebay-lightbox-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../lightbox-dialog-DqcQsTSy.js");exports.EbayLightboxDialog=o.EbayLightboxDialog;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../lightbox-dialog-U775uoDp.js");exports.EbayLightboxDialog=o.EbayLightboxDialog;

package/ebay-number-input/README.md

@@ -0,0 +1,69 @@
+# ebay-number-input
+
+The `EbayNumberInput` component provides a numeric input field with increment and decrement buttons. It allows users to easily adjust numeric values within defined boundaries.
+
+## Usage
+
+```jsx
+import { EbayNumberInput } from '@ebay/ebayui-core-react';
+
+// Basic usage
+<EbayNumberInput />
+
+// With custom min/max values
+<EbayNumberInput min={1} max={10} value={5} />
+
+// With a label
+<EbayNumberInput label="Quantity" />
+
+// With delete functionality
+<EbayNumberInput a11yDeleteText="Delete item" />
+
+// With event handlers
+<EbayNumberInput
+  onChange={(e, { value }) => console.log('Value changed:', value)}
+  onIncrement={(e, { value }) => console.log('Incremented to:', value)}
+  onDecrement={(e, { value }) => console.log('Decremented to:', value)}
+/>
+```
+
+## Props
+
+The `EbayNumberInput` component extends most of the props from `EbayTextbox` with some modifications and additions:
+
+| Name             | Type       | Required | Default    | Description                                                                                                                                            |
+| ---------------- | ---------- | -------- | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `value`          | `number`   | No       | `1`        | The current value of the input                                                                                                                         |
+| `min`            | `number`   | No       | `1`        | The minimum allowed value                                                                                                                              |
+| `max`            | `number`   | No       | `Infinity` | The maximum allowed value                                                                                                                              |
+| `label`          | `string`   | No       | `''`       | Label text to display with the input                                                                                                                   |
+| `a11yDeleteText` | `string`   | No       | `''`       | Accessibility text for the delete button. When provided, the decrement button will be replaced with a delete button when the value reaches the minimum |
+| `onChange`       | `Function` | No       | `() => {}` | Called when the value changes (either through direct input or button clicks)                                                                           |
+| `onInputChange`  | `Function` | No       | `() => {}` | Called when the input value changes directly                                                                                                           |
+| `onFocus`        | `Function` | No       | `() => {}` | Called when the input receives focus                                                                                                                   |
+| `onBlur`         | `Function` | No       | `() => {}` | Called when the input loses focus                                                                                                                      |
+| `onKeyDown`      | `Function` | No       | `() => {}` | Called on keydown event                                                                                                                                |
+| `onKeyPress`     | `Function` | No       | `() => {}` | Called on keypress event                                                                                                                               |
+| `onKeyUp`        | `Function` | No       | `() => {}` | Called on keyup event                                                                                                                                  |
+| `onDeleteClick`  | `Function` | No       | `() => {}` | Called when the delete button is clicked (only visible when `a11yDeleteText` is provided and value is at minimum)                                      |
+| `onIncrement`    | `Function` | No       | `() => {}` | Called when the increment button is clicked                                                                                                            |
+| `onDecrement`    | `Function` | No       | `() => {}` | Called when the decrement button is clicked                                                                                                            |
+
+Additionally, this component inherits all other props from the `EbayTextbox` component except those explicitly overridden above.
+
+## Event Handlers
+
+All event handlers receive two arguments:
+
+1. The original event object
+2. An object with a `value` property containing the current numeric value
+
+Example:
+
+```jsx
+<EbayNumberInput
+    onChange={(event, { value }) => {
+        console.log("New value:", value);
+    }}
+/>
+```

package/ebay-number-input/index.d.ts

@@ -0,0 +1,3 @@
+export { default as EbayNumberInput } from "./number-input";
+export type { EbayNumberInputProps, NumberInputEventProps } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/ebay-number-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-number-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC5D,YAAY,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC"}

package/ebay-number-input/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),S=require("classnames"),b=require("../textbox-voEWwh3v.js"),v=require("../icon-button-CHW6Lezn.js"),j=p=>{const{className:E="",value:s=1,min:u=1,max:r=1/0,label:y="",a11yDeleteText:o="",onChange:h=()=>{},onInputChange:N=()=>{},onFocus:f=()=>{},onBlur:C=()=>{},onKeyDown:D=()=>{},onKeyPress:K=()=>{},onKeyUp:g=()=>{},onDeleteClick:w=()=>{},onIncrement:B=()=>{},onDecrement:_=()=>{}}=p,c=R.__rest(p,["className","value","min","max","label","a11yDeleteText","onChange","onInputChange","onFocus","onBlur","onKeyDown","onKeyPress","onKeyUp","onDeleteClick","onIncrement","onDecrement"]),k=o?1:0,[a,i]=t.useState(s??k),m=t.useRef(null),d=(n,e=0)=>{const M=o?1:0;let l=parseInt(n,10)+e;return isNaN(l)?l=M:l>r?l=r:l<u&&(l=u),l},I=n=>{if(!m.current)return;const e=m.current;e.classList.remove("number-input--increment"),e.classList.remove("number-input--decrement"),e.classList.remove("number-input--increment-disabled"),e.classList.remove("number-input--decrement-disabled"),e.offsetWidth,e.classList.add(`number-input--${n}`)},P=n=>{const e=d(a,1);I(e>=r?"increment-disabled":"increment"),i(e),B(n,{value:e}),h(n,{value:e})},T=n=>{const e=d(a,-1);I(e<=u?"decrement-disabled":"decrement"),i(e),_(n,{value:e}),h(n,{value:e})},x=n=>{const e=d(n.target.value,0);i(e),N(n,{value:e})},V=(n,e)=>{f(n,{value:Number(e.value)})},q=(n,e)=>{C(n,{value:Number(e.value)})},F=(n,e)=>{D(n,{value:Number(e.value)})},L=(n,e)=>{K(n,{value:Number(e.value)})},U=(n,e)=>{g(n,{value:Number(e.value)})},z=n=>{w(n,{value:a})};return t.createElement("span",{ref:m,className:S("number-input",o&&a===1&&"number-input--show-delete",E)},t.createElement(b.EbayTextbox,{max:r,min:u,onBlur:q,onChange:x,onFocus:V,onInputChange:x,onKeyDown:F,onKeyPress:L,onKeyUp:U,type:"number",value:a},t.createElement(b.EbayTextboxPrefixIcon,null,y&&t.createElement("label",{htmlFor:(c==null?void 0:c.id)||"number-input"},y),t.createElement(v.EbayIconButton,{"aria-hidden":!0,className:"number-input__decrement",disabled:a<=u,icon:"remove24",onClick:T,size:"small",tabIndex:-1,transparent:!0})),t.createElement(b.EbayTextboxPostfixIcon,null,o&&t.createElement(v.EbayIconButton,{"aria-label":o,className:"number-input__delete",icon:"delete24",onClick:z,size:"small",transparent:!0}),t.createElement(v.EbayIconButton,{"aria-hidden":!0,className:"number-input__increment",disabled:a>=r,icon:"add24",onClick:P,size:"small",tabIndex:-1,transparent:!0}))))};exports.EbayNumberInput=j;

package/ebay-number-input/number-input.d.ts

@@ -0,0 +1,5 @@
+import { FC } from "react";
+import type { EbayNumberInputProps } from "./types";
+declare const EbayNumberInput: FC<EbayNumberInputProps>;
+export default EbayNumberInput;
+//# sourceMappingURL=number-input.d.ts.map

package/ebay-number-input/number-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../src/ebay-number-input/number-input.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAoB,MAAM,OAAO,CAAC;AAGpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAmK7C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/ebay-number-input/types.d.ts

@@ -0,0 +1,26 @@
+import type { EbayTextboxProps as TextboxInput } from "../ebay-textbox";
+import { EbayChangeEventHandler, EbayFocusEventHandler, EbayKeyboardEventHandler, EbayMouseEventHandler } from "../common/event-utils/types";
+export interface NumberInputEventProps {
+    value: number;
+}
+export type NumberInputChangeHandler = EbayChangeEventHandler<HTMLInputElement, NumberInputEventProps>;
+export type NumberInputFocusHandler = EbayFocusEventHandler<HTMLInputElement, NumberInputEventProps>;
+export type NumberInputKeyDownHandler = EbayKeyboardEventHandler<HTMLInputElement, NumberInputEventProps>;
+export type EbayNumberInputProps = Omit<TextboxInput, "onChange" | "onInputChange" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "forwardedRef"> & {
+    label?: string;
+    a11yDeleteText?: string;
+    min?: number;
+    max?: number;
+    value?: number;
+    onKeyDown?: EbayKeyboardEventHandler<HTMLInputElement, NumberInputEventProps>;
+    onKeyPress?: EbayKeyboardEventHandler<HTMLInputElement, NumberInputEventProps>;
+    onKeyUp?: EbayKeyboardEventHandler<HTMLInputElement, NumberInputEventProps>;
+    onChange?: NumberInputChangeHandler;
+    onInputChange?: NumberInputChangeHandler;
+    onFocus?: EbayFocusEventHandler<HTMLInputElement, NumberInputEventProps>;
+    onBlur?: EbayFocusEventHandler<HTMLInputElement, NumberInputEventProps>;
+    onDeleteClick?: EbayMouseEventHandler<HTMLInputElement, NumberInputEventProps>;
+    onIncrement?: EbayMouseEventHandler<HTMLInputElement, NumberInputEventProps>;
+    onDecrement?: EbayMouseEventHandler<HTMLInputElement, NumberInputEventProps>;
+};
+//# sourceMappingURL=types.d.ts.map

package/ebay-number-input/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-number-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAExE,OAAO,EACH,sBAAsB,EACtB,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACxB,MAAM,6BAA6B,CAAC;AAErC,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC;AACvG,MAAM,MAAM,uBAAuB,GAAG,qBAAqB,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC;AACrG,MAAM,MAAM,yBAAyB,GAAG,wBAAwB,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC;AAE1G,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACnC,YAAY,EACZ,UAAU,GAAG,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,GAAG,cAAc,CAChH,GAAG;IACA,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC;IAC9E,UAAU,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC;IAC/E,OAAO,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC;IAC5E,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,OAAO,CAAC,EAAE,qBAAqB,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC;IACzE,MAAM,CAAC,EAAE,qBAAqB,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC;IACxE,aAAa,CAAC,EAAE,qBAAqB,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC;IAC/E,WAAW,CAAC,EAAE,qBAAqB,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC;IAC7E,WAAW,CAAC,EAAE,qBAAqB,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC;CAChF,CAAC"}

package/ebay-panel-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../tslib.es6-C4EgNkz1.js"),d=require("react"),t=require("classnames"),u=require("../dialog-previous-button-B1dTCOv2.js");require("../icon-button-CHW6Lezn.js");const e="panel-dialog",g=o=>{var{open:i,animated:s,position:n="start",onClose:a=()=>{},className:l}=o,r=c.__rest(o,["open","animated","position","onClose","className"]);return d.createElement(u.DialogBaseWithState,Object.assign({},r,{"aria-label":"Infotip",classPrefix:e,buttonPosition:"right",onCloseBtnClick:a,onBackgroundClick:a,animated:s,className:t(l,{[`${e}--mask-fade-slow`]:s}),windowClass:t(`${e}__window--slide`,{[`${e}__window--end`]:n==="end"}),open:i}))};exports.EbayPanelDialog=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../tslib.es6-C4EgNkz1.js"),d=require("react"),t=require("classnames"),u=require("../dialog-previous-button-C3ZdijBt.js");require("../icon-button-CHW6Lezn.js");const e="panel-dialog",g=o=>{var{open:i,animated:s,position:n="start",onClose:a=()=>{},className:l}=o,r=c.__rest(o,["open","animated","position","onClose","className"]);return d.createElement(u.DialogBaseWithState,Object.assign({},r,{"aria-label":"Infotip",classPrefix:e,buttonPosition:"right",onCloseBtnClick:a,onBackgroundClick:a,animated:s,className:t(l,{[`${e}--mask-fade-slow`]:s}),windowClass:t(`${e}__window--slide`,{[`${e}__window--end`]:n==="end"}),open:i}))};exports.EbayPanelDialog=g;

package/ebay-snackbar-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../tslib.es6-C4EgNkz1.js"),y=require("classnames"),e=require("react"),h=require("../dialog-previous-button-B1dTCOv2.js");require("../icon-button-CHW6Lezn.js");const k=require("../utils-C9NL3q0j.js"),E=n=>{var{className:l,children:c}=n,r=C.__rest(n,["className","children"]);return e.createElement("button",Object.assign({className:y(l,"fake-link")},r),c)},R=6e3,B=n=>{var{className:l,onOpen:c=()=>{},onClose:r=()=>{},layout:D,open:i,children:f,onAction:u}=n,S=C.__rest(n,["className","onOpen","onClose","layout","open","children","onAction"]);const o=e.useRef(new Set),g=e.useRef(null),[T,v]=e.useState(i),t=k.findComponent(f,E),_=k.excludeComponent(f,E),s=()=>{clearTimeout(g.current)},d=()=>{v(!1),r()},m=()=>{o.current.size===0&&(s(),g.current=setTimeout(()=>{d()},R))},q=()=>{v(!0),c(),m()},N=()=>{s(),o.current.add("focus")},O=()=>{o.current.delete("focus"),m()},A=()=>{s(),o.current.add("mouseEnter")},M=()=>{o.current.delete("mouseEnter"),m()},w=p=>{var a,b;s(),u==null||u(p),(b=(a=t==null?void 0:t.props)===null||a===void 0?void 0:a.onClick)===null||b===void 0||b.call(a,p),d()};return e.useEffect(()=>()=>{s()},[]),e.useEffect(()=>{i?q():d()},[i]),e.createElement(h.DialogBaseWithState,Object.assign({},S,{open:T,isModal:!1,baseEl:"aside",classPrefix:"snackbar-dialog",transitionElement:"root",a11yCloseText:"",buttonPosition:"hidden",className:y(l,"snackbar-dialog--transition"),windowClass:D==="column"&&"snackbar-dialog__window--column",onFocus:N,onBlur:O,onMouseEnter:A,onMouseLeave:M}),_,t?e.createElement(h.EbayDialogActions,null,e.cloneElement(t,{onClick:w})):null)};exports.EbaySnackbarDialog=B;exports.EbaySnackbarDialogAction=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../tslib.es6-C4EgNkz1.js"),y=require("classnames"),e=require("react"),h=require("../dialog-previous-button-C3ZdijBt.js");require("../icon-button-CHW6Lezn.js");const k=require("../utils-C9NL3q0j.js"),E=n=>{var{className:l,children:c}=n,r=C.__rest(n,["className","children"]);return e.createElement("button",Object.assign({className:y(l,"fake-link")},r),c)},R=6e3,B=n=>{var{className:l,onOpen:c=()=>{},onClose:r=()=>{},layout:D,open:i,children:f,onAction:u}=n,S=C.__rest(n,["className","onOpen","onClose","layout","open","children","onAction"]);const o=e.useRef(new Set),g=e.useRef(null),[T,v]=e.useState(i),t=k.findComponent(f,E),_=k.excludeComponent(f,E),s=()=>{clearTimeout(g.current)},d=()=>{v(!1),r()},m=()=>{o.current.size===0&&(s(),g.current=setTimeout(()=>{d()},R))},q=()=>{v(!0),c(),m()},N=()=>{s(),o.current.add("focus")},O=()=>{o.current.delete("focus"),m()},A=()=>{s(),o.current.add("mouseEnter")},M=()=>{o.current.delete("mouseEnter"),m()},w=p=>{var a,b;s(),u==null||u(p),(b=(a=t==null?void 0:t.props)===null||a===void 0?void 0:a.onClick)===null||b===void 0||b.call(a,p),d()};return e.useEffect(()=>()=>{s()},[]),e.useEffect(()=>{i?q():d()},[i]),e.createElement(h.DialogBaseWithState,Object.assign({},S,{open:T,isModal:!1,baseEl:"aside",classPrefix:"snackbar-dialog",transitionElement:"root",a11yCloseText:"",buttonPosition:"hidden",className:y(l,"snackbar-dialog--transition"),windowClass:D==="column"&&"snackbar-dialog__window--column",onFocus:N,onBlur:O,onMouseEnter:A,onMouseLeave:M}),_,t?e.createElement(h.EbayDialogActions,null,e.cloneElement(t,{onClick:w})):null)};exports.EbaySnackbarDialog=B;exports.EbaySnackbarDialogAction=E;