@ebay/ui-core-react 9.4.0 → 9.5.0

package/ebay-switch/README.md

@@ -1,46 +1,5 @@
 # EbaySwitch
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/form-input-ebay-switch--default-switch-button)
-
-## Import JS
-
-```jsx harmony
-import { EbaySwitch } from "@ebay/ui-core-react/ebay-switch";
-```
-
-## Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/switch";
-```
-
-## Usage
-
-```
-yarn add @ebay/ui-core-react
-```
-
-```jsx harmony
-<span className="field">
-    <EbaySwitch value="123" id="switch-1" />
-    <label className="field__label field__label--end" htmlFor="switch-1">
-        Remember me
-    </label>
-</span>
-```
-
-## Attributes
-
-| Name       | Type    | Stateful | Description |
-| ---------- | ------- | -------- | ----------- |
-| `disabled` | Boolean | No       |             |
-
-## Callbacks
-
-| Name       | Data                                                | Description         |
-| ---------- | --------------------------------------------------- | ------------------- |
-| `onChange` | `(ChangeEvent, { value: string, checked: boolean }` | Triggered on change |
-
-Note: For this component, `className`/`style` are applied to the root tag, while all other HTML attributes are applied to the `input` tag.
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/form-input-ebay-switch--docs)

package/ebay-switch/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),g=require("classnames"),h=c=>typeof c<"u",p=c=>{var{id:i,value:o,name:r,className:d,checked:e,defaultChecked:u=!1,onChange:k=()=>{}}=c,m=b.__rest(c,["id","value","name","className","checked","defaultChecked","onChange"]);const[a,s]=t.useState(u);t.useEffect(()=>{s(!!e)},[e]);const C=n=>{const{value:f="",checked:l=!1}=n.target||{};k(n,{value:f,checked:l}),s(l)};return t.createElement("span",{className:"switch"},t.createElement("input",Object.assign({},m,{className:g("switch__control",d),id:i,role:"switch",type:"checkbox",value:o,"aria-checked":h(e)?e:a,checked:h(e)?e:a,name:r,onChange:C})),t.createElement("span",{className:"switch__button"}))};exports.EbaySwitch=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../tslib.es6-BW4cJBUu.js"),t=require("react"),g=require("classnames"),h=c=>typeof c<"u",p=c=>{var{id:i,value:o,name:r,className:d,checked:e,defaultChecked:u=!1,onChange:k=()=>{}}=c,m=b.__rest(c,["id","value","name","className","checked","defaultChecked","onChange"]);const[a,s]=t.useState(u);t.useEffect(()=>{s(!!e)},[e]);const C=n=>{const{value:f="",checked:l=!1}=n.target||{};k(n,{value:f,checked:l}),s(l)};return t.createElement("span",{className:"switch"},t.createElement("input",Object.assign({},m,{className:g("switch__control",d),id:i,role:"switch",type:"checkbox",value:o,"aria-checked":h(e)?e:a,checked:h(e)?e:a,name:r,onChange:C})),t.createElement("span",{className:"switch__button"}))};exports.EbaySwitch=p;

package/ebay-table/README.md

@@ -1,100 +1,5 @@
 # EbayTable
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/data-display-ebay-table--docs)
-
-## Usage
-
-### Import JS
-
-```tsx
-import {
-    EbayTable,
-    EbayTableHeader,
-    EbayTableRow,
-    EbayTableCell,
-    type TableSelectHandler,
-    type TableSortHandler,
-    type TableRowSelectHandler,
-    type TableHeaderSortHandler,
-} from "@ebay/ui-core-react/ebay-table";
-```
-
-### Import following styles from SKIN
-
-```tsx
-import "@ebay/skin/table";
-```
-
-### If tokens haven't been added to the project at a higher level, make sure to import
-
-```tsx
-import "@ebay/skin/tokens";
-```
-
-### Or import styles using SCSS/CSS
-
-```tsx
-import "@ebay/skin/table.css";
-```
-
-```tsx
-<EbayTable>
-    <EbayTableHeader>Column 1</EbayTableHeader>
-    <EbayTableHeader>Column 2</EbayTableHeader>
-    <EbayTableHeader>Column 3</EbayTableHeader>
-    <EbayTableRow>
-        <EbayTableCell>Row 1, Cell 1</EbayTableCell>
-        <EbayTableCell>Row 1, Cell 2</EbayTableCell>
-        <EbayTableCell>Row 1, Cell 3</EbayTableCell>
-    </EbayTableRow>
-    <EbayTableRow>
-        <EbayTableCell>Row 2, Cell 1</EbayTableCell>
-        <EbayTableCell>Row 2, Cell 2</EbayTableCell>
-        <EbayTableCell>Row 2, Cell 3</EbayTableCell>
-    </EbayTableRow>
-</EbayTable>
-```
-
-## Attributes
-
-### EbayTable
-
-| Name                | Type     | Required | Description                                                   | Data                                        |
-| ------------------- | -------- | -------- | ------------------------------------------------------------- | ------------------------------------------- |
-| `density`           | String   | No       | Table density, `compact`, `relaxed`, `none`                   |                                             |
-| `mode`              | String   | No       | Table mode, `selection`, `none`                               |                                             |
-| `frozenHeader`      | Boolean  | No       | If true, the header will be frozen                            |                                             |
-| `allSelected`       | String   | No       | Select all tri-state checkbox state, `true`, `false`, `mixed` |                                             |
-| `a11ySelectAllText` | String   | No       | Accessibility text for select all checkbox                    |                                             |
-| `a11ySelectRowText` | String   | No       | Accessibility text for select row checkbox                    |                                             |
-| `onSelect`          | Function | No       | Triggered on selection                                        | `(event: Event, { selected, allSelected })` |
-| `onSort`            | Function | No       | Triggered on column sort                                      | `(event: Event, { sorted })`                |
-
-### EbayTableHeader
-
-| Name         | Type     | Required | Description                                                          | Data             |
-| ------------ | -------- | -------- | -------------------------------------------------------------------- | ---------------- |
-| `columnType` | String   | No       | Column type, `normal`, `numeric`, `layout`, `icon-action`            |                  |
-| `name`       | String   | No       | Column name that will be used in the EbayTable event `sorted` object |                  |
-| `sort`       | String   | No       | Defines which icon will be shown, `asc`, `desc`, `none`              |                  |
-| `rowHeader`  | Boolean  | No       | Defines if the column is a row header                                |                  |
-| `onSort`     | Function | No       | Triggered on column sort                                             | `(event: Event)` |
-
-### EbayTableRow
-
-| Name                | Type     | Required | Description                                                              | Data                                 |
-| ------------------- | -------- | -------- | ------------------------------------------------------------------------ | ------------------------------------ |
-| `name`              | String   | No       | Column name that will be used in the EbayTable events objects `selected` |                                      |
-| `selected`          | Boolean  | No       | Defines if the row is selected                                           |                                      |
-| `mode`              | String   | No       | Row mode, `selection`, `none`                                            |                                      |
-| `a11ySelectRowText` | String   | No       | Accessibility text for select row checkbox                               |                                      |
-| `onSelect`          | Function | No       | Triggered on row selection                                               | `(event: Event, { name, selected })` |
-
-### EbayTableCell
-
-| Name         | Type    | Required | Description                                               | Data |
-| ------------ | ------- | -------- | --------------------------------------------------------- | ---- |
-| `rowHeader`  | Boolean | No       | Defines if the cell is a row header (`<th>`)              |      |
-| `columnType` | String  | No       | Column type, `normal`, `numeric`, `layout`, `icon-action` |      |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/data-display-ebay-table--docs)

package/ebay-table/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../tslib.es6-C4EgNkz1.js"),l=require("react"),I=require("classnames"),A=require("../tri-state-checkbox-C06lbYBj.js"),C=require("../utils-C9NL3q0j.js"),M=require("../icons/ebay-icon-sort-down-12/index.js"),B=require("../icons/ebay-icon-sort-up-12/index.js"),D=require("../icons/ebay-icon-sort-12/index.js"),F=require("../checkbox-D4sjiLfW.js"),f=s=>{var{rowHeader:m,columnType:n,className:i,children:r}=s,b=g.__rest(s,["rowHeader","columnType","className","children"]);const S=m?"th":"td",y=n==="layout"?"div":l.Fragment;return l.createElement(S,Object.assign({className:I("table-cell",i,{[`table-cell--${n}`]:n})},b),l.createElement(y,Object.assign({},n==="layout"?{className:"table-cell__layout"}:{}),r))},O=s=>{var{columnType:m,sort:n,href:i,children:r,onSort:b}=s,S=g.__rest(s,["columnType","sort","href","children","onSort"]);const y={asc:"ascending",desc:"descending",none:"none"},E={asc:M.EbayIconSortDown12,desc:B.EbayIconSortUp12,none:D.EbayIconSort12}[n],p=n?l.createElement(l.Fragment,null," ",l.createElement(E,null)):null;let T=r;return i?T=l.createElement("a",{href:i,onClick:b},r,p):n&&(T=l.createElement("button",{type:"button",onClick:b},r,p)),l.createElement(f,Object.assign({},S,{rowHeader:!0,columnType:m,"aria-sort":n?y[n]:void 0}),T)},N=s=>{var{name:m,className:n,selected:i,mode:r,a11ySelectRowText:b,children:S,onSelect:y,__headers:c}=s,E=g.__rest(s,["name","className","selected","mode","a11ySelectRowText","children","onSelect","__headers"]);const p=C.filterByType(S,f),T=(a,{checked:u})=>{y(a,{name:m,selected:u})};return l.createElement("tr",Object.assign({className:n},E),r==="selection"&&l.createElement(f,{rowHeader:!0,key:"selection-cell"},l.createElement(F.EbayCheckbox,{checked:i,"aria-label":b||"Select row",onChange:T})),c?.map((a,u)=>l.cloneElement(p[u],{rowHeader:typeof a.props.rowHeader=="boolean"?a.props.rowHeader:p[u].props.rowHeader,columnType:typeof a.props.columnType=="string"?a.props.columnType:p[u].props.columnType})))},U=s=>{var{className:m,mode:n,allSelected:i,density:r,frozenHeader:b,a11ySelectAllText:S,a11ySelectRowText:y,onSelect:c,onSort:E,children:p}=s,T=g.__rest(s,["className","mode","allSelected","density","frozenHeader","a11ySelectAllText","a11ySelectRowText","onSelect","onSort","children"]);const a=C.filterByType(p,O),u=C.filterByType(p,N),[H,$]=l.useState(()=>a.reduce((e,t,o)=>(t.props.sort&&(e[t.props.name||`${o}`]=t.props.sort),e),{})),[v,x]=l.useState(()=>u.reduce((e,t,o)=>(e[t.props.name||`${o}`]=typeof t.props.selected=="boolean"?t.props.selected:!1,e),{}));function _(e){const t=Object.values(e).filter(Boolean).length,o=Object.values(e).length-t;return t===0?"false":o===0?"true":"mixed"}const w=typeof i<"u"?i:_(v),k=e=>{const t=u.reduce((o,d,h)=>(o[d.props.name||`${h}`]=w==="false"||w==="mixed",o),{});x(t),c?.(e,{selected:t,allSelected:_(t)})},q=(e,{name:t,selected:o})=>{const d=Object.assign(Object.assign({},v),{[t||""]:o});x(d),c?.(e,{selected:d,allSelected:_(d)})},R=(e,t)=>{const o={none:"asc",asc:"desc",desc:"none"},d=Object.entries(H).reduce((h,[j,z])=>(j===t?h[j]=o[z]:h[j]="none",h),{});$(d),E?.(e,{sorted:{[t]:d[t]}})};return l.createElement("div",Object.assign({},T,{className:I("table",m,{"table--mode-selection":n==="selection","table--frozen-header":b,[`table--density-${r}`]:r}),role:"group",tabIndex:0}),l.createElement("table",null,l.createElement("thead",null,l.createElement("tr",null,n==="selection"&&l.createElement(O,{key:"selection-all-cell"},l.createElement(A.EbayTriStateCheckbox,{"aria-label":S||"Select all rows",checked:w,onChange:k})),a.map((e,t)=>l.cloneElement(e,{sort:H[e.props.name||`${t}`],onSort:o=>R(o,e.props.name||`${t}`)})))),l.createElement("tbody",null,u.map((e,t)=>l.cloneElement(e,{mode:n,name:e.props.name||`${t}`,a11ySelectRowText:e.props.a11ySelectRowText||y,onSelect:(o,d)=>q(o,Object.assign(Object.assign({},d),{name:e.props.name||`${t}`})),selected:typeof e.props.selected=="boolean"?e.props.selected:v[e.props.name||`${t}`],__headers:a})))))};exports.EbayTable=U;exports.EbayTableCell=f;exports.EbayTableHeader=O;exports.EbayTableRow=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../tslib.es6-BW4cJBUu.js"),l=require("react"),I=require("classnames"),A=require("../tri-state-checkbox-Djp8KVph.js"),C=require("../utils-C9NL3q0j.js"),M=require("../icons/ebay-icon-sort-down-12/index.js"),B=require("../icons/ebay-icon-sort-up-12/index.js"),D=require("../icons/ebay-icon-sort-12/index.js"),F=require("../checkbox-BXjIUtq-.js"),f=s=>{var{rowHeader:m,columnType:n,className:i,children:r}=s,b=g.__rest(s,["rowHeader","columnType","className","children"]);const S=m?"th":"td",y=n==="layout"?"div":l.Fragment;return l.createElement(S,Object.assign({className:I("table-cell",i,{[`table-cell--${n}`]:n})},b),l.createElement(y,Object.assign({},n==="layout"?{className:"table-cell__layout"}:{}),r))},O=s=>{var{columnType:m,sort:n,href:i,children:r,onSort:b}=s,S=g.__rest(s,["columnType","sort","href","children","onSort"]);const y={asc:"ascending",desc:"descending",none:"none"},E={asc:M.EbayIconSortDown12,desc:B.EbayIconSortUp12,none:D.EbayIconSort12}[n],p=n?l.createElement(l.Fragment,null," ",l.createElement(E,null)):null;let T=r;return i?T=l.createElement("a",{href:i,onClick:b},r,p):n&&(T=l.createElement("button",{type:"button",onClick:b},r,p)),l.createElement(f,Object.assign({},S,{rowHeader:!0,columnType:m,"aria-sort":n?y[n]:void 0}),T)},N=s=>{var{name:m,className:n,selected:i,mode:r,a11ySelectRowText:b,children:S,onSelect:y,__headers:c}=s,E=g.__rest(s,["name","className","selected","mode","a11ySelectRowText","children","onSelect","__headers"]);const p=C.filterByType(S,f),T=(a,{checked:u})=>{y(a,{name:m,selected:u})};return l.createElement("tr",Object.assign({className:n},E),r==="selection"&&l.createElement(f,{rowHeader:!0,key:"selection-cell"},l.createElement(F.EbayCheckbox,{checked:i,"aria-label":b||"Select row",onChange:T})),c?.map((a,u)=>l.cloneElement(p[u],{rowHeader:typeof a.props.rowHeader=="boolean"?a.props.rowHeader:p[u].props.rowHeader,columnType:typeof a.props.columnType=="string"?a.props.columnType:p[u].props.columnType})))},U=s=>{var{className:m,mode:n,allSelected:i,density:r,frozenHeader:b,a11ySelectAllText:S,a11ySelectRowText:y,onSelect:c,onSort:E,children:p}=s,T=g.__rest(s,["className","mode","allSelected","density","frozenHeader","a11ySelectAllText","a11ySelectRowText","onSelect","onSort","children"]);const a=C.filterByType(p,O),u=C.filterByType(p,N),[H,$]=l.useState(()=>a.reduce((e,t,o)=>(t.props.sort&&(e[t.props.name||`${o}`]=t.props.sort),e),{})),[v,x]=l.useState(()=>u.reduce((e,t,o)=>(e[t.props.name||`${o}`]=typeof t.props.selected=="boolean"?t.props.selected:!1,e),{}));function _(e){const t=Object.values(e).filter(Boolean).length,o=Object.values(e).length-t;return t===0?"false":o===0?"true":"mixed"}const w=typeof i<"u"?i:_(v),k=e=>{const t=u.reduce((o,d,h)=>(o[d.props.name||`${h}`]=w==="false"||w==="mixed",o),{});x(t),c?.(e,{selected:t,allSelected:_(t)})},q=(e,{name:t,selected:o})=>{const d=Object.assign(Object.assign({},v),{[t||""]:o});x(d),c?.(e,{selected:d,allSelected:_(d)})},R=(e,t)=>{const o={none:"asc",asc:"desc",desc:"none"},d=Object.entries(H).reduce((h,[j,z])=>(j===t?h[j]=o[z]:h[j]="none",h),{});$(d),E?.(e,{sorted:{[t]:d[t]}})};return l.createElement("div",Object.assign({},T,{className:I("table",m,{"table--mode-selection":n==="selection","table--frozen-header":b,[`table--density-${r}`]:r}),role:"group",tabIndex:0}),l.createElement("table",null,l.createElement("thead",null,l.createElement("tr",null,n==="selection"&&l.createElement(O,{key:"selection-all-cell"},l.createElement(A.EbayTriStateCheckbox,{"aria-label":S||"Select all rows",checked:w,onChange:k})),a.map((e,t)=>l.cloneElement(e,{sort:H[e.props.name||`${t}`],onSort:o=>R(o,e.props.name||`${t}`)})))),l.createElement("tbody",null,u.map((e,t)=>l.cloneElement(e,{mode:n,name:e.props.name||`${t}`,a11ySelectRowText:e.props.a11ySelectRowText||y,onSelect:(o,d)=>q(o,Object.assign(Object.assign({},d),{name:e.props.name||`${t}`})),selected:typeof e.props.selected=="boolean"?e.props.selected:v[e.props.name||`${t}`],__headers:a})))))};exports.EbayTable=U;exports.EbayTableCell=f;exports.EbayTableHeader=O;exports.EbayTableRow=N;

package/ebay-tabs/README.md

@@ -1,56 +1,5 @@
 # EbayTabs
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/navigation-disclosure-ebay-tabs--default-tabs)
-
-## Import JS
-
-```jsx harmony
-import { EbayTabs, EbayTab, EbayTabPanel } from "@ebay/ui-core-react/ebay-tabs";
-```
-
-## Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/tabs";
-```
-
-## Usage
-
-```jsx harmony
-<EbayTabs>
-    <EbayTab>Tab 1</EbayTab>
-    <EbayTab>Tab 2</EbayTab>
-    <EbayTab>Tab 3</EbayTab>
-    <EbayTabPanel>Panel 1</EbayTabPanel>
-    <EbayTabPanel>Panel 2</EbayTabPanel>
-    <EbayTabPanel>Panel 3</EbayTabPanel>
-</EbayTabs>
-```
-
-## Props
-
-| Name            | Type   | Stateful | Description                                                                                                    |
-| --------------- | ------ | -------- | -------------------------------------------------------------------------------------------------------------- |
-| `selectedIndex` | Number | Yes      | 0-based index of selected tab heading and panel                                                                |
-| `activation`    | Enum   | Yes      | whether to use automatic or manual activation when navigating by keyboard, can be `auto` (default) or `manual` |
-| `size`          | Enum   | No       | Whether to opt into larger font-size for tab headings, can be `medium` (default) or `large`                    |
-
-## Callbacks
-
-| Event      | Data                         | Description                |
-| ---------- | ---------------------------- | -------------------------- |
-| `onSelect` | `({ selectedIndex:number })` | Triggered on tab selected. |
-
-## EbayTab
-
-```jsx harmony
-<EbayTab>Tab 1</EbayTab>
-```
-
-## EbayTabPanel
-
-```jsx harmony
-<EbayTabPanel>Panel 1</EbayTabPanel>
-```
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/navigation-disclosure-ebay-tabs--docs)

