passbolt-styleguide 3.3.2 → 3.4.0-alpha1

package/src/react-extension/components/ResourceComment/DisplayResourceCommentList/DisplayResourceCommentList.test.stories.js

@@ -1,8 +1,6 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
-import "../../../../css/themes/default/ext_app.css";
 import AppContext from "../../../contexts/AppContext";
-import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
 import DisplayResourceCommentList from "./DisplayResourceCommentList";
 
 
@@ -120,18 +118,15 @@ const context = {
 
 
 const Template = args =>
-  <MockTranslationProvider>
-    <AppContext.Provider value={context}>
-      <MemoryRouter initialEntries={['/']}>
-        <div className="panel aside">
-          <div className="comments">
-            <Route component={routerProps => <DisplayResourceCommentList {...args} {...routerProps}/>}></Route>
-          </div>
+  <AppContext.Provider value={context}>
+    <MemoryRouter initialEntries={['/']}>
+      <div className="panel aside">
+        <div className="comments">
+          <Route component={routerProps => <DisplayResourceCommentList {...args} {...routerProps}/>}></Route>
         </div>
-      </MemoryRouter>
-    </AppContext.Provider>
-  </MockTranslationProvider>;
-
+      </div>
+    </MemoryRouter>
+  </AppContext.Provider>;
 
 
 export const Initial = Template.bind({});
@@ -141,4 +136,3 @@ Initial.args = {
   },
   onFetch: () => {}
 };
-

package/src/react-extension/components/ResourceDescription/EditResourceDescription/EditResourceDescription.test.stories.js

@@ -1,8 +1,6 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
-import "../../../../css/themes/default/ext_app.css";
 import AppContext from "../../../contexts/AppContext";
-import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
 import EditResourceDescription from "./EditResourceDescription";
 import SiteSettings from "../../../../shared/lib/Settings/SiteSettings";
 import siteSettingsFixture from "../../../test/fixture/Settings/siteSettings";
@@ -32,18 +30,15 @@ const context = {
 
 
 const Template = args =>
-  <MockTranslationProvider>
-    <AppContext.Provider value={context}>
-      <MemoryRouter initialEntries={['/']}>
-        <div className="panel aside">
-          <div className="comments">
-            <Route component={routerProps => <EditResourceDescription {...args} {...routerProps}/>}></Route>
-          </div>
+  <AppContext.Provider value={context}>
+    <MemoryRouter initialEntries={['/']}>
+      <div className="panel aside">
+        <div className="comments">
+          <Route component={routerProps => <EditResourceDescription {...args} {...routerProps}/>}></Route>
         </div>
-      </MemoryRouter>
-    </AppContext.Provider>
-  </MockTranslationProvider>;
-
+      </div>
+    </MemoryRouter>
+  </AppContext.Provider>;
 
 
 export const Initial = Template.bind({});
@@ -52,5 +47,3 @@ Initial.args = {
     "resource_type_id": "669f8c64-242a-59fb-92fc-81f660975fd3"
   }
 };
-
-

package/src/react-extension/components/ResourceDetails/DisplayResourceDetails/DisplayResourceDetailsActivity.test.stories.js

@@ -1,7 +1,6 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
 import AppContext from "../../../contexts/AppContext";
-import "../../../../css/themes/default/ext_app.css";
 import UserSettings from "../../../../shared/lib/Settings/UserSettings";
 import userSettingsFixture from "../../../test/fixture/Settings/userSettings";
 import DisplayResourceDetailsActivity from "./DisplayResourceDetailsActivity";

package/src/react-extension/components/ResourceDetails/DisplayResourceDetails/DisplayResourceDetailsDescription.test.stories.js

@@ -1,7 +1,6 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
 import AppContext from "../../../contexts/AppContext";
-import "../../../../css/themes/default/ext_app.css";
 import UserSettings from "../../../../shared/lib/Settings/UserSettings";
 import userSettingsFixture from "../../../test/fixture/Settings/userSettings";
 import DisplayResourceDetailsDescription from "./DisplayResourceDetailsDescription";

package/src/react-extension/components/ResourceDetails/DisplayResourceDetails/DisplayResourceDetailsTag.test.js

