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

package/dialog-previous-button-EC_Y6KaT.js

@@ -1,370 +0,0 @@
-"use strict";
-const React = require("react");
-const reactRemoveScroll = require("react-remove-scroll");
-const classNames = require("classnames");
-const icon = require("./icon-B17Di3YL.js");
-const common_randomId = require("./common/random-id/index.js");
-const ebayDialogBase_components_animation = require("./ebay-dialog-base/components/animation/index.js");
-const ebayDialogBase_components_dialogHeader = require("./ebay-dialog-base/components/dialog-header/index.js");
-const ebayDialogBase_components_dialogFooter = require("./ebay-dialog-base/components/dialog-footer/index.js");
-const iconButton = require("./icon-button-BQWoMgX1.js");
-const EbayDialogCloseButton = ({ children }) => React.createElement(React.Fragment, null, children);
-const filterAncestor = (item) => item.nodeType === 1 && item.tagName.toLowerCase() !== "body" && item.tagName.toLowerCase() !== "html";
-const filterSibling = (item) => item.nodeType === 1 && item.tagName.toLowerCase() !== "script";
-const flattenArrays = (a, b) => a.concat(b);
-function getPreviousSiblings(el, siblings = []) {
-  const previousSibling = el.previousSibling;
-  if (!previousSibling) {
-    return siblings;
-  }
-  siblings.push(previousSibling);
-  return getPreviousSiblings(previousSibling, siblings);
-}
-function getNextSiblings(el, siblings = []) {
-  const nextSibling = el.nextSibling;
-  if (!nextSibling) {
-    return siblings;
-  }
-  siblings.push(nextSibling);
-  return getNextSiblings(nextSibling, siblings);
-}
-function getSiblings(el) {
-  const allSiblings = getPreviousSiblings(el).concat(getNextSiblings(el));
-  return allSiblings.filter(filterSibling);
-}
-function getAllAncestors(el, ancestors = []) {
-  const nextAncestor = el.parentNode;
-  if (!nextAncestor) {
-    return ancestors;
-  }
-  ancestors.push(nextAncestor);
-  return getAllAncestors(nextAncestor, ancestors);
-}
-function getAncestors(el) {
-  return getAllAncestors(el).filter(filterAncestor);
-}
-function getSiblingsOfAncestors(el) {
-  return getAncestors(el).map((item) => getSiblings(item)).reduce(flattenArrays, []);
-}
-let mainEl;
-let trappedEl$1;
-let dirtyObjects;
-const filterSvg = (item) => item.tagName.toLowerCase() !== "svg";
-function showElementPrep(el, useHiddenProperty) {
-  let preparedElement;
-  if (useHiddenProperty === false) {
-    preparedElement = prepareElement(el, "aria-hidden", "false");
-  } else {
-    preparedElement = prepareElement(el, "hidden", false);
-  }
-  return preparedElement;
-}
-function hideElementPrep(el, useHiddenProperty) {
-  let preparedElement;
-  if (useHiddenProperty === false) {
-    preparedElement = prepareElement(el, "aria-hidden", "true");
-  } else {
-    preparedElement = prepareElement(el, "hidden", true);
-  }
-  return preparedElement;
-}
-function prepareElement(el, attributeName, dirtyValue) {
-  const isProperty = typeof dirtyValue === "boolean";
-  return {
-    el,
-    attributeName,
-    cleanValue: isProperty ? el[attributeName] : el.getAttribute(attributeName),
-    dirtyValue,
-    isProperty
-  };
-}
-function dirtyElement(preparedObj) {
-  if (preparedObj.isProperty === true) {
-    preparedObj.el[preparedObj.attributeName] = preparedObj.dirtyValue;
-  } else {
-    preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.dirtyValue);
-  }
-}
-function cleanElement(preparedObj) {
-  if (preparedObj.cleanValue) {
-    if (preparedObj.isProperty === true) {
-      preparedObj.el[preparedObj.attributeName] = preparedObj.cleanValue;
-    } else {
-      preparedObj.el.setAttribute(preparedObj.attributeName, preparedObj.cleanValue);
-    }
-  } else {
-    preparedObj.el.removeAttribute(preparedObj.attributeName);
-  }
-}
-function untrap$1() {
-  if (trappedEl$1) {
-    dirtyObjects.forEach((item) => cleanElement(item));
-    dirtyObjects = [];
-    if (mainEl) {
-      mainEl.setAttribute("role", "main");
-    }
-    trappedEl$1.dispatchEvent(new CustomEvent("screenreaderUntrap", { bubbles: true }));
-    trappedEl$1 = null;
-  }
-}
-const defaultOptions = {
-  useHiddenProperty: false
-};
-function trap$1(el, selectedOptions) {
-  untrap$1();
-  const options = Object.assign({}, defaultOptions, selectedOptions);
-  trappedEl$1 = el;
-  mainEl = document.querySelector('main, [role="main"]');
-  if (mainEl) {
-    mainEl.setAttribute("role", "presentation");
-  }
-  const ancestors = getAncestors(trappedEl$1);
-  let siblings = getSiblings(trappedEl$1);
-  let siblingsOfAncestors = getSiblingsOfAncestors(trappedEl$1);
-  if (options.useHiddenProperty === true) {
-    siblings = siblings.filter(filterSvg);
-    siblingsOfAncestors = siblingsOfAncestors.filter(filterSvg);
-  }
-  dirtyObjects = [showElementPrep(trappedEl$1, options.useHiddenProperty)].concat(ancestors.map((item) => showElementPrep(item, options.useHiddenProperty))).concat(siblings.map((item) => hideElementPrep(item, options.useHiddenProperty))).concat(siblingsOfAncestors.map((item) => hideElementPrep(item, options.useHiddenProperty)));
-  dirtyObjects.forEach((item) => dirtyElement(item));
-  trappedEl$1.dispatchEvent(new CustomEvent("screenreaderTrap", { bubbles: true }));
-}
-const focusableElList = [
-  "a[href]",
-  "area[href]",
-  "button:not([disabled])",
-  "embed",
-  "iframe",
-  "input:not([disabled])",
-  "object",
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  "*[tabindex]",
-  "*[contenteditable]"
-];
-const focusableElSelector = focusableElList.join();
-function src_default(el, keyboardOnly = false, callback) {
-  return getFocusables(el, keyboardOnly);
-}
-function getFocusables(el, keyboardOnly = false) {
-  let focusableEls = Array.prototype.slice.call(el.querySelectorAll(focusableElSelector));
-  focusableEls = focusableEls.filter(function(focusableEl) {
-    return window.getComputedStyle(focusableEl).display !== "none";
-  });
-  if (keyboardOnly === true) {
-    focusableEls = focusableEls.filter(function(focusableEl) {
-      return focusableEl.getAttribute("tabindex") !== "-1";
-    });
-  }
-  return focusableEls;
-}
-let trappedEl;
-let topTrap;
-let outerTrapBefore;
-let innerTrapBefore;
-let innerTrapAfter;
-let outerTrapAfter;
-let botTrap;
-let firstFocusableElement;
-let lastFocusableElement;
-function createTrapBoundary() {
-  const trapBoundary = document.createElement("div");
-  trapBoundary.setAttribute("aria-hidden", "true");
-  trapBoundary.setAttribute("tabindex", "0");
-  trapBoundary.className = "keyboard-trap-boundary";
-  return trapBoundary;
-}
-function setFocusToFirstFocusableElement() {
-  firstFocusableElement.focus();
-}
-function setFocusToLastFocusableElement() {
-  lastFocusableElement.focus();
-}
-function createTraps() {
-  topTrap = createTrapBoundary();
-  outerTrapBefore = topTrap.cloneNode();
-  innerTrapBefore = topTrap.cloneNode();
-  innerTrapAfter = topTrap.cloneNode();
-  outerTrapAfter = topTrap.cloneNode();
-  botTrap = topTrap.cloneNode();
-  topTrap.addEventListener("focus", setFocusToFirstFocusableElement);
-  outerTrapBefore.addEventListener("focus", setFocusToFirstFocusableElement);
-  innerTrapBefore.addEventListener("focus", setFocusToLastFocusableElement);
-  innerTrapAfter.addEventListener("focus", setFocusToFirstFocusableElement);
-  outerTrapAfter.addEventListener("focus", setFocusToLastFocusableElement);
-  botTrap.addEventListener("focus", setFocusToLastFocusableElement);
-}
-function untrap() {
-  if (trappedEl) {
-    topTrap = safeDetach(topTrap);
-    outerTrapBefore = safeDetach(outerTrapBefore);
-    innerTrapBefore = safeDetach(innerTrapBefore);
-    innerTrapAfter = safeDetach(innerTrapAfter);
-    outerTrapAfter = safeDetach(outerTrapAfter);
-    botTrap = safeDetach(botTrap);
-    trappedEl.classList.remove("keyboard-trap--active");
-    trappedEl.dispatchEvent(new CustomEvent("keyboardUntrap", { bubbles: true }));
-    trappedEl = null;
-  }
-  return trappedEl;
-}
-function safeDetach(el) {
-  const parent = el.parentNode;
-  return parent ? parent.removeChild(el) : el;
-}
-function trap(el) {
-  if (!topTrap) {
-    createTraps();
-  } else {
-    untrap();
-  }
-  trappedEl = el;
-  const body = typeof document === "undefined" ? null : document.body;
-  const focusableElements = src_default(trappedEl, true);
-  firstFocusableElement = focusableElements[0];
-  lastFocusableElement = focusableElements[focusableElements.length - 1];
-  body.insertBefore(topTrap, body.childNodes[0]);
-  trappedEl.parentNode.insertBefore(outerTrapBefore, trappedEl);
-  trappedEl.insertBefore(innerTrapBefore, trappedEl.childNodes[0]);
-  trappedEl.appendChild(innerTrapAfter);
-  trappedEl.parentNode.insertBefore(outerTrapAfter, trappedEl.nextElementSibling);
-  body.appendChild(botTrap);
-  trappedEl.dispatchEvent(new CustomEvent("keyboardTrap", { bubbles: true }));
-  trappedEl.classList.add("keyboard-trap--active");
-  return trappedEl;
-}
-const DialogBase = ({ baseEl: Container = "div", classPrefix = "drawer-dialog", windowClass, windowType, mainId, top, header, buttonPosition = "right", children, ariaLabelledby, a11yCloseText, onCloseBtnClick = () => {
-}, footer, actions, onScroll, open = false, onOpen = () => {
-}, onBackgroundClick = () => {
-}, ignoreEscape, closeButton, previousButton, isModal, role = "dialog", focus, transitionElement, animated, closeButtonClass, ...props }) => {
-  var _a;
-  const dialogRef = React.useRef(null);
-  const drawerBaseEl = React.useRef(null);
-  const closeButtonRef = React.useRef(null);
-  const [rId, setRandomId] = React.useState("");
-  React.useEffect(() => {
-    setRandomId(common_randomId.randomId());
-  }, []);
-  React.useEffect(() => {
-    let timeout;
-    const handleBackgroundClick = (e) => {
-      if (drawerBaseEl.current && !drawerBaseEl.current.contains(e.target)) {
-        onBackgroundClick(e);
-      }
-    };
-    if (open && buttonPosition !== "hidden") {
-      timeout = window.setTimeout(() => {
-        document.addEventListener("click", handleBackgroundClick, false);
-      });
-    }
-    return () => {
-      clearTimeout(timeout);
-      document.removeEventListener("click", handleBackgroundClick, false);
-    };
-  }, [onBackgroundClick, open]);
-  React.useEffect(() => {
-    if (open && isModal) {
-      trap$1(drawerBaseEl.current);
-      trap(drawerBaseEl.current);
-    } else {
-      untrap$1();
-      untrap();
-    }
-    return () => {
-      untrap$1();
-      untrap();
-    };
-  }, [open, isModal]);
-  ebayDialogBase_components_animation.useDialogAnimation({
-    open,
-    classPrefix,
-    transitionElement,
-    dialogRef,
-    dialogWindowRef: drawerBaseEl,
-    enabled: animated,
-    onTransitionEnd: () => handleFocus(open)
-  });
-  const onKeyDown = (event) => {
-    if (!ignoreEscape && event.key === "Escape") {
-      event.stopPropagation();
-      onCloseBtnClick(event);
-    }
-  };
-  React.useEffect(() => {
-    if (!animated) {
-      handleFocus(open);
-    }
-    if (open) {
-      onOpen();
-    }
-  }, [open]);
-  function handleFocus(isOpen) {
-    var _a2, _b;
-    if (isOpen) {
-      if (focus) {
-        (_a2 = focus.current) == null ? void 0 : _a2.focus();
-      } else if (isModal) {
-        (_b = closeButtonRef.current) == null ? void 0 : _b.focus();
-      }
-      document.addEventListener("keydown", onKeyDown, false);
-      return () => document.removeEventListener("keydown", onKeyDown, false);
-    }
-  }
-  const closeButtonContent = buttonPosition !== "hidden" && React.createElement("button", { ref: closeButtonRef, className: classNames(`icon-btn`, closeButtonClass, `${classPrefix}__close`, {
-    "icon-btn--transparent": classPrefix === `toast-dialog`
-  }), type: "button", "aria-label": a11yCloseText, onClick: onCloseBtnClick }, closeButton || React.createElement(icon.EbayIcon, { name: "close16" }));
-  const windowClassName = windowType ? `${classPrefix}__${windowType}-window` : `${classPrefix}__window`;
-  const dialogTitleId = ((_a = header == null ? void 0 : header.props) == null ? void 0 : _a.id) || `dialog-title-${rId}`;
-  const dialogLabelledBy = ariaLabelledby || dialogTitleId;
-  const dialogHeader = header ? React.cloneElement(header, { ...header.props, id: dialogTitleId }) : null;
-  return React.createElement(
-    Container,
-    { ...props, "aria-labelledby": dialogLabelledBy, "aria-modal": "true", role, hidden: !open, className: classNames(classPrefix, props.className), "aria-live": !isModal ? "polite" : void 0, ref: dialogRef, onKeyDown },
-    React.createElement(
-      "div",
-      { className: classNames(windowClassName, windowClass), ref: drawerBaseEl },
-      top,
-      dialogHeader && React.createElement(
-        "div",
-        { className: `${classPrefix}__header` },
-        previousButton,
-        buttonPosition === "right" && dialogHeader,
-        buttonPosition !== "bottom" && closeButtonContent,
-        (buttonPosition === "left" || buttonPosition === "hidden") && dialogHeader
-      ),
-      React.createElement("div", { id: mainId, className: `${classPrefix}__main`, onScroll }, children),
-      actions ? React.createElement("div", { className: `${classPrefix}__actions` }, actions) : null,
-      footer || buttonPosition === "bottom" ? React.createElement(
-        "div",
-        { className: `${classPrefix}__footer` },
-        footer,
-        buttonPosition === "bottom" && closeButtonContent
-      ) : null
-    )
-  );
-};
-const DialogBaseWithState = ({ isModal, open, children, animated = true, ...rest }) => {
-  const shouldRenderModal = isModal !== false;
-  const childrenArray = React.Children.toArray(children);
-  const header = childrenArray.find((child) => child.type === ebayDialogBase_components_dialogHeader);
-  const footer = childrenArray.find((child) => child.type === ebayDialogBase_components_dialogFooter);
-  const actions = childrenArray.find((child) => child.type === EbayDialogActions);
-  const closeButton = childrenArray.find((child) => child.type === EbayDialogCloseButton);
-  const previousButton = childrenArray.find((child) => child.type === EbayDialogPreviousButton);
-  const content = childrenArray.filter((child) => ![
-    ebayDialogBase_components_dialogHeader,
-    ebayDialogBase_components_dialogFooter,
-    EbayDialogCloseButton,
-    EbayDialogActions,
-    EbayDialogPreviousButton
-  ].some((c) => c === child.type));
-  const dialogBase = React.createElement(DialogBase, { ...rest, open, isModal: shouldRenderModal, header, footer, actions, closeButton, previousButton, animated }, content);
-  const renderOverLay = () => shouldRenderModal ? React.createElement(reactRemoveScroll.RemoveScroll, { enabled: open }, dialogBase) : dialogBase;
-  return animated || open ? renderOverLay() : null;
-};
-const EbayDialogActions = ({ children }) => React.createElement(React.Fragment, null, children);
-const EbayDialogPreviousButton = ({ className, icon: icon2, ...rest }) => React.createElement(iconButton.EbayIconButton, { ...rest, icon: icon2 || "chevronLeft16", className: classNames(className, "lightbox-dialog__prev") });
-exports.DialogBaseWithState = DialogBaseWithState;
-exports.EbayDialogActions = EbayDialogActions;
-exports.EbayDialogCloseButton = EbayDialogCloseButton;
-exports.EbayDialogPreviousButton = EbayDialogPreviousButton;

