diff --git a/src/components/Analysis/MonthlyAnalysis.tsx b/src/components/Analysis/MonthlyAnalysis.tsx
index c202d2c7a2b10e10d747b55b7318b916ad7a35c6..d879d0d2d02784fd3e93715e16fb539091bd2c4c 100644
--- a/src/components/Analysis/MonthlyAnalysis.tsx
+++ b/src/components/Analysis/MonthlyAnalysis.tsx
@@ -1,3 +1,4 @@
+import { Fade } from '@material-ui/core'
import Loader from 'components/Loader/Loader'
import { useClient } from 'cozy-client'
import { FluidType } from 'enum/fluid.enum'
@@ -119,42 +120,47 @@ const MonthlyAnalysis = ({
</div>
)}
{!loadAnalysis && (
- <div className="analysis-root">
- <div className="analysis-content">
- <Comparison
- fluidsWithData={fluidsWithData}
- monthPerformanceIndicators={performanceIndicators}
- />
- </div>
- <div className="analysis-content">
- <div className="card rich-card">
- <TotalAnalysisChart fluidsWithData={fluidsWithData} />
- </div>
- </div>
- <div className="analysis-content">
- <div className="card rich-card">
- <MaxConsumptionCard fluidsWithData={fluidsWithData} />
- </div>
- </div>
- <div className="analysis-content">
- <div className="card rich-card">
- <ProfileComparator
- aggregatedPerformanceIndicator={aggregatedPerformanceIndicators}
+ <Fade in={!loadAnalysis}>
+ <div className="analysis-root">
+ <div className="analysis-content">
+ <Comparison
fluidsWithData={fluidsWithData}
- performanceIndicators={performanceIndicators}
+ monthPerformanceIndicators={performanceIndicators}
/>
</div>
- </div>
- {fluidsWithData.includes(FluidType.ELECTRICITY) && (
+
<div className="analysis-content">
- <div className="card">
- <ElecHalfHourMonthlyAnalysis
- perfIndicator={performanceIndicators[FluidType.ELECTRICITY]}
+ <div className="card rich-card">
+ <TotalAnalysisChart fluidsWithData={fluidsWithData} />
+ </div>
+ </div>
+ <div className="analysis-content">
+ <div className="card rich-card">
+ <MaxConsumptionCard fluidsWithData={fluidsWithData} />
+ </div>
+ </div>
+ <div className="analysis-content">
+ <div className="card rich-card">
+ <ProfileComparator
+ aggregatedPerformanceIndicator={
+ aggregatedPerformanceIndicators
+ }
+ fluidsWithData={fluidsWithData}
+ performanceIndicators={performanceIndicators}
/>
</div>
</div>
- )}
- </div>
+ {fluidsWithData.includes(FluidType.ELECTRICITY) && (
+ <div className="analysis-content">
+ <div className="card">
+ <ElecHalfHourMonthlyAnalysis
+ perfIndicator={performanceIndicators[FluidType.ELECTRICITY]}
+ />
+ </div>
+ </div>
+ )}
+ </div>
+ </Fade>
)}
</>
)
diff --git a/src/components/Analysis/ProfileComparator/ProfileComparator.tsx b/src/components/Analysis/ProfileComparator/ProfileComparator.tsx
index 081ec1053b62ff87ef3db02b708d4b2c698d09e5..256de18110759729709a1c197c067f7e6cc90c19 100644
--- a/src/components/Analysis/ProfileComparator/ProfileComparator.tsx
+++ b/src/components/Analysis/ProfileComparator/ProfileComparator.tsx
@@ -161,7 +161,7 @@ const ProfileComparator = ({
<div className="analysis-graph">
{isLoading ? (
<div className="loader-container">
- <Loader color="elec" />
+ <Loader />
</div>
) : (
<>
diff --git a/src/components/Analysis/TotalAnalysisChart/TotalAnalysisChart.tsx b/src/components/Analysis/TotalAnalysisChart/TotalAnalysisChart.tsx
index f25be50174073041626d02f60b0dbe6acafffb7e..9d682401815dce5e22fe9047bcce24d1e027678f 100644
--- a/src/components/Analysis/TotalAnalysisChart/TotalAnalysisChart.tsx
+++ b/src/components/Analysis/TotalAnalysisChart/TotalAnalysisChart.tsx
@@ -1,4 +1,5 @@
import EstimatedConsumptionModal from 'components/ConsumptionVisualizer/EstimatedConsumptionModal'
+import Loader from 'components/Loader/Loader'
import { useClient } from 'cozy-client'
import { useI18n } from 'cozy-ui/transpiled/react/I18n'
import Icon from 'cozy-ui/transpiled/react/Icon'
@@ -21,6 +22,7 @@ const TotalAnalysisChart = ({
const { t } = useI18n()
const client = useClient()
const { analysisMonth } = useAppSelector(state => state.ecolyo.analysis)
+ const [isLoading, setIsLoading] = useState(true)
const [dataLoadValueDetailArray, setDataLoadValueDetailArray] = useState<
DataloadValueDetail[] | null
>(null)
@@ -51,6 +53,7 @@ const TotalAnalysisChart = ({
setDataLoadValueDetailArray(monthTotalData.actualData[0].valueDetail)
setTotalLoadValue(monthTotalData.actualData[0].value)
}
+ setIsLoading(false)
}
if (subscribed) {
getTotalData()
@@ -85,9 +88,9 @@ const TotalAnalysisChart = ({
>
<div className="text-24-normal title">{t('analysis_pie.total')}</div>
- {!dataLoadValueDetailArray ? (
- emptyPieChart()
- ) : (
+ {isLoading && <Loader />}
+ {!isLoading && !dataLoadValueDetailArray && emptyPieChart()}
+ {!isLoading && dataLoadValueDetailArray && (
<>
<PieChart
dataloadValueDetailArray={dataLoadValueDetailArray}
@@ -121,29 +124,28 @@ const TotalAnalysisChart = ({
open={openEstimationModal}
handleCloseClick={() => setOpenEstimationModal(false)}
/>
- </>
- )}
-
- {dataLoadValueDetailArray && fluidsWithData.length > 1 && (
- <div className="total-card-container">
- {dataLoadValueDetailArray.map((dataload, index) => (
- <div key={index} className="total-card">
- <div className="text-18-bold fluidconso">
- {dataload.value !== -1
- ? `${formatNumberValues(dataload.value)} €`
- : '--- €'}
- </div>
- <Icon
- className="euro-fluid-icon"
- icon={getNavPicto(index, true, true)}
- size={38}
- />
- <div className="text-16-normal">
- {t('FLUID.' + FluidType[index] + '.LABEL')}
- </div>
+ {dataLoadValueDetailArray && fluidsWithData.length > 1 && (
+ <div className="total-card-container">
+ {dataLoadValueDetailArray.map((dataload, index) => (
+ <div key={index} className="total-card">
+ <div className="text-18-bold fluidconso">
+ {dataload.value !== -1
+ ? `${formatNumberValues(dataload.value)} €`
+ : '--- €'}
+ </div>
+ <Icon
+ className="euro-fluid-icon"
+ icon={getNavPicto(index, true, true)}
+ size={38}
+ />
+ <div className="text-16-normal">
+ {t('FLUID.' + FluidType[index] + '.LABEL')}
+ </div>
+ </div>
+ ))}
</div>
- ))}
- </div>
+ )}
+ </>
)}
</div>
</>
diff --git a/src/components/Analysis/TotalAnalysisChart/totalAnalysisChart.scss b/src/components/Analysis/TotalAnalysisChart/totalAnalysisChart.scss
index 26467906ea808e9aa0deff6b0b9643e66d67cae3..efe2023b8a502e6598304d6322a9a460b913d65b 100644
--- a/src/components/Analysis/TotalAnalysisChart/totalAnalysisChart.scss
+++ b/src/components/Analysis/TotalAnalysisChart/totalAnalysisChart.scss
@@ -4,7 +4,7 @@
.totalAnalysis-container {
display: flex;
- justify-content: center;
+ justify-content: space-around;
flex-direction: column;
color: white;
.title {
diff --git a/src/components/Analysis/__snapshots__/MonthlyAnalysis.spec.tsx.snap b/src/components/Analysis/__snapshots__/MonthlyAnalysis.spec.tsx.snap
index 17cc19794a6cfb406f4512984552e0d5b7444798..493709b991a1e906e9d6ef8ccfedc74d40e215d8 100644
--- a/src/components/Analysis/__snapshots__/MonthlyAnalysis.spec.tsx.snap
+++ b/src/components/Analysis/__snapshots__/MonthlyAnalysis.spec.tsx.snap
@@ -48,126 +48,157 @@ exports[`MonthlyAnalysis component should be rendered correctly 1`] = `
saveLastScrollPosition={[MockFunction]}
scrollPosition={0}
>
- <div
- className="analysis-root"
+ <ForwardRef(Fade)
+ in={true}
>
- <div
- className="analysis-content"
- >
- <mock-comparison
- fluidsWithData={
- Array [
- 0,
- 1,
- 2,
- ]
- }
- monthPerformanceIndicators={
- Array [
- Object {
- "compareValue": 10,
- "percentageVariation": 50,
- "value": 5,
- },
- Object {
- "compareValue": 10,
- "percentageVariation": 50,
- "value": 5,
- },
- ]
+ <Transition
+ appear={true}
+ enter={true}
+ exit={true}
+ in={true}
+ mountOnEnter={false}
+ onEnter={[Function]}
+ onEntered={[Function]}
+ onEntering={[Function]}
+ onExit={[Function]}
+ onExited={[Function]}
+ onExiting={[Function]}
+ timeout={
+ Object {
+ "enter": 225,
+ "exit": 195,
}
- />
- </div>
- <div
- className="analysis-content"
- >
- <div
- className="card rich-card"
- >
- <mock-total-analysis
- fluidsWithData={
- Array [
- 0,
- 1,
- 2,
- ]
- }
- />
- </div>
- </div>
- <div
- className="analysis-content"
+ }
+ unmountOnExit={false}
>
<div
- className="card rich-card"
- >
- <mock-max-consumption
- fluidsWithData={
- Array [
- 0,
- 1,
- 2,
- ]
+ className="analysis-root"
+ style={
+ Object {
+ "opacity": 1,
+ "visibility": undefined,
}
- />
- </div>
- </div>
- <div
- className="analysis-content"
- >
- <div
- className="card rich-card"
+ }
>
- <mock-analysis
- aggregatedPerformanceIndicator={
- Object {
- "compareValue": 1.7718999999999998,
- "percentageVariation": -0.5,
- "value": 0.8859499999999999,
+ <div
+ className="analysis-content"
+ >
+ <mock-comparison
+ fluidsWithData={
+ Array [
+ 0,
+ 1,
+ 2,
+ ]
}
- }
- fluidsWithData={
- Array [
- 0,
- 1,
- 2,
- ]
- }
- performanceIndicators={
- Array [
- Object {
- "compareValue": 10,
- "percentageVariation": 50,
- "value": 5,
- },
- Object {
- "compareValue": 10,
- "percentageVariation": 50,
- "value": 5,
- },
- ]
- }
- />
- </div>
- </div>
- <div
- className="analysis-content"
- >
- <div
- className="card"
- >
- <mock-half-hour-analysis
- perfIndicator={
- Object {
- "compareValue": 10,
- "percentageVariation": 50,
- "value": 5,
+ monthPerformanceIndicators={
+ Array [
+ Object {
+ "compareValue": 10,
+ "percentageVariation": 50,
+ "value": 5,
+ },
+ Object {
+ "compareValue": 10,
+ "percentageVariation": 50,
+ "value": 5,
+ },
+ ]
}
- }
- />
+ />
+ </div>
+ <div
+ className="analysis-content"
+ >
+ <div
+ className="card rich-card"
+ >
+ <mock-total-analysis
+ fluidsWithData={
+ Array [
+ 0,
+ 1,
+ 2,
+ ]
+ }
+ />
+ </div>
+ </div>
+ <div
+ className="analysis-content"
+ >
+ <div
+ className="card rich-card"
+ >
+ <mock-max-consumption
+ fluidsWithData={
+ Array [
+ 0,
+ 1,
+ 2,
+ ]
+ }
+ />
+ </div>
+ </div>
+ <div
+ className="analysis-content"
+ >
+ <div
+ className="card rich-card"
+ >
+ <mock-analysis
+ aggregatedPerformanceIndicator={
+ Object {
+ "compareValue": 1.7718999999999998,
+ "percentageVariation": -0.5,
+ "value": 0.8859499999999999,
+ }
+ }
+ fluidsWithData={
+ Array [
+ 0,
+ 1,
+ 2,
+ ]
+ }
+ performanceIndicators={
+ Array [
+ Object {
+ "compareValue": 10,
+ "percentageVariation": 50,
+ "value": 5,
+ },
+ Object {
+ "compareValue": 10,
+ "percentageVariation": 50,
+ "value": 5,
+ },
+ ]
+ }
+ />
+ </div>
+ </div>
+ <div
+ className="analysis-content"
+ >
+ <div
+ className="card"
+ >
+ <mock-half-hour-analysis
+ perfIndicator={
+ Object {
+ "compareValue": 10,
+ "percentageVariation": 50,
+ "value": 5,
+ }
+ }
+ />
+ </div>
+ </div>
</div>
- </div>
- </div>
+ </Transition>
+ </ForwardRef(Fade)>
</MonthlyAnalysis>
</Provider>
</Router>
diff --git a/src/components/Challenge/ChallengeView.spec.tsx b/src/components/Challenge/ChallengeView.spec.tsx
index d8eee49294d6fa5475da093b816310e7100ff3b3..b713fc23256203d05322f00be711d6e5bcfaf707 100644
--- a/src/components/Challenge/ChallengeView.spec.tsx
+++ b/src/components/Challenge/ChallengeView.spec.tsx
@@ -2,7 +2,7 @@ import ChallengeView from 'components/Challenge/ChallengeView'
import { mount } from 'enzyme'
import toJson from 'enzyme-to-json'
import React from 'react'
-import * as reactRedux from 'react-redux'
+import { Provider } from 'react-redux'
import { challengeStateDataFull } from '../../../tests/__mocks__/challengeStateData.mock'
import { createMockEcolyoStore } from '../../../tests/__mocks__/store'
@@ -24,10 +24,11 @@ describe('ChallengeView component', () => {
it('should be rendered correctly', () => {
const wrapper = mount(
- <reactRedux.Provider store={store}>
+ <Provider store={store}>
<ChallengeView />
- </reactRedux.Provider>
+ </Provider>
)
+
expect(toJson(wrapper)).toMatchSnapshot()
})
})
diff --git a/src/components/Ecogesture/EcogestureList.tsx b/src/components/Ecogesture/EcogestureList.tsx
index 1d54a0d67b74f6f750fcad9c8cdcb81af3d38dcf..5e9a257bc36b9af8e6e9c4aeaeaf6a9e8c4a2f5d 100644
--- a/src/components/Ecogesture/EcogestureList.tsx
+++ b/src/components/Ecogesture/EcogestureList.tsx
@@ -1,4 +1,4 @@
-import { ListItemIcon, Menu, MenuItem } from '@material-ui/core/'
+import { Grow, ListItemIcon, Menu, MenuItem } from '@material-ui/core/'
import Button from '@material-ui/core/Button'
import CheckIcon from 'assets/icons/ico/check.svg'
import SortIcon from 'assets/icons/ico/sort.svg'
@@ -102,94 +102,101 @@ const EcogestureList = ({
<div className="ecogesture-root">
<div className="efficiency-button-content">
{displaySelection ? (
- <div className="selection text-16-normal">
- <span>{t('ecogesture.selection')}</span>
- <span>
- {`(${selectionViewed} ${t(
- 'ecogesture.selection_2'
- )} ${selectionTotal})`}
- </span>
- <Button
- aria-label={t('ecogesture.accessibility.button_selection')}
- classes={{
- root: 'btn-highlight',
- label: 'text-16-bold',
- }}
- onClick={() => navigate('/ecogesture-selection')}
- >
- {t('ecogesture.button_selection')}
- </Button>
- </div>
- ) : (
- <div className="filters text-16-normal">
- <div
- className="filter-button"
- onClick={() => toggleDropDown()}
- tabIndex={0}
- onBlur={e => {
- if (e.relatedTarget === null) toggleDropDown()
- }}
- >
+ <Grow in={displaySelection}>
+ <div className="selection text-16-normal">
+ <span>{t('ecogesture.selection')}</span>
+ <span>
+ {`(${selectionViewed} ${t(
+ 'ecogesture.selection_2'
+ )} ${selectionTotal})`}
+ </span>
<Button
+ aria-label={t('ecogesture.accessibility.button_selection')}
classes={{
- root: 'btn-secondary-negative',
- label: 'text-14-normal',
+ root: 'btn-highlight',
+ label: 'text-16-bold',
}}
- aria-controls="simple-menu"
- aria-haspopup="true"
- aria-label={t(`ecogesture.MENU_TITLE`)}
- onClick={toggleMenu}
- variant="contained"
+ onClick={() => navigate('/ecogesture-selection')}
>
- <StyledIcon icon={SortIcon} size={20} />
- <span
- className={
- openDropDown ? 'ecogestures opened' : 'ecogestures'
- }
- >
- {activeFilter === 'ALL'
- ? t(`ecogesture.MENU_TITLE`)
- : t(`ecogesture.${activeFilter}`)}
- </span>
+ {t('ecogesture.button_selection')}
</Button>
- <Menu
- anchorEl={anchorEl}
- keepMounted
- open={Boolean(anchorEl)}
- onClose={() => closeMenu()}
- PopoverClasses={{
- paper: 'filter-menu',
+ </div>
+ </Grow>
+ ) : (
+ <Grow in={!displaySelection}>
+ <div className="filters text-16-normal">
+ <div
+ className="filter-button"
+ onClick={() => toggleDropDown()}
+ tabIndex={0}
+ onBlur={e => {
+ if (e.relatedTarget === null) toggleDropDown()
}}
- variant="menu"
- MenuListProps={{ className: 'filter-menu-list' }}
>
- {Object.values(Usage).map(
- (usage, key) =>
- typeof usage !== 'number' && (
- <MenuItem
- classes={{
- root: `${
- usage === activeFilter ? 'item-active' : ''
- }`,
- }}
- key={key}
- selected={usage === activeFilter}
- onClick={() => closeMenu(usage)}
- >
- {t(`ecogesture.${usage}`)}
- {usage === activeFilter && (
- <ListItemIcon classes={{ root: 'filter-menu-icon' }}>
- <StyledIcon icon={CheckIcon} size={13} />
- </ListItemIcon>
- )}
- </MenuItem>
- )
- )}
- </Menu>
+ <Button
+ classes={{
+ root: 'btn-secondary-negative',
+ label: 'text-14-normal',
+ }}
+ aria-controls="simple-menu"
+ aria-haspopup="true"
+ aria-label={t(`ecogesture.MENU_TITLE`)}
+ onClick={toggleMenu}
+ variant="contained"
+ >
+ <StyledIcon icon={SortIcon} size={20} />
+ <span
+ className={
+ openDropDown ? 'ecogestures opened' : 'ecogestures'
+ }
+ >
+ {activeFilter === 'ALL'
+ ? t(`ecogesture.MENU_TITLE`)
+ : t(`ecogesture.${activeFilter}`)}
+ </span>
+ </Button>
+ <Menu
+ anchorEl={anchorEl}
+ keepMounted
+ open={Boolean(anchorEl)}
+ onClose={() => closeMenu()}
+ PopoverClasses={{
+ paper: 'filter-menu',
+ }}
+ variant="menu"
+ MenuListProps={{ className: 'filter-menu-list' }}
+ >
+ {Object.values(Usage).map(
+ (usage, key) =>
+ typeof usage !== 'number' && (
+ <MenuItem
+ classes={{
+ root: `${
+ usage === activeFilter ? 'item-active' : ''
+ }`,
+ }}
+ key={key}
+ selected={usage === activeFilter}
+ onClick={() => closeMenu(usage)}
+ >
+ {t(`ecogesture.${usage}`)}
+ {usage === activeFilter && (
+ <ListItemIcon
+ classes={{ root: 'filter-menu-icon' }}
+ >
+ <StyledIcon icon={CheckIcon} size={13} />
+ </ListItemIcon>
+ )}
+ </MenuItem>
+ )
+ )}
+ </Menu>
+ </div>
</div>
- </div>
+ </Grow>
)}
</div>
+
<div className="ecogesture-content">
{renderEcogestureContent()}
{!displaySelection && handleReinitClick && (
diff --git a/src/components/Ecogesture/__snapshots__/EcogestureList.spec.tsx.snap b/src/components/Ecogesture/__snapshots__/EcogestureList.spec.tsx.snap
index c51902144e89d9522a3edeabc71523e639d95c5c..14cee0ae8036565908d38f268a074c28db3fb14b 100644
--- a/src/components/Ecogesture/__snapshots__/EcogestureList.spec.tsx.snap
+++ b/src/components/Ecogesture/__snapshots__/EcogestureList.spec.tsx.snap
@@ -146,568 +146,539 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
<div
className="efficiency-button-content"
>
- <div
- className="filters text-16-normal"
+ <ForwardRef(Grow)
+ in={true}
>
- <div
- className="filter-button"
- onBlur={[Function]}
- onClick={[Function]}
- tabIndex={0}
+ <Transition
+ addEndListener={[Function]}
+ appear={true}
+ enter={true}
+ exit={true}
+ in={true}
+ mountOnEnter={false}
+ onEnter={[Function]}
+ onEntered={[Function]}
+ onEntering={[Function]}
+ onExit={[Function]}
+ onExited={[Function]}
+ onExiting={[Function]}
+ timeout={null}
+ unmountOnExit={false}
>
- <WithStyles(ForwardRef(Button))
- aria-controls="simple-menu"
- aria-haspopup="true"
- aria-label="ecogesture.MENU_TITLE"
- classes={
+ <div
+ className="filters text-16-normal"
+ style={
Object {
- "label": "text-14-normal",
- "root": "btn-secondary-negative",
+ "opacity": 1,
+ "transform": "none",
+ "visibility": undefined,
}
}
- onClick={[Function]}
- variant="contained"
>
- <ForwardRef(Button)
- aria-controls="simple-menu"
- aria-haspopup="true"
- aria-label="ecogesture.MENU_TITLE"
- classes={
- Object {
- "colorInherit": "MuiButton-colorInherit",
- "contained": "MuiButton-contained",
- "containedPrimary": "MuiButton-containedPrimary",
- "containedSecondary": "MuiButton-containedSecondary",
- "containedSizeLarge": "MuiButton-containedSizeLarge",
- "containedSizeSmall": "MuiButton-containedSizeSmall",
- "disableElevation": "MuiButton-disableElevation",
- "disabled": "Mui-disabled",
- "endIcon": "MuiButton-endIcon",
- "focusVisible": "Mui-focusVisible",
- "fullWidth": "MuiButton-fullWidth",
- "iconSizeLarge": "MuiButton-iconSizeLarge",
- "iconSizeMedium": "MuiButton-iconSizeMedium",
- "iconSizeSmall": "MuiButton-iconSizeSmall",
- "label": "MuiButton-label text-14-normal",
- "outlined": "MuiButton-outlined",
- "outlinedPrimary": "MuiButton-outlinedPrimary",
- "outlinedSecondary": "MuiButton-outlinedSecondary",
- "outlinedSizeLarge": "MuiButton-outlinedSizeLarge",
- "outlinedSizeSmall": "MuiButton-outlinedSizeSmall",
- "root": "MuiButton-root btn-secondary-negative",
- "sizeLarge": "MuiButton-sizeLarge",
- "sizeSmall": "MuiButton-sizeSmall",
- "startIcon": "MuiButton-startIcon",
- "text": "MuiButton-text",
- "textPrimary": "MuiButton-textPrimary",
- "textSecondary": "MuiButton-textSecondary",
- "textSizeLarge": "MuiButton-textSizeLarge",
- "textSizeSmall": "MuiButton-textSizeSmall",
- }
- }
+ <div
+ className="filter-button"
+ onBlur={[Function]}
onClick={[Function]}
- variant="contained"
+ tabIndex={0}
>
- <WithStyles(ForwardRef(ButtonBase))
+ <WithStyles(ForwardRef(Button))
aria-controls="simple-menu"
aria-haspopup="true"
aria-label="ecogesture.MENU_TITLE"
- className="MuiButton-root btn-secondary-negative MuiButton-contained"
- component="button"
- disabled={false}
- focusRipple={true}
- focusVisibleClassName="Mui-focusVisible"
+ classes={
+ Object {
+ "label": "text-14-normal",
+ "root": "btn-secondary-negative",
+ }
+ }
onClick={[Function]}
- type="button"
+ variant="contained"
>
- <ForwardRef(ButtonBase)
+ <ForwardRef(Button)
aria-controls="simple-menu"
aria-haspopup="true"
aria-label="ecogesture.MENU_TITLE"
- className="MuiButton-root btn-secondary-negative MuiButton-contained"
classes={
Object {
+ "colorInherit": "MuiButton-colorInherit",
+ "contained": "MuiButton-contained",
+ "containedPrimary": "MuiButton-containedPrimary",
+ "containedSecondary": "MuiButton-containedSecondary",
+ "containedSizeLarge": "MuiButton-containedSizeLarge",
+ "containedSizeSmall": "MuiButton-containedSizeSmall",
+ "disableElevation": "MuiButton-disableElevation",
"disabled": "Mui-disabled",
+ "endIcon": "MuiButton-endIcon",
"focusVisible": "Mui-focusVisible",
- "root": "MuiButtonBase-root",
+ "fullWidth": "MuiButton-fullWidth",
+ "iconSizeLarge": "MuiButton-iconSizeLarge",
+ "iconSizeMedium": "MuiButton-iconSizeMedium",
+ "iconSizeSmall": "MuiButton-iconSizeSmall",
+ "label": "MuiButton-label text-14-normal",
+ "outlined": "MuiButton-outlined",
+ "outlinedPrimary": "MuiButton-outlinedPrimary",
+ "outlinedSecondary": "MuiButton-outlinedSecondary",
+ "outlinedSizeLarge": "MuiButton-outlinedSizeLarge",
+ "outlinedSizeSmall": "MuiButton-outlinedSizeSmall",
+ "root": "MuiButton-root btn-secondary-negative",
+ "sizeLarge": "MuiButton-sizeLarge",
+ "sizeSmall": "MuiButton-sizeSmall",
+ "startIcon": "MuiButton-startIcon",
+ "text": "MuiButton-text",
+ "textPrimary": "MuiButton-textPrimary",
+ "textSecondary": "MuiButton-textSecondary",
+ "textSizeLarge": "MuiButton-textSizeLarge",
+ "textSizeSmall": "MuiButton-textSizeSmall",
}
}
- component="button"
- disabled={false}
- focusRipple={true}
- focusVisibleClassName="Mui-focusVisible"
onClick={[Function]}
- type="button"
+ variant="contained"
>
- <button
+ <WithStyles(ForwardRef(ButtonBase))
aria-controls="simple-menu"
aria-haspopup="true"
aria-label="ecogesture.MENU_TITLE"
- className="MuiButtonBase-root MuiButton-root btn-secondary-negative MuiButton-contained"
+ className="MuiButton-root btn-secondary-negative MuiButton-contained"
+ component="button"
disabled={false}
- onBlur={[Function]}
+ focusRipple={true}
+ focusVisibleClassName="Mui-focusVisible"
onClick={[Function]}
- onDragLeave={[Function]}
- onFocus={[Function]}
- onKeyDown={[Function]}
- onKeyUp={[Function]}
- onMouseDown={[Function]}
- onMouseLeave={[Function]}
- onMouseUp={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
- tabIndex={0}
type="button"
>
- <span
- className="MuiButton-label text-14-normal"
+ <ForwardRef(ButtonBase)
+ aria-controls="simple-menu"
+ aria-haspopup="true"
+ aria-label="ecogesture.MENU_TITLE"
+ className="MuiButton-root btn-secondary-negative MuiButton-contained"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
+ }
+ }
+ component="button"
+ disabled={false}
+ focusRipple={true}
+ focusVisibleClassName="Mui-focusVisible"
+ onClick={[Function]}
+ type="button"
>
- <StyledIcon
- icon="test-file-stub"
- size={20}
+ <button
+ aria-controls="simple-menu"
+ aria-haspopup="true"
+ aria-label="ecogesture.MENU_TITLE"
+ className="MuiButtonBase-root MuiButton-root btn-secondary-negative MuiButton-contained"
+ disabled={false}
+ onBlur={[Function]}
+ onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
+ tabIndex={0}
+ type="button"
>
- <Icon
- aria-hidden={true}
- icon="test-file-stub"
- size={20}
- spin={false}
+ <span
+ className="MuiButton-label text-14-normal"
>
- <Component
- aria-hidden={true}
- className="styles__icon___23x3R"
- height={20}
- style={Object {}}
- width={20}
+ <StyledIcon
+ icon="test-file-stub"
+ size={20}
>
- <svg
+ <Icon
aria-hidden={true}
- className="styles__icon___23x3R"
- height={20}
- style={Object {}}
- width={20}
+ icon="test-file-stub"
+ size={20}
+ spin={false}
>
- <use
- xlinkHref="#test-file-stub"
- />
- </svg>
- </Component>
- </Icon>
- </StyledIcon>
- <span
- className="ecogestures"
- >
- ecogesture.MENU_TITLE
- </span>
- </span>
- <WithStyles(memo)
- center={false}
- >
- <ForwardRef(TouchRipple)
- center={false}
- classes={
- Object {
- "child": "MuiTouchRipple-child",
- "childLeaving": "MuiTouchRipple-childLeaving",
- "childPulsate": "MuiTouchRipple-childPulsate",
- "ripple": "MuiTouchRipple-ripple",
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
- "rippleVisible": "MuiTouchRipple-rippleVisible",
- "root": "MuiTouchRipple-root",
- }
- }
- >
- <span
- className="MuiTouchRipple-root"
- >
- <TransitionGroup
- childFactory={[Function]}
- component={null}
- exit={true}
- />
+ <Component
+ aria-hidden={true}
+ className="styles__icon___23x3R"
+ height={20}
+ style={Object {}}
+ width={20}
+ >
+ <svg
+ aria-hidden={true}
+ className="styles__icon___23x3R"
+ height={20}
+ style={Object {}}
+ width={20}
+ >
+ <use
+ xlinkHref="#test-file-stub"
+ />
+ </svg>
+ </Component>
+ </Icon>
+ </StyledIcon>
+ <span
+ className="ecogestures"
+ >
+ ecogesture.MENU_TITLE
+ </span>
</span>
- </ForwardRef(TouchRipple)>
- </WithStyles(memo)>
- </button>
- </ForwardRef(ButtonBase)>
- </WithStyles(ForwardRef(ButtonBase))>
- </ForwardRef(Button)>
- </WithStyles(ForwardRef(Button))>
- <WithStyles(ForwardRef(Menu))
- MenuListProps={
- Object {
- "className": "filter-menu-list",
- }
- }
- PopoverClasses={
- Object {
- "paper": "filter-menu",
- }
- }
- anchorEl={null}
- keepMounted={true}
- onClose={[Function]}
- open={false}
- variant="menu"
- >
- <ForwardRef(Menu)
- MenuListProps={
- Object {
- "className": "filter-menu-list",
- }
- }
- PopoverClasses={
- Object {
- "paper": "filter-menu",
- }
- }
- anchorEl={null}
- classes={
- Object {
- "list": "MuiMenu-list",
- "paper": "MuiMenu-paper",
- }
- }
- keepMounted={true}
- onClose={[Function]}
- open={false}
- variant="menu"
- >
- <WithStyles(ForwardRef(Popover))
- PaperProps={
- Object {
- "classes": Object {
- "root": "MuiMenu-paper",
- },
- }
- }
- TransitionProps={
- Object {
- "onEntering": [Function],
- }
- }
- anchorEl={null}
- anchorOrigin={
+ <WithStyles(memo)
+ center={false}
+ >
+ <ForwardRef(TouchRipple)
+ center={false}
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
+ }
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
+ >
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </button>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(Button)>
+ </WithStyles(ForwardRef(Button))>
+ <WithStyles(ForwardRef(Menu))
+ MenuListProps={
Object {
- "horizontal": "left",
- "vertical": "top",
+ "className": "filter-menu-list",
}
}
- classes={
+ PopoverClasses={
Object {
"paper": "filter-menu",
}
}
- getContentAnchorEl={[Function]}
+ anchorEl={null}
keepMounted={true}
onClose={[Function]}
open={false}
- transformOrigin={
- Object {
- "horizontal": "left",
- "vertical": "top",
- }
- }
- transitionDuration="auto"
+ variant="menu"
>
- <ForwardRef(Popover)
- PaperProps={
+ <ForwardRef(Menu)
+ MenuListProps={
Object {
- "classes": Object {
- "root": "MuiMenu-paper",
- },
+ "className": "filter-menu-list",
}
}
- TransitionProps={
+ PopoverClasses={
Object {
- "onEntering": [Function],
+ "paper": "filter-menu",
}
}
anchorEl={null}
- anchorOrigin={
- Object {
- "horizontal": "left",
- "vertical": "top",
- }
- }
classes={
Object {
- "paper": "MuiPopover-paper filter-menu",
- "root": "MuiPopover-root",
+ "list": "MuiMenu-list",
+ "paper": "MuiMenu-paper",
}
}
- getContentAnchorEl={[Function]}
keepMounted={true}
onClose={[Function]}
open={false}
- transformOrigin={
- Object {
- "horizontal": "left",
- "vertical": "top",
- }
- }
- transitionDuration="auto"
+ variant="menu"
>
- <ForwardRef(Modal)
- BackdropProps={
+ <WithStyles(ForwardRef(Popover))
+ PaperProps={
+ Object {
+ "classes": Object {
+ "root": "MuiMenu-paper",
+ },
+ }
+ }
+ TransitionProps={
Object {
- "invisible": true,
+ "onEntering": [Function],
}
}
- className="MuiPopover-root"
+ anchorEl={null}
+ anchorOrigin={
+ Object {
+ "horizontal": "left",
+ "vertical": "top",
+ }
+ }
+ classes={
+ Object {
+ "paper": "filter-menu",
+ }
+ }
+ getContentAnchorEl={[Function]}
keepMounted={true}
onClose={[Function]}
open={false}
+ transformOrigin={
+ Object {
+ "horizontal": "left",
+ "vertical": "top",
+ }
+ }
+ transitionDuration="auto"
>
- <ForwardRef(Portal)
- disablePortal={false}
+ <ForwardRef(Popover)
+ PaperProps={
+ Object {
+ "classes": Object {
+ "root": "MuiMenu-paper",
+ },
+ }
+ }
+ TransitionProps={
+ Object {
+ "onEntering": [Function],
+ }
+ }
+ anchorEl={null}
+ anchorOrigin={
+ Object {
+ "horizontal": "left",
+ "vertical": "top",
+ }
+ }
+ classes={
+ Object {
+ "paper": "MuiPopover-paper filter-menu",
+ "root": "MuiPopover-root",
+ }
+ }
+ getContentAnchorEl={[Function]}
+ keepMounted={true}
+ onClose={[Function]}
+ open={false}
+ transformOrigin={
+ Object {
+ "horizontal": "left",
+ "vertical": "top",
+ }
+ }
+ transitionDuration="auto"
>
- <Portal
- containerInfo={
- <body>
- <div
- aria-hidden="true"
- class="MuiPopover-root"
- role="presentation"
- style="position: fixed; z-index: 1300; right: 0px; bottom: 0px; top: 0px; left: 0px; visibility: hidden;"
- >
- <div
- data-test="sentinelStart"
- tabindex="0"
- />
- <div
- class="MuiPaper-root MuiMenu-paper MuiPopover-paper filter-menu MuiPaper-elevation8 MuiPaper-rounded"
- style="opacity: 0; transform: scale(0.75, 0.5625); visibility: hidden;"
- tabindex="-1"
- >
- <ul
- class="MuiList-root MuiMenu-list filter-menu-list MuiList-padding"
- role="menu"
- tabindex="-1"
+ <ForwardRef(Modal)
+ BackdropProps={
+ Object {
+ "invisible": true,
+ }
+ }
+ className="MuiPopover-root"
+ keepMounted={true}
+ onClose={[Function]}
+ open={false}
+ >
+ <ForwardRef(Portal)
+ disablePortal={false}
+ >
+ <Portal
+ containerInfo={
+ <body>
+ <div
+ aria-hidden="true"
+ class="MuiPopover-root"
+ role="presentation"
+ style="position: fixed; z-index: 1300; right: 0px; bottom: 0px; top: 0px; left: 0px; visibility: hidden;"
>
- <li
- aria-disabled="false"
- class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button Mui-selected"
- role="menuitem"
+ <div
+ data-test="sentinelStart"
+ tabindex="0"
+ />
+ <div
+ class="MuiPaper-root MuiMenu-paper MuiPopover-paper filter-menu MuiPaper-elevation8 MuiPaper-rounded"
+ style="opacity: 0; transform: scale(0.75, 0.5625); visibility: hidden;"
tabindex="-1"
>
- ecogesture.ALL
- <div
- class="MuiListItemIcon-root filter-menu-icon"
+ <ul
+ class="MuiList-root MuiMenu-list filter-menu-list MuiList-padding"
+ role="menu"
+ tabindex="-1"
>
- <svg
- aria-hidden="true"
- class="styles__icon___23x3R"
- height="13"
- width="13"
+ <li
+ aria-disabled="false"
+ class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button Mui-selected"
+ role="menuitem"
+ tabindex="-1"
>
- <use
- xlink:href="#test-file-stub"
+ ecogesture.ALL
+ <div
+ class="MuiListItemIcon-root filter-menu-icon"
+ >
+ <svg
+ aria-hidden="true"
+ class="styles__icon___23x3R"
+ height="13"
+ width="13"
+ >
+ <use
+ xlink:href="#test-file-stub"
+ />
+ </svg>
+ </div>
+ <span
+ class="MuiTouchRipple-root"
/>
- </svg>
- </div>
- <span
- class="MuiTouchRipple-root"
- />
- </li>
- <li
- aria-disabled="false"
- class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- role="menuitem"
- tabindex="-1"
- >
- ecogesture.HEATING
- <span
- class="MuiTouchRipple-root"
- />
- </li>
- <li
- aria-disabled="false"
- class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- role="menuitem"
- tabindex="-1"
- >
- ecogesture.AIR_CONDITIONING
- <span
- class="MuiTouchRipple-root"
- />
- </li>
- <li
- aria-disabled="false"
- class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- role="menuitem"
- tabindex="-1"
- >
- ecogesture.ECS
- <span
- class="MuiTouchRipple-root"
- />
- </li>
- <li
- aria-disabled="false"
- class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- role="menuitem"
- tabindex="-1"
- >
- ecogesture.COLD_WATER
- <span
- class="MuiTouchRipple-root"
- />
- </li>
- <li
- aria-disabled="false"
- class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- role="menuitem"
- tabindex="-1"
- >
- ecogesture.ELECTRICITY_SPECIFIC
- <span
- class="MuiTouchRipple-root"
- />
- </li>
- <li
- aria-disabled="false"
- class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- role="menuitem"
- tabindex="-1"
- >
- ecogesture.COOKING
- <span
- class="MuiTouchRipple-root"
- />
- </li>
- </ul>
- </div>
- <div
- data-test="sentinelEnd"
- tabindex="0"
- />
- </div>
- </body>
- }
- >
- <div
- className="MuiPopover-root"
- onKeyDown={[Function]}
- role="presentation"
- style={
- Object {
- "bottom": 0,
- "left": 0,
- "position": "fixed",
- "right": 0,
- "top": 0,
- "visibility": "hidden",
- "zIndex": 1300,
+ </li>
+ <li
+ aria-disabled="false"
+ class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ role="menuitem"
+ tabindex="-1"
+ >
+ ecogesture.HEATING
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </li>
+ <li
+ aria-disabled="false"
+ class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ role="menuitem"
+ tabindex="-1"
+ >
+ ecogesture.AIR_CONDITIONING
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </li>
+ <li
+ aria-disabled="false"
+ class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ role="menuitem"
+ tabindex="-1"
+ >
+ ecogesture.ECS
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </li>
+ <li
+ aria-disabled="false"
+ class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ role="menuitem"
+ tabindex="-1"
+ >
+ ecogesture.COLD_WATER
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </li>
+ <li
+ aria-disabled="false"
+ class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ role="menuitem"
+ tabindex="-1"
+ >
+ ecogesture.ELECTRICITY_SPECIFIC
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </li>
+ <li
+ aria-disabled="false"
+ class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ role="menuitem"
+ tabindex="-1"
+ >
+ ecogesture.COOKING
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </li>
+ </ul>
+ </div>
+ <div
+ data-test="sentinelEnd"
+ tabindex="0"
+ />
+ </div>
+ </body>
}
- }
- >
- <ForwardRef(SimpleBackdrop)
- invisible={true}
- onClick={[Function]}
- open={false}
- />
- <Unstable_TrapFocus
- disableAutoFocus={false}
- disableEnforceFocus={false}
- disableRestoreFocus={false}
- getDoc={[Function]}
- isEnabled={[Function]}
- open={false}
>
<div
- data-test="sentinelStart"
- tabIndex={0}
- />
- <ForwardRef(Grow)
- appear={true}
- in={false}
- onEnter={[Function]}
- onEntering={[Function]}
- onExited={[Function]}
- tabIndex="-1"
- timeout="auto"
+ className="MuiPopover-root"
+ onKeyDown={[Function]}
+ role="presentation"
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "fixed",
+ "right": 0,
+ "top": 0,
+ "visibility": "hidden",
+ "zIndex": 1300,
+ }
+ }
>
- <Transition
- addEndListener={[Function]}
- appear={true}
- enter={true}
- exit={true}
- in={false}
- mountOnEnter={false}
- onEnter={[Function]}
- onEntered={[Function]}
- onEntering={[Function]}
- onExit={[Function]}
- onExited={[Function]}
- onExiting={[Function]}
- tabIndex="-1"
- timeout={null}
- unmountOnExit={false}
+ <ForwardRef(SimpleBackdrop)
+ invisible={true}
+ onClick={[Function]}
+ open={false}
+ />
+ <Unstable_TrapFocus
+ disableAutoFocus={false}
+ disableEnforceFocus={false}
+ disableRestoreFocus={false}
+ getDoc={[Function]}
+ isEnabled={[Function]}
+ open={false}
>
- <WithStyles(ForwardRef(Paper))
- className="MuiPopover-paper filter-menu"
- classes={
- Object {
- "root": "MuiMenu-paper",
- }
- }
- elevation={8}
- style={
- Object {
- "opacity": 0,
- "transform": "scale(0.75, 0.5625)",
- "visibility": "hidden",
- }
- }
+ <div
+ data-test="sentinelStart"
+ tabIndex={0}
+ />
+ <ForwardRef(Grow)
+ appear={true}
+ in={false}
+ onEnter={[Function]}
+ onEntering={[Function]}
+ onExited={[Function]}
tabIndex="-1"
+ timeout="auto"
>
- <ForwardRef(Paper)
- className="MuiPopover-paper filter-menu"
- classes={
- Object {
- "elevation0": "MuiPaper-elevation0",
- "elevation1": "MuiPaper-elevation1",
- "elevation10": "MuiPaper-elevation10",
- "elevation11": "MuiPaper-elevation11",
- "elevation12": "MuiPaper-elevation12",
- "elevation13": "MuiPaper-elevation13",
- "elevation14": "MuiPaper-elevation14",
- "elevation15": "MuiPaper-elevation15",
- "elevation16": "MuiPaper-elevation16",
- "elevation17": "MuiPaper-elevation17",
- "elevation18": "MuiPaper-elevation18",
- "elevation19": "MuiPaper-elevation19",
- "elevation2": "MuiPaper-elevation2",
- "elevation20": "MuiPaper-elevation20",
- "elevation21": "MuiPaper-elevation21",
- "elevation22": "MuiPaper-elevation22",
- "elevation23": "MuiPaper-elevation23",
- "elevation24": "MuiPaper-elevation24",
- "elevation3": "MuiPaper-elevation3",
- "elevation4": "MuiPaper-elevation4",
- "elevation5": "MuiPaper-elevation5",
- "elevation6": "MuiPaper-elevation6",
- "elevation7": "MuiPaper-elevation7",
- "elevation8": "MuiPaper-elevation8",
- "elevation9": "MuiPaper-elevation9",
- "outlined": "MuiPaper-outlined",
- "root": "MuiPaper-root MuiMenu-paper",
- "rounded": "MuiPaper-rounded",
- }
- }
- elevation={8}
- style={
- Object {
- "opacity": 0,
- "transform": "scale(0.75, 0.5625)",
- "visibility": "hidden",
- }
- }
+ <Transition
+ addEndListener={[Function]}
+ appear={true}
+ enter={true}
+ exit={true}
+ in={false}
+ mountOnEnter={false}
+ onEnter={[Function]}
+ onEntered={[Function]}
+ onEntering={[Function]}
+ onExit={[Function]}
+ onExited={[Function]}
+ onExiting={[Function]}
tabIndex="-1"
+ timeout={null}
+ unmountOnExit={false}
>
- <div
- className="MuiPaper-root MuiMenu-paper MuiPopover-paper filter-menu MuiPaper-elevation8 MuiPaper-rounded"
+ <WithStyles(ForwardRef(Paper))
+ className="MuiPopover-paper filter-menu"
+ classes={
+ Object {
+ "root": "MuiMenu-paper",
+ }
+ }
+ elevation={8}
style={
Object {
"opacity": 0,
@@ -717,1110 +688,1167 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
}
tabIndex="-1"
>
- <ForwardRef(MenuList)
- actions={
+ <ForwardRef(Paper)
+ className="MuiPopover-paper filter-menu"
+ classes={
+ Object {
+ "elevation0": "MuiPaper-elevation0",
+ "elevation1": "MuiPaper-elevation1",
+ "elevation10": "MuiPaper-elevation10",
+ "elevation11": "MuiPaper-elevation11",
+ "elevation12": "MuiPaper-elevation12",
+ "elevation13": "MuiPaper-elevation13",
+ "elevation14": "MuiPaper-elevation14",
+ "elevation15": "MuiPaper-elevation15",
+ "elevation16": "MuiPaper-elevation16",
+ "elevation17": "MuiPaper-elevation17",
+ "elevation18": "MuiPaper-elevation18",
+ "elevation19": "MuiPaper-elevation19",
+ "elevation2": "MuiPaper-elevation2",
+ "elevation20": "MuiPaper-elevation20",
+ "elevation21": "MuiPaper-elevation21",
+ "elevation22": "MuiPaper-elevation22",
+ "elevation23": "MuiPaper-elevation23",
+ "elevation24": "MuiPaper-elevation24",
+ "elevation3": "MuiPaper-elevation3",
+ "elevation4": "MuiPaper-elevation4",
+ "elevation5": "MuiPaper-elevation5",
+ "elevation6": "MuiPaper-elevation6",
+ "elevation7": "MuiPaper-elevation7",
+ "elevation8": "MuiPaper-elevation8",
+ "elevation9": "MuiPaper-elevation9",
+ "outlined": "MuiPaper-outlined",
+ "root": "MuiPaper-root MuiMenu-paper",
+ "rounded": "MuiPaper-rounded",
+ }
+ }
+ elevation={8}
+ style={
Object {
- "current": Object {
- "adjustStyleForScrollbar": [Function],
- },
+ "opacity": 0,
+ "transform": "scale(0.75, 0.5625)",
+ "visibility": "hidden",
}
}
- autoFocus={false}
- autoFocusItem={false}
- className="MuiMenu-list filter-menu-list"
- onKeyDown={[Function]}
- variant="menu"
+ tabIndex="-1"
>
- <WithStyles(ForwardRef(List))
- className="MuiMenu-list filter-menu-list"
- onKeyDown={[Function]}
- role="menu"
- tabIndex={-1}
+ <div
+ className="MuiPaper-root MuiMenu-paper MuiPopover-paper filter-menu MuiPaper-elevation8 MuiPaper-rounded"
+ style={
+ Object {
+ "opacity": 0,
+ "transform": "scale(0.75, 0.5625)",
+ "visibility": "hidden",
+ }
+ }
+ tabIndex="-1"
>
- <ForwardRef(List)
- className="MuiMenu-list filter-menu-list"
- classes={
+ <ForwardRef(MenuList)
+ actions={
Object {
- "dense": "MuiList-dense",
- "padding": "MuiList-padding",
- "root": "MuiList-root",
- "subheader": "MuiList-subheader",
+ "current": Object {
+ "adjustStyleForScrollbar": [Function],
+ },
}
}
+ autoFocus={false}
+ autoFocusItem={false}
+ className="MuiMenu-list filter-menu-list"
onKeyDown={[Function]}
- role="menu"
- tabIndex={-1}
+ variant="menu"
>
- <ul
- className="MuiList-root MuiMenu-list filter-menu-list MuiList-padding"
+ <WithStyles(ForwardRef(List))
+ className="MuiMenu-list filter-menu-list"
onKeyDown={[Function]}
role="menu"
tabIndex={-1}
>
- <WithStyles(ForwardRef(MenuItem))
+ <ForwardRef(List)
+ className="MuiMenu-list filter-menu-list"
classes={
Object {
- "root": "item-active",
+ "dense": "MuiList-dense",
+ "padding": "MuiList-padding",
+ "root": "MuiList-root",
+ "subheader": "MuiList-subheader",
}
}
- key=".$.$0"
- onClick={[Function]}
- selected={true}
+ onKeyDown={[Function]}
+ role="menu"
+ tabIndex={-1}
>
- <ForwardRef(MenuItem)
- classes={
- Object {
- "dense": "MuiMenuItem-dense",
- "gutters": "MuiMenuItem-gutters",
- "root": "MuiMenuItem-root item-active",
- "selected": "Mui-selected",
- }
- }
- onClick={[Function]}
- selected={true}
+ <ul
+ className="MuiList-root MuiMenu-list filter-menu-list MuiList-padding"
+ onKeyDown={[Function]}
+ role="menu"
+ tabIndex={-1}
>
- <WithStyles(ForwardRef(ListItem))
- button={true}
- className="MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters"
+ <WithStyles(ForwardRef(MenuItem))
classes={
Object {
- "dense": "MuiMenuItem-dense",
+ "root": "item-active",
}
}
- component="li"
- disableGutters={false}
+ key=".$.$0"
onClick={[Function]}
- role="menuitem"
selected={true}
- tabIndex={-1}
>
- <ForwardRef(ListItem)
- button={true}
- className="MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters"
+ <ForwardRef(MenuItem)
classes={
Object {
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
- "button": "MuiListItem-button",
- "container": "MuiListItem-container",
- "dense": "MuiListItem-dense MuiMenuItem-dense",
- "disabled": "Mui-disabled",
- "divider": "MuiListItem-divider",
- "focusVisible": "Mui-focusVisible",
- "gutters": "MuiListItem-gutters",
- "root": "MuiListItem-root",
- "secondaryAction": "MuiListItem-secondaryAction",
+ "dense": "MuiMenuItem-dense",
+ "gutters": "MuiMenuItem-gutters",
+ "root": "MuiMenuItem-root item-active",
"selected": "Mui-selected",
}
}
- component="li"
- disableGutters={false}
onClick={[Function]}
- role="menuitem"
selected={true}
- tabIndex={-1}
>
- <WithStyles(ForwardRef(ButtonBase))
- className="MuiListItem-root MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button Mui-selected"
+ <WithStyles(ForwardRef(ListItem))
+ button={true}
+ className="MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters"
+ classes={
+ Object {
+ "dense": "MuiMenuItem-dense",
+ }
+ }
component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ disableGutters={false}
onClick={[Function]}
role="menuitem"
+ selected={true}
tabIndex={-1}
>
- <ForwardRef(ButtonBase)
- className="MuiListItem-root MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button Mui-selected"
+ <ForwardRef(ListItem)
+ button={true}
+ className="MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters"
classes={
Object {
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
+ "button": "MuiListItem-button",
+ "container": "MuiListItem-container",
+ "dense": "MuiListItem-dense MuiMenuItem-dense",
"disabled": "Mui-disabled",
+ "divider": "MuiListItem-divider",
"focusVisible": "Mui-focusVisible",
- "root": "MuiButtonBase-root",
+ "gutters": "MuiListItem-gutters",
+ "root": "MuiListItem-root",
+ "secondaryAction": "MuiListItem-secondaryAction",
+ "selected": "Mui-selected",
}
}
component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ disableGutters={false}
onClick={[Function]}
role="menuitem"
+ selected={true}
tabIndex={-1}
>
- <li
- aria-disabled={false}
- className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button Mui-selected"
- onBlur={[Function]}
+ <WithStyles(ForwardRef(ButtonBase))
+ className="MuiListItem-root MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button Mui-selected"
+ component="li"
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
onClick={[Function]}
- onDragLeave={[Function]}
- onFocus={[Function]}
- onKeyDown={[Function]}
- onKeyUp={[Function]}
- onMouseDown={[Function]}
- onMouseLeave={[Function]}
- onMouseUp={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
role="menuitem"
tabIndex={-1}
>
- ecogesture.ALL
- <WithStyles(ForwardRef(ListItemIcon))
+ <ForwardRef(ButtonBase)
+ className="MuiListItem-root MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button Mui-selected"
classes={
Object {
- "root": "filter-menu-icon",
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
}
}
- key=".1"
+ component="li"
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
+ onClick={[Function]}
+ role="menuitem"
+ tabIndex={-1}
>
- <ForwardRef(ListItemIcon)
- classes={
- Object {
- "alignItemsFlexStart": "MuiListItemIcon-alignItemsFlexStart",
- "root": "MuiListItemIcon-root filter-menu-icon",
- }
- }
+ <li
+ aria-disabled={false}
+ className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button Mui-selected"
+ onBlur={[Function]}
+ onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
+ role="menuitem"
+ tabIndex={-1}
>
- <div
- className="MuiListItemIcon-root filter-menu-icon"
+ ecogesture.ALL
+ <WithStyles(ForwardRef(ListItemIcon))
+ classes={
+ Object {
+ "root": "filter-menu-icon",
+ }
+ }
+ key=".1"
>
- <StyledIcon
- icon="test-file-stub"
- size={13}
+ <ForwardRef(ListItemIcon)
+ classes={
+ Object {
+ "alignItemsFlexStart": "MuiListItemIcon-alignItemsFlexStart",
+ "root": "MuiListItemIcon-root filter-menu-icon",
+ }
+ }
>
- <Icon
- aria-hidden={true}
- icon="test-file-stub"
- size={13}
- spin={false}
+ <div
+ className="MuiListItemIcon-root filter-menu-icon"
>
- <Component
- aria-hidden={true}
- className="styles__icon___23x3R"
- height={13}
- style={Object {}}
- width={13}
+ <StyledIcon
+ icon="test-file-stub"
+ size={13}
>
- <svg
+ <Icon
aria-hidden={true}
- className="styles__icon___23x3R"
- height={13}
- style={Object {}}
- width={13}
+ icon="test-file-stub"
+ size={13}
+ spin={false}
>
- <use
- xlinkHref="#test-file-stub"
- />
- </svg>
- </Component>
- </Icon>
- </StyledIcon>
- </div>
- </ForwardRef(ListItemIcon)>
- </WithStyles(ForwardRef(ListItemIcon))>
- <WithStyles(memo)
- center={false}
- >
- <ForwardRef(TouchRipple)
- center={false}
- classes={
- Object {
- "child": "MuiTouchRipple-child",
- "childLeaving": "MuiTouchRipple-childLeaving",
- "childPulsate": "MuiTouchRipple-childPulsate",
- "ripple": "MuiTouchRipple-ripple",
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
- "rippleVisible": "MuiTouchRipple-rippleVisible",
- "root": "MuiTouchRipple-root",
- }
- }
- >
- <span
- className="MuiTouchRipple-root"
+ <Component
+ aria-hidden={true}
+ className="styles__icon___23x3R"
+ height={13}
+ style={Object {}}
+ width={13}
+ >
+ <svg
+ aria-hidden={true}
+ className="styles__icon___23x3R"
+ height={13}
+ style={Object {}}
+ width={13}
+ >
+ <use
+ xlinkHref="#test-file-stub"
+ />
+ </svg>
+ </Component>
+ </Icon>
+ </StyledIcon>
+ </div>
+ </ForwardRef(ListItemIcon)>
+ </WithStyles(ForwardRef(ListItemIcon))>
+ <WithStyles(memo)
+ center={false}
>
- <TransitionGroup
- childFactory={[Function]}
- component={null}
- exit={true}
- />
- </span>
- </ForwardRef(TouchRipple)>
- </WithStyles(memo)>
- </li>
- </ForwardRef(ButtonBase)>
- </WithStyles(ForwardRef(ButtonBase))>
- </ForwardRef(ListItem)>
- </WithStyles(ForwardRef(ListItem))>
- </ForwardRef(MenuItem)>
- </WithStyles(ForwardRef(MenuItem))>
- <WithStyles(ForwardRef(MenuItem))
- classes={
- Object {
- "root": "",
- }
- }
- key=".$.$1"
- onClick={[Function]}
- selected={false}
- >
- <ForwardRef(MenuItem)
- classes={
- Object {
- "dense": "MuiMenuItem-dense",
- "gutters": "MuiMenuItem-gutters",
- "root": "MuiMenuItem-root",
- "selected": "Mui-selected",
- }
- }
- onClick={[Function]}
- selected={false}
- >
- <WithStyles(ForwardRef(ListItem))
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
+ <ForwardRef(TouchRipple)
+ center={false}
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
+ }
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
+ >
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </li>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(ListItem)>
+ </WithStyles(ForwardRef(ListItem))>
+ </ForwardRef(MenuItem)>
+ </WithStyles(ForwardRef(MenuItem))>
+ <WithStyles(ForwardRef(MenuItem))
classes={
Object {
- "dense": "MuiMenuItem-dense",
+ "root": "",
}
}
- component="li"
- disableGutters={false}
+ key=".$.$1"
onClick={[Function]}
- role="menuitem"
selected={false}
- tabIndex={-1}
>
- <ForwardRef(ListItem)
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
+ <ForwardRef(MenuItem)
classes={
Object {
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
- "button": "MuiListItem-button",
- "container": "MuiListItem-container",
- "dense": "MuiListItem-dense MuiMenuItem-dense",
- "disabled": "Mui-disabled",
- "divider": "MuiListItem-divider",
- "focusVisible": "Mui-focusVisible",
- "gutters": "MuiListItem-gutters",
- "root": "MuiListItem-root",
- "secondaryAction": "MuiListItem-secondaryAction",
+ "dense": "MuiMenuItem-dense",
+ "gutters": "MuiMenuItem-gutters",
+ "root": "MuiMenuItem-root",
"selected": "Mui-selected",
}
}
- component="li"
- disableGutters={false}
onClick={[Function]}
- role="menuitem"
selected={false}
- tabIndex={-1}
>
- <WithStyles(ForwardRef(ButtonBase))
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ <WithStyles(ForwardRef(ListItem))
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
+ classes={
+ Object {
+ "dense": "MuiMenuItem-dense",
+ }
+ }
component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ disableGutters={false}
onClick={[Function]}
role="menuitem"
+ selected={false}
tabIndex={-1}
>
- <ForwardRef(ButtonBase)
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ <ForwardRef(ListItem)
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
+ "button": "MuiListItem-button",
+ "container": "MuiListItem-container",
+ "dense": "MuiListItem-dense MuiMenuItem-dense",
"disabled": "Mui-disabled",
+ "divider": "MuiListItem-divider",
"focusVisible": "Mui-focusVisible",
- "root": "MuiButtonBase-root",
+ "gutters": "MuiListItem-gutters",
+ "root": "MuiListItem-root",
+ "secondaryAction": "MuiListItem-secondaryAction",
+ "selected": "Mui-selected",
}
}
component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ disableGutters={false}
onClick={[Function]}
role="menuitem"
+ selected={false}
tabIndex={-1}
>
- <li
- aria-disabled={false}
- className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- onBlur={[Function]}
+ <WithStyles(ForwardRef(ButtonBase))
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ component="li"
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
onClick={[Function]}
- onDragLeave={[Function]}
- onFocus={[Function]}
- onKeyDown={[Function]}
- onKeyUp={[Function]}
- onMouseDown={[Function]}
- onMouseLeave={[Function]}
- onMouseUp={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
role="menuitem"
tabIndex={-1}
>
- ecogesture.HEATING
- <WithStyles(memo)
- center={false}
- >
- <ForwardRef(TouchRipple)
- center={false}
- classes={
- Object {
- "child": "MuiTouchRipple-child",
- "childLeaving": "MuiTouchRipple-childLeaving",
- "childPulsate": "MuiTouchRipple-childPulsate",
- "ripple": "MuiTouchRipple-ripple",
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
- "rippleVisible": "MuiTouchRipple-rippleVisible",
- "root": "MuiTouchRipple-root",
- }
+ <ForwardRef(ButtonBase)
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
}
+ }
+ component="li"
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
+ onClick={[Function]}
+ role="menuitem"
+ tabIndex={-1}
+ >
+ <li
+ aria-disabled={false}
+ className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ onBlur={[Function]}
+ onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
+ role="menuitem"
+ tabIndex={-1}
>
- <span
- className="MuiTouchRipple-root"
+ ecogesture.HEATING
+ <WithStyles(memo)
+ center={false}
>
- <TransitionGroup
- childFactory={[Function]}
- component={null}
- exit={true}
- />
- </span>
- </ForwardRef(TouchRipple)>
- </WithStyles(memo)>
- </li>
- </ForwardRef(ButtonBase)>
- </WithStyles(ForwardRef(ButtonBase))>
- </ForwardRef(ListItem)>
- </WithStyles(ForwardRef(ListItem))>
- </ForwardRef(MenuItem)>
- </WithStyles(ForwardRef(MenuItem))>
- <WithStyles(ForwardRef(MenuItem))
- classes={
- Object {
- "root": "",
- }
- }
- key=".$.$2"
- onClick={[Function]}
- selected={false}
- >
- <ForwardRef(MenuItem)
- classes={
- Object {
- "dense": "MuiMenuItem-dense",
- "gutters": "MuiMenuItem-gutters",
- "root": "MuiMenuItem-root",
- "selected": "Mui-selected",
- }
- }
- onClick={[Function]}
- selected={false}
- >
- <WithStyles(ForwardRef(ListItem))
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
+ <ForwardRef(TouchRipple)
+ center={false}
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
+ }
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
+ >
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </li>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(ListItem)>
+ </WithStyles(ForwardRef(ListItem))>
+ </ForwardRef(MenuItem)>
+ </WithStyles(ForwardRef(MenuItem))>
+ <WithStyles(ForwardRef(MenuItem))
classes={
Object {
- "dense": "MuiMenuItem-dense",
+ "root": "",
}
}
- component="li"
- disableGutters={false}
+ key=".$.$2"
onClick={[Function]}
- role="menuitem"
selected={false}
- tabIndex={-1}
>
- <ForwardRef(ListItem)
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
+ <ForwardRef(MenuItem)
classes={
Object {
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
- "button": "MuiListItem-button",
- "container": "MuiListItem-container",
- "dense": "MuiListItem-dense MuiMenuItem-dense",
- "disabled": "Mui-disabled",
- "divider": "MuiListItem-divider",
- "focusVisible": "Mui-focusVisible",
- "gutters": "MuiListItem-gutters",
- "root": "MuiListItem-root",
- "secondaryAction": "MuiListItem-secondaryAction",
+ "dense": "MuiMenuItem-dense",
+ "gutters": "MuiMenuItem-gutters",
+ "root": "MuiMenuItem-root",
"selected": "Mui-selected",
}
}
- component="li"
- disableGutters={false}
onClick={[Function]}
- role="menuitem"
selected={false}
- tabIndex={-1}
>
- <WithStyles(ForwardRef(ButtonBase))
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ <WithStyles(ForwardRef(ListItem))
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
+ classes={
+ Object {
+ "dense": "MuiMenuItem-dense",
+ }
+ }
component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ disableGutters={false}
onClick={[Function]}
role="menuitem"
+ selected={false}
tabIndex={-1}
>
- <ForwardRef(ButtonBase)
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ <ForwardRef(ListItem)
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
+ "button": "MuiListItem-button",
+ "container": "MuiListItem-container",
+ "dense": "MuiListItem-dense MuiMenuItem-dense",
"disabled": "Mui-disabled",
+ "divider": "MuiListItem-divider",
"focusVisible": "Mui-focusVisible",
- "root": "MuiButtonBase-root",
+ "gutters": "MuiListItem-gutters",
+ "root": "MuiListItem-root",
+ "secondaryAction": "MuiListItem-secondaryAction",
+ "selected": "Mui-selected",
}
}
component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ disableGutters={false}
onClick={[Function]}
role="menuitem"
+ selected={false}
tabIndex={-1}
>
- <li
- aria-disabled={false}
- className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- onBlur={[Function]}
+ <WithStyles(ForwardRef(ButtonBase))
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ component="li"
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
onClick={[Function]}
- onDragLeave={[Function]}
- onFocus={[Function]}
- onKeyDown={[Function]}
- onKeyUp={[Function]}
- onMouseDown={[Function]}
- onMouseLeave={[Function]}
- onMouseUp={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
role="menuitem"
tabIndex={-1}
>
- ecogesture.AIR_CONDITIONING
- <WithStyles(memo)
- center={false}
- >
- <ForwardRef(TouchRipple)
- center={false}
- classes={
- Object {
- "child": "MuiTouchRipple-child",
- "childLeaving": "MuiTouchRipple-childLeaving",
- "childPulsate": "MuiTouchRipple-childPulsate",
- "ripple": "MuiTouchRipple-ripple",
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
- "rippleVisible": "MuiTouchRipple-rippleVisible",
- "root": "MuiTouchRipple-root",
- }
+ <ForwardRef(ButtonBase)
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
}
+ }
+ component="li"
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
+ onClick={[Function]}
+ role="menuitem"
+ tabIndex={-1}
+ >
+ <li
+ aria-disabled={false}
+ className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ onBlur={[Function]}
+ onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
+ role="menuitem"
+ tabIndex={-1}
>
- <span
- className="MuiTouchRipple-root"
+ ecogesture.AIR_CONDITIONING
+ <WithStyles(memo)
+ center={false}
>
- <TransitionGroup
- childFactory={[Function]}
- component={null}
- exit={true}
- />
- </span>
- </ForwardRef(TouchRipple)>
- </WithStyles(memo)>
- </li>
- </ForwardRef(ButtonBase)>
- </WithStyles(ForwardRef(ButtonBase))>
- </ForwardRef(ListItem)>
- </WithStyles(ForwardRef(ListItem))>
- </ForwardRef(MenuItem)>
- </WithStyles(ForwardRef(MenuItem))>
- <WithStyles(ForwardRef(MenuItem))
- classes={
- Object {
- "root": "",
- }
- }
- key=".$.$3"
- onClick={[Function]}
- selected={false}
- >
- <ForwardRef(MenuItem)
- classes={
- Object {
- "dense": "MuiMenuItem-dense",
- "gutters": "MuiMenuItem-gutters",
- "root": "MuiMenuItem-root",
- "selected": "Mui-selected",
- }
- }
- onClick={[Function]}
- selected={false}
- >
- <WithStyles(ForwardRef(ListItem))
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
+ <ForwardRef(TouchRipple)
+ center={false}
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
+ }
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
+ >
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </li>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(ListItem)>
+ </WithStyles(ForwardRef(ListItem))>
+ </ForwardRef(MenuItem)>
+ </WithStyles(ForwardRef(MenuItem))>
+ <WithStyles(ForwardRef(MenuItem))
classes={
Object {
- "dense": "MuiMenuItem-dense",
+ "root": "",
}
}
- component="li"
- disableGutters={false}
+ key=".$.$3"
onClick={[Function]}
- role="menuitem"
selected={false}
- tabIndex={-1}
>
- <ForwardRef(ListItem)
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
+ <ForwardRef(MenuItem)
classes={
Object {
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
- "button": "MuiListItem-button",
- "container": "MuiListItem-container",
- "dense": "MuiListItem-dense MuiMenuItem-dense",
- "disabled": "Mui-disabled",
- "divider": "MuiListItem-divider",
- "focusVisible": "Mui-focusVisible",
- "gutters": "MuiListItem-gutters",
- "root": "MuiListItem-root",
- "secondaryAction": "MuiListItem-secondaryAction",
+ "dense": "MuiMenuItem-dense",
+ "gutters": "MuiMenuItem-gutters",
+ "root": "MuiMenuItem-root",
"selected": "Mui-selected",
}
}
- component="li"
- disableGutters={false}
onClick={[Function]}
- role="menuitem"
selected={false}
- tabIndex={-1}
>
- <WithStyles(ForwardRef(ButtonBase))
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ <WithStyles(ForwardRef(ListItem))
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
+ classes={
+ Object {
+ "dense": "MuiMenuItem-dense",
+ }
+ }
component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ disableGutters={false}
onClick={[Function]}
role="menuitem"
+ selected={false}
tabIndex={-1}
>
- <ForwardRef(ButtonBase)
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ <ForwardRef(ListItem)
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
+ "button": "MuiListItem-button",
+ "container": "MuiListItem-container",
+ "dense": "MuiListItem-dense MuiMenuItem-dense",
"disabled": "Mui-disabled",
+ "divider": "MuiListItem-divider",
"focusVisible": "Mui-focusVisible",
- "root": "MuiButtonBase-root",
+ "gutters": "MuiListItem-gutters",
+ "root": "MuiListItem-root",
+ "secondaryAction": "MuiListItem-secondaryAction",
+ "selected": "Mui-selected",
}
}
component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ disableGutters={false}
onClick={[Function]}
role="menuitem"
+ selected={false}
tabIndex={-1}
>
- <li
- aria-disabled={false}
- className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- onBlur={[Function]}
+ <WithStyles(ForwardRef(ButtonBase))
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ component="li"
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
onClick={[Function]}
- onDragLeave={[Function]}
- onFocus={[Function]}
- onKeyDown={[Function]}
- onKeyUp={[Function]}
- onMouseDown={[Function]}
- onMouseLeave={[Function]}
- onMouseUp={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
role="menuitem"
tabIndex={-1}
>
- ecogesture.ECS
- <WithStyles(memo)
- center={false}
- >
- <ForwardRef(TouchRipple)
- center={false}
- classes={
- Object {
- "child": "MuiTouchRipple-child",
- "childLeaving": "MuiTouchRipple-childLeaving",
- "childPulsate": "MuiTouchRipple-childPulsate",
- "ripple": "MuiTouchRipple-ripple",
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
- "rippleVisible": "MuiTouchRipple-rippleVisible",
- "root": "MuiTouchRipple-root",
- }
+ <ForwardRef(ButtonBase)
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
}
+ }
+ component="li"
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
+ onClick={[Function]}
+ role="menuitem"
+ tabIndex={-1}
+ >
+ <li
+ aria-disabled={false}
+ className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ onBlur={[Function]}
+ onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
+ role="menuitem"
+ tabIndex={-1}
>
- <span
- className="MuiTouchRipple-root"
+ ecogesture.ECS
+ <WithStyles(memo)
+ center={false}
>
- <TransitionGroup
- childFactory={[Function]}
- component={null}
- exit={true}
- />
- </span>
- </ForwardRef(TouchRipple)>
- </WithStyles(memo)>
- </li>
- </ForwardRef(ButtonBase)>
- </WithStyles(ForwardRef(ButtonBase))>
- </ForwardRef(ListItem)>
- </WithStyles(ForwardRef(ListItem))>
- </ForwardRef(MenuItem)>
- </WithStyles(ForwardRef(MenuItem))>
- <WithStyles(ForwardRef(MenuItem))
- classes={
- Object {
- "root": "",
- }
- }
- key=".$.$4"
- onClick={[Function]}
- selected={false}
- >
- <ForwardRef(MenuItem)
- classes={
- Object {
- "dense": "MuiMenuItem-dense",
- "gutters": "MuiMenuItem-gutters",
- "root": "MuiMenuItem-root",
- "selected": "Mui-selected",
- }
- }
- onClick={[Function]}
- selected={false}
- >
- <WithStyles(ForwardRef(ListItem))
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
+ <ForwardRef(TouchRipple)
+ center={false}
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
+ }
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
+ >
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </li>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(ListItem)>
+ </WithStyles(ForwardRef(ListItem))>
+ </ForwardRef(MenuItem)>
+ </WithStyles(ForwardRef(MenuItem))>
+ <WithStyles(ForwardRef(MenuItem))
classes={
Object {
- "dense": "MuiMenuItem-dense",
+ "root": "",
}
}
- component="li"
- disableGutters={false}
+ key=".$.$4"
onClick={[Function]}
- role="menuitem"
selected={false}
- tabIndex={-1}
>
- <ForwardRef(ListItem)
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
+ <ForwardRef(MenuItem)
classes={
Object {
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
- "button": "MuiListItem-button",
- "container": "MuiListItem-container",
- "dense": "MuiListItem-dense MuiMenuItem-dense",
- "disabled": "Mui-disabled",
- "divider": "MuiListItem-divider",
- "focusVisible": "Mui-focusVisible",
- "gutters": "MuiListItem-gutters",
- "root": "MuiListItem-root",
- "secondaryAction": "MuiListItem-secondaryAction",
+ "dense": "MuiMenuItem-dense",
+ "gutters": "MuiMenuItem-gutters",
+ "root": "MuiMenuItem-root",
"selected": "Mui-selected",
}
}
- component="li"
- disableGutters={false}
onClick={[Function]}
- role="menuitem"
selected={false}
- tabIndex={-1}
>
- <WithStyles(ForwardRef(ButtonBase))
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ <WithStyles(ForwardRef(ListItem))
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
+ classes={
+ Object {
+ "dense": "MuiMenuItem-dense",
+ }
+ }
component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ disableGutters={false}
onClick={[Function]}
role="menuitem"
+ selected={false}
tabIndex={-1}
>
- <ForwardRef(ButtonBase)
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ <ForwardRef(ListItem)
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
+ "button": "MuiListItem-button",
+ "container": "MuiListItem-container",
+ "dense": "MuiListItem-dense MuiMenuItem-dense",
"disabled": "Mui-disabled",
+ "divider": "MuiListItem-divider",
"focusVisible": "Mui-focusVisible",
- "root": "MuiButtonBase-root",
+ "gutters": "MuiListItem-gutters",
+ "root": "MuiListItem-root",
+ "secondaryAction": "MuiListItem-secondaryAction",
+ "selected": "Mui-selected",
}
}
component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ disableGutters={false}
onClick={[Function]}
role="menuitem"
+ selected={false}
tabIndex={-1}
>
- <li
- aria-disabled={false}
- className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- onBlur={[Function]}
+ <WithStyles(ForwardRef(ButtonBase))
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ component="li"
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
onClick={[Function]}
- onDragLeave={[Function]}
- onFocus={[Function]}
- onKeyDown={[Function]}
- onKeyUp={[Function]}
- onMouseDown={[Function]}
- onMouseLeave={[Function]}
- onMouseUp={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
role="menuitem"
tabIndex={-1}
>
- ecogesture.COLD_WATER
- <WithStyles(memo)
- center={false}
- >
- <ForwardRef(TouchRipple)
- center={false}
- classes={
- Object {
- "child": "MuiTouchRipple-child",
- "childLeaving": "MuiTouchRipple-childLeaving",
- "childPulsate": "MuiTouchRipple-childPulsate",
- "ripple": "MuiTouchRipple-ripple",
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
- "rippleVisible": "MuiTouchRipple-rippleVisible",
- "root": "MuiTouchRipple-root",
- }
+ <ForwardRef(ButtonBase)
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
}
+ }
+ component="li"
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
+ onClick={[Function]}
+ role="menuitem"
+ tabIndex={-1}
+ >
+ <li
+ aria-disabled={false}
+ className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ onBlur={[Function]}
+ onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
+ role="menuitem"
+ tabIndex={-1}
>
- <span
- className="MuiTouchRipple-root"
+ ecogesture.COLD_WATER
+ <WithStyles(memo)
+ center={false}
>
- <TransitionGroup
- childFactory={[Function]}
- component={null}
- exit={true}
- />
- </span>
- </ForwardRef(TouchRipple)>
- </WithStyles(memo)>
- </li>
- </ForwardRef(ButtonBase)>
- </WithStyles(ForwardRef(ButtonBase))>
- </ForwardRef(ListItem)>
- </WithStyles(ForwardRef(ListItem))>
- </ForwardRef(MenuItem)>
- </WithStyles(ForwardRef(MenuItem))>
- <WithStyles(ForwardRef(MenuItem))
- classes={
- Object {
- "root": "",
- }
- }
- key=".$.$5"
- onClick={[Function]}
- selected={false}
- >
- <ForwardRef(MenuItem)
- classes={
- Object {
- "dense": "MuiMenuItem-dense",
- "gutters": "MuiMenuItem-gutters",
- "root": "MuiMenuItem-root",
- "selected": "Mui-selected",
- }
- }
- onClick={[Function]}
- selected={false}
- >
- <WithStyles(ForwardRef(ListItem))
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
+ <ForwardRef(TouchRipple)
+ center={false}
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
+ }
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
+ >
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </li>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(ListItem)>
+ </WithStyles(ForwardRef(ListItem))>
+ </ForwardRef(MenuItem)>
+ </WithStyles(ForwardRef(MenuItem))>
+ <WithStyles(ForwardRef(MenuItem))
classes={
Object {
- "dense": "MuiMenuItem-dense",
+ "root": "",
}
}
- component="li"
- disableGutters={false}
+ key=".$.$5"
onClick={[Function]}
- role="menuitem"
selected={false}
- tabIndex={-1}
>
- <ForwardRef(ListItem)
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
+ <ForwardRef(MenuItem)
classes={
Object {
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
- "button": "MuiListItem-button",
- "container": "MuiListItem-container",
- "dense": "MuiListItem-dense MuiMenuItem-dense",
- "disabled": "Mui-disabled",
- "divider": "MuiListItem-divider",
- "focusVisible": "Mui-focusVisible",
- "gutters": "MuiListItem-gutters",
- "root": "MuiListItem-root",
- "secondaryAction": "MuiListItem-secondaryAction",
+ "dense": "MuiMenuItem-dense",
+ "gutters": "MuiMenuItem-gutters",
+ "root": "MuiMenuItem-root",
"selected": "Mui-selected",
}
}
- component="li"
- disableGutters={false}
onClick={[Function]}
- role="menuitem"
selected={false}
- tabIndex={-1}
>
- <WithStyles(ForwardRef(ButtonBase))
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ <WithStyles(ForwardRef(ListItem))
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
+ classes={
+ Object {
+ "dense": "MuiMenuItem-dense",
+ }
+ }
component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ disableGutters={false}
onClick={[Function]}
role="menuitem"
+ selected={false}
tabIndex={-1}
>
- <ForwardRef(ButtonBase)
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ <ForwardRef(ListItem)
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
+ "button": "MuiListItem-button",
+ "container": "MuiListItem-container",
+ "dense": "MuiListItem-dense MuiMenuItem-dense",
"disabled": "Mui-disabled",
+ "divider": "MuiListItem-divider",
"focusVisible": "Mui-focusVisible",
- "root": "MuiButtonBase-root",
+ "gutters": "MuiListItem-gutters",
+ "root": "MuiListItem-root",
+ "secondaryAction": "MuiListItem-secondaryAction",
+ "selected": "Mui-selected",
}
}
component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ disableGutters={false}
onClick={[Function]}
role="menuitem"
+ selected={false}
tabIndex={-1}
>
- <li
- aria-disabled={false}
- className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- onBlur={[Function]}
+ <WithStyles(ForwardRef(ButtonBase))
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ component="li"
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
onClick={[Function]}
- onDragLeave={[Function]}
- onFocus={[Function]}
- onKeyDown={[Function]}
- onKeyUp={[Function]}
- onMouseDown={[Function]}
- onMouseLeave={[Function]}
- onMouseUp={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
role="menuitem"
tabIndex={-1}
>
- ecogesture.ELECTRICITY_SPECIFIC
- <WithStyles(memo)
- center={false}
- >
- <ForwardRef(TouchRipple)
- center={false}
- classes={
- Object {
- "child": "MuiTouchRipple-child",
- "childLeaving": "MuiTouchRipple-childLeaving",
- "childPulsate": "MuiTouchRipple-childPulsate",
- "ripple": "MuiTouchRipple-ripple",
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
- "rippleVisible": "MuiTouchRipple-rippleVisible",
- "root": "MuiTouchRipple-root",
- }
+ <ForwardRef(ButtonBase)
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
}
+ }
+ component="li"
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
+ onClick={[Function]}
+ role="menuitem"
+ tabIndex={-1}
+ >
+ <li
+ aria-disabled={false}
+ className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ onBlur={[Function]}
+ onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
+ role="menuitem"
+ tabIndex={-1}
>
- <span
- className="MuiTouchRipple-root"
+ ecogesture.ELECTRICITY_SPECIFIC
+ <WithStyles(memo)
+ center={false}
>
- <TransitionGroup
- childFactory={[Function]}
- component={null}
- exit={true}
- />
- </span>
- </ForwardRef(TouchRipple)>
- </WithStyles(memo)>
- </li>
- </ForwardRef(ButtonBase)>
- </WithStyles(ForwardRef(ButtonBase))>
- </ForwardRef(ListItem)>
- </WithStyles(ForwardRef(ListItem))>
- </ForwardRef(MenuItem)>
- </WithStyles(ForwardRef(MenuItem))>
- <WithStyles(ForwardRef(MenuItem))
- classes={
- Object {
- "root": "",
- }
- }
- key=".$.$6"
- onClick={[Function]}
- selected={false}
- >
- <ForwardRef(MenuItem)
- classes={
- Object {
- "dense": "MuiMenuItem-dense",
- "gutters": "MuiMenuItem-gutters",
- "root": "MuiMenuItem-root",
- "selected": "Mui-selected",
- }
- }
- onClick={[Function]}
- selected={false}
- >
- <WithStyles(ForwardRef(ListItem))
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
+ <ForwardRef(TouchRipple)
+ center={false}
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
+ }
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
+ >
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </li>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(ListItem)>
+ </WithStyles(ForwardRef(ListItem))>
+ </ForwardRef(MenuItem)>
+ </WithStyles(ForwardRef(MenuItem))>
+ <WithStyles(ForwardRef(MenuItem))
classes={
Object {
- "dense": "MuiMenuItem-dense",
+ "root": "",
}
}
- component="li"
- disableGutters={false}
+ key=".$.$6"
onClick={[Function]}
- role="menuitem"
selected={false}
- tabIndex={-1}
>
- <ForwardRef(ListItem)
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
+ <ForwardRef(MenuItem)
classes={
Object {
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
- "button": "MuiListItem-button",
- "container": "MuiListItem-container",
- "dense": "MuiListItem-dense MuiMenuItem-dense",
- "disabled": "Mui-disabled",
- "divider": "MuiListItem-divider",
- "focusVisible": "Mui-focusVisible",
- "gutters": "MuiListItem-gutters",
- "root": "MuiListItem-root",
- "secondaryAction": "MuiListItem-secondaryAction",
+ "dense": "MuiMenuItem-dense",
+ "gutters": "MuiMenuItem-gutters",
+ "root": "MuiMenuItem-root",
"selected": "Mui-selected",
}
}
- component="li"
- disableGutters={false}
onClick={[Function]}
- role="menuitem"
selected={false}
- tabIndex={-1}
>
- <WithStyles(ForwardRef(ButtonBase))
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ <WithStyles(ForwardRef(ListItem))
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
+ classes={
+ Object {
+ "dense": "MuiMenuItem-dense",
+ }
+ }
component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ disableGutters={false}
onClick={[Function]}
role="menuitem"
+ selected={false}
tabIndex={-1}
>
- <ForwardRef(ButtonBase)
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ <ForwardRef(ListItem)
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
+ "button": "MuiListItem-button",
+ "container": "MuiListItem-container",
+ "dense": "MuiListItem-dense MuiMenuItem-dense",
"disabled": "Mui-disabled",
+ "divider": "MuiListItem-divider",
"focusVisible": "Mui-focusVisible",
- "root": "MuiButtonBase-root",
+ "gutters": "MuiListItem-gutters",
+ "root": "MuiListItem-root",
+ "secondaryAction": "MuiListItem-secondaryAction",
+ "selected": "Mui-selected",
}
}
component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ disableGutters={false}
onClick={[Function]}
role="menuitem"
+ selected={false}
tabIndex={-1}
>
- <li
- aria-disabled={false}
- className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- onBlur={[Function]}
+ <WithStyles(ForwardRef(ButtonBase))
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ component="li"
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
onClick={[Function]}
- onDragLeave={[Function]}
- onFocus={[Function]}
- onKeyDown={[Function]}
- onKeyUp={[Function]}
- onMouseDown={[Function]}
- onMouseLeave={[Function]}
- onMouseUp={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
role="menuitem"
tabIndex={-1}
>
- ecogesture.COOKING
- <WithStyles(memo)
- center={false}
- >
- <ForwardRef(TouchRipple)
- center={false}
- classes={
- Object {
- "child": "MuiTouchRipple-child",
- "childLeaving": "MuiTouchRipple-childLeaving",
- "childPulsate": "MuiTouchRipple-childPulsate",
- "ripple": "MuiTouchRipple-ripple",
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
- "rippleVisible": "MuiTouchRipple-rippleVisible",
- "root": "MuiTouchRipple-root",
- }
+ <ForwardRef(ButtonBase)
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
}
+ }
+ component="li"
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
+ onClick={[Function]}
+ role="menuitem"
+ tabIndex={-1}
+ >
+ <li
+ aria-disabled={false}
+ className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ onBlur={[Function]}
+ onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
+ role="menuitem"
+ tabIndex={-1}
>
- <span
- className="MuiTouchRipple-root"
+ ecogesture.COOKING
+ <WithStyles(memo)
+ center={false}
>
- <TransitionGroup
- childFactory={[Function]}
- component={null}
- exit={true}
- />
- </span>
- </ForwardRef(TouchRipple)>
- </WithStyles(memo)>
- </li>
- </ForwardRef(ButtonBase)>
- </WithStyles(ForwardRef(ButtonBase))>
- </ForwardRef(ListItem)>
- </WithStyles(ForwardRef(ListItem))>
- </ForwardRef(MenuItem)>
- </WithStyles(ForwardRef(MenuItem))>
- </ul>
- </ForwardRef(List)>
- </WithStyles(ForwardRef(List))>
- </ForwardRef(MenuList)>
- </div>
- </ForwardRef(Paper)>
- </WithStyles(ForwardRef(Paper))>
- </Transition>
- </ForwardRef(Grow)>
- <div
- data-test="sentinelEnd"
- tabIndex={0}
- />
- </Unstable_TrapFocus>
- </div>
- </Portal>
- </ForwardRef(Portal)>
- </ForwardRef(Modal)>
- </ForwardRef(Popover)>
- </WithStyles(ForwardRef(Popover))>
- </ForwardRef(Menu)>
- </WithStyles(ForwardRef(Menu))>
- </div>
- </div>
+ <ForwardRef(TouchRipple)
+ center={false}
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
+ }
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
+ >
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </li>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(ListItem)>
+ </WithStyles(ForwardRef(ListItem))>
+ </ForwardRef(MenuItem)>
+ </WithStyles(ForwardRef(MenuItem))>
+ </ul>
+ </ForwardRef(List)>
+ </WithStyles(ForwardRef(List))>
+ </ForwardRef(MenuList)>
+ </div>
+ </ForwardRef(Paper)>
+ </WithStyles(ForwardRef(Paper))>
+ </Transition>
+ </ForwardRef(Grow)>
+ <div
+ data-test="sentinelEnd"
+ tabIndex={0}
+ />
+ </Unstable_TrapFocus>
+ </div>
+ </Portal>
+ </ForwardRef(Portal)>
+ </ForwardRef(Modal)>
+ </ForwardRef(Popover)>
+ </WithStyles(ForwardRef(Popover))>
+ </ForwardRef(Menu)>
+ </WithStyles(ForwardRef(Menu))>
+ </div>
+ </div>
+ </Transition>
+ </ForwardRef(Grow)>
</div>
<div
className="ecogesture-content"
diff --git a/src/components/FluidChart/FluidChart.tsx b/src/components/FluidChart/FluidChart.tsx
index 9af86833846feb32ecdc714ce40afb796482fa44..79acccd05c5a43043cc446cfcbf16e0295ccdba9 100644
--- a/src/components/FluidChart/FluidChart.tsx
+++ b/src/components/FluidChart/FluidChart.tsx
@@ -1,4 +1,4 @@
-import { Button } from '@material-ui/core'
+import { Button, Slide } from '@material-ui/core'
import LegendComparisonIcon from 'assets/icons/ico/legendComparison.svg'
import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
import StyledSwitch from 'components/CommonKit/Switch/StyledSwitch'
@@ -175,7 +175,9 @@ const FluidChart = ({ fluidType, setActive }: FluidChartProps) => {
<FluidChartSwipe fluidType={fluidType} setActive={setActive} />
</div>
{showCompare && currentTimeStep !== TimeStep.YEAR && (
- <DisplayLegend />
+ <Slide direction="right" in={showCompare}>
+ {DisplayLegend()}
+ </Slide>
)}
</>
)}
diff --git a/src/components/FluidChart/fluidChart.scss b/src/components/FluidChart/fluidChart.scss
index bc1536b6cace470356a4edaae9cee782947a1c62..138f86bbf547ef2b0a749e7904e67bda31de4694 100644
--- a/src/components/FluidChart/fluidChart.scss
+++ b/src/components/FluidChart/fluidChart.scss
@@ -26,7 +26,7 @@
}
}
.compareLegend {
- padding: 0.5rem 0 1rem 0;
+ padding: 0 0 1rem 0;
display: flex;
gap: 1rem;
font-weight: 700;