package/ebay-tabs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),y=require("classnames"),v=require("../index-Bsb1LHpi.js"),x=require("../utils-C9NL3q0j.js"),T=require("../tslib.es6-C4EgNkz1.js"),_=n=>{var{children:i,index:s,parentId:d,selected:o,disabled:b,focused:r,className:u,refCallback:f}=n,I=T.__rest(n,["children","index","parentId","selected","disabled","focused","className","refCallback"]);return a.createElement("div",Object.assign({},I,{ref:f,"aria-controls":`${d||"default"}-tabpanel-${s}`,"aria-selected":o,"aria-disabled":b,className:y(u,"tabs__item"),id:`${d||"default"}-tab-${s}`,role:"tab",tabIndex:r?0:-1}),a.createElement("span",null,i))},w=n=>{var{children:i,index:s,parentId:d,selected:o,className:b}=n,r=T.__rest(n,["children","index","parentId","selected","className"]);return a.createElement("div",Object.assign({},r,{"aria-labelledby":`default-tab-${s}`,className:y(b,"tabs__panel"),id:`${d||"default"}-tabpanel-${s}`,role:"tabpanel",hidden:!o}),a.createElement("div",{className:"tabs__cell"},i))},O=({id:n,className:i,selectedIndex:s=0,size:d="medium",activation:o="auto",onSelect:b=()=>{},children:r})=>{const u=[],[f,I]=a.useState(s),[g,E]=a.useState(s),m=e=>{b({selectedIndex:e}),I(e)},k=(e,t)=>{v.handleActionKeydown(e,()=>{e.preventDefault(),o==="manual"&&m(t)}),v.handleLeftRightArrowsKeydown(e,()=>{var l;e.preventDefault();const p=x.filterByType(r,_).length,h=["Left","ArrowLeft"].includes(e.key)?-1:1,N=g===void 0?f:g;let c=(N+p+h)%p;for(;!(u[c].getAttribute("aria-disabled")!=="true"||c===N);)c=(c+p+h)%p;E(c),(l=u[c])===null||l===void 0||l.focus(),o!=="manual"&&m(c)})};a.useEffect(()=>{m(s)},[s]);const S=d==="large",j=x.filterByType(r,_).map((e,t)=>a.cloneElement(e,Object.assign(Object.assign({},e.props),{refCallback:l=>{u[t]=l},index:t,parentId:n,selected:f===t,focused:g===t,onClick:()=>{e.props.disabled||(m(t),E(t))},onKeyDown:l=>{k(l,t)}}))),q=x.filterByType(r,w).map((e,t)=>{const l={index:t,parentId:n,selected:f===t,children:e.props.children};return a.cloneElement(e,l)});return a.createElement("div",{id:n,className:y(i,"tabs",{"tabs--large":S})},a.createElement("div",{className:y("tabs__items"),role:"tablist"},j),a.createElement("div",{className:"tabs__content"},q))};exports.EbayTab=_;exports.EbayTabPanel=w;exports.EbayTabs=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),y=require("classnames"),v=require("../index-Bsb1LHpi.js"),x=require("../utils-C9NL3q0j.js"),T=require("../tslib.es6-BW4cJBUu.js"),_=n=>{var{children:i,index:s,parentId:d,selected:o,disabled:b,focused:r,className:u,refCallback:f}=n,I=T.__rest(n,["children","index","parentId","selected","disabled","focused","className","refCallback"]);return a.createElement("div",Object.assign({},I,{ref:f,"aria-controls":`${d||"default"}-tabpanel-${s}`,"aria-selected":o,"aria-disabled":b,className:y(u,"tabs__item"),id:`${d||"default"}-tab-${s}`,role:"tab",tabIndex:r?0:-1}),a.createElement("span",null,i))},w=n=>{var{children:i,index:s,parentId:d,selected:o,className:b}=n,r=T.__rest(n,["children","index","parentId","selected","className"]);return a.createElement("div",Object.assign({},r,{"aria-labelledby":`default-tab-${s}`,className:y(b,"tabs__panel"),id:`${d||"default"}-tabpanel-${s}`,role:"tabpanel",hidden:!o}),a.createElement("div",{className:"tabs__cell"},i))},O=({id:n,className:i,selectedIndex:s=0,size:d="medium",activation:o="auto",onSelect:b=()=>{},children:r})=>{const u=[],[f,I]=a.useState(s),[g,E]=a.useState(s),m=e=>{b({selectedIndex:e}),I(e)},k=(e,t)=>{v.handleActionKeydown(e,()=>{e.preventDefault(),o==="manual"&&m(t)}),v.handleLeftRightArrowsKeydown(e,()=>{var l;e.preventDefault();const p=x.filterByType(r,_).length,h=["Left","ArrowLeft"].includes(e.key)?-1:1,N=g===void 0?f:g;let c=(N+p+h)%p;for(;!(u[c].getAttribute("aria-disabled")!=="true"||c===N);)c=(c+p+h)%p;E(c),(l=u[c])===null||l===void 0||l.focus(),o!=="manual"&&m(c)})};a.useEffect(()=>{m(s)},[s]);const S=d==="large",j=x.filterByType(r,_).map((e,t)=>a.cloneElement(e,Object.assign(Object.assign({},e.props),{refCallback:l=>{u[t]=l},index:t,parentId:n,selected:f===t,focused:g===t,onClick:()=>{e.props.disabled||(m(t),E(t))},onKeyDown:l=>{k(l,t)}}))),q=x.filterByType(r,w).map((e,t)=>{const l={index:t,parentId:n,selected:f===t,children:e.props.children};return a.cloneElement(e,l)});return a.createElement("div",{id:n,className:y(i,"tabs",{"tabs--large":S})},a.createElement("div",{className:y("tabs__items"),role:"tablist"},j),a.createElement("div",{className:"tabs__content"},q))};exports.EbayTab=_;exports.EbayTabPanel=w;exports.EbayTabs=O;

