feat: Add stories to recipient components

packages/cozy-sharing/src/components/Recipient/AvatarPlusX.stories.jsx

@@ -0,0 +1,13 @@
+import AvatarPlusX from './AvatarPlusX'
+
+const meta = {
+  component: AvatarPlusX,
+  args: {}
+}
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  args: {}
+}

packages/cozy-sharing/src/components/Recipient/Identity.stories.jsx

@@ -0,0 +1,15 @@
+import Identity from './Identity'
+
+const meta = {
+  component: Identity,
+  args: {}
+}
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  args: {
+    name: 'John Doe'
+  }
+}

packages/cozy-sharing/src/components/Recipient/LinkRecipient.stories.jsx

@@ -0,0 +1,17 @@
+import LinkRecipient from './LinkRecipient'
+
+const meta = {
+  component: LinkRecipient,
+  args: {
+    recipientConfirmationData: false,
+    verifyRecipient: () => true,
+    link: 'test',
+    fadeIn: false
+  }
+}
+
+export default meta
+
+export const Default = {
+  name: 'Default'
+}

packages/cozy-sharing/src/components/Recipient/LinkRecipientPermissions.stories.jsx

@@ -0,0 +1,13 @@
+import LinkRecipientPermissions from './LinkRecipientPermissions'
+
+const meta = {
+  component: LinkRecipientPermissions,
+  args: {}
+}
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  args: {}
+}

packages/cozy-sharing/src/components/Recipient/OwnerIdentity.stories.jsx

@@ -0,0 +1,13 @@
+import OwnerIdentity from './OwnerIdentity'
+
+const meta = {
+  component: OwnerIdentity,
+  args: {}
+}
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  args: {}
+}

packages/cozy-sharing/src/components/Recipient/OwnerRecipient.stories.jsx

@@ -0,0 +1,13 @@
+import OwnerRecipient from './OwnerRecipient'
+
+const meta = {
+  component: OwnerRecipient,
+  args: {}
+}
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  args: {}
+}

packages/cozy-sharing/src/components/Recipient/OwnerRecipientDefault.stories.jsx

@@ -0,0 +1,13 @@
+import OwnerRecipientDefault from './OwnerRecipientDefault'
+
+const meta = {
+  component: OwnerRecipientDefault,
+  args: {}
+}
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  args: {}
+}

packages/cozy-sharing/src/components/Recipient/Recipient.stories.jsx

@@ -0,0 +1,45 @@
+import Recipient from './Recipient'
+
+const meta = {
+  title: 'Components/Recipient/Recipient',
+  component: Recipient,
+  args: {
+    instance: 'https://example.com',
+    isOwner: false,
+    status: 'ready',
+    recipientConfirmationData: null,
+    verifyRecipient: () => {},
+    fadeIn: true
+  },
+  argTypes: {
+    status: {
+      control: 'select',
+      options: ['ready', 'mail-not-sent', 'pending', 'seen', 'owner'],
+      defaultValue: 'ready'
+    }
+  }
+}
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  args: {}
+}
+
+export const Owner = {
+  name: 'Owner',
+  args: {
+    isOwner: true,
+    status: 'owner'
+  }
+}
+
+export const RecipientConfirm = {
+  name: 'RecipientConfirm',
+  args: {
+    recipientConfirmationData: {
+      email: 'test'
+    }
+  }
+}

packages/cozy-sharing/src/components/Recipient/RecipientAvatar.stories.jsx

@@ -0,0 +1,13 @@
+import RecipientAvatar from './RecipientAvatar'
+
+const meta = {
+  component: RecipientAvatar,
+  args: {}
+}
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  args: {}
+}

packages/cozy-sharing/src/components/Recipient/RecipientConfirm.stories.jsx

@@ -0,0 +1,13 @@
+import RecipientConfirm from './RecipientConfirm'
+
+const meta = {
+  component: RecipientConfirm,
+  args: {}
+}
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  args: {}
+}

packages/cozy-sharing/src/components/Recipient/RecipientList.stories.jsx

@@ -0,0 +1,56 @@
+import { RecipientList } from './RecipientList'
+
+const recipients = [
+  {
+    status: 'owner',
+    public_name: 'Alice',
+    email: 'alice@cozy.localhost',
+    instance: 'http://alice.cozy.localhost:8080',
+    type: 'two-way',
+    index: 0
+  },
+  {
+    status: 'pending',
+    email: 'bob@cozy.localhost',
+    type: 'two-way',
+    index: 1
+  },
+  {
+    name: 'Paul',
+    status: 'mail-not-sent',
+    email: 'paul@cozy.localhost',
+    index: 2
+  },
+  {
+    name: 'Eve',
+    status: 'ready',
+    email: 'eve@cozy.localhost',
+    index: 2
+  }
+]
+
+const meta = {
+  component: RecipientList,
+  args: {
+    recipients,
+    recipientsToBeConfirmed: [],
+    isOwner: false,
+    onRevoke: () => {},
+    onRevokeSelf: () => {},
+    verifyRecipient: () => true
+  }
+}
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  args: {}
+}
+
+export const Owner = {
+  name: 'Owner',
+  args: {
+    isOwner: true
+  }
+}

packages/cozy-sharing/src/components/Recipient/RecipientPermissions.stories.jsx

@@ -0,0 +1,13 @@
+import RecipientPermissions from './RecipientPermissions'
+
+const meta = {
+  component: RecipientPermissions,
+  args: {}
+}
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  args: {}
+}

packages/cozy-sharing/src/components/Recipient/RecipientPlusX.stories.jsx

@@ -0,0 +1,13 @@
+import RecipientPlusX from './RecipientPlusX'
+
+const meta = {
+  component: RecipientPlusX,
+  args: {}
+}
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  args: {}
+}

packages/cozy-sharing/src/components/Recipient/RecipientStatus.stories.jsx

@@ -0,0 +1,13 @@
+import RecipientStatus from './RecipientStatus'
+
+const meta = {
+  component: RecipientStatus,
+  args: {}
+}
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  args: {}
+}

packages/cozy-sharing/src/components/Recipient/RecipientWithoutStatus.stories.jsx

@@ -0,0 +1,13 @@
+import RecipientWithoutStatus from './RecipientWithoutStatus'
+
+const meta = {
+  component: RecipientWithoutStatus,
+  args: {}
+}
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  args: {}
+}

packages/cozy-sharing/src/components/Recipient/RecipientsAvatars.stories.jsx

@@ -0,0 +1,13 @@
+import RecipientsAvatars from './RecipientsAvatars'
+
+const meta = {
+  component: RecipientsAvatars,
+  args: {}
+}
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  args: {}
+}