trad are now overridable by apps

src/component/Input/SelectStatus/SelectStatus.jsx

@@ -2,50 +2,60 @@ import React from 'react'
 import { translate } from 'react-i18next'
 import i18n from '../../../i18n.js'
 
-translate.setI18n(i18n)
-
-export const SelectStatus = props =>
-  <div className='wsFileGeneric__option__menu__status dropdown'>
-    <button className='wsFileGeneric__option__menu__status__dropdownbtn check btn dropdown-toggle' type='button' id='dropdownMenu2' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
-      {props.t('Input.SelectStatus.validated')}
-      <div className='wsFileGeneric__option__menu__status__dropdownbtn__icon'>
-        <i className='fa fa-check' />
-      </div>
-    </button>
-
-    <div className='wsFileGeneric__option__menu__status__submenu dropdown-menu' aria-labelledby='dropdownMenu2'>
-      <h6 className='dropdown-header'>{props.t('Input.SelectStatus.file_status')}</h6>
-
-      <div className='dropdown-divider' />
-
-      <button className='wsFileGeneric__option__menu__status__submenu__item current  dropdown-item' type='button'>
-        {props.t('Input.SelectStatus.ongoing')}
-        <div className='wsFileGeneric__option__menu__status__submenu__item__icon'>
-          <i className='fa fa-gears' />
-        </div>
-      </button>
-
-      <button className='wsFileGeneric__option__menu__status__submenu__item check dropdown-item' type='button'>
+export const SelectStatus = props => {
+  translate.setI18n(props.i18n ? props.i18n : i18n) // mandatory to allow Apps to overrides trad
+
+  return (
+    <div className='wsFileGeneric__option__menu__status dropdown'>
+      <button
+        className='wsFileGeneric__option__menu__status__dropdownbtn check btn dropdown-toggle'
+        type='button'
+        id='dropdownMenu2'
+        data-toggle='dropdown'
+        aria-haspopup='true'
+        aria-expanded='false'
+      >
         {props.t('Input.SelectStatus.validated')}
-        <div className='wsFileGeneric__option__menu__status__submenu__item__icon'>
+        <div className='wsFileGeneric__option__menu__status__dropdownbtn__icon'>
           <i className='fa fa-check' />
         </div>
       </button>
 
-      <button className='wsFileGeneric__option__menu__status__submenu__item invalid dropdown-item' type='button'>
-        {props.t('Input.SelectStatus.unvalidated')}
-        <div className='wsFileGeneric__option__menu__status__submenu__item__icon'>
-          <i className='fa fa-times' />
-        </div>
-      </button>
-
-      <button className='wsFileGeneric__option__menu__status__submenu__item ban dropdown-item' type='button'>
-        {props.t('Input.SelectStatus.obsolete')}
-        <div className='wsFileGeneric__option__menu__status__submenu__item__icon'>
-          <i className='fa fa-ban' />
-        </div>
-      </button>
+      <div className='wsFileGeneric__option__menu__status__submenu dropdown-menu' aria-labelledby='dropdownMenu2'>
+        <h6 className='dropdown-header'>{props.t('Input.SelectStatus.file_status')}</h6>
+
+        <div className='dropdown-divider' />
+
+        <button className='wsFileGeneric__option__menu__status__submenu__item current  dropdown-item' type='button'>
+          {props.t('Input.SelectStatus.ongoing')}
+          <div className='wsFileGeneric__option__menu__status__submenu__item__icon'>
+            <i className='fa fa-gears' />
+          </div>
+        </button>
+
+        <button className='wsFileGeneric__option__menu__status__submenu__item check dropdown-item' type='button'>
+          {props.t('Input.SelectStatus.validated')}
+          <div className='wsFileGeneric__option__menu__status__submenu__item__icon'>
+            <i className='fa fa-check' />
+          </div>
+        </button>
+
+        <button className='wsFileGeneric__option__menu__status__submenu__item invalid dropdown-item' type='button'>
+          {props.t('Input.SelectStatus.unvalidated')}
+          <div className='wsFileGeneric__option__menu__status__submenu__item__icon'>
+            <i className='fa fa-times' />
+          </div>
+        </button>
+
+        <button className='wsFileGeneric__option__menu__status__submenu__item ban dropdown-item' type='button'>
+          {props.t('Input.SelectStatus.obsolete')}
+          <div className='wsFileGeneric__option__menu__status__submenu__item__icon'>
+            <i className='fa fa-ban' />
+          </div>
+        </button>
+      </div>
     </div>
-  </div>
+  )
+}
 
 export default translate()(SelectStatus)

src/component/PopinFixed/PopinFixedOption.jsx

@@ -1,13 +1,13 @@
 import React from 'react'
 // import classnames from 'classnames'
-// import PropTypes from 'prop-types'
+import PropTypes from 'prop-types'
 import { translate } from 'react-i18next'
 import i18n from '../../i18n.js'
 import SelectStatus from '../Input/SelectStatus/SelectStatus.jsx'
 
-translate.setI18n(i18n)
-
 const PopinFixedOption = props => {
+  translate.setI18n(props.i18n ? props.i18n : i18n) // mandatory to allow Apps to overrides trad
+
   return (
     <div className='wsFileGeneric__option'>
       <div className='wsFileGeneric__option__menu'>
@@ -33,5 +33,5 @@ const PopinFixedOption = props => {
 export default translate()(PopinFixedOption)
 
 PopinFixedOption.propTypes = {
-
+  i18n: PropTypes.object // translate resource to overrides default one
 }

src/index.js

@@ -1,4 +1,6 @@
 import { libHandleFetchResult } from './helper.js'
+import fr from './translate/fr.js'
+import en from './translate/en.js'
 
 import libPopinFixed from './component/PopinFixed/PopinFixed.jsx'
 import libPopinFixedHeader from './component/PopinFixed/PopinFixedHeader.jsx'
@@ -10,6 +12,9 @@ import libTimeline from './component/Timeline/Timeline.jsx'
 import libTextAreaApp from './component/Input/TextAreaApp/TextAreaApp.jsx'
 import libBtnSwitch from './component/Input/BtnSwitch/BtnSwitch.jsx'
 
+export const langFr = fr
+export const langEn = en
+
 export const handleFetchResult = libHandleFetchResult
 
 export const PopinFixed = libPopinFixed