run prettier

main
Mike Fix 3 years ago
parent 3034f92643
commit 1aae2480fb
No known key found for this signature in database
GPG Key ID: 1D85E862314CA79F

@ -58,16 +58,8 @@ class Dropdown extends React.PureComponent {
userInputtedValue = ''
render() {
const {
innerRef,
color,
selected,
onChange,
itemWrapper,
icon,
disableInput,
title,
} = this.props
const { innerRef, color, selected, onChange, itemWrapper, icon, disableInput, title } =
this.props
const { itemsToShow, inputValue } = this.state
const labelId = title ? `${title.toLowerCase()}-dropdown` : undefined
@ -98,51 +90,53 @@ class Dropdown extends React.PureComponent {
}
}
const renderDropdown = ({ color, list, itemWrapper, icon, disableInput, title, labelId }) => ({
isOpen,
highlightedIndex,
selectedItem,
getRootProps,
getToggleButtonProps,
getInputProps,
getItemProps,
}) => {
return (
<DropdownContainer {...getRootProps({ refKey: 'innerRef' })}>
{title && <VisuallyHidden id={labelId}>{title}</VisuallyHidden>}
<DropdownIcon isOpen={isOpen}>{icon}</DropdownIcon>
<SelectedItem
getToggleButtonProps={getToggleButtonProps}
getInputProps={getInputProps}
isOpen={isOpen}
color={color}
hasIcon={!!icon}
disabled={disableInput}
>
{selectedItem.name}
</SelectedItem>
{isOpen ? (
<ListItems color={color}>
{list.map((item, index) => (
<ListItem
key={index}
color={color}
item={item}
itemWrapper={itemWrapper}
{...getItemProps({
item,
isSelected: selectedItem.name === item.name,
isHighlighted: highlightedIndex === index,
})}
>
{item.name}
</ListItem>
))}
</ListItems>
) : null}
</DropdownContainer>
)
}
const renderDropdown =
({ color, list, itemWrapper, icon, disableInput, title, labelId }) =>
({
isOpen,
highlightedIndex,
selectedItem,
getRootProps,
getToggleButtonProps,
getInputProps,
getItemProps,
}) => {
return (
<DropdownContainer {...getRootProps({ refKey: 'innerRef' })}>
{title && <VisuallyHidden id={labelId}>{title}</VisuallyHidden>}
<DropdownIcon isOpen={isOpen}>{icon}</DropdownIcon>
<SelectedItem
getToggleButtonProps={getToggleButtonProps}
getInputProps={getInputProps}
isOpen={isOpen}
color={color}
hasIcon={!!icon}
disabled={disableInput}
>
{selectedItem.name}
</SelectedItem>
{isOpen ? (
<ListItems color={color}>
{list.map((item, index) => (
<ListItem
key={index}
color={color}
item={item}
itemWrapper={itemWrapper}
{...getItemProps({
item,
isSelected: selectedItem.name === item.name,
isHighlighted: highlightedIndex === index,
})}
>
{item.name}
</ListItem>
))}
</ListItems>
) : null}
</DropdownContainer>
)
}
const DropdownContainer = ({ children, innerRef, ...rest }) => {
return (

@ -5,7 +5,7 @@ function userTiming({ category, status, value }) {
window.gtag('event', status, {
event_category: 'Performance',
event_label: category,
value
value,
})
} catch (err) {
// pass
@ -20,7 +20,7 @@ export function usePerformanceMeasurement() {
userTiming({
category: 'paint',
status: entry.name,
value: entry.startTime
value: entry.startTime,
})
})
const navigationTiming = window.performance.getEntriesByType('navigation')
@ -30,7 +30,7 @@ export function usePerformanceMeasurement() {
userTiming({
category: 'paint',
status: 'time to first byte',
value: navigationTiming.responseEnd - navigationTiming.requestStart
value: navigationTiming.responseEnd - navigationTiming.requestStart,
})
}
@ -45,7 +45,7 @@ export function usePerformanceMeasurement() {
userTiming({
category: 'javascript',
status: 'script count',
value: javascriptFiles.length
value: javascriptFiles.length,
})
/*
@ -55,7 +55,7 @@ export function usePerformanceMeasurement() {
userTiming({
category: 'javascript',
status: 'script size',
value: javascriptFiles.reduce((sum, script) => script.encodedBodySize + sum, 0)
value: javascriptFiles.reduce((sum, script) => script.encodedBodySize + sum, 0),
})
}
} catch (error) {

@ -18,10 +18,16 @@ module.exports = withBundleAnalyzer(
use: [options.defaultLoaders.babel],
})
config.plugins.push(
new options.webpack.IgnorePlugin({ resourceRegExp: /\.html$/, contextRegExp: /node_modules/ })
new options.webpack.IgnorePlugin({
resourceRegExp: /\.html$/,
contextRegExp: /node_modules/,
})
)
config.plugins.push(
new options.webpack.IgnorePlugin({ resourceRegExp: /\.css$/, contextRegExp: /node_modules/ })
new options.webpack.IgnorePlugin({
resourceRegExp: /\.css$/,
contextRegExp: /node_modules/,
})
)
return config

Loading…
Cancel
Save