@@ -246,7 +246,7 @@ describe("See tags", () => {
       await page.passwordSidebarTagSection.input(page.tagEditor.component, "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa");
 
       await page.passwordSidebarTagSection.click(page.tagEditor.saveButton);
-      expect(page.tagEditor.errorMessage).toBe("This tag can't be added, the length cannot exceeds 128");
+      expect(page.tagEditor.errorMessage).toBe("This tag can't be added, the length cannot exceed 128");
     });
 
     it('Trim tag', async() => {

package/src/react-extension/components/ResourceDetails/DisplayResourceDetails/DisplayResourceDetailsTag.test.stories.js

@@ -1,7 +1,6 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
 import AppContext from "../../../contexts/AppContext";
-import "../../../../css/themes/default/ext_app.css";
 import UserSettings from "../../../../shared/lib/Settings/UserSettings";
 import userSettingsFixture from "../../../test/fixture/Settings/userSettings";
 import DisplayResourceDetailsTag from "./DisplayResourceDetailsTag";

package/src/react-extension/components/ResourceFolder/CreateResourceFolder/CreateResourceFolder.test.stories.js

@@ -1,6 +1,5 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
-import "../../../../css/themes/default/ext_app.css";
 import CreateResourceFolder from "./CreateResourceFolder";
 
 
@@ -15,5 +14,3 @@ const Template = args =>
   </MemoryRouter>;
 
 export const Initial = Template.bind({});
-
-

package/src/react-extension/components/ResourceFolder/DefineResourceFolderMoveStrategy/DefineResourceFolderMoveStrategy.test.stories.js

@@ -1,6 +1,5 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
-import "../../../../css/themes/default/ext_app.css";
 import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
 import DefineResourceFolderMoveStrategy from "./DefineResourceFolderMoveStrategy";
@@ -47,8 +46,3 @@ Initial.argTypes = {
     }
   }
 };
-
-
-
-
-

package/src/react-extension/components/ResourceFolder/DeleteResourceFolder/DeleteResourceFolder.test.stories.js

@@ -1,6 +1,5 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
-import "../../../../css/themes/default/ext_app.css";
 import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
 import DeleteResourceFolder from "./DeleteResourceFolder";
@@ -42,7 +41,3 @@ Initial.argTypes = {
     }
   }
 };
-
-
-
-

package/src/react-extension/components/ResourceFolder/RenameResourceFolder/RenameResourceFolder.test.stories.js

@@ -1,6 +1,5 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
-import "../../../../css/themes/default/ext_app.css";
 import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
 import RenameResourceFolder from "./RenameResourceFolder";
@@ -30,7 +29,6 @@ Template.propTypes = {
 };
 
 
-
 export const Initial = Template.bind({});
 Initial.args = {
   context: defaultContext
@@ -43,8 +41,3 @@ Initial.argTypes = {
     }
   }
 };
-
-
-
-
-

package/src/react-extension/components/ResourceFolderDetails/DisplayResourceFolderDetails/DisplayResourceFolderDetailsActivity.test.stories.js

@@ -1,7 +1,6 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
 import AppContext from "../../../contexts/AppContext";
-import "../../../../css/themes/default/ext_app.css";
 import UserSettings from "../../../../shared/lib/Settings/UserSettings";
 import userSettingsFixture from "../../../test/fixture/Settings/userSettings";
 import DisplayResourceFolderDetailsActivity from "./DisplayResourceFolderDetailsActivity";
@@ -67,4 +66,3 @@ Initial.args = {
     }
   }
 };
-

package/src/react-extension/components/ResourceFolderDetails/DisplayResourceFolderDetails/DisplayResourceFolderDetailsInformation.test.stories.js

@@ -1,7 +1,6 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
 import AppContext from "../../../contexts/AppContext";
-import "../../../../css/themes/default/ext_app.css";
 import DisplayResourceFolderDetailsInformation from "./DisplayResourceFolderDetailsInformation";
 
 
@@ -50,4 +49,3 @@ Initial.args = {
     }
   }
 };
-

package/src/react-extension/components/ResourceFolderDetails/DisplayResourceFolderDetails/DisplayResourceFolderDetailsPermissions.test.stories.js

@@ -1,7 +1,6 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
 import AppContext from "../../../contexts/AppContext";
-import "../../../../css/themes/default/ext_app.css";
 import UserSettings from "../../../../shared/lib/Settings/UserSettings";
 import userSettingsFixture from "../../../test/fixture/Settings/userSettings";
 import DisplayResourceFolderDetailsPermissions from "./DisplayResourceFolderDetailsPermissions";
@@ -72,4 +71,3 @@ Initial.args = {
     }
   }
 };
-

package/src/react-extension/components/ResourcePassword/GenerateResourcePassword/ConfigurePassphraseGenerator.test.stories.js

@@ -1,6 +1,5 @@
 import {MemoryRouter, Route} from "react-router-dom";
 import React from "react";
-import "../../../../css/themes/default/ext_app.css";
 import ConfigurePassphraseGenerator from "./ConfigurePassphraseGenerator";
 
 

