Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-22 11:45:59 +01:00
Code Issues Projects Releases Wiki Activity

Delete SendForm storybook stories (#11149)

Browse Source 
Co-authored-by: Daniel James Smith <djsmith85@users.noreply.github.com>
This commit is contained in:
Daniel James Smith 2024-09-19 14:34:53 +02:00 committed by GitHub
parent 64844600dc
commit 7f9c5cedaf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 0 additions and 151 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
libs/tools/send/send-ui/src/send-form/send-form.mdx
View File

@ -1,17 +0,0 @@
import { Controls, Meta, Primary } from "@storybook/addon-docs";
import * as stories from "./send-form.stories";
<Meta of={stories} />
# Send Form
The send form is a re-usable form component that can be used to create, update, and clone sends. It
is configured via a `SendFormConfig` object that is passed to the component as a prop. The
`SendFormConfig` object can be created manually, or a `SendFormConfigService` can be used to create
it. A default implementation of the `SendFormConfigService` exists in the `@bitwarden/send-ui`
library.
<Primary />
<Controls include={["config", "submitBtn"]} />

134
libs/tools/send/send-ui/src/send-form/send-form.stories.ts
View File

@ -1,134 +0,0 @@
import { importProvidersFrom } from "@angular/core";
import { action } from "@storybook/addon-actions";
import {
applicationConfig,
componentWrapperDecorator,
Meta,
moduleMetadata,
StoryObj,
} from "@storybook/angular";
import { SendType } from "@bitwarden/common/tools/send/enums/send-type";
import { Send } from "@bitwarden/common/tools/send/models/domain/send";
import { SendView } from "@bitwarden/common/tools/send/models/view/send.view";
import { AsyncActionsModule, ButtonModule, ToastService } from "@bitwarden/components";
import { SendFormConfig } from "@bitwarden/send-ui";
// FIXME: remove `/apps` import from `/libs`
// eslint-disable-next-line import/no-restricted-paths
import { PreloadedEnglishI18nModule } from "@bitwarden/web-vault/src/app/core/tests";
import { SendFormService } from "./abstractions/send-form.service";
import { SendFormComponent } from "./components/send-form.component";
import { SendFormModule } from "./send-form.module";
const defaultConfig: SendFormConfig = {
mode: "add",
sendType: SendType.Text,
areSendsAllowed: true,
originalSend: {
id: "123",
name: "Test Send",
notes: "Example notes",
} as unknown as Send,
};
class TestAddEditFormService implements SendFormService {
decryptSend(): Promise<SendView> {
return Promise.resolve(defaultConfig.originalSend as any);
}
async saveSend(send: SendView, file: File | ArrayBuffer): Promise<SendView> {
await new Promise((resolve) => setTimeout(resolve, 1000));
return send;
}
}
const actionsData = {
onSave: action("onSave"),
};
export default {
title: "Tools/Send Form",
component: SendFormComponent,
decorators: [
moduleMetadata({
imports: [SendFormModule, AsyncActionsModule, ButtonModule],
providers: [
{
provide: SendFormService,
useClass: TestAddEditFormService,
},
{
provide: ToastService,
useValue: {
showToast: action("showToast"),
},
},
],
}),
componentWrapperDecorator(
(story) => `<div class="tw-bg-background-alt tw-text-main tw-border">${story}</div>`,
),
applicationConfig({
providers: [importProvidersFrom(PreloadedEnglishI18nModule)],
}),
],
args: {
config: defaultConfig,
},
argTypes: {
config: {
description: "The configuration object for the form.",
},
},
} as Meta;
type Story = StoryObj<SendFormComponent>;
export const Default: Story = {
render: (args) => {
return {
props: {
onSave: actionsData.onSave,
...args,
},
template: /*html*/ `
<tools-send-form [config]="config" (cipherSaved)="onSave($event)" formId="test-form" [submitBtn]="submitBtn"></tools-send-form>
<button type="submit" form="test-form" bitButton buttonType="primary" #submitBtn>Submit</button>
`,
};
},
};
export const Edit: Story = {
...Default,
args: {
config: {
...defaultConfig,
mode: "edit",
originalSend: defaultConfig.originalSend,
},
},
};
export const PartialEdit: Story = {
...Default,
args: {
config: {
...defaultConfig,
mode: "partial-edit",
originalSend: defaultConfig.originalSend,
},
},
};
export const SendsHaveBeenDisabledByPolicy: Story = {
...Default,
args: {
config: {
...defaultConfig,
mode: "add",
areSendsAllowed: false,
originalSend: defaultConfig.originalSend,
},
},
};