cozy-sharing 10.4.1 → 11.0.0

package/.storybook/fixtures/recipients.js

@@ -0,0 +1,30 @@
+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
+  }
+]
+
+export { recipients }

package/.storybook/main.js

@@ -0,0 +1,18 @@
+const config = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "@storybook/react-webpack5",
+    options: {},
+  },
+  docs: {
+    autodocs: true
+  },
+  staticDirs: ['./public'],
+};
+
+export default config;

package/.storybook/manager.js

@@ -0,0 +1,6 @@
+import { addons } from '@storybook/manager-api';
+import { themes } from '@storybook/theming';
+
+addons.setConfig({
+  theme: themes.light,
+});

package/.storybook/preview-head.html

@@ -0,0 +1,21 @@
+<!-- This is the `head` of the preview iframe -->
+<!-- Pull in static files served from your Static directory or the internet -->
+
+<meta name="color-scheme" content="only light" />
+<style>
+  @font-face {
+    font-family: Lato;
+    font-style: normal;
+    font-weight: normal;
+    src: url("/Lato-Regular.immutable.woff2") format("woff2");
+    font-display: fallback;
+  }
+
+  @font-face {
+    font-family: Lato;
+    font-style: normal;
+    font-weight: bold;
+    src: url("/Lato-Bold.immutable.woff2") format("woff2");
+    font-display: fallback;
+  }
+</style>

package/.storybook/preview.jsx