package/drawer-DBDktEBZ.js

@@ -1,69 +0,0 @@
-"use strict";
-const React = require("react");
-const classNames = require("classnames");
-const ebayDialogBase_components_dialogHeader = require("./ebay-dialog-base/components/dialog-header/index.js");
-const dialogPreviousButton = require("./dialog-previous-button-EC_Y6KaT.js");
-require("./icon-button-BQWoMgX1.js");
-const THRESHOLD_TOUCH = 30;
-const classPrefix = "drawer-dialog";
-const EbayDrawerDialog = ({ expanded: controlledExpanded = false, noHandle, onClose = () => {
-}, onCollapsed = () => {
-}, onExpanded = () => {
-}, a11yMaximizeText, a11yMinimizeText, children, ...rest }) => {
-  let touches = [];
-  const [expanded, setExpanded] = React.useState(controlledExpanded);
-  React.useEffect(() => {
-    setExpanded(controlledExpanded);
-  }, [controlledExpanded]);
-  const setExpandedState = (expand) => {
-    setExpanded(expand);
-    if (expand) {
-      onExpanded();
-    } else {
-      onCollapsed();
-    }
-  };
-  const handleTouchStart = (e) => {
-    touches = Array.from(e.changedTouches).map(({ identifier, pageY }) => ({ identifier, pageY }));
-  };
-  const handleTouchEnd = (e) => {
-    Array.from(e.changedTouches).forEach(({ identifier }) => {
-      const idx = touches.findIndex((touch) => touch.identifier === identifier);
-      if (idx > -1) {
-        touches.splice(idx, 1);
-      }
-    });
-  };
-  const handleTouchMove = (e) => {
-    if (touches.length) {
-      Array.from(e.changedTouches).forEach(({ identifier, pageY }) => {
-        const compare = touches.findIndex((touch) => touch.identifier === identifier);
-        const diff = pageY - touches[compare].pageY;
-        if (diff > THRESHOLD_TOUCH) {
-          if (expanded) {
-            setExpandedState(false);
-          } else {
-            onClose();
-          }
-          handleTouchEnd(e);
-        } else if (diff < -THRESHOLD_TOUCH) {
-          setExpandedState(true);
-          handleTouchEnd(e);
-        }
-      });
-    }
-  };
-  const handle = noHandle ? null : React.createElement("button", { "aria-label": expanded ? a11yMinimizeText : a11yMaximizeText, className: `${classPrefix}__handle`, onClick: () => setExpandedState(!expanded), onScroll: () => setExpandedState(true), onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, type: "button" });
-  const childrenArray = React.Children.toArray(children);
-  const header = childrenArray.find(({ type }) => type === ebayDialogBase_components_dialogHeader);
-  const withoutHeader = childrenArray.filter(({ type }) => type !== ebayDialogBase_components_dialogHeader);
-  return React.createElement(
-    dialogPreviousButton.DialogBaseWithState,
-    { ...rest, classPrefix, onCloseBtnClick: onClose, className: classNames(rest.className, `${classPrefix}--mask-fade-slow`), windowClass: classNames(rest.windowClass, `${classPrefix}__window`, `${classPrefix}__window--slide`, {
-      [`${classPrefix}__window--expanded`]: expanded
-    }), onBackgroundClick: onClose, top: handle },
-    header || React.createElement(ebayDialogBase_components_dialogHeader, null),
-    withoutHeader
-  );
-};
-exports.EbayDrawerDialog = EbayDrawerDialog;

