@ebay/ui-core-react 8.6.0 → 8.8.0

package/ebay-item-tile-group/README.md

@@ -0,0 +1,80 @@
+# EbayItemTile
+
+## Demo
+
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/layout-ebay-item-tile-group--docs)
+
+## Usage
+
+### Import JS
+
+```jsx harmony
+import { EbayItemTileGroup } from "@ebay/ui-core-react/ebay-item-tile-group";
+```
+
+### Import following styles from SKIN
+
+```jsx harmony
+import "@ebay/skin/item-tile-group";
+```
+
+### Or import styles using SCSS/CSS
+
+```jsx harmony
+import "@ebay/skin/item-tile-group.css";
+```
+
+### Import icons
+
+Add the below icons to the `EbaySvg` component.
+
+Note: Make sure that `EbaySvg` is only rendered on the server so it does not affect the client bundle size.
+
+```jsx harmony
+<EbayItemTileGroup onAction={handleAction} layout="list">
+    <EbayItemTile
+        file={{
+            name: 'file-name.jpg',
+            type: 'image',
+            src: 'https://ir.ebaystatic.com/cr/v/c01/skin/docs/tb-real-square-pic.jpg'
+        }}
+    >
+        <EbayItemTileAction aria-label="action label" icon="heart16" />
+        <EbayItemTileSupertitle>
+            <EbaySignal status="time-sensitive">Time Sensitive</EbaySignal>
+        </EbayItemTileSupertitle>
+        <EbayItemTileTitle href="/collection">
+            Apple iPhone 11 Pro Max{' '}
+        </EbayItemTileTitle>
+        <EbayItemTileSubtitle>256GB Space Gray</EbayItemTileSubtitle>
+        <EbayItemTileDescription className="price">
+            $29.99
+        </EbayItemTileDescription>
+        <EbayItemTileDescription as="div">
+            <a href="https://ebay.com">Buy it now</a>
+        </EbayItemTileDescription>
+        <EbayItemTileDescription>
+            Free shipping
+        </EbayItemTileDescription>
+    </EbayItemTile>
+<EbayItemTileGroup {...args}>
+```
+
+## Attributes
+
+| Name | Type | Required | Description | Data |
+| ---- | ---- | -------- | ----------- | ---- |
+
+| `layout` | `String` | No | layout for item tile. Default: `gallery` | `gallery` `list` |
+
+## Events
+
+| Name       | Type               | Required | Description                                  | Data    |
+| ---------- | ------------------ | -------- | -------------------------------------------- | ------- |
+| `onAction` | `EbayEventHandler` | No       | Triggered when the action button is clicked. | `event` |
+
+## Component
+
+| Name           | Type           | Required | Description                                       | Data |
+| -------------- | -------------- | -------- | ------------------------------------------------- | ---- |
+| `EbayItemTile` | `EbayItemTile` | Yest     | Tile component that will be rendered in the group |

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

@@ -0,0 +1,3 @@
+export { default as EbayItemTileGroup, type EbayItemTileGroupProps } from "./item-tile-group";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-item-tile-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC9F,cAAc,SAAS,CAAC"}

package/ebay-item-tile-group/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),y=require("classnames"),p=require("../utils-C9NL3q0j.js"),b=require("../item-tile-lBRIeVHa.js"),d=t=>{var{layout:i,className:n,onAction:l,children:s}=t,o=m.__rest(t,["layout","className","onAction","children"]);const c=p.filterByType(s,b.EbayItemTile);return e.createElement("div",Object.assign({className:y("layout-grid item-tile-group",n,{"item-tile-group--list-view":i==="list"})},o),e.createElement("ul",null,c.map((a,r)=>e.createElement("li",{key:r},e.cloneElement(a,{layout:i,onAction:u=>l&&l(u,{index:r})})))))};exports.EbayItemTileGroup=d;

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-list/README.md

