Upgrade Storybook
Co-authored-by: Scott Nonnenberg <scott@signal.org>
This commit is contained in:
parent
8c966dfbd8
commit
502ea174ab
328 changed files with 10863 additions and 12432 deletions
|
@ -3,8 +3,7 @@
|
|||
|
||||
import * as React from 'react';
|
||||
import { action } from '@storybook/addon-actions';
|
||||
import { boolean, text } from '@storybook/addon-knobs';
|
||||
|
||||
import type { Meta } from '@storybook/react';
|
||||
import type { PropsType } from './SafetyNumberViewer';
|
||||
import { SafetyNumberViewer } from './SafetyNumberViewer';
|
||||
import { setupI18n } from '../util/setupI18n';
|
||||
|
@ -78,26 +77,21 @@ const createProps = (overrideProps: Partial<PropsType> = {}): PropsType => ({
|
|||
safetyNumbers: overrideProps.safetyNumbers ?? [
|
||||
{
|
||||
identifierType: SafetyNumberIdentifierType.ACIIdentifier,
|
||||
numberBlocks: text(
|
||||
'safetyNumber',
|
||||
generateNumberBlocks().join(' ')
|
||||
).split(' '),
|
||||
numberBlocks: generateNumberBlocks(),
|
||||
qrData: generateQRData(),
|
||||
},
|
||||
],
|
||||
toggleVerified: action('toggle-verified'),
|
||||
verificationDisabled: boolean(
|
||||
'verificationDisabled',
|
||||
verificationDisabled:
|
||||
overrideProps.verificationDisabled !== undefined
|
||||
? overrideProps.verificationDisabled
|
||||
: false
|
||||
),
|
||||
: false,
|
||||
onClose: action('onClose'),
|
||||
});
|
||||
|
||||
export default {
|
||||
title: 'Components/SafetyNumberViewer',
|
||||
};
|
||||
} satisfies Meta<PropsType>;
|
||||
|
||||
export function SafetyNumber(): JSX.Element {
|
||||
return <SafetyNumberViewer {...createProps({})} />;
|
||||
|
@ -111,10 +105,7 @@ export function SafetyNumberBeforeE164Transition(): JSX.Element {
|
|||
safetyNumbers: [
|
||||
{
|
||||
identifierType: SafetyNumberIdentifierType.E164Identifier,
|
||||
numberBlocks: text(
|
||||
'safetyNumber',
|
||||
generateNumberBlocks().join(' ')
|
||||
).split(' '),
|
||||
numberBlocks: generateNumberBlocks(),
|
||||
qrData: generateQRData(),
|
||||
},
|
||||
],
|
||||
|
@ -123,10 +114,6 @@ export function SafetyNumberBeforeE164Transition(): JSX.Element {
|
|||
);
|
||||
}
|
||||
|
||||
SafetyNumberBeforeE164Transition.story = {
|
||||
name: 'Safety Number (before e164 transition)',
|
||||
};
|
||||
|
||||
export function SafetyNumberE164Transition(): JSX.Element {
|
||||
return (
|
||||
<SafetyNumberViewer
|
||||
|
@ -149,10 +136,6 @@ export function SafetyNumberE164Transition(): JSX.Element {
|
|||
);
|
||||
}
|
||||
|
||||
SafetyNumberE164Transition.story = {
|
||||
name: 'Safety Number (e164 transition)',
|
||||
};
|
||||
|
||||
export function SafetyNumberNotVerified(): JSX.Element {
|
||||
return (
|
||||
<SafetyNumberViewer
|
||||
|
@ -166,10 +149,6 @@ export function SafetyNumberNotVerified(): JSX.Element {
|
|||
);
|
||||
}
|
||||
|
||||
SafetyNumberNotVerified.story = {
|
||||
name: 'Safety Number (not verified)',
|
||||
};
|
||||
|
||||
export function VerificationDisabled(): JSX.Element {
|
||||
return (
|
||||
<SafetyNumberViewer
|
||||
|
@ -190,10 +169,6 @@ export function SafetyNumberDialogClose(): JSX.Element {
|
|||
);
|
||||
}
|
||||
|
||||
SafetyNumberDialogClose.story = {
|
||||
name: 'Safety Number (dialog close)',
|
||||
};
|
||||
|
||||
export function JustProfileAndNumber(): JSX.Element {
|
||||
return (
|
||||
<SafetyNumberViewer
|
||||
|
@ -204,10 +179,6 @@ export function JustProfileAndNumber(): JSX.Element {
|
|||
);
|
||||
}
|
||||
|
||||
JustProfileAndNumber.story = {
|
||||
name: 'Just Profile and Number',
|
||||
};
|
||||
|
||||
export function JustNumber(): JSX.Element {
|
||||
return (
|
||||
<SafetyNumberViewer
|
||||
|
@ -227,7 +198,3 @@ export function NoPhoneNumberCannotVerify(): JSX.Element {
|
|||
/>
|
||||
);
|
||||
}
|
||||
|
||||
NoPhoneNumberCannotVerify.story = {
|
||||
name: 'No Phone Number (cannot verify)',
|
||||
};
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue