uikit-react-public 0.24.5 → 0.25.1

package/lib/components/MenuNew/MenuSection.tsx

@@ -1,47 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-import { css, cx } from '@emotion/css';
-import { useTheme } from '../../theme';
-
-export const NAME = 'ucl-uikit-menu__section';
-
-export interface MenuSectionProps extends HTMLAttributes<HTMLLIElement> {
-  testId?: string;
-}
-
-const MenuSection: React.FC<MenuSectionProps> = ({
-  className,
-  children,
-  ...props
-}) => {
-  const [theme] = useTheme();
-
-  const baseStyle = css`
-    padding: 0;
-    margin-top: 0;
-    margin-bottom: ${theme.margin.m32};
-
-    &:not(:last-of-type) {
-      border-bottom: 1px solid ${theme.color.neutral.grey10};
-    }
-  `;
-
-  const style = cx(NAME, baseStyle, className);
-
-  const listStyle = css`
-    list-style: none;
-    margin: 0;
-    padding: 0;
-  `;
-
-  return (
-    <li
-      role='presentation'
-      className={style}
-      {...props}
-    >
-      <ul className={listStyle}>{children}</ul>
-    </li>
-  );
-};
-
-export default MenuSection;

package/lib/components/MenuNew/trigger/ButtonMenuTrigger.tsx

@@ -1,42 +0,0 @@
-import { memo } from 'react';
-import { cx } from '@emotion/css';
-import { IconButtonProps } from '../../IconButton';
-import { useAppMenu } from '../Menu.context';
-import { Button, Icon } from '../..';
-
-export const NAME = 'ucl-uikit-menu__trigger--button';
-export const DEFAULT_ARIA_LABEL = 'Menu button';
-
-export interface ButtonMenuTriggerProps extends IconButtonProps {
-  ariaLabel?: string;
-}
-
-const ButtonMenuTrigger = ({
-  id = 'menu-trigger',
-  ariaLabel = DEFAULT_ARIA_LABEL,
-  className,
-  ...props
-}: ButtonMenuTriggerProps) => {
-  const { toggleMenu, isOpen, triggerRef } = useAppMenu();
-
-  const style = cx(NAME, className);
-
-  return (
-    <Button
-      id={id}
-      ref={triggerRef}
-      className={style}
-      size='small'
-      icon={<Icon.Menu />}
-      onClick={toggleMenu}
-      aria-label={ariaLabel}
-      aria-haspopup='true'
-      aria-expanded={isOpen ? 'true' : 'false'}
-      {...props}
-    >
-      Menu
-    </Button>
-  );
-};
-
-export default memo(ButtonMenuTrigger);

package/lib/components/MenuNew/trigger/IconMenuTrigger.tsx

@@ -1,40 +0,0 @@
-import { memo } from 'react';
-import { cx } from '@emotion/css';
-import IconButton, { IconButtonProps } from '../../IconButton';
-import { useAppMenu } from '../Menu.context';
-import { Icon } from '../..';
-
-export const NAME = 'ucl-uikit-menu__trigger--icon';
-export const DEFAULT_ARIA_LABEL = 'Menu button';
-
-export interface IconMenuTriggerProps extends IconButtonProps {
-  ariaLabel?: string;
-}
-
-const IconMenuTrigger = ({
-  id = 'menu-trigger',
-  ariaLabel = DEFAULT_ARIA_LABEL,
-  className,
-  ...props
-}: IconMenuTriggerProps) => {
-  const { toggleMenu, isOpen, triggerRef } = useAppMenu();
-
-  const style = cx(NAME, className);
-
-  return (
-    <IconButton
-      id={id}
-      ref={triggerRef}
-      className={style}
-      onClick={toggleMenu}
-      aria-label={ariaLabel}
-      aria-haspopup='true'
-      aria-expanded={isOpen ? 'true' : 'false'}
-      {...props}
-    >
-      <Icon.Menu/>
-    </IconButton>
-  );
-};
-
-export default memo(IconMenuTrigger);

package/lib/components/SimpleMenu/SimpleMenu.tsx

@@ -1,40 +0,0 @@
-import { HTMLAttributes, memo } from 'react';
-import { css, cx } from '@emotion/css';
-import useTheme from '../../theme/useTheme';
-
-export const NAME = 'ucl-uikit-simple-menu';
-
-export interface SimpleMenuProps extends HTMLAttributes<HTMLUListElement> {
-  testId?: string;
-}
-
-const SimpleMenu = ({
-  testId = NAME,
-  className,
-  children,
-  ...props
-}: SimpleMenuProps) => {
-  const [theme] = useTheme();
-
-  const baseStyle = css`
-    list-style: none;
-    margin: 0;
-    padding: ${theme.padding.p8};
-    border-radius: ${theme.radius.r4};
-  `;
-
-  const style = cx(NAME, baseStyle, className);
-
-  return (
-    <ul
-      role='menu'
-      data-testid={testId}
-      className={style}
-      {...props}
-    >
-      {children}
-    </ul>
-  );
-};
-
-export default memo(SimpleMenu);

package/lib/components/SimpleMenu/__tests__/SimpleMenu.test.tsx

@@ -1,38 +0,0 @@
-import { describe, expect, test } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import SimpleMenu from '../SimpleMenu';
-import { ThemeContextProvider } from '../../../theme/useTheme';
-
-describe('SimpleMenu', () => {
-  test('renders with default test id', () => {
-    render(
-      <ThemeContextProvider>
-        <SimpleMenu>
-          <li role='menuitem'>Item one</li>
-        </SimpleMenu>
-      </ThemeContextProvider>
-    );
-
-    expect(screen.getByTestId('ucl-uikit-simple-menu')).toBeInTheDocument();
-    expect(screen.getByRole('menu')).toBeInTheDocument();
-    expect(
-      screen.getByRole('menuitem', { name: 'Item one' })
-    ).toBeInTheDocument();
-  });
-
-  test('supports custom test id and className', () => {
-    render(
-      <ThemeContextProvider>
-        <SimpleMenu
-          testId='custom-simple-menu'
-          className='menu-override'
-        >
-          <li role='menuitem'>Item two</li>
-        </SimpleMenu>
-      </ThemeContextProvider>
-    );
-
-    const menu = screen.getByTestId('custom-simple-menu');
-    expect(menu).toHaveClass('menu-override');
-  });
-});

package/lib/components/SimpleMenu/index.ts

@@ -1,2 +0,0 @@
-export { default } from './SimpleMenu';
-export type { SimpleMenuProps } from './SimpleMenu';