package/ebay-listbox/README.md

@@ -1,100 +0,0 @@
-# EbayListbox
-
-## Demo
-
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/building-blocks-ebay-listbox--docs)
-
-## Import JS
-
-```jsx harmony
-import {
-    EbayListbox,
-    EbayListboxOption,
-    EbayListboxOptionDescription,
-} from "@ebay/ui-core-react/ebay-listbox";
-```
-
-## Import following styles from SKIN
-
-```js
-import "@ebay/skin/listbox";
-```
-
-## Import styles using SCSS/CSS
-
-```js
-import "@ebay/skin/listbox.css";
-```
-
-## Usage
-
-```jsx
-<EbayListbox>
-    <EbayListboxOption value="AA" text="Option 1" />
-    <EbayListboxOption value="BB" text="Option 2" />
-    <EbayListboxOption value="CC" text="Option 3" />
-</EbayListbox>
-```
-
-## Attributes
-
-### EbayListbox
-
-| Name                     | Type    | Required | Description                                                                                             |
-| ------------------------ | ------- | -------- | ------------------------------------------------------------------------------------------------------- |
-| `name`                   | string  | No       | Used for the name attribute of the native `<select>`.                                                   |
-| `disabled`               | boolean | No       | Set to true if the field is disabled.                                                                   |
-| `listSelection`          | string  | No       | If `manual`, the user will need to press enter to select an item using the keyboard. Otherwise, `auto` will automatically select as the user presses up/down. |
-| `typeaheadTimeoutLength` | number  | No       | Timeout length to pass to typeahead.                                                                    |
-| `maxHeight`              | string  | No       | Example: 100px, 200px, 10rem.                                                                           |
-
-### EbayListboxOption
-
-| Name       | Type         | Required | Description                        |
-| ---------- | ------------ | -------- | ---------------------------------- |
-| `icon`     | ReactElement | No       | An optional icon to display alongside the option text. |
-| `text`     | string       | No       | The text to display for the option. |
-| `value`    | string       | Yes      | The value of the option.            |
-| `disabled` | boolean      | No       | Set to true if the option is disabled. |
-| `selected` | boolean      | No       | Set to true if the option is selected by default. |
-
-## Callbacks
-
-| Name       | Type     | Required | Description                    | Data                                                                         |
-| ---------- | -------- | -------- | ------------------------------ | ---------------------------------------------------------------------------- |
-| `onChange` | Function | No       | triggered on change            | `(ChangeEvent, { index: number, selected: string[] , wasClicked: boolean })` |
-| `onEscape` | Function | No       | triggered on typing Escape key | `()`                                                                         |
-
-## Examples
-
-### Default
-
-```jsx
-<EbayListbox>
-    <EbayListboxOption value="AA" text="Option 1" />
-    <EbayListboxOption value="BB" text="Option 2" />
-    <EbayListboxOption value="CC" text="Option 3" />
-</EbayListbox>
-```
-
-### With Description
-
-```jsx
-<EbayListbox>
-    <EbayListboxOption value="AA" text="Option 1">
-        <EbayListboxOptionDescription>
-            Option 1 extra info
-        </EbayListboxOptionDescription>
-    </EbayListboxOption>
-    <EbayListboxOption value="BB" text="Option 2">
-        <EbayListboxOptionDescription>
-            Option 2 extra info
-        </EbayListboxOptionDescription>
-    </EbayListboxOption>
-    <EbayListboxOption value="CC" text="Option 3">
-        <EbayListboxOptionDescription>
-            Option 3 extra info
-        </EbayListboxOptionDescription>
-    </EbayListboxOption>
-</EbayListbox>
-```