package/ebay-textbox/README.md

@@ -1,93 +1,5 @@
 # EbayTextbox
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/form-input-ebay-textbox--default-textbox)
-
-## Usage
-
-```
-yarn add @ebay/ui-core-react
-```
-
-### Import JS
-
-```jsx harmony
-import { EbayTextbox } from "@ebay/ui-core-react/ebay-textbox";
-```
-
-### Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/textbox";
-
-// Add if you're using floating labels
-import "@ebay/skin/floating-label";
-```
-
-### or if using CSS/SCSS
-
-```jsx
-import "@ebay/skin/textbox.css";
-
-// Add if you're using floating labels
-import "@ebay/skin/floating-label.css";
-```
-
-```jsx harmony
-<EbayTextbox value="Search for anything" />
-```
-
-## Props
-
-| Name            | Type    | Stateful | Required | Description                                                                                                                            |
-| --------------- | ------- | -------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------- |
-| `fluid`         | Boolean | No       | No       | Takes the full width of the container                                                                                                  |
-| `multiline`     | Boolean | No       | No       | Renders a multi-line textbox if true                                                                                                   |
-| `opaqueLabel`   | Boolean | No       | No       | Only works with floating label. If set, then background is obscured of the floating label. Used with textarea to prevent label overlap |
-| `invalid`       | Boolean | No       | No       | Indicates a field-level error with red border if true                                                                                  |
-| `type`          | String  | No       | No       | Default: `text`, can be `password` if needed                                                                                           |
-| `value`         | String  | No       | No       | Indicates the value of the input element, required for a controlled component.                                                         |
-| `defaultValue`  | String  | No       | No       | Indicates the default input element value. Use when the component is not controlled.                                                   |
-| `inputSize`     | String  | No       | No       | `default` (default), `large`                                                                                                           |
-| `floatingLabel` | String  | No       | No       | Indicates that the input is a floating label type and renders it as a label                                                            |
-
-## Callbacks
-
-| Name                  | Required | Description                                                                                                          | Arguments                            |
-| --------------------- | -------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------------------ |
-| `onChange`            | No       | Triggered when focus leaves and value is changed.                                                                    | `(ChangeEvent, { value: string })`   |
-| `onInputChange`       | No       | Triggered when the value of the input is changed.                                                                    | `(ChangeEvent, { value: string })`   |
-| `onFocus`             | No       | Called when input gets focus                                                                                         | `(FocusEvent, { value: string })`    |
-| `onBlur`              | No       | Called when input loses focus                                                                                        | `(FocusEvent, { value: string })`    |
-| `onKeyPress`          | No       | Called on key press                                                                                                  | `(KeyboardEvent, { value: string })` |
-| `onKeyUp`             | No       | Called on key up                                                                                                     | `(KeyboardEvent, { value: string })` |
-| `onKeyDown`           | No       | Called on key down                                                                                                   | `(KeyboardEvent, { value: string })` |
-| `onInvalid`           | No       | Triggered when value is invalid                                                                                      | `(ChangeEvent, { value: string })`   |
-| `onFloatingLabelInit` | No       | Triggered when floating label is initialized                                                                         | `()`                                 |
-| `onButtonClick`       | No       | Triggers when clicking on postfix-icon-button. Requires `buttonAriaLabel` to be present in order to attach correctly | `(MouseEvent, { value: string })`    |
-
-It supports all the events supported by an input element (e.g. `onInput`, `onPaste`)
-
-## EbayTextboxPrefixIcon
-
-| Name   | Type   | Required | Description              |
-| ------ | ------ | -------- | ------------------------ |
-| `name` | String | No       | Name of the icon to show |
-
-## EbayTextboxPostfixIcon
-
-| Name              | Type   | Required | Description                                                                    |
-| ----------------- | ------ | -------- | ------------------------------------------------------------------------------ |
-| `name`            | String | No       | Name of the icon to show                                                       |
-| `buttonAriaLabel` | String | No       | Aria-label for postfix icon/button. Required in order to render postfix button |
-
-### EbayTextboxPrefixIcon example
-
-```jsx
-import { EbayTextbox, EbayTextboxPrefixIcon } from "@ebay/ui-core-react/ebay-textbox";
-
-<EbayTextbox placeholder="email">
-    <EbayTextboxPrefixIcon icon={<EbayTextMessaging16Icon />} />
-</EbayTextbox>;
-```
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/form-input-ebay-textbox--docs)

package/ebay-textbox/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../textbox-DAip4ToD.js");exports.EbayTextbox=x.EbayTextbox;exports.EbayTextboxPostfixIcon=x.EbayTextboxPostfixIcon;exports.EbayTextboxPostfixText=x.EbayTextboxPostfixText;exports.EbayTextboxPrefixIcon=x.EbayTextboxPrefixIcon;exports.EbayTextboxPrefixText=x.EbayTextboxPrefixText;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../textbox-HffvptHx.js");exports.EbayTextbox=x.EbayTextbox;exports.EbayTextboxPostfixIcon=x.EbayTextboxPostfixIcon;exports.EbayTextboxPostfixText=x.EbayTextboxPostfixText;exports.EbayTextboxPrefixIcon=x.EbayTextboxPrefixIcon;exports.EbayTextboxPrefixText=x.EbayTextboxPrefixText;

package/ebay-toast-dialog/README.md

@@ -1,28 +1,5 @@
 # EbayToast
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/dialogs-ebay-toast-dialog--default)
-
-## EbayToast Usage
-
-```jsx
-<EbayToast open a11yClosetext="Close EbayToast">
-    <h1>Hello World</h1>
-</EbayToast>
-```
-
-## Attributes
-
-| Name            | Type    | Stateful | Required | Description                                                                                  |
-| --------------- | ------- | -------- | -------- | -------------------------------------------------------------------------------------------- |
-| `open`          | Boolean | Yes      | No       | Whether toast is open.                                                                       |
-| `a11yCloseText` | String  | No       | Yes      | A11y text for close button and mask.                                                         |
-| `animated`      | Boolean | Yes      | No       | Renders the dialog with an animation. Note that the dialog will always be present in the DOM |
-
-## Events
-
-| Event     | Data | Description  |
-| --------- | ---- | ------------ |
-| `onOpen`  |      | toast opened |
-| `onClose` |      | toast closed |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/dialogs-ebay-toast-dialog--docs)

package/ebay-toast-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../tslib.es6-C4EgNkz1.js"),i=require("react"),r=require("classnames"),l=require("../dialog-previous-button-aXPjyhOT.js");require("../icon-button-AJ6dtyvc.js");require("../icon-I30uh1Ov.js");const n=e=>{var{className:t,onClose:s=()=>{}}=e,o=a.__rest(e,["className","onClose"]);return i.createElement(l.DialogBaseWithState,Object.assign({},o,{isModal:!1,baseEl:"aside",classPrefix:"toast-dialog",buttonPosition:"right",transitionElement:"root",className:r(t,"toast-dialog--transition"),onCloseBtnClick:s}))};exports.EbayToast=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../tslib.es6-BW4cJBUu.js"),i=require("react"),r=require("classnames"),l=require("../dialog-previous-button-BXqfHRJY.js");require("../icon-button-E_6JKTh3.js");require("../icon-M7M42naA.js");const n=e=>{var{className:t,onClose:s=()=>{}}=e,o=a.__rest(e,["className","onClose"]);return i.createElement(l.DialogBaseWithState,Object.assign({},o,{isModal:!1,baseEl:"aside",classPrefix:"toast-dialog",buttonPosition:"right",transitionElement:"root",className:r(t,"toast-dialog--transition"),onCloseBtnClick:s}))};exports.EbayToast=n;

package/ebay-toggle-button/README.md

@@ -1,39 +1,5 @@
 # EbayToggleButton
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/buttons-ebay-toggle-button--docs)
-
-## Install
-
-```
-yarn add @ebay/ui-core-react @ebay/skin
-```
-
-## Usage
-
-```
-import React from 'react'
-import { EbayToggleButton } from '@ebay/ui-core-react/ebay-toggle-button'
-import '@ebay/skin/toggle-button'
-
-export const Example = () => (
-    <EbayToggleButton
-        pressed={isPressed}
-        onToggle={() => setIsPressed(!isPressed)}
-        title='Button 1'
-        subtitle='subtitle'
-    ></EbayToggleButton>
-```
-
-## EbayToggleButton Props
-
-| Name         | Type     | Required | Description                                                      |
-| ------------ | -------- | -------- | ---------------------------------------------------------------- |
-| `layoutType` | enum     | No       | Can be `minimal` (default), `list` or `gallery`                  |
-| `title`      | string   | No       | Title attribute for the button                                   |
-| `subtitle`   | string   | No       | Subtitle attribute for the button                                |
-| `pressed`    | boolean  | Yes      | Pressed state of the button                                      |
-| `icon`       | enum     | No       | EbayIcon name                                                    |
-| `img`        | object   | No       | Image obj for the component                                      |
-| `onToggle`   | Function | No       | Triggered when the button is toggled: { originalEvent, pressed } |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/buttons-ebay-toggle-button--docs)

package/ebay-toggle-button/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../toggle-button-DSderReK.js");exports.EbayToggleButton=t.ToggleButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../toggle-button-LQF2tXtd.js");exports.EbayToggleButton=t.ToggleButton;

package/ebay-toggle-button-group/README.md

@@ -1,56 +1,5 @@
 # EbayToggleButtonGroup
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/buttons-ebay-toggle-button-group--docs)
-
-## Install
-
-```
-yarn add @ebay/ui-core-react @ebay/skin
-```
-
-## Usage
-
-```
-import React from 'react'
-import { EbayToggleButton } from '@ebay/ui-core-react/ebay-toggle-button'
-import { EbayToggleButtonGroup } from '@ebay/ui-core-react/ebay-toggle-button-group'
-import '@ebay/skin/toggle-button-group'
-
-export const Example = () => (
-    <EbayToggleButtonGroup onChange={action('change')} {...args}>
-        <EbayToggleButton pressed title="Button1" />
-        <EbayToggleButton>Child Button</EbayToggleButton>
-        <EbayToggleButton title="Button2" subtitle="subtitle" />
-        <EbayToggleButton
-            icon={<EbayIconSettings24 />}
-            title="Button3"
-            subtitle="subtitle"
-        ></EbayToggleButton>
-        <EbayToggleButton
-            title="Button4"
-            subtitle="subtitle"
-            img={{
-                src: 'https://cloudfront.slrlounge.com/wp-content/uploads/2012/07/01-SLRLounge-Holding-Standing-Wrong.jpg',
-                alt: 'image alt'
-            }}
-        ></EbayToggleButton>
-    </EbayToggleButtonGroup>
-);
-```
-
-## EbayToggleButtonGroup Props
-
-| Name          | Type     | Required | Description                                                                  |
-| ------------- | -------- | -------- | ---------------------------------------------------------------------------- |
-| `variant`     | enum     | No       | Can be `checkbox` (default), `radio` or `radio-toggle`                       |
-| `layoutType`  | enum     | No       | Can be `minimal` (default), `list` or `gallery`                              |
-| `a11yText`    | string   | No       | Accessibility text for the group. Cannot be used together with `a11yLabelId` |
-| `a11yLabelId` | string   | No       | Required for a11y compliance. Cannot be used together with a11yText          |
-| `columnsMin`  | number   | No       | Preferred minimum number of columns for smallest container/screen (1-3)      |
-| `columnsXS`   | number   | No       | Preferred minimum number of columns within extra small containers.           |
-| `columnsSM`   | number   | No       | Preferred minimum number of columns within small containers.                 |
-| `columnsMD`   | number   | No       | Preferred minimum number of columns within medium containers.                |
-| `columnsXL`   | number   | No       | Preferred minimum number of columns within extra large containers.           |
-| `onChange`    | Function | No       | Triggered when the pressed state changes: { originalEvent, pressed }         |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/buttons-ebay-toggle-button-group--docs)

package/ebay-toggle-button-group/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),f=require("classnames"),I=require("../utils-C9NL3q0j.js"),L=require("../toggle-button-DSderReK.js"),N=l=>{var{a11yText:u,a11yLabelId:m,layoutType:i="minimal",variant:c="checkbox",children:g,columnsMin:d,columnsXS:b,columnsSM:y,columnsMD:p,columnsXL:T,onChange:n,className:B}=l,h=q.__rest(l,["a11yText","a11yLabelId","layoutType","variant","children","columnsMin","columnsXS","columnsSM","columnsMD","columnsXL","onChange","className"]);const r=I.filterByType(g,L.ToggleButton),k=()=>r.reduce((s,e,t)=>(s[t]=e.props.pressed||!1,s),{}),[M,E]=o.useState(k),S=o.useCallback((s,e)=>{E(t=>{let a={};switch(c){case"checkbox":a=Object.assign({},t),a[e]=!t[e];break;case"radio-toggle":a[e]=!t[e];break;case"radio":a[e]=!0;break}return n&&n(s,{pressedButtonsIndex:a}),a})},[c,n]);return o.createElement("div",Object.assign({className:f(B,"toggle-button-group"),"data-columns-min":d,"data-columns-xs":b,"data-columns-sm":y,"data-columns-md":p,"data-columns-xl":T},h),o.createElement("ul",{"aria-label":u,"aria-labelledby":m},r.map((s,e)=>o.createElement("li",{key:e},o.cloneElement(s,{layoutType:i,pressed:M[e],onToggle:t=>{S(t,e)}})))))};exports.EbayToggleButtonGroup=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../tslib.es6-BW4cJBUu.js"),o=require("react"),f=require("classnames"),I=require("../utils-C9NL3q0j.js"),L=require("../toggle-button-LQF2tXtd.js"),N=l=>{var{a11yText:u,a11yLabelId:m,layoutType:i="minimal",variant:c="checkbox",children:g,columnsMin:d,columnsXS:b,columnsSM:y,columnsMD:p,columnsXL:T,onChange:n,className:B}=l,h=q.__rest(l,["a11yText","a11yLabelId","layoutType","variant","children","columnsMin","columnsXS","columnsSM","columnsMD","columnsXL","onChange","className"]);const r=I.filterByType(g,L.ToggleButton),k=()=>r.reduce((s,e,t)=>(s[t]=e.props.pressed||!1,s),{}),[M,E]=o.useState(k),S=o.useCallback((s,e)=>{E(t=>{let a={};switch(c){case"checkbox":a=Object.assign({},t),a[e]=!t[e];break;case"radio-toggle":a[e]=!t[e];break;case"radio":a[e]=!0;break}return n&&n(s,{pressedButtonsIndex:a}),a})},[c,n]);return o.createElement("div",Object.assign({className:f(B,"toggle-button-group"),"data-columns-min":d,"data-columns-xs":b,"data-columns-sm":y,"data-columns-md":p,"data-columns-xl":T},h),o.createElement("ul",{"aria-label":u,"aria-labelledby":m},r.map((s,e)=>o.createElement("li",{key:e},o.cloneElement(s,{layoutType:i,pressed:M[e],onToggle:t=>{S(t,e)}})))))};exports.EbayToggleButtonGroup=N;

package/ebay-tooltip/README.md

@@ -1,57 +1,5 @@
 # EbayTooltip
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/notices-tips-ebay-tooltip--default-tooltip)
-
-## Import JS
-
-```jsx harmony
-import { EbayTooltip, EbayTooltipHost, EbayTooltipContent } from "@ebay/ui-core-react/ebay-tooltip";
-```
-
-### Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/tooltip";
-```
-
-### or if using SCSS/CSS
-
-```jsx
-import "@ebay/skin/tooltip.css";
-```
-
-## Usage
-
-```
-yarn add @ebay/ui-core-react
-```
-
-```jsx harmony
-<EbayTooltip pointer="bottom-left">
-    <EbayTooltipHost>
-        <EbayButton>Info</EbayButton>
-    </EbayTooltipHost>
-    <EbayTooltipContent>
-        <span>Here's a tip to help you be successful at your task.</span>
-    </EbayTooltipContent>
-</EbayTooltip>
-```
-
-## Attributes
-
-| Name           | Type     | Stateful | Required | Description                                                                                                                                                  |
-| -------------- | -------- | -------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `pointer`      | String   | No       | No       | options are `top-left`, `top`, `top-right`, `right`, `right-bottom`, `right-top`, `bottom-left`, `bottom-right`, `bottom`, `left`, `left-bottom`, `left-top` |
-| `overlayStyle` | Object   | No       | No       | Style object to customize default values for the overlay. It can be used all CSS properties like `top`, `left`, `bottom`, `right`.                           |
-| `noHover`      | Boolean  | No       | No       | disable hover (and only use focus) to open the tooltip                                                                                                       |
-| `onExpand`     | Function | No       | No       | overlay has been expanded                                                                                                                                    |
-| `onCollapse`   | Function | No       | No       | overlay has been collapsed                                                                                                                                   |
-
-## Child components
-
-| Name                 | Required | Description                                |
-| -------------------- | -------- | ------------------------------------------ |
-| `EbayTooltipHost`    | Yes      | Wrapper for trigger that shows the tooltip |
-| `EbayTooltipContent` | Yes      | The content to be displayed in the tooltip |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/notices-tips-ebay-tooltip--docs)

