@ebay/ui-core-react 7.3.2 → 7.3.4

package/src/ebay-split-button/split-button.tsx

@@ -1,54 +0,0 @@
-import React, { FC } from 'react'
-import { filterBy, filterByType } from '../common/component-utils'
-import { EbayButton } from '../ebay-button'
-import { EbayMenuButton, EbayMenuButtonItem, EbayMenuButtonSeparator } from '../ebay-menu-button'
-import { Props } from './types'
-
-const EbaySplitButton: FC<Props> = ({
-    a11yMenuText,
-    children,
-    type,
-    bodyState,
-    a11yButtonLoadingText,
-    onCollapse,
-    onExpand,
-    onSelect = () => {},
-    onChange = () => {},
-    ref,
-    ...rest
-}) => {
-    const menuItemComponents: FC[] = [EbayMenuButtonItem, EbayMenuButtonSeparator]
-    const buttonLabel = filterBy(children, el => !menuItemComponents.includes(el.type as any))
-    const menuItems = filterByType(children, menuItemComponents)
-
-    return (
-        <span className="split-button">
-            <EbayButton
-                aria-label={bodyState === 'loading' ? a11yButtonLoadingText : undefined}
-                {...rest}
-                split="start"
-                bodyState={bodyState === 'expand' ? undefined : bodyState}
-            >
-                {buttonLabel}
-            </EbayButton>
-            <EbayMenuButton
-                priority={rest.priority}
-                disabled={rest.disabled}
-                transparent={rest.transparent}
-                size={rest.size}
-                type={type}
-                split="end"
-                reverse
-                a11yText={a11yMenuText}
-                onCollapse={onCollapse}
-                onExpand={onExpand}
-                onSelect={onSelect}
-                onChange={onChange}
-            >
-                {menuItems}
-            </EbayMenuButton>
-        </span>
-    )
-}
-
-export default EbaySplitButton

package/src/ebay-split-button/types.ts

@@ -1,19 +0,0 @@
-import { ComponentProps } from 'react'
-import { EbayButtonProps } from '../ebay-button'
-import { EbayMenuProps } from '../ebay-menu'
-
-export type EbaySplitButtonProps = {
-    a11yMenuText?: string;
-    a11yButtonLoadingText?: string;
-    onCollapse?: () => void;
-    onExpand?: () => void;
-}
-
-type MenuEvents = 'onSelect' | 'onChange'
-
-export type Props =
-    EbaySplitButtonProps &
-    Omit<EbayButtonProps, 'ref'> &
-    Omit<ComponentProps<'button'>, 'type' | MenuEvents> &
-    Omit<ComponentProps<'a'>, MenuEvents> &
-    Omit<EbayMenuProps, 'priority'>;

package/src/ebay-star-rating/__tests__/__snapshots__/index.spec.tsx.snap

@@ -1,307 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`star-rating-select renders basic fieldset 1`] = `
-<DocumentFragment>
-  <div
-    class="star-rating"
-    role="img"
-  >
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`star-rating-select renders defaults 1`] = `
-<DocumentFragment>
-  <div
-    class="star-rating"
-    data-stars="3-5"
-    role="img"
-  >
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`star-rating-select renders with 0 selected 1`] = `
-<DocumentFragment>
-  <div
-    aria-label="star rating"
-    class="star-rating"
-    data-stars="0"
-    role="img"
-  >
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`star-rating-select renders with 2 selected 1`] = `
-<DocumentFragment>
-  <div
-    aria-label="star rating"
-    class="star-rating"
-    data-stars="2"
-    role="img"
-  >
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`star-rating-select renders with 5 selected 1`] = `
-<DocumentFragment>
-  <div
-    class="star-rating"
-    data-stars="5"
-    role="img"
-  >
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-    <svg
-      aria-hidden="true"
-      class="star-rating__icon icon icon--star-dynamic"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        xlink:href="#icon-star-dynamic"
-      />
-    </svg>
-  </div>
-</DocumentFragment>
-`;

package/src/ebay-star-rating/__tests__/index.spec.tsx

@@ -1,30 +0,0 @@
-import React from 'react'
-import { render } from '@testing-library/react'
-import { EbayStarRating } from '../'
-
-const htmlSnap = async (ui: React.ReactElement): Promise<void> => {
-    const { asFragment } = await render(ui)
-    expect(asFragment()).toMatchSnapshot()
-}
-
-describe('star-rating-select', () => {
-    it('renders defaults', async () => {
-        await htmlSnap(<EbayStarRating value="3-5" />)
-    })
-
-    it('renders basic fieldset', async () => {
-        await htmlSnap(<EbayStarRating />)
-    })
-
-    it('renders with 0 selected', async () => {
-        await htmlSnap(<EbayStarRating value="0" a11yText="star rating" />)
-    })
-
-    it('renders with 2 selected', async () => {
-        await htmlSnap(<EbayStarRating value="2" a11yText="star rating" />)
-    })
-
-    it('renders with 5 selected', async () => {
-        await htmlSnap(<EbayStarRating value="5" />)
-    })
-})

package/src/ebay-star-rating/__tests__/index.stories.tsx

@@ -1,35 +0,0 @@
-import React from 'react'
-import { EbayStarRating } from '../'
-
-export default {
-    component: EbayStarRating,
-    title: 'graphics & icons/ebay-star-rating',
-    argTypes: {
-        value: {
-            control: { type: 'select' },
-            options: ['0', '0-5', '1', '1-5', '2', '2-5', '3', '3-5', '4', '4-5', '5'],
-            description:
-        'How many stars are selected, "1" - "5". If "0" or null defaults to no stars selected. Can use "2-5" for 2 and a half stars'
-        },
-        a11yText: {
-            description: 'The aria label for the outer container.'
-        }
-    }
-}
-
-export const Stars = () => (
-    <>
-        <EbayStarRating a11yText="star-rating" />
-        <EbayStarRating value="3-5" a11yText="star-rating" />
-        <EbayStarRating value="5" a11yText="star-rating" />
-    </>
-)
-
-export const StarsWithControls = {
-    render: (args) => (
-        <>
-            <h2>Change stars using `Controls` addon</h2>
-            <EbayStarRating {...args} a11yText="star-rating" />
-        </>
-    )
-}

package/src/ebay-star-rating/index.ts

@@ -1 +0,0 @@
-export { default as EbayStarRating, type Props as EbayStarRatingProps } from './star-rating'

package/src/ebay-star-rating/star-rating.tsx

@@ -1,29 +0,0 @@
-import React, { ComponentProps, FC } from 'react'
-import classNames from 'classnames'
-import { EbayIcon } from '../ebay-icon'
-import { range } from '../common/range'
-
-export type Props = ComponentProps<'div'> & {
-    a11yText?: string;
-    value?: string;
-}
-const stars = range(1, 5)
-const EbayStarRating: FC<Props> = ({
-    value,
-    a11yText,
-    className,
-    ...rest
-}) => (
-    <div
-        role="img"
-        aria-label={a11yText}
-        className={classNames('star-rating', className)}
-        data-stars={value}
-        {...rest}
-    >
-        {stars.map((i) => (<EbayIcon key={i} className="star-rating__icon" name="starDynamic" />))}
-    </div>
-)
-
-
-export default EbayStarRating