package/src/react-extension/components/ResourceTag/DeleteResourceTag/DeleteResourceTag.test.stories.js

@@ -1,6 +1,5 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
-import "../../../../css/themes/default/ext_app.css";
 import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
 import DeleteResourceTag from "./DeleteResourceTag";
@@ -43,4 +42,3 @@ Initial.argTypes = {
     }
   }
 };
-

package/src/react-extension/components/ResourceTag/EditResourceTag/EditResourceTag.test.stories.js

@@ -1,6 +1,5 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
-import "../../../../css/themes/default/ext_app.css";
 import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
 import EditResourceTag from "./EditResourceTag";
@@ -31,7 +30,6 @@ Template.propTypes = {
 };
 
 
-
 export const Initial = Template.bind({});
 Initial.args = {
   context: defaultContext
@@ -44,5 +42,3 @@ Initial.argTypes = {
     }
   }
 };
-
-

package/src/react-extension/components/ResourceTag/EditResourceTags/EditResourceTags.js

@@ -254,7 +254,7 @@ class EditResourceTags extends React.Component {
       return false;
     }
     if (this.isTagExceedMaxLength(slug.trim())) {
-      this.setErrorMessage(this.translate("This tag can't be added, the length cannot exceeds {{tagMaxLength}}", {tagMaxLength: TAG_MAX_LENGTH}));
+      this.setErrorMessage(this.translate("This tag can't be added, the length cannot exceed {{tagMaxLength}}", {tagMaxLength: TAG_MAX_LENGTH}));
       return false;
     }
     if (!this.props.isOwner && slug.startsWith("#")) {

package/src/react-extension/components/Share/ShareDialog.test.stories.js

@@ -1,7 +1,5 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
-import "../../../css/themes/default/ext_app.css";
-import MockTranslationProvider from "../../test/mock/components/Internationalisation/MockTranslationProvider";
 import ShareDialog from "./ShareDialog";
 import AppContext from "../../contexts/AppContext";
 import {autocompleteResult, resources} from "./ShareDialog.test.data";
@@ -33,13 +31,11 @@ const context = {
 
 
 const Template = args =>
-  <MockTranslationProvider>
-    <AppContext.Provider value={args.context}>
-      <MemoryRouter initialEntries={['/']}>
-        <Route component={routerProps => <ShareDialog {...args} {...routerProps}/>}></Route>
-      </MemoryRouter>
-    </AppContext.Provider>
-  </MockTranslationProvider>;
+  <AppContext.Provider value={args.context}>
+    <MemoryRouter initialEntries={['/']}>
+      <Route component={routerProps => <ShareDialog {...args} {...routerProps}/>}></Route>
+    </MemoryRouter>
+  </AppContext.Provider>;
 
 
 export const Initial = Template.bind({});

package/src/react-extension/components/User/ConfirmDisableUserMFA/ConfirmDisableUserMFA.test.stories.js

@@ -3,7 +3,6 @@ import React from "react";
 import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
 import ConfirmDisableUserMFA from "./ConfirmDisableUserMFA";
-import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
 
 
 export default {
@@ -15,13 +14,11 @@ const context = {};
 
 
 const Template = args =>
-  <MockTranslationProvider>
-    <AppContext.Provider value={context}>
-      <MemoryRouter initialEntries={['/']}>
-        <Route component={routerProps => <ConfirmDisableUserMFA {...args} {...routerProps}/>}></Route>
-      </MemoryRouter>
-    </AppContext.Provider>
-  </MockTranslationProvider>;
+  <AppContext.Provider value={context}>
+    <MemoryRouter initialEntries={['/']}>
+      <Route component={routerProps => <ConfirmDisableUserMFA {...args} {...routerProps}/>}></Route>
+    </MemoryRouter>
+  </AppContext.Provider>;
 
 Template.propTypes = {
   context: PropTypes.object,
@@ -78,4 +75,3 @@ Initial.args = {
     }]
   }
 };
-

package/src/react-extension/components/User/CreateUser/CreateUser.test.stories.js

@@ -3,7 +3,6 @@ import React from "react";
 import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
 import CreateUser from "./CreateUser";
-import "../../../../css/themes/default/api_main.css";
 
 
 export default {
@@ -26,3 +25,6 @@ Template.propTypes = {
 };
 
 export const Initial = Template.bind({});
+Initial.parameters = {
+  css: "api_main"
+};

package/src/react-extension/components/User/DeleteUser/DeleteUser.test.stories.js

@@ -3,7 +3,6 @@ import React from "react";
 import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
 import DeleteUser from "./DeleteUser";
-import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
 
 
 export default {
@@ -56,13 +55,11 @@ const context = {
 
 
 const Template = args =>
-  <MockTranslationProvider>
-    <AppContext.Provider value={context}>
-      <MemoryRouter initialEntries={['/']}>
-        <Route component={routerProps => <DeleteUser {...args} {...routerProps}/>}></Route>
-      </MemoryRouter>
-    </AppContext.Provider>
-  </MockTranslationProvider>;
+  <AppContext.Provider value={context}>
+    <MemoryRouter initialEntries={['/']}>
+      <Route component={routerProps => <DeleteUser {...args} {...routerProps}/>}></Route>
+    </MemoryRouter>
+  </AppContext.Provider>;
 
 Template.propTypes = {
   context: PropTypes.object,

package/src/react-extension/components/User/DeleteUser/DeleteUserWithConflicts.test.stories.js

@@ -2,7 +2,6 @@ import {MemoryRouter, Route} from "react-router-dom";
 import React from "react";
 import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
-import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
 import DeleteUserWithConflicts from "./DeleteUserWithConflicts";
 
 
@@ -256,13 +255,11 @@ const context = {
 
 
 const Template = args =>
-  <MockTranslationProvider>
-    <AppContext.Provider value={context}>
-      <MemoryRouter initialEntries={['/']}>
-        <Route component={routerProps => <DeleteUserWithConflicts {...args} {...routerProps}/>}></Route>
-      </MemoryRouter>
-    </AppContext.Provider>
-  </MockTranslationProvider>;
+  <AppContext.Provider value={context}>
+    <MemoryRouter initialEntries={['/']}>
+      <Route component={routerProps => <DeleteUserWithConflicts {...args} {...routerProps}/>}></Route>
+    </MemoryRouter>
+  </AppContext.Provider>;
 
 Template.propTypes = {
   context: PropTypes.object,

package/src/react-extension/components/User/EditUser/EditUser.test.stories.js

@@ -3,7 +3,6 @@ import React from "react";
 import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
 import EditUser from "./EditUser";
-import "../../../../css/themes/default/api_main.css";
 
 
 export default {
@@ -51,3 +50,6 @@ Template.propTypes = {
 };
 
 export const Initial = Template.bind({});
+Initial.parameters = {
+  css: "api_main"
+};

package/src/react-extension/components/User/FilterUsersByBreadcrumb/FilterUsersByBreadcrumb.test.stories.js

@@ -4,7 +4,6 @@ import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
 import FilterUsersByBreadcrumb from "./FilterUsersByBreadcrumb";
 import {UserWorkspaceFilterTypes} from "../../../contexts/UserWorkspaceContext";
-import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
 
 
 export default {
@@ -16,13 +15,11 @@ const context = {};
 
 
 const Template = args =>
-  <MockTranslationProvider>
-    <AppContext.Provider value={context}>
-      <MemoryRouter initialEntries={['/']}>
-        <Route component={routerProps => <FilterUsersByBreadcrumb {...args} {...routerProps}/>}></Route>
-      </MemoryRouter>
-    </AppContext.Provider>
-  </MockTranslationProvider>;
+  <AppContext.Provider value={context}>
+    <MemoryRouter initialEntries={['/']}>
+      <Route component={routerProps => <FilterUsersByBreadcrumb {...args} {...routerProps}/>}></Route>
+    </MemoryRouter>
+  </AppContext.Provider>;
 
 Template.propTypes = {
   context: PropTypes.object,

package/src/react-extension/components/User/FilterUsersByShortcut/FilterUsersByShortcut.test.stories.js

@@ -1,7 +1,6 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
 import AppContext from "../../../contexts/AppContext";
-import "../../../../css/themes/default/ext_app.css";
 import FilterUsersByShortcut from "./FilterUsersByShortcut";
 
 

package/src/react-extension/components/User/FilterUsersByText/FilterUsersByText.test.stories.js

@@ -1,6 +1,5 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
-import "../../../../css/themes/default/ext_app.css";
 import FilterUsersByText from "./FilterUsersByText";
 
 
@@ -16,5 +15,4 @@ const Template = args =>
   </MemoryRouter>;
 
 
-
 export const Initial = Template.bind({});

package/src/react-extension/components/UserDetails/DisplayUserDetailsGroups/DisplayUserDetailsGroups.test.stories.js

@@ -2,7 +2,6 @@ import {MemoryRouter, Route} from "react-router-dom";
 import React from "react";
 import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
-import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
 import MockPort from "../../../test/mock/MockPort";
 import DisplayUserDetailsGroups from "./DisplayUserDetailsGroups";
 
@@ -1362,17 +1361,15 @@ const context = {
 
 
 const Template = args =>
-  <MockTranslationProvider>
-    <AppContext.Provider value={context}>
-      <div className="panel aside">
-        <div className="detailed-information">
-          <MemoryRouter initialEntries={['/']}>
-            <Route component={routerProps => <DisplayUserDetailsGroups {...args} {...routerProps}/>}></Route>
-          </MemoryRouter>
-        </div>
+  <AppContext.Provider value={context}>
+    <div className="panel aside">
+      <div className="detailed-information">
+        <MemoryRouter initialEntries={['/']}>
+          <Route component={routerProps => <DisplayUserDetailsGroups {...args} {...routerProps}/>}></Route>
+        </MemoryRouter>
       </div>
-    </AppContext.Provider>
-  </MockTranslationProvider>;
+    </div>
+  </AppContext.Provider>;
 
 Template.propTypes = {
   context: PropTypes.object,

package/src/react-extension/components/UserDetails/DisplayUserDetailsInformation/DisplayUserDetailsInformation.test.stories.js

@@ -2,7 +2,6 @@ import {MemoryRouter, Route} from "react-router-dom";
 import React from "react";
 import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
-import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
 import DisplayUserDetailsInformation from "./DisplayUserDetailsInformation";
 import MockPort from "../../../test/mock/MockPort";
 
@@ -31,17 +30,15 @@ const context = {
 
 
 const Template = args =>
-  <MockTranslationProvider>
-    <AppContext.Provider value={context}>
-      <div className="panel aside">
-        <div className="detailed-information">
-          <MemoryRouter initialEntries={['/']}>
-            <Route component={routerProps => <DisplayUserDetailsInformation {...args} {...routerProps}/>}></Route>
-          </MemoryRouter>
-        </div>
+  <AppContext.Provider value={context}>
+    <div className="panel aside">
+      <div className="detailed-information">
+        <MemoryRouter initialEntries={['/']}>
+          <Route component={routerProps => <DisplayUserDetailsInformation {...args} {...routerProps}/>}></Route>
+        </MemoryRouter>
       </div>
-    </AppContext.Provider>
-  </MockTranslationProvider>;
+    </div>
+  </AppContext.Provider>;
 
 Template.propTypes = {
   context: PropTypes.object,

package/src/react-extension/components/UserDetails/DisplayUserDetailsPublicKey/DisplayUserDetailsPublicKey.test.stories.js

@@ -2,7 +2,6 @@ import {MemoryRouter, Route} from "react-router-dom";
 import React from "react";
 import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
-import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
 import DisplayUserDetailsPublicKey from "./DisplayUserDetailsPublicKey";
 
 
@@ -35,19 +34,16 @@ const context = {
 };
 
 
-
 const Template = args =>
-  <MockTranslationProvider>
-    <AppContext.Provider value={context}>
-      <div className="panel aside">
-        <div className="detailed-information">
-          <MemoryRouter initialEntries={['/']}>
-            <Route component={routerProps => <DisplayUserDetailsPublicKey {...args} {...routerProps}/>}></Route>
-          </MemoryRouter>
-        </div>
+  <AppContext.Provider value={context}>
+    <div className="panel aside">
+      <div className="detailed-information">
+        <MemoryRouter initialEntries={['/']}>
+          <Route component={routerProps => <DisplayUserDetailsPublicKey {...args} {...routerProps}/>}></Route>
+        </MemoryRouter>
       </div>
-    </AppContext.Provider>
-  </MockTranslationProvider>;
+    </div>
+  </AppContext.Provider>;
 
 Template.propTypes = {
   context: PropTypes.object,

package/src/react-extension/components/UserGroup/CreateUserGroup/CreateUserGroup.test.stories.js

@@ -4,7 +4,6 @@ import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
 import CreateUserGroup from "./CreateUserGroup";
 import {mockGpgKey, mockUsers} from "./CreateUserGroup.test.data";
-import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
 
 
 export default {
@@ -33,13 +32,11 @@ const context = {
 
 
 const Template = args =>
-  <MockTranslationProvider>
-    <AppContext.Provider value={context}>
-      <MemoryRouter initialEntries={['/']}>
-        <Route component={routerProps => <CreateUserGroup {...args} {...routerProps}/>}></Route>
-      </MemoryRouter>
-    </AppContext.Provider>
-  </MockTranslationProvider>;
+  <AppContext.Provider value={context}>
+    <MemoryRouter initialEntries={['/']}>
+      <Route component={routerProps => <CreateUserGroup {...args} {...routerProps}/>}></Route>
+    </MemoryRouter>
+  </AppContext.Provider>;
 
 Template.propTypes = {
   context: PropTypes.object,