diff --git a/react/DateMonthPicker/index.jsx b/react/DateMonthPicker/index.jsx
index c14e1ae0a0..d25166d887 100644
--- a/react/DateMonthPicker/index.jsx
+++ b/react/DateMonthPicker/index.jsx
@@ -86,7 +86,7 @@ const DateMonthPicker = ({ initialValue, onSelect }) => {
)
}
-const dateMonthProp = function (props, propName, componentName) {
+const dateMonthProp = function(props, propName, componentName) {
if (!/^[0-9]{4}-[0-9]{2}$/.test(props[propName])) {
return new Error(
'Invalid prop `' +
diff --git a/react/Dialog/index.jsx b/react/Dialog/index.jsx
index bb0853fe1c..6f29afb100 100644
--- a/react/Dialog/index.jsx
+++ b/react/Dialog/index.jsx
@@ -1,7 +1,6 @@
import React from 'react'
import { RemoveScroll } from 'react-remove-scroll'
import { default as MUIDialog } from '@material-ui/core/Dialog'
-import { styles } from '@material-ui/core/Backdrop/Backdrop'
import { useTheme } from '@material-ui/core'
import useBreakpoints from '../hooks/useBreakpoints'
@@ -41,8 +40,8 @@ const Dialog = props => {
: {
bottomBackground: theme.palette.background.default,
bottomTheme: 'light',
- bottomOverlay: styles.root.backgroundColor,
- topOverlay: styles.root.backgroundColor,
+ bottomOverlay: 'rgba(0, 0, 0, 0.5)',
+ topOverlay: 'rgba(0, 0, 0, 0.5)',
topBackground: theme.palette.background.paper,
topTheme: 'light'
},
diff --git a/react/Field/index.jsx b/react/Field/index.jsx
index a1d44cb106..517a138faf 100644
--- a/react/Field/index.jsx
+++ b/react/Field/index.jsx
@@ -270,7 +270,7 @@ Field.propTypes = {
name: PropTypes.string,
type: PropTypes.oneOf(allowedTypes),
// value should be an object for type=select and string for others
- value: function (props, propName, componentName) {
+ value: function(props, propName, componentName) {
// not a required props
if (typeof props[propName] === 'undefined') return
if (props.type === 'select' && typeof props[propName] !== 'object') {
diff --git a/react/Figure/Figure.spec.jsx b/react/Figure/Figure.spec.jsx
index c0847a5351..70587f7c25 100644
--- a/react/Figure/Figure.spec.jsx
+++ b/react/Figure/Figure.spec.jsx
@@ -30,10 +30,7 @@ describe('Figure', () => {
]
const combinations = combine
- .apply(
- null,
- coloredAttributes.map(x => [{ [x]: true }, { [x]: false }])
- )
+ .apply(null, coloredAttributes.map(x => [{ [x]: true }, { [x]: false }]))
.map(attrs => {
return merge.apply(null, [{}, ...attrs])
})
diff --git a/react/FilePicker/FilePickerBody.jsx b/react/FilePicker/FilePickerBody.jsx
index eb9d1eded8..0ef5460844 100644
--- a/react/FilePicker/FilePickerBody.jsx
+++ b/react/FilePicker/FilePickerBody.jsx
@@ -21,11 +21,10 @@ const FilePickerBody = ({
multiple
}) => {
const contentFolderQuery = buildContentFolderQuery(folderId)
- const {
- data: contentFolder,
- hasMore,
- fetchMore
- } = useQuery(contentFolderQuery.definition, contentFolderQuery.options)
+ const { data: contentFolder, hasMore, fetchMore } = useQuery(
+ contentFolderQuery.definition,
+ contentFolderQuery.options
+ )
const onCheck = useCallback(
fileId => {
diff --git a/react/FilePicker/FilePickerBreadcrumb.jsx b/react/FilePicker/FilePickerBreadcrumb.jsx
index fb163edb88..a35fc760de 100644
--- a/react/FilePicker/FilePickerBreadcrumb.jsx
+++ b/react/FilePicker/FilePickerBreadcrumb.jsx
@@ -12,10 +12,9 @@ const FilePickerBreadcrumb = ({ path, onBreadcrumbClick }) => {
const { isMobile } = useBreakpoints()
const hasPath = path && path.length > 0
- const navigateTo = useCallback(
- folder => () => onBreadcrumbClick(folder),
- [onBreadcrumbClick]
- )
+ const navigateTo = useCallback(folder => () => onBreadcrumbClick(folder), [
+ onBreadcrumbClick
+ ])
return (
diff --git a/react/I18n/format.jsx b/react/I18n/format.jsx
index 694c5dcfb6..8cd8f8bb7c 100644
--- a/react/I18n/format.jsx
+++ b/react/I18n/format.jsx
@@ -26,12 +26,13 @@ export const provideDateFnsLocale = (userLang, defaultLang = DEFAULT_LANG) => {
return locales[lang]
}
-export const initFormat =
- (userLang, defaultLang = DEFAULT_LANG) =>
- (date, formatStr) => {
- const locale = provideDateFnsLocale(userLang, defaultLang)
- return format(date, formatStr, { locale })
- }
+export const initFormat = (userLang, defaultLang = DEFAULT_LANG) => (
+ date,
+ formatStr
+) => {
+ const locale = provideDateFnsLocale(userLang, defaultLang)
+ return format(date, formatStr, { locale })
+}
export const formatLocallyDistanceToNow = date =>
formatDistanceToNow(date, { locale: locales[lang] })
diff --git a/react/I18n/index.jsx b/react/I18n/index.jsx
index 69dada1cda..5297be49b2 100644
--- a/react/I18n/index.jsx
+++ b/react/I18n/index.jsx
@@ -89,9 +89,8 @@ export const translate = () => WrappedComponent => {
/>
)
}
- Wrapper.displayName = `withI18n(${
- WrappedComponent.displayName || WrappedComponent.name
- })`
+ Wrapper.displayName = `withI18n(${WrappedComponent.displayName ||
+ WrappedComponent.name})`
return Wrapper
}
diff --git a/react/I18n/withLocales.jsx b/react/I18n/withLocales.jsx
index f65688e7ef..790b11c27b 100644
--- a/react/I18n/withLocales.jsx
+++ b/react/I18n/withLocales.jsx
@@ -35,9 +35,8 @@ const withLocales = localesOrRequire => Component => {
...I18n.childContextTypes
}
- Wrapped.displayName = `withLocales(${
- Component.displayName || Component.name
- })`
+ Wrapped.displayName = `withLocales(${Component.displayName ||
+ Component.name})`
// The outer component needs to receive lang
return translate()(Wrapped)
diff --git a/react/Icon/index.jsx b/react/Icon/index.jsx
index 0327c2c2c4..364453991e 100644
--- a/react/Icon/index.jsx
+++ b/react/Icon/index.jsx
@@ -42,10 +42,9 @@ function Icon(props) {
...restProps
} = props
- const Svg = useMemo(
- () => (isFunction(icon) ? icon : getSvgObject(icon)),
- [icon]
- )
+ const Svg = useMemo(() => (isFunction(icon) ? icon : getSvgObject(icon)), [
+ icon
+ ])
let style = props.style
style = Object.assign({}, style)
diff --git a/react/Infos/index.jsx b/react/Infos/index.jsx
index ef53389e05..be20193bfb 100644
--- a/react/Infos/index.jsx
+++ b/react/Infos/index.jsx
@@ -68,8 +68,14 @@ const InfosMigration = React.memo(function InfosMigration(props) {
props.text ||
props.title
if (isUsingDeprecatedProps) {
- const { title, text, icon, actionButton, isImportant, ...otherProps } =
- props
+ const {
+ title,
+ text,
+ icon,
+ actionButton,
+ isImportant,
+ ...otherProps
+ } = props
logInfosDepecrated(
'The Infos component API has changed, using any of the following props is deprecated: title, text, icon, actionButton, isImportant'
)
diff --git a/react/InfosCarrousel/index.jsx b/react/InfosCarrousel/index.jsx
index 66df930e58..7f73550a66 100644
--- a/react/InfosCarrousel/index.jsx
+++ b/react/InfosCarrousel/index.jsx
@@ -39,7 +39,7 @@ const InfosCarrousel = ({
const hasNextInfos = index === count - 1
const onChangeIndex = useCallback(
- function (index) {
+ function(index) {
const { onChangeIndex: onChangeIndexProp } = swipeableProps
if (onChangeIndexProp) {
onChangeIndexProp(index)
diff --git a/react/InfosCarrousel/index.spec.jsx b/react/InfosCarrousel/index.spec.jsx
index bf4711884a..52b4b4b9d7 100644
--- a/react/InfosCarrousel/index.spec.jsx
+++ b/react/InfosCarrousel/index.spec.jsx
@@ -37,7 +37,10 @@ const getArrowsDisabledProps = root =>
const simulateSwipeToSlideIndex = (root, slideIndex) => {
act(() => {
- root.find(SwipeableViews).props().onChangeIndex(slideIndex)
+ root
+ .find(SwipeableViews)
+ .props()
+ .onChangeIndex(slideIndex)
})
root.update()
}
diff --git a/react/InputGroup/index.jsx b/react/InputGroup/index.jsx
index aea5dbf687..f8cc77629b 100644
--- a/react/InputGroup/index.jsx
+++ b/react/InputGroup/index.jsx
@@ -22,8 +22,14 @@ class InputGroup extends Component {
}
render() {
- const { children, prepend, append, error, fullwidth, className } =
- this.props
+ const {
+ children,
+ prepend,
+ append,
+ error,
+ fullwidth,
+ className
+ } = this.props
const { focused } = this.state
return (
{
return { percentage: 0, label: 'weak' }
}
- const possibleChars = charsets.reduce(function (possibleChars, charset) {
+ const possibleChars = charsets.reduce(function(possibleChars, charset) {
if (charset.regexp.test(password)) possibleChars += charset.size
return possibleChars
}, 0)
diff --git a/react/Modal/index.spec.jsx b/react/Modal/index.spec.jsx
index cb9ff06e12..daa180eca6 100644
--- a/react/Modal/index.spec.jsx
+++ b/react/Modal/index.spec.jsx
@@ -22,7 +22,11 @@ describe('Modal', () => {
}
const clickNthButton = (root, n) =>
- root.find('button').at(n).props().onClick()
+ root
+ .find('button')
+ .at(n)
+ .props()
+ .onClick()
const mountFirstModal = root => clickNthButton(root, 0)
const mountSecondModal = root => clickNthButton(root, 1)
diff --git a/react/Nav/index.jsx b/react/Nav/index.jsx
index e20e409ade..eba84fc472 100644
--- a/react/Nav/index.jsx
+++ b/react/Nav/index.jsx
@@ -24,19 +24,16 @@ export const NavLink = {
activeClassName: styles['is-active']
}
-export const genNavLink =
- RRNavLink =>
- ({ to, children, ...rest }) =>
- (
-
- {children}
-
- )
+export const genNavLink = RRNavLink => ({ to, children, ...rest }) => (
+
+ {children}
+
+)
export const NavIcon = ({ icon }) => (
diff --git a/react/NestedSelect/NestedSelect.spec.jsx b/react/NestedSelect/NestedSelect.spec.jsx
index fff42fc352..026cd61cad 100644
--- a/react/NestedSelect/NestedSelect.spec.jsx
+++ b/react/NestedSelect/NestedSelect.spec.jsx
@@ -23,7 +23,11 @@ describe('NestedSelect', () => {
})
}
- const simulateClick = row => row.find(ListItem).props().onClick()
+ const simulateClick = row =>
+ row
+ .find(ListItem)
+ .props()
+ .onClick()
const setup = ({ canSelectParent, itemSelected, searchOptions }) => {
// Very crude notion of parenting
diff --git a/react/QuotaAlert/index.jsx b/react/QuotaAlert/index.jsx
index 3e29b58999..5b6924a5c4 100644
--- a/react/QuotaAlert/index.jsx
+++ b/react/QuotaAlert/index.jsx
@@ -65,6 +65,7 @@ const QuotaAlert = ({ onClose }) => {
if (isMobileApp()) {
return
}
+ // TODO: why is there a conditional hook here?
// eslint-disable-next-line react-hooks/rules-of-hooks
const instanceInfo = useInstance(client)
return
diff --git a/react/SelectBox/SelectBox.jsx b/react/SelectBox/SelectBox.jsx
index 1de185b07f..c628600284 100644
--- a/react/SelectBox/SelectBox.jsx
+++ b/react/SelectBox/SelectBox.jsx
@@ -111,15 +111,16 @@ const DropdownIndicator = props => {
)
}
-const reactSelectControl =
- CustomControl =>
- ({ innerProps, innerRef, children }) =>
- (
-
- {CustomControl}
-
{children}
-
+ {CustomControl}
+
{children}
+