Merge pull request #1838 from SpareBank1/develop_fix-translations-spi…

…nner

fix(ffe-spinner-react): locale for translating aria label

packages/ffe-spinner-react/src/Spinner.js

@@ -1,8 +1,16 @@
 import React from 'react';
-import { bool, string, node } from 'prop-types';
+import { bool, string, node, oneOf } from 'prop-types';
 import classNames from 'classnames';
+import texts from './texts';
 
-const Spinner = ({ className, immediate, large, loadingText, ...rest }) => (
+const Spinner = ({
+    className,
+    immediate,
+    large,
+    loadingText,
+    locale,
+    ...rest
+}) => (
     <div aria-live="assertive" className={className} {...rest}>
         <span
             className={classNames(
@@ -11,7 +19,7 @@ const Spinner = ({ className, immediate, large, loadingText, ...rest }) => (
                 { 'ffe-loading-spinner--large': large },
             )}
             role="img"
-            aria-label="Vennligst vent"
+            aria-label={texts[locale].ariaLabel}
             aria-hidden={!!loadingText}
         />
         {loadingText}
@@ -23,11 +31,14 @@ Spinner.propTypes = {
     immediate: bool,
     large: bool,
     loadingText: node,
+    /** 'nb', 'nn', or 'en' */
+    locale: oneOf(['en', 'nb', 'nn']),
 };
 
 Spinner.defaultProps = {
     immediate: false,
     large: false,
+    locale: 'nb',
 };
 
 export default Spinner;

packages/ffe-spinner-react/src/index.d.ts

@@ -5,6 +5,7 @@ export interface SpinnerProps extends React.ComponentProps<'span'> {
     immediate?: boolean;
     large?: boolean;
     loadingText: React.ReactNode;
+    locale?: 'en' | 'nb' | 'nn';
 }
 
 declare class Spinner extends React.Component<SpinnerProps, any> {}

packages/ffe-spinner-react/src/texts.js

@@ -0,0 +1,11 @@
+const nb = {
+    ariaLabel: 'Vennligst vent',
+};
+const nn = {
+    ariaLabel: 'Ver vennleg og vent',
+};
+const en = {
+    ariaLabel: 'Please wait',
+};
+
+export default { nb, nn, en };