package/ebay-listbox/index.d.ts

@@ -1,4 +0,0 @@
-export * from './listbox';
-export * from './listbox-option';
-export * from './listbox-option-description';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,8BAA8B,CAAA"}

package/ebay-listbox/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const listbox = require("../listbox-DfOw_fJc.js");
-exports.EbayListbox = listbox.EbayListbox;
-exports.EbayListboxOption = listbox.EbayListboxOption;
-exports.EbayListboxOptionDescription = listbox.EbayListboxOptionDescription;

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

@@ -1,4 +0,0 @@
-import { ComponentProps, FC } from 'react';
-export type EbayListboxOptionDescriptionProps = ComponentProps<'div'>;
-export declare const EbayListboxOptionDescription: FC<EbayListboxOptionDescriptionProps>;
-//# sourceMappingURL=listbox-option-description.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"listbox-option-description.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox-option-description.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAGjD,MAAM,MAAM,iCAAiC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtE,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAAC,iCAAiC,CACc,CAAA"}

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

@@ -1,10 +0,0 @@
-import { ComponentProps, FC, ReactElement } from 'react';
-export type EbayListboxOptionProps = ComponentProps<'div'> & {
-    icon?: ReactElement;
-    text?: string;
-    value: string;
-    disabled?: boolean;
-    selected?: boolean;
-};
-export declare const EbayListboxOption: FC<EbayListboxOptionProps>;
-//# sourceMappingURL=listbox-option.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"listbox-option.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox-option.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAM/D,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACzD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAoCxD,CAAA"}