package/ebay-tooltip/ebay-tooltip.d.ts

@@ -2,6 +2,7 @@ import { CSSProperties, FC } from "react";
 import { TooltipProps, PointerDirection } from "../common/tooltip-utils";
 type Props = Omit<TooltipProps, "ref"> & {
     noHover?: boolean;
+    open?: boolean;
     onExpand?: () => void;
     onCollapse?: () => void;
     pointer?: PointerDirection;

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

@@ -1 +1 @@
-{"version":3,"file":"ebay-tooltip.d.ts","sourceRoot":"","sources":["../../src/ebay-tooltip/ebay-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAEpE,OAAO,EAIH,YAAY,EACZ,gBAAgB,EAEnB,MAAM,yBAAyB,CAAC;AAOjC,KAAK,KAAK,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CA8G1B,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ebay-tooltip.d.ts","sourceRoot":"","sources":["../../src/ebay-tooltip/ebay-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAEpE,OAAO,EAIH,YAAY,EACZ,gBAAgB,EAEnB,MAAM,yBAAyB,CAAC;AAOjC,KAAK,KAAK,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CA+G1B,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/ebay-tooltip/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),d=require("../utils-C9NL3q0j.js"),e=require("../use-tooltip-V_RbL4vM.js");require("classnames");const D=require("../index-Bsb1LHpi.js"),U=require("../floating-ui-Co2mY5Do.js");require("../array.polyfill.flat-5BAolFdk.js");require("../icon-I30uh1Ov.js");const y=()=>null,h=()=>null,k=l=>{var{className:b,pointer:i,overlayStyle:O,noHover:a,offset:v,noFlip:m,noShift:R,notInline:w,onFocus:S=()=>{},onBlur:F=()=>{},onMouseEnter:C=()=>{},onMouseLeave:I=()=>{},onExpand:L,onCollapse:g,children:u}=l,q=B.__rest(l,["className","pointer","overlayStyle","noHover","offset","noFlip","noShift","notInline","onFocus","onBlur","onMouseEnter","onMouseLeave","onExpand","onCollapse","children"]);const c=t.useRef(null),{isExpanded:n,expandTooltip:p,collapseTooltip:s}=e.useTooltip({onCollapse:g,onExpand:L}),r=t.useRef(null),{overlayStyles:M,arrowStyles:N,refs:E}=U.useFloatingTooltip({open:n,hostRef:c,options:{pointer:i,offset:v,noFlip:m,noShift:R,notInline:w}});t.useEffect(()=>{const o=function(x){D.handleEscapeKeydown(x,s)};return n&&document.addEventListener("keydown",o),()=>{document.removeEventListener("keydown",o)}},[n]);const _=o=>{C(o),a||(clearTimeout(r.current),p())},P=o=>{I(o),a||(clearTimeout(r.current),r.current=setTimeout(()=>{s()},300))},j=o=>{S(o),p()},H=o=>{F(o),s()},T=d.findComponent(u,y),f=d.findComponent(u,h);if(!f)throw new Error("EbayTooltip: Please use a EbayTooltipHost that defines the host of the tooltip");if(!T)throw new Error("EbayTooltip: Please use a EbayTooltipContent that defines the content of the tooltip");return t.createElement(e.Tooltip,Object.assign({},q,{className:b,type:"tooltip",isExpanded:n,onFocus:j,onBlur:H,onMouseEnter:_,onMouseLeave:P}),t.createElement(e.TooltipHost,Object.assign({},f.props,{forwardedRef:c})),t.createElement(e.TooltipContent,Object.assign({},T.props,{type:"tooltip",style:Object.assign(Object.assign({},M),O),pointer:i,arrowStyle:N,overlayRef:E.setOverlay,arrowRef:E.arrow})))};exports.DEFAULT_POINTER_DIRECTION=e.DEFAULT_POINTER_DIRECTION;exports.POINTER_STYLES=e.POINTER_STYLES;exports.Tooltip=e.Tooltip;exports.TooltipFooter=e.TooltipFooter;exports.EbayTooltip=k;exports.EbayTooltipContent=y;exports.EbayTooltipHost=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("../tslib.es6-BW4cJBUu.js"),t=require("react"),f=require("../utils-C9NL3q0j.js"),o=require("../use-tooltip-B0APb1jZ.js");require("classnames");const U=require("../index-Bsb1LHpi.js"),k=require("../floating-ui-Co2mY5Do.js");require("../array.polyfill.flat-5BAolFdk.js");require("../icon-M7M42naA.js");const y=()=>null,h=()=>null,A=l=>{var{className:b,pointer:i,overlayStyle:O,noHover:a,open:v,offset:m,noFlip:R,noShift:w,notInline:S,onFocus:F=()=>{},onBlur:C=()=>{},onMouseEnter:I=()=>{},onMouseLeave:L=()=>{},onExpand:g,onCollapse:q,children:u}=l,M=D.__rest(l,["className","pointer","overlayStyle","noHover","open","offset","noFlip","noShift","notInline","onFocus","onBlur","onMouseEnter","onMouseLeave","onExpand","onCollapse","children"]);const c=t.useRef(null),{isExpanded:n,expandTooltip:p,collapseTooltip:s}=o.useTooltip({onCollapse:q,onExpand:g,expanded:v}),r=t.useRef(null),{overlayStyles:N,arrowStyles:_,refs:E}=k.useFloatingTooltip({open:n,hostRef:c,options:{pointer:i,offset:m,noFlip:R,noShift:w,notInline:S}});t.useEffect(()=>{const e=function(B){U.handleEscapeKeydown(B,s)};return n&&document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[n]);const P=e=>{I(e),a||(clearTimeout(r.current),p())},j=e=>{L(e),a||(clearTimeout(r.current),r.current=setTimeout(()=>{s()},300))},x=e=>{F(e),p()},H=e=>{C(e),s()},T=f.findComponent(u,y),d=f.findComponent(u,h);if(!d)throw new Error("EbayTooltip: Please use a EbayTooltipHost that defines the host of the tooltip");if(!T)throw new Error("EbayTooltip: Please use a EbayTooltipContent that defines the content of the tooltip");return t.createElement(o.Tooltip,Object.assign({},M,{className:b,type:"tooltip",isExpanded:n,onFocus:x,onBlur:H,onMouseEnter:P,onMouseLeave:j}),t.createElement(o.TooltipHost,Object.assign({},d.props,{forwardedRef:c})),t.createElement(o.TooltipContent,Object.assign({},T.props,{type:"tooltip",style:Object.assign(Object.assign({},N),O),pointer:i,arrowStyle:_,overlayRef:E.setOverlay,arrowRef:E.arrow})))};exports.DEFAULT_POINTER_DIRECTION=o.DEFAULT_POINTER_DIRECTION;exports.POINTER_STYLES=o.POINTER_STYLES;exports.Tooltip=o.Tooltip;exports.TooltipFooter=o.TooltipFooter;exports.EbayTooltip=A;exports.EbayTooltipContent=y;exports.EbayTooltipHost=h;