@transferwise/components 0.0.0-experimental-1ea2b9d → 0.0.0-experimental-d4643d9

package/src/inputWithDisplayFormat/InputWithDisplayFormat.story.tsx

@@ -1,78 +0,0 @@
-import { userEvent, within, fn } from '@storybook/test';
-
-import InputWithDisplayFormat, { InputWithDisplayFormatProps } from '.';
-import { Field, FieldProps } from '../field/Field';
-import { Meta, type StoryObj } from '@storybook/react';
-
-type Story = StoryObj<InputWithDisplayFormatProps & { label: string }>;
-
-const meta = {
-  title: 'Forms/InputWithDisplayFormat',
-  component: InputWithDisplayFormat,
-  render: function Render({ label, ...args }: InputWithDisplayFormatProps & FieldProps) {
-    return (
-      <Field label={label} id={args.id}>
-        <InputWithDisplayFormat id={args.id} {...args} />
-      </Field>
-    );
-  },
-  args: {
-    onFocus: fn(),
-    onBlur: fn(),
-    onChange: fn(),
-  },
-} satisfies Meta<typeof InputWithDisplayFormat>;
-export default meta;
-
-export const Basic: Story = {
-  args: {
-    label: 'Sort Code',
-    placeholder: '**-**-**',
-    displayPattern: '**-**-**',
-  },
-};
-
-export const CardNumber: Story = {
-  args: {
-    label: 'Card Number',
-    placeholder: '**** **** **** **** ***',
-    displayPattern: '**** **** **** **** ***',
-  },
-};
-
-export const CVC: Story = {
-  args: {
-    label: 'CVC',
-    placeholder: '***',
-    displayPattern: '***',
-    value: '',
-  },
-};
-
-export const ExpiryDate: Story = {
-  args: {
-    label: 'Expiry Date',
-    placeholder: '** / **',
-    displayPattern: '** / **',
-  },
-};
-
-export const SecurityPin: Story = {
-  args: {
-    label: 'Security Pin',
-    placeholder: '*-*-*-*-*-*',
-    displayPattern: '*-*-*-*-*-*',
-  },
-};
-
-export const SecurityPinPlay: Story = {
-  args: {
-    label: 'Security Pin Play',
-    placeholder: '*-*-*-*-*-*',
-    displayPattern: '*-*-*-*-*-*',
-  },
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    await userEvent.type(canvas.getByPlaceholderText('*-*-*-*-*-*'), '123456');
-  },
-};