@@ -0,0 +1,64 @@
+import React from "react";
+
+import 'cozy-ui/dist/cozy-ui.min.css'
+import 'cozy-ui/dist/cozy-ui.utils.min.css'
+import 'cozy-ui/transpiled/react/stylesheet.css'
+
+import I18n from 'cozy-ui/transpiled/react/providers/I18n'
+import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
+import CozyTheme from 'cozy-ui/transpiled/react/providers/CozyTheme'
+import { CozyProvider, createFakeClient } from 'cozy-client'
+
+import enLocale from '../locales/en.json'
+
+const preview = {
+  decorators: [
+    (Story) => {
+      const fakeClient = createFakeClient({
+        queries: {
+          'io.cozy.settings/instance': {
+            doctype: 'io.cozy.settings',
+            definition: {
+              doctype: 'io.cozy.settings',
+              id: 'io.cozy.settings/io.cozy.settings.instance'
+            },
+            data: [
+              {
+                id: 'io.cozy.settings/io.cozy.settings.instance',
+                attributes: {
+                  public_name: 'Alice'
+                }
+              }
+            ]
+          }
+        },
+        clientOptions: {
+          uri: 'http://alice.cozy.localhost:8080'
+        }
+      })
+      return (
+      <CozyProvider client={fakeClient}>
+        <CozyTheme>
+          <BreakpointsProvider>
+            <I18n lang="en" dictRequire={() => enLocale}>
+              <div style={{position: "relative"}}>
+                <Story />
+              </div>
+            </I18n>
+          </BreakpointsProvider>
+        </CozyTheme>
+      </CozyProvider>
+    )},
+  ],
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+};
+
+export default preview;

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [11.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@10.4.1...cozy-sharing@11.0.0) (2024-03-11)
+
+
+### Bug Fixes
+
+* Add missing args into stories ([3658ead](https://github.com/cozy/cozy-libs/commit/3658ead89344c20f59d4c8693522c73d40c20761))
+
+
+### Code Refactoring
+
+* Rename RecipientsAvatars into AvatarList ([abef583](https://github.com/cozy/cozy-libs/commit/abef5830bf774855e39e8cf0149e26b49f53a367))
+
+
+### Features
+
+* Add stories to recipient components ([b32f881](https://github.com/cozy/cozy-libs/commit/b32f881e031d61676097f94a2015227e99e1fb67))
+* **sharing:** Add storybook ([fa7a028](https://github.com/cozy/cozy-libs/commit/fa7a0286ee18421ead00a061d9a1aa8f6d755978))
+
+
+### BREAKING CHANGES
+
+* If you were importing RecipientsAvatars directly you should now use `import { AvatarList as RecipientsAvatars } from 'cozy-sharing/dist/components/Avatar/AvatarList'`
+
+
+
+
+
 ## [10.4.1](https://github.com/cozy/cozy-libs/compare/cozy-sharing@10.4.0...cozy-sharing@10.4.1) (2024-03-01)
 
 

package/dist/SharedRecipients.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["docId", "onClick"];
 import React from 'react';
-import RecipientsAvatars from './components/Recipient/RecipientsAvatars';
+import { AvatarList } from './components/Avatar/AvatarList';
 import SharingContext from './context';
 import withLocales from './hoc/withLocales';
 export var SharedRecipients = withLocales(function (_ref) {
@@ -17,7 +17,7 @@ export var SharedRecipients = withLocales(function (_ref) {
         getSharingLink = _ref2.getSharingLink,
         isOwner = _ref2.isOwner;
 
-    return !byDocId || !byDocId[docId] ? null : /*#__PURE__*/React.createElement(RecipientsAvatars, _extends({
+    return !byDocId || !byDocId[docId] ? null : /*#__PURE__*/React.createElement(AvatarList, _extends({
       recipients: getRecipients(docId),
       link: getSharingLink(docId) !== null,
       onClick: onClick,

package/dist/SharedStatus.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import RecipientsAvatars from './components/Recipient/RecipientsAvatars';
+import { AvatarList } from './components/Avatar/AvatarList';
 import SharingContext from './context';
 import withLocales from './hoc/withLocales';
 export var SharedStatus = withLocales(function (_ref) {
@@ -17,7 +17,7 @@ export var SharedStatus = withLocales(function (_ref) {
 
     return !byDocId || !byDocId[docId] ? /*#__PURE__*/React.createElement("span", {
       className: className + ' ' + noSharedClassName
-    }, "\u2014") : /*#__PURE__*/React.createElement(RecipientsAvatars, {
+    }, "\u2014") : /*#__PURE__*/React.createElement(AvatarList, {
       className: className,
       recipients: getRecipients(docId),
       link: getSharingLink(docId) !== null,

package/dist/SharingOwnerAvatar.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["docId"];
 import React from 'react';
-import RecipientAvatar from './components/Recipient/RecipientAvatar';
+import { MemberAvatar } from './components/Avatar/MemberAvatar';
 import SharingContext from './context';
 import withLocales from './hoc/withLocales';
 export var SharingOwnerAvatar = withLocales(function (_ref) {
@@ -14,7 +14,7 @@ export var SharingOwnerAvatar = withLocales(function (_ref) {
         byDocId = _ref2.byDocId,
         getOwner = _ref2.getOwner;
 
-    return !byDocId || !byDocId[docId] ? null : /*#__PURE__*/React.createElement(RecipientAvatar, _extends({
+    return !byDocId || !byDocId[docId] ? null : /*#__PURE__*/React.createElement(MemberAvatar, _extends({
       recipient: getOwner(docId)
     }, rest));
   });

package/dist/components/{Recipient/RecipientsAvatars.js → Avatar/AvatarList.js}

@@ -4,8 +4,8 @@ import React from 'react';
 import { useClient } from 'cozy-client';
 import Avatar from 'cozy-ui/transpiled/react/Avatar';
 import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link';
-import AvatarPlusX from './AvatarPlusX';
-import RecipientAvatar from './RecipientAvatar';
+import { ExtraAvatar } from './ExtraAvatar';
+import { MemberAvatar } from './MemberAvatar';
 import { getDisplayName } from '../../models';
 var styles = {
   "recipient": "recipient__recipient___2DmZI",
@@ -47,7 +47,7 @@ export var excludeMeAsOwnerFromRecipients = function excludeMeAsOwnerFromRecipie
   });
 };
 
-var RecipientsAvatars = function RecipientsAvatars(_ref2) {
+var AvatarList = function AvatarList(_ref2) {
   var recipients = _ref2.recipients,
       link = _ref2.link,
       size = _ref2.size,
@@ -63,7 +63,7 @@ var RecipientsAvatars = function RecipientsAvatars(_ref2) {
     client: client
   }).reverse(); // we reverse the recipients array because we use `flex-direction: row-reverse` to display them correctly
 
-  var isAvatarPlusX = filteredRecipients.length > MAX_DISPLAYED_RECIPIENTS;
+  var hasExtraRecipients = filteredRecipients.length > MAX_DISPLAYED_RECIPIENTS;
   var extraRecipients = filteredRecipients.slice(MAX_DISPLAYED_RECIPIENTS).map(function (recipient) {
     return getDisplayName(recipient);
   });
@@ -72,22 +72,22 @@ var RecipientsAvatars = function RecipientsAvatars(_ref2) {
     className: cx(styles['recipients-avatars'], _defineProperty({}, styles['--interactive'], onClick), className),
     onClick: onClick
   }, link && /*#__PURE__*/React.createElement("span", {
-    "data-testid": "recipientsAvatars-link"
+    "data-testid": "AvatarList-link"
   }, /*#__PURE__*/React.createElement(Avatar, {
     className: styles['recipients-avatars--link'],
     icon: LinkIcon,
     size: size
-  })), isAvatarPlusX && /*#__PURE__*/React.createElement("span", {
-    "data-testid": "recipientsAvatars-plusX"
-  }, /*#__PURE__*/React.createElement(AvatarPlusX, {
+  })), hasExtraRecipients && /*#__PURE__*/React.createElement("span", {
+    "data-testid": "AvatarList-plusX"
+  }, /*#__PURE__*/React.createElement(ExtraAvatar, {
     className: styles['recipients-avatars--plusX'],
     extraRecipients: extraRecipients,
     size: size
   })), shownRecipients.map(function (recipient, idx) {
     return /*#__PURE__*/React.createElement("span", {
-      "data-testid": "recipientsAvatars-avatar".concat(recipient.status === 'owner' ? '-owner' : ''),
+      "data-testid": "AvatarList-avatar".concat(recipient.status === 'owner' ? '-owner' : ''),
       key: idx
-    }, /*#__PURE__*/React.createElement(RecipientAvatar, {
+    }, /*#__PURE__*/React.createElement(MemberAvatar, {
       recipient: recipient,
       size: size,
       className: cx(styles['recipients-avatars--avatar'])
@@ -95,4 +95,4 @@ var RecipientsAvatars = function RecipientsAvatars(_ref2) {
   }));
 };
 
-export default RecipientsAvatars;
+export { AvatarList };

package/dist/components/{Recipient/RecipientsAvatars.spec.js → Avatar/AvatarList.spec.js}

@@ -5,7 +5,7 @@ var _excluded = ["recipients", "link", "isOwner", "onClick"];
 import { render } from '@testing-library/react';
 import React from 'react';
 import { createMockClient } from 'cozy-client';
-import RecipientsAvatars, { MAX_DISPLAYED_RECIPIENTS, excludeMeAsOwnerFromRecipients } from './RecipientsAvatars';
+import { AvatarList, MAX_DISPLAYED_RECIPIENTS, excludeMeAsOwnerFromRecipients } from './AvatarList';
 import AppLike from '../../../test/AppLike';
 var mockRecipients = new Array(MAX_DISPLAYED_RECIPIENTS - 1).fill({
   status: 'owner',
@@ -24,7 +24,7 @@ var mockMoreRecipientsThanMaxDisplayed = [].concat(_toConsumableArray(mockRecipi
   status: 'ready',
   name: 'John Connor'
 }]);
-describe('RecipientsAvatars', function () {
+describe('AvatarList', function () {
   var client = createMockClient({});
 
   var setup = function setup(_ref) {
@@ -42,7 +42,7 @@ describe('RecipientsAvatars', function () {
 
     return render( /*#__PURE__*/React.createElement(AppLike, {
       client: client
-    }, /*#__PURE__*/React.createElement(RecipientsAvatars, _extends({
+    }, /*#__PURE__*/React.createElement(AvatarList, _extends({
       recipients: recipients,
       onClick: onClick,
       isOwner: isOwner,
@@ -56,19 +56,19 @@ describe('RecipientsAvatars', function () {
     }),
         getByTestId = _setup.getByTestId;
 
-    expect(getByTestId('recipientsAvatars-link')).toBeTruthy();
+    expect(getByTestId('AvatarList-link')).toBeTruthy();
   });
   it('should not render link icon if a link is not generated', function () {
     var _setup2 = setup({}),
         queryByTestId = _setup2.queryByTestId;
 
-    expect(queryByTestId('recipientsAvatars-link')).toBeNull();
+    expect(queryByTestId('AvatarList-link')).toBeNull();
   });
   it('should hide me as owner by default', function () {
     var _setup3 = setup({}),
         queryByTestId = _setup3.queryByTestId;
 
-    expect(queryByTestId('recipientsAvatars-avatar-owner')).toBeNull();
+    expect(queryByTestId('AvatarList-avatar-owner')).toBeNull();
   });
   it('should show me as owner if required', function () {
     var _setup4 = setup({
@@ -76,7 +76,7 @@ describe('RecipientsAvatars', function () {
     }),
         getByTestId = _setup4.getByTestId;
 
-    expect(getByTestId('recipientsAvatars-avatar-owner')).toBeTruthy();
+    expect(getByTestId('AvatarList-avatar-owner')).toBeTruthy();
   });
   it('should show a +X icon with the correct number if there is more avatars than expected', function () {
     var _setup5 = setup({
@@ -87,7 +87,7 @@ describe('RecipientsAvatars', function () {
         getByText = _setup5.getByText;
 
     var delta = mockMoreRecipientsThanMaxDisplayed.length - MAX_DISPLAYED_RECIPIENTS;
-    expect(getByTestId('recipientsAvatars-plusX')).toBeTruthy();
+    expect(getByTestId('AvatarList-plusX')).toBeTruthy();
     expect(getByText("+".concat(delta))).toBeTruthy();
   });
   it('should show both +X and link icon if necessary', function () {
@@ -98,8 +98,8 @@ describe('RecipientsAvatars', function () {
     }),
         getByTestId = _setup6.getByTestId;
 
-    expect(getByTestId('recipientsAvatars-plusX')).toBeTruthy();
-    expect(getByTestId('recipientsAvatars-link')).toBeTruthy();
+    expect(getByTestId('AvatarList-plusX')).toBeTruthy();
+    expect(getByTestId('AvatarList-link')).toBeTruthy();
   });
 });
 describe('excludeMeAsOwnerFromRecipients', function () {

package/dist/components/Avatar/AvatarList.stories.js

@@ -0,0 +1,14 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { AvatarList } from './AvatarList';
+import { recipients } from '../../../.storybook/fixtures/recipients';
+var meta = {
+  component: AvatarList,
+  args: {
+    recipients: [].concat(_toConsumableArray(recipients), _toConsumableArray(recipients))
+  }
+};
+export default meta;
+export var Default = {
+  name: 'Default',
+  args: {}
+};

package/dist/components/{Recipient/AvatarPlusX.js → Avatar/ExtraAvatar.js}

@@ -4,7 +4,7 @@ import React from 'react';
 import Avatar from 'cozy-ui/transpiled/react/Avatar';
 import { SharingTooltip, TooltipRecipientList } from '../Tooltip';
 
-var AvatarPlusX = function AvatarPlusX(_ref) {
+var ExtraAvatar = function ExtraAvatar(_ref) {
   var className = _ref.className,
       size = _ref.size,
       _ref$extraRecipients = _ref.extraRecipients,
@@ -29,13 +29,13 @@ var AvatarPlusX = function AvatarPlusX(_ref) {
   })));
 };
 
-AvatarPlusX.propTypes = {
+ExtraAvatar.propTypes = {
   extraRecipients: PropTypes.arrayOf(PropTypes.string),
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   className: PropTypes.string
 };
-AvatarPlusX.defaultProps = {
+ExtraAvatar.defaultProps = {
   extraRecipients: [],
   size: 'medium'
 };
-export default AvatarPlusX;
+export { ExtraAvatar };

package/dist/components/Avatar/ExtraAvatar.stories.js

@@ -0,0 +1,10 @@
+import { ExtraAvatar } from './ExtraAvatar';
+var meta = {
+  component: ExtraAvatar,
+  args: {}
+};
+export default meta;
+export var Default = {
+  name: 'Default',
+  args: {}
+};

package/dist/components/{Recipient/RecipientAvatar.js → Avatar/MemberAvatar.js}

@@ -6,7 +6,7 @@ import { useClient } from 'cozy-client';
 import Avatar from 'cozy-ui/transpiled/react/Avatar';
 import { getDisplayName, getInitials } from '../../models';
 
-var RecipientAvatar = function RecipientAvatar(_ref) {
+var MemberAvatar = function MemberAvatar(_ref) {
   var recipient = _ref.recipient,
       rest = _objectWithoutProperties(_ref, _excluded);
 
@@ -30,4 +30,4 @@ var RecipientAvatar = function RecipientAvatar(_ref) {
   }, rest));
 };
 
-export default RecipientAvatar;
+export { MemberAvatar };

package/dist/components/Avatar/MemberAvatar.stories.js

@@ -0,0 +1,15 @@
+import { MemberAvatar } from './MemberAvatar';
+var meta = {
+  component: MemberAvatar,
+  args: {
+    recipient: {
+      avatarPath: null,
+      name: 'John Doe'
+    }
+  }
+};
+export default meta;
+export var Default = {
+  name: 'Default',
+  args: {}
+};

package/dist/components/ConfirmTrustedRecipientsDialog.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Typography from 'cozy-ui/transpiled/react/Typography';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
-import Recipient from './Recipient/Recipient';
+import MemberRecipient from './Recipient/MemberRecipient';
 import ShareDialogTwoStepsConfirmationContainer from './ShareDialogTwoStepsConfirmationContainer';
 /**
  * Displays the sharing interface that can be used when ConfirmTrustedRecipientsDialog is in sharing state
@@ -20,7 +20,7 @@ var SharingContent = function SharingContent(_ref) {
     variant: "body1",
     className: "u-mb-2"
   }, t("ConfirmRecipientModal.intruction")), recipientsToBeConfirmed.map(function (recipientConfirmationData) {
-    return /*#__PURE__*/React.createElement(Recipient, _extends({}, recipientConfirmationData, {
+    return /*#__PURE__*/React.createElement(MemberRecipient, _extends({}, recipientConfirmationData, {
       key: "key_r_".concat(recipientConfirmationData.id),
       isOwner: false,
       recipientConfirmationData: recipientConfirmationData,

package/dist/components/{Recipient/RecipientPlusX.js → Identity/ExtraIdentity.js}

@@ -1,6 +1,5 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import AvatarPlusX from './AvatarPlusX';
 import Identity from './Identity';
 import { getDisplayName } from '../../models';
 var styles = {
@@ -20,13 +19,14 @@ var styles = {
   "spin": "recipient__spin___2tYv3",
   "shake": "recipient__shake___TGyPp"
 };
+import { ExtraAvatar } from '../Avatar/ExtraAvatar';
 
-var RecipientPlusX = function RecipientPlusX(_ref, _ref2) {
+var ExtraIdentity = function ExtraIdentity(_ref, _ref2) {
   var extraRecipients = _ref.extraRecipients;
   var t = _ref2.t;
   return /*#__PURE__*/React.createElement("div", {
     className: styles['recipient']
-  }, /*#__PURE__*/React.createElement(AvatarPlusX, {
+  }, /*#__PURE__*/React.createElement(ExtraAvatar, {
     extraRecipients: extraRecipients.map(function (recipient) {
       return getDisplayName(recipient);
     })
@@ -37,7 +37,7 @@ var RecipientPlusX = function RecipientPlusX(_ref, _ref2) {
   })));
 };
 
-RecipientPlusX.contextTypes = {
+ExtraIdentity.contextTypes = {
   t: PropTypes.func.isRequired
 };
-export default RecipientPlusX;
+export { ExtraIdentity };

package/dist/components/Identity/ExtraIdentity.stories.js

@@ -0,0 +1,13 @@
+import { ExtraIdentity } from './ExtraIdentity';
+import { recipients } from '../../../.storybook/fixtures/recipients';
+var meta = {
+  component: ExtraIdentity,
+  args: {
+    extraRecipients: recipients
+  }
+};
+export default meta;
+export var Default = {
+  name: 'Default',
+  args: {}
+};

package/dist/components/Identity/Identity.stories.js

@@ -0,0 +1,13 @@
+import Identity from './Identity';
+var meta = {
+  title: 'Components/Identity/Identity',
+  component: Identity,
+  args: {}
+};
+export default meta;
+export var Default = {
+  name: 'Default',
+  args: {
+    name: 'John Doe'
+  }
+};

package/dist/components/{Recipient/RecipientWithoutStatus.js → Identity/MemberIdentity.js}

@@ -22,7 +22,7 @@ var styles = {
   "shake": "recipient__shake___TGyPp"
 };
 
-var RecipientWithoutStatus = function RecipientWithoutStatus(_ref) {
+var MemberIdentity = function MemberIdentity(_ref) {
   var instance = _ref.instance,
       rest = _objectWithoutProperties(_ref, _excluded);
 
@@ -40,4 +40,4 @@ var RecipientWithoutStatus = function RecipientWithoutStatus(_ref) {
   })));
 };
 
-export default RecipientWithoutStatus;
+export { MemberIdentity };

package/dist/components/Identity/MemberIdentity.stories.js

@@ -0,0 +1,10 @@
+import { MemberIdentity } from './MemberIdentity';
+var meta = {
+  component: MemberIdentity,
+  args: {}
+};
+export default meta;
+export var Default = {
+  name: 'Default',
+  args: {}
+};

package/dist/components/Identity/OwnerIdentity.stories.js

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

package/dist/components/Recipient/LinkRecipient.stories.js

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

package/dist/components/Recipient/LinkRecipientPermissions.stories.js

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