@@ -0,0 +1,149 @@
+# EbayList
+
+A versatile list component for displaying items with optional leading and trailing content.
+
+## Demo
+
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/building-blocks-ebay-list--docs)
+
+## Usage
+
+### Import JS
+
+```jsx
+import { EbayList, EbayListItem, EbayListItemLeading, EbayListItemTrailing } from "@ebay/ui-core-react/ebay-list";
+```
+
+### Import following styles from SKIN
+
+```jsx harmony
+import "@ebay/skin/list";
+```
+
+### If tokens haven't been added to the project at a higher level, make sure to import
+
+```jsx harmony
+import "@ebay/skin/tokens";
+```
+
+### Or import styles using SCSS/CSS
+
+```jsx harmony
+import "@ebay/skin/list.css";
+```
+
+## Examples
+
+### Basic List
+
+```jsx
+<EbayList>
+    <EbayListItem>Item 1</EbayListItem>
+    <EbayListItem>Item 2</EbayListItem>
+    <EbayListItem>Item 3</EbayListItem>
+</EbayList>
+```
+
+### List with Leading and Trailing Content (Method 1 - Using Components)
+
+```jsx
+<EbayList>
+    <EbayListItem>
+        <EbayListItemLeading>
+            <EbayIcon name="folder16" />
+        </EbayListItemLeading>
+        Item 1
+    </EbayListItem>
+    <EbayListItem>
+        <EbayListItemLeading>
+            <EbayIcon name="lamp16" />
+        </EbayListItemLeading>
+        Item 2
+        <EbayListItemTrailing>
+            <EbayIcon name="chevronRight16" />
+        </EbayListItemTrailing>
+    </EbayListItem>
+</EbayList>
+```
+
+### Interactive List Items
+
+```jsx
+<EbayList onButtonClick={(event, { index }) => console.log(`Button ${index} clicked`)}>
+    <EbayListItem as="button">Clickable Button Item</EbayListItem>
+    <EbayListItem as="a" href="https://www.ebay.com">
+        Link Item
+        <EbayListItemTrailing>
+            <EbayIcon name="chevronRight16" />
+        </EbayListItemTrailing>
+    </EbayListItem>
+    <EbayListItem id="switch-item">
+        Item with Switch
+        <EbayListItemTrailing>
+            <EbaySwitch aria-labelledby="switch-item" />
+        </EbayListItemTrailing>
+    </EbayListItem>
+</EbayList>
+```
+
+### List with Separators
+
+```jsx
+<EbayList>
+    <EbayListItem>Item 1</EbayListItem>
+    <EbayListItem separator />
+    <EbayListItem>Item 2</EbayListItem>
+    <EbayListItem>Item 3</EbayListItem>
+    <EbayListItem separator />
+    <EbayListItem>Item 4</EbayListItem>
+</EbayList>
+```
+
+## Components
+
+### EbayList
+
+The main container component that wraps a list of EbayListItem components.
+
+### EbayListItem
+
+Individual list items that can be rendered as different elements (div, button, a) and can contain leading and trailing content.
+
+### EbayListItemLeading
+
+Component for adding leading content to a list item.
+
+### EbayListItemTrailing
+
+Component for adding trailing content to a list item.
+
+## Attributes
+
+### EbayList Attributes
+
+| Name            | Type     | Required | Description                                                                                   |
+| --------------- | -------- | -------- | --------------------------------------------------------------------------------------------- |
+| `onButtonClick` | Function | No       | Called when a list item with `as="button"` is clicked. Callback receives `(event, { index })` |
+| `className`     | String   | No       | Custom class name                                                                             |
+| `style`         | Object   | No       | Custom styles                                                                                 |
+
+### EbayListItem Attributes
+
+| Name        | Type     | Required | Description                                                                          |
+| ----------- | -------- | -------- | ------------------------------------------------------------------------------------ |
+| `as`        | String   | No       | The element to render the item as. Can be 'div', 'button', or 'a'. Default is 'div'. |
+| `separator` | Boolean  | No       | If true, will render the current item as a separator                                 |
+| `onClick`   | Function | No       | Called when the list item is clicked                                                 |
+| `className` | String   | No       | Custom class name                                                                    |
+
+### EbayListItemLeading Attributes
+
+| Name       | Type      | Required | Description                               |
+| ---------- | --------- | -------- | ----------------------------------------- |
+| `children` | ReactNode | Yes      | Content to display in the leading section |
+
+### EbayListItemTrailing Attributes
+
+| Name       | Type      | Required | Description                                |
+| ---------- | --------- | -------- | ------------------------------------------ |
+| `children` | ReactNode | Yes      | Content to display in the trailing section |

package/ebay-list/index.d.ts