package/ebay-listbox/listbox.d.ts

@@ -1,22 +0,0 @@
-import { FC } from 'react';
-import { ComponentProps, ReactNode } from 'react';
-import { EbayChangeEventHandler } from '../events';
-export type ChangeEventProps = {
-    index: number;
-    selected: string[];
-    wasClicked: boolean;
-};
-export type EbayListboxProps = Omit<ComponentProps<'div'>, 'onChange'> & {
-    name?: string;
-    disabled?: boolean;
-    children: ReactNode;
-    listSelection?: 'auto' | 'manual';
-    typeaheadTimeoutLength?: number;
-    maxHeight?: string | number;
-    selectClassName?: string;
-    activeClassName?: string;
-    onChange?: EbayChangeEventHandler<HTMLSpanElement, ChangeEventProps>;
-    onEscape?: () => void;
-};
-export declare const EbayListbox: FC<EbayListboxProps>;
-//# sourceMappingURL=listbox.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA6B,EAAE,EAA4B,MAAM,OAAO,CAAA;AAItF,OAAO,EAAE,cAAc,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAA;AAInE,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAIlD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;IACrE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA2L5C,CAAA"}

package/icon-B17Di3YL.js

@@ -1,56 +0,0 @@
-"use strict";
-const React = require("react");
-const classNames = require("classnames");
-const common_componentUtils_forwardRef = require("./common/component-utils/forwardRef/index.js");
-require("./array.polyfill.flat-DyxysTxZ.js");
-const common_randomId = require("./common/random-id/index.js");
-const EbayIcon = ({ name, className: extraClass, noSkinClasses = false, a11yText, a11yVariant, forwardedRef, ...rest }) => {
-  const [rId, setRandomId] = React.useState("");
-  React.useEffect(() => {
-    setRandomId(common_randomId.randomId());
-  }, []);
-  const withAriaLabel = a11yVariant === "label";
-  const a11yTextId = a11yText && `icon-title-${rId}`;
-  const a11yProps = a11yText ? {
-    "aria-labelledby": withAriaLabel ? void 0 : a11yTextId,
-    "aria-label": withAriaLabel ? a11yText : void 0,
-    role: "img"
-  } : {
-    "aria-hidden": true
-  };
-  const kebabName = kebabCased(name);
-  const size = getIconSize(kebabName) || kebabName;
-  const skinClassName = [`icon`, `icon--${size}`, getFilledIconName(kebabName)].filter(Boolean).join(" ");
-  const className = classNames(extraClass, { [skinClassName]: !noSkinClasses });
-  return React.createElement(
-    "svg",
-    { ...rest, className, xmlns: "http://www.w3.org/2000/svg", focusable: false, ref: forwardedRef, ...a11yProps },
-    a11yText && !withAriaLabel && React.createElement("title", { id: a11yTextId }, a11yText),
-    React.createElement("use", { xlinkHref: `#icon-${kebabName}` })
-  );
-};
-function getIconSize(iconName) {
-  const iconNameArray = iconName.split("-");
-  const size = iconNameArray[iconNameArray.length - 1];
-  if (size === "colored") {
-    return iconNameArray[iconNameArray.length - 2];
-  }
-  if (isNaN(Number(size))) {
-    return "";
-  }
-  return size;
-}
-function getFilledIconName(iconName) {
-  const iconNameArray = iconName.split("-");
-  const filledIndex = iconNameArray.indexOf("filled");
-  if (filledIndex === -1) {
-    return "";
-  }
-  return `icon--${iconNameArray.slice(0, filledIndex + 1).join("-")}`;
-}
-function kebabCased(str) {
-  return str.replace(/([0-9]+)/g, (s, n) => `-${n}`).replace(/([A-Z])/g, (s, c) => `-${c.toLowerCase()}`);
-}
-const EbayIcon$1 = common_componentUtils_forwardRef.withForwardRef(EbayIcon);
-exports.EbayIcon = EbayIcon$1;
-exports.kebabCased = kebabCased;