@bitrise/bitkit 10.36.2 → 11.0.0

package/src/Components/Dropdown/Dropdown.test.tsx

@@ -1,626 +0,0 @@
-import { ComponentProps, forwardRef, MutableRefObject, StrictMode, useState } from 'react';
-import { setTimeout } from 'timers/promises';
-import { render as renderRTL, screen, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { useForm } from 'react-hook-form';
-import Avatar from '../Avatar/Avatar';
-import Dropdown, { DropdownGroup, DropdownOption } from './Dropdown';
-import { CustomSearch, InsideDialog } from './Dropdown.stories';
-import { DropdownDetailedOption } from './DropdownOption';
-
-const render = (ui: React.ReactElement) => {
-  return renderRTL(<StrictMode>{ui}</StrictMode>);
-};
-
-const TestComponent = forwardRef<
-  HTMLFormElement,
-  { submit: (data: unknown) => void } & ComponentProps<typeof Dropdown>
->(({ submit, ...props }, ref) => {
-  const { register, handleSubmit } = useForm({ defaultValues: { dropdown: 'unset' } });
-
-  return (
-    <form onSubmit={handleSubmit(submit)} ref={ref}>
-      <Dropdown {...props} aria-label="Test" {...register('dropdown')}>
-        <DropdownOption value="x">Test Opt1</DropdownOption>
-        <DropdownOption value="y">Test Opt2</DropdownOption>
-        <DropdownOption value="z">Test Opt3</DropdownOption>
-      </Dropdown>
-      <button type="submit">Send</button>
-    </form>
-  );
-});
-
-describe('Dropdown', () => {
-  it('sets ref to the button', async () => {
-    const handler = jest.fn();
-    render(<Dropdown ref={handler} />);
-    const button = await screen.findByRole('combobox');
-    expect(handler).toHaveBeenCalledWith(button);
-  });
-
-  it('shows option on button', async () => {
-    render(<TestComponent submit={() => {}} />);
-    const button = await screen.findByRole('combobox', { name: 'Test' });
-    await userEvent.click(button);
-    const opt = await screen.findByRole('listbox');
-    await userEvent.selectOptions(opt, 'Test Opt1');
-    expect(button).toHaveTextContent('Test Opt1');
-  });
-
-  describe('supports null value', () => {
-    it('can be selected', async () => {
-      const handler = jest.fn();
-      const Test = () => {
-        return (
-          <Dropdown onChange={(ev) => handler(ev.target.value)}>
-            <DropdownOption value={null}>null</DropdownOption>
-          </Dropdown>
-        );
-      };
-      render(<Test />);
-      const button = await screen.findByRole('combobox');
-      await userEvent.click(button);
-      const opt = await screen.findByRole('listbox');
-      await userEvent.selectOptions(opt, 'null');
-      expect(handler).toHaveBeenCalledWith(null);
-      expect(handler).toHaveBeenCalledTimes(1);
-    });
-    it('works as defaultValue', async () => {
-      const handler = jest.fn();
-      const Test = () => {
-        return (
-          <Dropdown defaultValue={null} onChange={(ev) => handler(ev.target.value)}>
-            <DropdownOption value={null}>null</DropdownOption>
-          </Dropdown>
-        );
-      };
-      render(<Test />);
-      const button = await screen.findByRole('combobox');
-      expect(button).toHaveTextContent('null');
-    });
-  });
-
-  it('search field can be disabled', async () => {
-    render(
-      <Dropdown search={false}>
-        <DropdownOption value="x">Test Opt1</DropdownOption>
-        <DropdownOption value="y">Test Opt2</DropdownOption>
-        <DropdownOption value="z">Test Opt3</DropdownOption>
-      </Dropdown>,
-    );
-
-    const button = await screen.findByRole('combobox');
-    await userEvent.click(button);
-    await screen.findByRole('listbox');
-    expect(screen.queryByRole('search')).toBeNull();
-  });
-
-  it('works in controlled mode (from the outside)', async () => {
-    const Test = () => {
-      const [value, setValue] = useState('x');
-      return (
-        <>
-          <button type="button" onClick={() => setValue('y')}>
-            Test
-          </button>
-          <Dropdown value={value}>
-            <DropdownOption value="x">Test Opt1</DropdownOption>
-            <DropdownOption value="y">Test Opt2</DropdownOption>
-            <DropdownOption value="z">Test Opt3</DropdownOption>
-          </Dropdown>
-        </>
-      );
-    };
-    render(<Test />);
-    const button = await screen.findByRole('combobox');
-    expect(button).toHaveTextContent('Test Opt1');
-    const testBtn = await screen.findByRole('button');
-    await userEvent.click(testBtn);
-    expect(button).toHaveTextContent('Test Opt2');
-  });
-
-  it('works in controlled mode (from the inside)', async () => {
-    const Test = ({ valueRef }: { valueRef: MutableRefObject<string | null> }) => {
-      const [value, setValue] = useState<string | null>('x');
-      valueRef.current = value;
-      return (
-        <Dropdown value={value} onChange={(ev) => setValue(ev.target.value)}>
-          <DropdownOption value="x">Test Opt1</DropdownOption>
-          <DropdownOption value="y">Test Opt2</DropdownOption>
-          <DropdownOption value="z">Test Opt3</DropdownOption>
-        </Dropdown>
-      );
-    };
-    const valueRef: { current: string } = { current: '' };
-    render(<Test valueRef={valueRef} />);
-    const button = await screen.findByRole('combobox');
-    expect(button).toHaveTextContent('Test Opt1');
-    await userEvent.click(button);
-    const opt = await screen.findByRole('listbox');
-    await userEvent.selectOptions(opt, 'Test Opt2');
-    expect(button).toHaveTextContent('Test Opt2');
-    expect(valueRef.current).toBe('y');
-  });
-
-  it('works in uncontrolled mode', async () => {
-    const handler = jest.fn();
-    const Test = () => {
-      return (
-        <Dropdown defaultValue="y" onChange={(ev) => handler(ev.target.value)}>
-          <DropdownOption value="x">Test Opt1</DropdownOption>
-          <DropdownOption value="y">Test Opt2</DropdownOption>
-          <DropdownOption value="z">Test Opt3</DropdownOption>
-        </Dropdown>
-      );
-    };
-    render(<Test />);
-    const button = await screen.findByRole('combobox');
-    expect(button).toHaveTextContent('Test Opt2');
-    await userEvent.click(button);
-    const opt = await screen.findByRole('listbox');
-    await userEvent.selectOptions(opt, 'Test Opt1');
-    expect(button).toHaveTextContent('Test Opt1');
-    expect(handler).toHaveBeenCalledTimes(1);
-    expect(handler).toHaveBeenCalledWith('x');
-  });
-
-  describe('react-hook-form support', () => {
-    it('sends data when submitted', async () => {
-      const handler = jest.fn();
-      render(<TestComponent submit={(data: unknown) => handler(data)} />);
-      const button = await screen.findByRole('combobox', { name: 'Test' });
-      const submit = await screen.findByRole('button', { name: 'Send' });
-      await userEvent.click(button);
-      const opt = await screen.findByRole('listbox');
-      await userEvent.selectOptions(opt, 'Test Opt1');
-      await userEvent.click(submit);
-
-      expect(handler).toHaveBeenCalledWith({ dropdown: 'x' });
-      expect(handler).toHaveBeenCalledTimes(1);
-    });
-
-    it('works with click', async () => {
-      const handler = jest.fn();
-      render(<TestComponent submit={(data: unknown) => handler(data)} />);
-      const button = await screen.findByRole('combobox', { name: 'Test' });
-      const submit = await screen.findByRole('button', { name: 'Send' });
-      await userEvent.click(button);
-      const option = await screen.findByRole('option', { name: 'Test Opt1' });
-      await userEvent.click(option);
-      await userEvent.click(submit);
-
-      expect(handler).toHaveBeenCalledWith({ dropdown: 'x' });
-      expect(handler).toHaveBeenCalledTimes(1);
-    });
-
-    it('does not send data at all when not submitted', async () => {
-      const handler = jest.fn();
-      render(<TestComponent submit={(data: unknown) => handler(data)} />);
-      const button = await screen.findByRole('combobox', { name: 'Test' });
-      await userEvent.click(button);
-      const opt = await screen.findByRole('listbox');
-      await userEvent.selectOptions(opt, 'Test Opt1');
-
-      expect(handler).not.toHaveBeenCalled();
-    });
-  });
-
-  describe('readOnly', () => {
-    it('does not open when clicked', async () => {
-      render(<Dropdown readOnly />);
-      const button = await screen.findByRole('combobox');
-      await userEvent.click(button);
-      await waitFor(() => setTimeout(50));
-      const list = screen.queryByRole('listbox');
-      expect(list).not.toBeInTheDocument();
-    });
-
-    it('does not open when activated with keyboard', async () => {
-      render(<Dropdown readOnly />);
-      await userEvent.keyboard('{Tab}');
-      await userEvent.keyboard('{ArrowDown}');
-      await waitFor(() => setTimeout(50));
-      const list = screen.queryByRole('listbox');
-      expect(list).not.toBeInTheDocument();
-    });
-  });
-
-  describe('detailed option', () => {
-    it('shows up as default value', async () => {
-      const Test = () => {
-        return (
-          <Dropdown defaultValue="y">
-            <DropdownDetailedOption value="y" icon={<Avatar name="hello" />} subtitle="ok" title="test" />
-          </Dropdown>
-        );
-      };
-      render(<Test />);
-      const button = await screen.findByRole('combobox');
-      expect(button).toHaveTextContent('hotestok');
-    });
-
-    it('is searchable', async () => {
-      const Test = () => {
-        return (
-          <Dropdown>
-            <DropdownDetailedOption value="y" icon={<Avatar name="hello" />} subtitle="ok" title="testx" />
-            <DropdownDetailedOption value="x" icon={<Avatar name="hello" />} subtitle="ok" title="test" />
-          </Dropdown>
-        );
-      };
-      render(<Test />);
-      const button = await screen.findByRole('combobox');
-      await userEvent.click(button);
-      const search = await screen.findByRole('search');
-      await userEvent.type(search, 'testx');
-      const option1 = screen.queryByRole('option', { name: 'testx' });
-      const option2 = screen.queryByRole('option', { name: 'test' });
-      expect(option1).toBeInTheDocument();
-      expect(option2).not.toBeInTheDocument();
-    });
-
-    it('works with keyboard navigation', async () => {
-      const handler = jest.fn();
-      const Test = () => {
-        return (
-          <Dropdown onChange={(ev) => handler(ev.target.value)}>
-            <DropdownDetailedOption value="y" icon={<Avatar name="hello" />} subtitle="ok" title="testx" />
-            <DropdownDetailedOption value="x" icon={<Avatar name="hello" />} subtitle="ok" title="test" />
-            <DropdownDetailedOption value="z" icon={<Avatar name="hello" />} subtitle="ok" title="test" />
-          </Dropdown>
-        );
-      };
-      render(<Test />);
-      const button = await screen.findByRole('combobox');
-      await userEvent.click(button);
-      const search = await screen.findByRole('search');
-      await waitFor(() => expect(search).toHaveFocus());
-      await userEvent.keyboard('{ArrowDown}');
-      await userEvent.keyboard('{ArrowDown}');
-      await userEvent.keyboard('{Enter}');
-      expect(handler).toHaveBeenCalledWith('x');
-      expect(handler).toHaveBeenCalledTimes(1);
-    });
-  });
-
-  describe('search', () => {
-    describe('custom search', () => {
-      it('works', async () => {
-        render(<CustomSearch />);
-        const button = await screen.findByRole('combobox');
-
-        await userEvent.click(button);
-        const search = await screen.findByRole('search');
-        await userEvent.type(search, 'text1');
-        let option1 = screen.queryByRole('option', { name: 'text1' });
-        let option2 = screen.queryByRole('option', { name: 'text2' });
-        let option3 = screen.queryByRole('option', { name: 'text3' });
-        let option4 = screen.queryByRole('option', { name: 'text4' });
-        expect(option1).toBeInTheDocument();
-        expect(option2).not.toBeInTheDocument();
-        expect(option3).not.toBeInTheDocument();
-        expect(option4).not.toBeInTheDocument();
-        await userEvent.clear(search);
-        option1 = screen.queryByRole('option', { name: 'text1' });
-        option2 = screen.queryByRole('option', { name: 'text2' });
-        option3 = screen.queryByRole('option', { name: 'text3' });
-        option4 = screen.queryByRole('option', { name: 'text4' });
-        expect(option1).toBeInTheDocument();
-        expect(option2).toBeInTheDocument();
-        expect(option3).toBeInTheDocument();
-        expect(option4).toBeInTheDocument();
-      });
-
-      it('resets after closing', async () => {
-        render(<CustomSearch />);
-        const button = await screen.findByRole('combobox');
-
-        await userEvent.click(button);
-        const search = await screen.findByRole('search');
-        await userEvent.type(search, 'text1');
-        await userEvent.click(button);
-        await userEvent.click(button);
-        const option1 = screen.queryByRole('option', { name: 'text1' });
-        const option2 = screen.queryByRole('option', { name: 'text2' });
-        expect(option1).toBeInTheDocument();
-        expect(option2).toBeInTheDocument();
-      });
-    });
-
-    it('removes group when items are filtered', async () => {
-      render(
-        <Dropdown>
-          <DropdownOption value="x">Test Opt1</DropdownOption>
-          <DropdownGroup label="hey">
-            <DropdownOption value="y">Test Opt2</DropdownOption>
-            <DropdownOption value="z">Test Opt3</DropdownOption>
-          </DropdownGroup>
-        </Dropdown>,
-      );
-      const button = await screen.findByRole('combobox');
-
-      await userEvent.click(button);
-      const search = await screen.findByRole('search');
-      await userEvent.type(search, 'opt1');
-      const option1 = screen.queryByRole('option', { name: 'Test Opt1' });
-      const option2 = screen.queryByRole('option', { name: 'Test Opt2' });
-      const option3 = screen.queryByRole('option', { name: 'Test Opt3' });
-      const group = screen.queryByText('hey');
-      expect(option1).toBeInTheDocument();
-      expect(option2).not.toBeInTheDocument();
-      expect(option3).not.toBeInTheDocument();
-      expect(group).not.toBeInTheDocument();
-    });
-
-    it('filters inside group', async () => {
-      render(
-        <Dropdown>
-          <DropdownOption value="x">Test Opt1</DropdownOption>
-          <DropdownGroup label="hey">
-            <DropdownOption value="y">Test Opt2</DropdownOption>
-            <DropdownOption value="z">Test Opt3</DropdownOption>
-          </DropdownGroup>
-        </Dropdown>,
-      );
-      const button = await screen.findByRole('combobox');
-
-      await userEvent.click(button);
-      const search = await screen.findByRole('search');
-      await userEvent.type(search, 'opt2');
-      const option1 = screen.queryByRole('option', { name: 'Test Opt1' });
-      const option2 = screen.queryByRole('option', { name: 'Test Opt2' });
-      const option3 = screen.queryByRole('option', { name: 'Test Opt3' });
-      const group = screen.queryByText('hey');
-      expect(option1).not.toBeInTheDocument();
-      expect(option2).toBeInTheDocument();
-      expect(option3).not.toBeInTheDocument();
-      expect(group).toBeInTheDocument();
-    });
-
-    it('filters options', async () => {
-      render(<TestComponent submit={() => {}} />);
-      const button = await screen.findByRole('combobox', { name: 'Test' });
-
-      await userEvent.click(button);
-      const search = await screen.findByRole('search');
-      await userEvent.type(search, 'opt3');
-      const option1 = screen.queryByRole('option', { name: 'Test Opt1' });
-      const option2 = screen.queryByRole('option', { name: 'Test Opt2' });
-      const option3 = screen.queryByRole('option', { name: 'Test Opt3' });
-      expect(option1).not.toBeInTheDocument();
-      expect(option2).not.toBeInTheDocument();
-      expect(option3).toBeInTheDocument();
-    });
-
-    it('showns no results found', async () => {
-      render(<TestComponent submit={() => {}} />);
-      const button = await screen.findByRole('combobox', { name: 'Test' });
-
-      await userEvent.click(button);
-      const search = await screen.findByRole('search');
-      await userEvent.type(search, 'x');
-      const notFoundMessage = await screen.findByText('No results found for `x`');
-      expect(notFoundMessage).toBeInTheDocument();
-    });
-
-    it('resets after closing', async () => {
-      render(<TestComponent submit={() => {}} />);
-      const button = await screen.findByRole('combobox', { name: 'Test' });
-
-      await userEvent.click(button);
-      const search = await screen.findByRole('search');
-      const option = await screen.findByRole('option', { name: 'Test Opt1' });
-      await userEvent.type(search, 'x');
-      await waitFor(() => expect(option).not.toBeInTheDocument());
-      await userEvent.click(button);
-      await userEvent.click(button);
-      const option2 = await screen.findByRole('option', { name: 'Test Opt1' });
-      expect(option2).toBeInTheDocument();
-    });
-  });
-
-  describe('keyboard navigation', () => {
-    it('the initial value is the active element', async () => {
-      const handler = jest.fn();
-      const Test = () => {
-        return (
-          <Dropdown defaultValue="y" onChange={(ev) => handler(ev.target.value)}>
-            <DropdownOption value="x">Test Opt1</DropdownOption>
-            <DropdownOption value="y">Test Opt2</DropdownOption>
-            <DropdownOption value="z">Test Opt3</DropdownOption>
-          </Dropdown>
-        );
-      };
-      render(<Test />);
-      const button = await screen.findByRole('combobox');
-      await userEvent.click(button);
-      const search = await screen.findByRole('search');
-      await waitFor(() => expect(search).toHaveFocus());
-      await screen.findByRole('listbox');
-      await userEvent.keyboard('{ArrowDown}');
-      await userEvent.keyboard('{Enter}');
-      expect(handler).toHaveBeenCalledWith('z');
-    });
-
-    it('the selected value is the active element', async () => {
-      const handler = jest.fn();
-      render(<TestComponent submit={(data: unknown) => handler(data)} />);
-      const button = await screen.findByRole('combobox', { name: 'Test' });
-      const submit = await screen.findByRole('button', { name: 'Send' });
-
-      await userEvent.click(button);
-      const search = await screen.findByRole('search');
-      await waitFor(() => expect(search).toHaveFocus());
-      await screen.findByRole('listbox');
-      await userEvent.keyboard('{ArrowDown}');
-      await userEvent.keyboard('{Enter}');
-      await userEvent.click(button);
-      await userEvent.keyboard('{ArrowDown}');
-      await userEvent.keyboard('{Enter}');
-      await userEvent.click(submit);
-      expect(handler).toHaveBeenCalledTimes(1);
-      expect(handler).toHaveBeenCalledWith({ dropdown: 'y' });
-    });
-
-    it('works', async () => {
-      const handler = jest.fn();
-      render(<TestComponent submit={(data: unknown) => handler(data)} />);
-      const button = await screen.findByRole('combobox', { name: 'Test' });
-      const submit = await screen.findByRole('button', { name: 'Send' });
-
-      await userEvent.click(button);
-      const search = await screen.findByRole('search');
-      await waitFor(() => expect(search).toHaveFocus());
-      await userEvent.keyboard('{ArrowDown}');
-      await userEvent.keyboard('{ArrowDown}');
-      await userEvent.keyboard('{Enter}');
-      await userEvent.click(submit);
-      expect(handler).toHaveBeenCalledWith({ dropdown: 'y' });
-      expect(handler).toHaveBeenCalledTimes(1);
-    });
-
-    it('works without search', async () => {
-      const handler = jest.fn();
-      render(<TestComponent search={false} submit={(data: unknown) => handler(data)} />);
-      const button = await screen.findByRole('combobox', { name: 'Test' });
-      const submit = await screen.findByRole('button', { name: 'Send' });
-
-      await userEvent.click(button);
-      await screen.findByRole('listbox');
-      await userEvent.keyboard('{ArrowDown}');
-      await userEvent.keyboard('{ArrowDown}');
-      await userEvent.keyboard('{Enter}');
-      await userEvent.click(submit);
-      expect(handler).toHaveBeenCalledWith({ dropdown: 'y' });
-      expect(handler).toHaveBeenCalledTimes(1);
-    });
-
-    it('works with groups', async () => {
-      const handler = jest.fn();
-      const Test = () => {
-        return (
-          <Dropdown onChange={(ev) => handler(ev.target.value)}>
-            <DropdownOption value="x">Test Opt1</DropdownOption>
-            <DropdownGroup label="hey">
-              <DropdownOption value="y">Test Opt2</DropdownOption>
-              <DropdownOption value="z">Test Opt3</DropdownOption>
-            </DropdownGroup>
-          </Dropdown>
-        );
-      };
-      render(<Test />);
-      const button = await screen.findByRole('combobox');
-      await userEvent.click(button);
-      let search = await screen.findByRole('search');
-      await waitFor(() => expect(search).toHaveFocus());
-      await screen.findByRole('listbox');
-      await userEvent.keyboard('{ArrowDown}');
-      await userEvent.keyboard('{ArrowDown}');
-      await userEvent.keyboard('{Enter}');
-      expect(handler).toHaveBeenCalledWith('y');
-      await userEvent.click(button);
-      search = await screen.findByRole('search');
-      await waitFor(() => expect(search).toHaveFocus());
-      await userEvent.keyboard('{ArrowDown}');
-      await userEvent.keyboard('{ArrowDown}');
-      await userEvent.keyboard('{Enter}');
-      expect(handler).toHaveBeenCalledWith('x');
-    });
-
-    describe('dismiss with esc', () => {
-      it('works', async () => {
-        const Test = () => {
-          return (
-            <Dropdown>
-              <DropdownOption value="x">Test Opt1</DropdownOption>
-            </Dropdown>
-          );
-        };
-        render(<Test />);
-
-        const button = await screen.findByRole('combobox');
-        await userEvent.click(button);
-        const list = await screen.findByRole('listbox');
-        await userEvent.keyboard('{Escape}');
-        expect(list).not.toBeInTheDocument();
-      });
-      it('works in dialog', async () => {
-        render(<InsideDialog />);
-
-        const button = await screen.findByRole('combobox');
-        await userEvent.click(button);
-        const list = await screen.findByRole('listbox');
-        await userEvent.keyboard('{Escape}');
-        expect(list).not.toBeVisible();
-        expect(button).toBeVisible();
-      });
-    });
-  });
-
-  describe('label', () => {
-    it('renders label associated with the selected option', async () => {
-      render(
-        <Dropdown defaultValue="Test option 2">
-          <DropdownOption value="Test option 1">Test option 1</DropdownOption>
-          <DropdownOption value="Test option 2">Test option 2</DropdownOption>
-        </Dropdown>,
-      );
-
-      const button = await screen.findByRole('combobox');
-      expect(button).toHaveTextContent('Test option 2');
-    });
-
-    it('renders custom label if provided', async () => {
-      render(
-        <Dropdown formLabel="Custom label">
-          <DropdownOption>Test option</DropdownOption>
-        </Dropdown>,
-      );
-
-      const button = await screen.findByRole('combobox');
-      expect(button).toHaveTextContent('Custom label');
-    });
-  });
-
-  describe('option onClick support', () => {
-    it('calls onClick handler on option', async () => {
-      const onChangeHandler = jest.fn();
-      const onClickHandler = jest.fn();
-
-      render(
-        <Dropdown onChange={onChangeHandler}>
-          <DropdownOption value="Test option 1">Test option 1</DropdownOption>
-          <DropdownOption value="Test option 2" onClick={onClickHandler}>
-            Test option 2
-          </DropdownOption>
-        </Dropdown>,
-      );
-
-      const button = await screen.findByRole('combobox');
-      await userEvent.click(button);
-      const option2 = await screen.findByRole('option', { name: 'Test option 2' });
-      await userEvent.click(option2);
-      expect(onClickHandler).toHaveBeenCalled();
-      expect(onChangeHandler).toHaveBeenCalled();
-    });
-
-    it("doesn't call onChange handler if option's onClick handler prevented it", async () => {
-      const onChangeHandler = jest.fn();
-
-      render(
-        <Dropdown onChange={onChangeHandler}>
-          <DropdownOption value="Test option 1">Test option 1</DropdownOption>
-          <DropdownOption value="Test option 2" onClick={(event) => event.preventDefault()}>
-            Test option 2
-          </DropdownOption>
-        </Dropdown>,
-      );
-
-      const button = await screen.findByRole('combobox');
-      await userEvent.click(button);
-      const option2 = await screen.findByRole('option', { name: 'Test option 2' });
-      await userEvent.click(option2);
-      expect(onChangeHandler).not.toHaveBeenCalled();
-    });
-  });
-});

package/src/Components/EmptyState/EmptyState.stories.tsx

@@ -1,18 +0,0 @@
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import Button from '../Button/Button';
-import EmptyState, { EmptyStateProps } from './EmptyState';
-
-export default {
-  title: 'Components/EmptyState',
-  component: EmptyState,
-} as ComponentMeta<typeof EmptyState>;
-
-export const WithProps: ComponentStory<typeof EmptyState> = (props) => <EmptyState {...props} />;
-WithProps.args = {
-  children: <Button variant="secondary">This is added as children</Button>,
-  description:
-    'After you have created a group, you will be able to add group members, and assign access for the group to apps in this Workspace.',
-  iconName: 'Wow',
-  maxContentWidth: '35rem',
-  title: 'Your groups will appear here',
-} as EmptyStateProps;

package/src/Components/Fade/Fade.stories.tsx

@@ -1,5 +0,0 @@
-import { ComponentMeta } from '@storybook/react';
-import Fade from './Fade';
-
-export default { component: Fade, args: { children: 'test content', in: false } } as ComponentMeta<typeof Fade>;
-export const Default = {};