@@ -0,0 +1,5 @@
+export { default as EbayList, type EbayListProps } from "./list";
+export { default as EbayListItem, type EbayListItemProps } from "./list-item";
+export { default as EbayListItemLeading } from "./list-item-leading";
+export { default as EbayListItemTrailing } from "./list-item-trailing";
+//# sourceMappingURL=index.d.ts.map

package/ebay-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,sBAAsB,CAAC"}

package/ebay-list/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),p=require("classnames"),s=require("../utils-C9NL3q0j.js"),u=({children:t})=>e.createElement("div",{className:"list__leading"},t),E=({children:t})=>e.createElement("div",{className:"list__trailing"},t),g=t=>{var{className:i,as:a="div",separator:r,children:n,onClick:c}=t,o=C.__rest(t,["className","as","separator","children","onClick"]);if(r)return e.createElement("hr",null);const l=s.findComponent(n,u),m=s.findComponent(n,E),d=s.excludeComponent(s.excludeComponent(n,u),E);return e.createElement("li",null,e.createElement(a,Object.assign({className:p("list__body",i),onClick:c},o),l,e.createElement("div",{className:"list__body"},d),m))},L=t=>{var{className:i,style:a,children:r,onButtonClick:n=()=>{}}=t,c=C.__rest(t,["className","style","children","onButtonClick"]);const o=s.filterByType(r,g);return e.createElement("div",Object.assign({className:p("list",i),style:a},c),e.createElement("ul",null,e.Children.map(o,(l,m)=>{const{as:d,onClick:b}=l.props,_=d==="button"?{onClick:y=>{b&&b(y),n(y,{index:m})}}:{};return e.cloneElement(l,_)})))};exports.EbayList=L;exports.EbayListItem=g;exports.EbayListItemLeading=u;exports.EbayListItemTrailing=E;

package/ebay-list/list-item-leading.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from "react";
+type EbayListItemLeadingProps = {
+    children: ReactNode;
+};
+export declare const EbayListItemLeading: React.FC<EbayListItemLeadingProps>;
+export default EbayListItemLeading;
+//# sourceMappingURL=list-item-leading.d.ts.map

package/ebay-list/list-item-leading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-leading.d.ts","sourceRoot":"","sources":["../../src/ebay-list/list-item-leading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,KAAK,wBAAwB,GAAG;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAElE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/ebay-list/list-item-trailing.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from "react";
+type EbayListItemTrailingProps = {
+    children: ReactNode;
+};
+declare const EbayListItemTrailing: React.FC<EbayListItemTrailingProps>;
+export default EbayListItemTrailing;
+//# sourceMappingURL=list-item-trailing.d.ts.map

package/ebay-list/list-item-trailing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-trailing.d.ts","sourceRoot":"","sources":["../../src/ebay-list/list-item-trailing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,KAAK,yBAAyB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAE7D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/ebay-list/list-item.d.ts

@@ -0,0 +1,11 @@
+import React, { ElementType, FC, ReactNode } from "react";
+export type EbayListItemProps = {
+    as?: ElementType;
+    separator?: boolean;
+    className?: string;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    children?: ReactNode;
+} & React.HTMLAttributes<HTMLElement>;
+declare const EbayListItem: FC<EbayListItemProps>;
+export default EbayListItem;
+//# sourceMappingURL=list-item.d.ts.map

package/ebay-list/list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../src/ebay-list/list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1D,MAAM,MAAM,iBAAiB,GAAG;IAC5B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAEtC,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA0BvC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/ebay-list/list.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps, FC } from "react";
+import { ListItemClickHandler } from "./types";
+export type EbayListProps = ComponentProps<"div"> & {
+    onButtonClick?: ListItemClickHandler;
+};
+declare const EbayList: FC<EbayListProps>;
+export default EbayList;
+//# sourceMappingURL=list.d.ts.map

package/ebay-list/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/ebay-list/list.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAwC,MAAM,OAAO,CAAC;AAIxF,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChD,aAAa,CAAC,EAAE,oBAAoB,CAAC;CACxC,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA4B/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/ebay-list/types.d.ts

@@ -0,0 +1,6 @@
+import { EbayMouseEventHandler } from "../events";
+export type ListItemClickEventData = {
+    index: number;
+};
+export type ListItemClickHandler = EbayMouseEventHandler<HTMLButtonElement, ListItemClickEventData>;
+//# sourceMappingURL=types.d.ts.map

package/ebay-list/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,sBAAsB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,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;