├── .babelrc ├── .eslintignore ├── .eslintrc.js ├── .flowconfig ├── .gitignore ├── .npmignore ├── .prettierrc ├── .travis.yml ├── .vscode └── settings.json ├── LICENSE ├── README.md ├── flow-typed └── npm │ ├── @material-ui │ └── core_v1.x.x.js │ ├── classnames_v2.x.x.js │ ├── lodash_v4.x.x.js │ └── recompose_v0.x.x.js ├── package-lock.json ├── package.json ├── src ├── components │ ├── AppBar │ │ ├── AppBar.jsx │ │ ├── index.js │ │ └── styles.js │ ├── Footer │ │ ├── Footer.jsx │ │ ├── index.js │ │ └── styles.js │ └── Layout │ │ ├── Layout.jsx │ │ ├── LayoutActions.jsx │ │ ├── index.js │ │ └── styles.js ├── index.js ├── templates │ ├── AppBar │ │ ├── BasicAppBar │ │ │ ├── BasicAppBar.jsx │ │ │ ├── index.js │ │ │ └── styles.js │ │ └── TwoRowsAppBar │ │ │ ├── TwoRowsAppBar.jsx │ │ │ ├── index.js │ │ │ └── styles.js │ ├── Drawer │ │ ├── BasicDrawer │ │ │ ├── BasicDrawer.jsx │ │ │ ├── index.js │ │ │ └── styles.js │ │ ├── DrawerItemsList │ │ │ ├── DrawerItem.jsx │ │ │ ├── DrawerItemsList.jsx │ │ │ ├── index.js │ │ │ └── styles.js │ │ └── StandardDrawer │ │ │ ├── StandardDrawer.jsx │ │ │ ├── index.js │ │ │ └── styles.js │ └── Footer │ │ └── BasicFooter │ │ ├── BasicFooter.jsx │ │ ├── index.js │ │ └── styles.js └── types │ ├── Classes.js │ └── index.js └── yarn.lock /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "stage-2", "react", "flow"] 3 | } 4 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | packages/_buffer 2 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | extends: 'airbnb', 3 | parser: 'babel-eslint', 4 | plugins: ['flowtype'], 5 | globals: { 6 | graphql: true, 7 | }, 8 | rules: { 9 | 'react/prefer-stateless-function': 1, 10 | 'react/default-props-match-prop-types': ['error', { allowRequiredDefaults: true }], 11 | }, 12 | }; 13 | -------------------------------------------------------------------------------- /.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | 3 | [include] 4 | 5 | [libs] 6 | flow-typed 7 | 8 | [lints] 9 | 10 | [options] 11 | suppress_comment= \\(.\\|\n\\)*\\$FlowIgnore 12 | 13 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # jest testing 9 | coverage 10 | 11 | # Dependency directories 12 | node_modules/ 13 | 14 | # Yarn Integrity file 15 | .yarn-integrity 16 | 17 | # Distributed code 18 | lib 19 | 20 | # IDEs 21 | .idea 22 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | src/ 2 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "semi": true, 3 | "singleQuote": true, 4 | "trailingComma": "es5", 5 | "prettier.eslintIntegration": true 6 | } 7 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 3 | - "8" 4 | cache: 5 | directories: 6 | - node_modules 7 | before_script: 8 | - "npm i" 9 | script: 10 | - "npm run test" 11 | notifications: 12 | slack: 13 | on_pull_requests: false 14 | template: 15 | - "MATERIAL-UI-LAYOUT" 16 | - "------------------" 17 | - "Build <%{build_url}|#%{build_number}> (<%{compare_url}|%{commit}>) of %{repository_slug}@%{branch} by %{author} %{result} in %{duration}" 18 | 19 | rooms: 20 | - origen-studio:pZY8AyN5fUuPPLw7lR6UN72v#p-open-source 21 | branches: 22 | only: 23 | - master 24 | - develop 25 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "prettier.eslintIntegration": true, 3 | // Path to flow binary. On Windows use '\\' as directory separator 4 | "flow.pathToFlow": "${workspaceRoot}/node_modules/.bin/flow", 5 | } 6 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Origen Studio 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | 3 |

4 | 5 |

Material-UI-Layout

6 | 7 | 8 | Say goodbye to spending hours configuring your app's layout. 9 | 10 | 🎉 Welcome to a declarative way of creating your app's layout! 🎉 11 | 12 | This library uses [Material-UI](https://material-ui.com) and the layout is based on [Google's Material Design](http://material.io) guidelines 🤓 13 | 14 | ## Install 15 | 16 | `npm install material-ui-layout` 17 | 18 | for Material-UI v4 use 19 | 20 | `npm install material-ui-layout@4.0.0-rc.5` 21 | 22 | we are currently testing it in production. Final release candidate for v4 coming soon. 23 | 24 | 25 | ## Examples 26 | 27 | Check the examples at [demo page](https://material-ui-layout.origen.studio/) 28 | 29 | ## Contribute 30 | 31 | We would be thrilled if you want to help us build the best Layout component, please do not hesitate to contact us. 32 | 33 | ## Roadmap 34 | - [x] Example web 35 | - [x] Add better support for two rows AppBars 36 | - [ ] Add tests 37 | - [ ] Add some useful components 38 | 39 | 40 | -------------------------------------------------------------------------------- /flow-typed/npm/@material-ui/core_v1.x.x.js: -------------------------------------------------------------------------------- 1 | // flow-typed signature: a26a28457da45de4030bb2efcd1eaebf 2 | // flow-typed version: 91fb45a9a0/@material-ui/core_v1.x.x/flow_>=v0.58.x 3 | 4 | declare module "@material-ui/core/AppBar/AppBar" { 5 | declare type Color = "inherit" | "primary" | "secondary" | "default"; 6 | declare type Position = "fixed" | "absolute" | "sticky" | "static"; 7 | 8 | declare module.exports: React$ComponentType<{ 9 | children?: React$Node, 10 | className?: string, 11 | classes?: Object, 12 | color?: Color, 13 | position?: Position 14 | }>; 15 | } 16 | 17 | declare module "@material-ui/core/AppBar" { 18 | declare module.exports: $Exports<"@material-ui/core/AppBar/AppBar">; 19 | } 20 | 21 | declare module "@material-ui/core/Avatar/Avatar" { 22 | declare module.exports: React$ComponentType<{ 23 | alt?: string, 24 | children?: string | React$Element, 25 | childrenClassName?: string, 26 | className?: string, 27 | classes?: Object, 28 | component?: React$ElementType, 29 | imgProps?: Object, 30 | sizes?: string, 31 | src?: string, 32 | srcSet?: string 33 | }>; 34 | } 35 | 36 | declare module "@material-ui/core/Avatar" { 37 | declare module.exports: $Exports<"@material-ui/core/Avatar/Avatar">; 38 | } 39 | 40 | declare module "@material-ui/core/Badge/Badge" { 41 | declare type Color = "default" | "primary" | "secondary" | "error"; 42 | 43 | declare module.exports: React$ComponentType<{ 44 | badgeContent: React$Node, 45 | children: React$Node, 46 | className?: string, 47 | classes?: Object, 48 | color?: Color 49 | }>; 50 | } 51 | 52 | declare module "@material-ui/core/Badge" { 53 | declare module.exports: $Exports<"@material-ui/core/Badge/Badge">; 54 | } 55 | 56 | declare module "@material-ui/core/BottomNavigation/BottomNavigation" { 57 | declare module.exports: React$ComponentType<{ 58 | children: React$Node, 59 | className?: string, 60 | classes?: Object, 61 | onChange?: Function, 62 | showLabels?: boolean, 63 | value: any 64 | }>; 65 | } 66 | 67 | declare module "@material-ui/core/BottomNavigationAction/BottomNavigationAction" { 68 | declare module.exports: React$ComponentType<{ 69 | className?: string, 70 | classes?: Object, 71 | icon?: string | React$Element, 72 | label?: React$Node, 73 | onChange?: Function, 74 | onClick?: Function, 75 | selected?: boolean, 76 | showLabel?: boolean, 77 | value?: any 78 | }>; 79 | } 80 | 81 | declare module "@material-ui/core/BottomNavigation" { 82 | declare export default $Exports< 83 | "@material-ui/core/BottomNavigation/BottomNavigation" 84 | >; 85 | } 86 | 87 | declare module "@material-ui/core/BottomNavigationAction" { 88 | declare export default $Exports< 89 | "@material-ui/core/BottomNavigationAction/BottomNavigationAction" 90 | >; 91 | } 92 | 93 | declare module "@material-ui/core/Button/Button" { 94 | declare type Color = "default" | "inherit" | "primary" | "secondary"; 95 | declare type Variant = "text" | "flat" | "outlined" | "contained" | "raised" | "fab" | "extendedFab" 96 | declare type Size = "small" | "medium" | "large" 97 | 98 | declare module.exports: React$ComponentType<{ 99 | children: React$Node, 100 | className?: string, 101 | classes?: Object, 102 | color?: Color, 103 | component?: React$ElementType, 104 | disabled?: boolean, 105 | disableFocusRipple?: boolean, 106 | disableRipple?: boolean, 107 | fullWidth?: boolean, 108 | href?: string, 109 | mini?: boolean, 110 | size?: Size, 111 | variant?: Variant 112 | }>; 113 | } 114 | 115 | declare module "@material-ui/core/Button" { 116 | declare module.exports: $Exports<"@material-ui/core/Button/Button">; 117 | } 118 | 119 | declare module "@material-ui/core/ButtonBase/ButtonBase" { 120 | declare module.exports: React$ComponentType<{ 121 | centerRipple?: boolean, 122 | children?: React$Node, 123 | className?: string, 124 | classes?: Object, 125 | component?: React$ElementType, 126 | disableRipple?: boolean, 127 | disabled?: boolean, 128 | focusRipple?: boolean, 129 | keyboardFocusedClassName?: string, 130 | onBlur?: Function, 131 | onClick?: Function, 132 | onFocus?: Function, 133 | onKeyDown?: Function, 134 | onKeyUp?: Function, 135 | onMouseDown?: Function, 136 | onMouseLeave?: Function, 137 | onMouseUp?: Function, 138 | onTouchEnd?: Function, 139 | onTouchMove?: Function, 140 | onTouchStart?: Function, 141 | role?: string, 142 | rootRef?: Function, 143 | tabIndex?: number | string, 144 | type?: string 145 | }>; 146 | } 147 | 148 | declare module "@material-ui/core/ButtonBase/createRippleHandler" { 149 | declare function handleEvent(event: SyntheticUIEvent<*>): void; 150 | declare module.exports: ( 151 | instance: Object, 152 | eventName: string, 153 | action: string, 154 | cb: ?Function 155 | ) => handleEvent; 156 | } 157 | 158 | declare module "@material-ui/core/ButtonBase" { 159 | declare module.exports: $Exports<"@material-ui/core/ButtonBase/ButtonBase">; 160 | } 161 | 162 | declare module "@material-ui/core/ButtonBase/Ripple" { 163 | declare module.exports: React$ComponentType<{ 164 | className?: string, 165 | classes?: Object, 166 | pulsate?: boolean, 167 | rippleSize: number, 168 | rippleX: number, 169 | rippleY: number 170 | }>; 171 | } 172 | 173 | declare module "@material-ui/core/ButtonBase/TouchRipple" { 174 | declare module.exports: React$ComponentType<{ 175 | center?: boolean, 176 | className?: string, 177 | classes?: Object 178 | }>; 179 | } 180 | 181 | declare module "@material-ui/core/Card/Card" { 182 | declare module.exports: React$ComponentType<{ 183 | className?: string, 184 | raised?: boolean 185 | }>; 186 | } 187 | 188 | declare module "@material-ui/core/CardActions/CardActions" { 189 | declare module.exports: React$ComponentType<{ 190 | children?: React$Node, 191 | className?: string, 192 | classes?: Object, 193 | disableActionSpacing?: boolean 194 | }>; 195 | } 196 | 197 | declare module "@material-ui/core/CardContent/CardContent" { 198 | declare module.exports: React$ComponentType<{ 199 | className?: string, 200 | classes?: Object 201 | }>; 202 | } 203 | 204 | declare module "@material-ui/core/CardHeader/CardHeader" { 205 | declare module.exports: React$ComponentType<{ 206 | action?: React$Node, 207 | avatar?: React$Node, 208 | className?: string, 209 | classes?: Object, 210 | subheader?: React$Node, 211 | title?: React$Node 212 | }>; 213 | } 214 | 215 | declare module "@material-ui/core/CardMedia/CardMedia" { 216 | declare module.exports: React$ComponentType<{ 217 | className?: string, 218 | classes?: Object, 219 | component?: React$ElementType, 220 | image?: string, 221 | src?: string, 222 | style?: Object 223 | }>; 224 | } 225 | 226 | declare module "@material-ui/core/Card" { 227 | declare export default $Exports<"@material-ui/core/Card/Card">; 228 | } 229 | declare module "@material-ui/core/CardActions" { 230 | declare export default $Exports<"@material-ui/core/CardActions/CardActions">; 231 | } 232 | declare module "@material-ui/core/CardContent" { 233 | declare export default $Exports<"@material-ui/core/CardContent/CardContent">; 234 | } 235 | declare module "@material-ui/core/CardHeader" { 236 | declare export default $Exports<"@material-ui/core/CardHeader/CardHeader">; 237 | } 238 | declare module "@material-ui/core/CardMedia" { 239 | declare export default $Exports<"@material-ui/core/CardMedia/CardMedia">; 240 | } 241 | 242 | declare module "@material-ui/core/Checkbox/Checkbox" { 243 | declare module.exports: React$ComponentType<{ 244 | checked?: boolean | string, 245 | checkedIcon?: React$Node, 246 | className?: string, 247 | classes?: Object, 248 | defaultChecked?: boolean, 249 | disableRipple?: boolean, 250 | disabled?: boolean, 251 | icon?: React$Node, 252 | indeterminate?: boolean, 253 | indeterminateIcon?: React$Node, 254 | inputProps?: Object, 255 | inputRef?: Function, 256 | name?: string, 257 | onChange?: Function, 258 | tabIndex?: number | string, 259 | value?: string 260 | }>; 261 | } 262 | 263 | declare module "@material-ui/core/Checkbox" { 264 | declare module.exports: $Exports<"@material-ui/core/Checkbox/Checkbox">; 265 | } 266 | 267 | declare module "@material-ui/core/Chip/Chip" { 268 | import typeof Avatar from "@material-ui/core/Avatar/Avatar"; 269 | 270 | declare module.exports: React$ComponentType<{ 271 | avatar?: React$Element, 272 | className?: string, 273 | classes?: Object, 274 | deleteIcon?: React$Element, 275 | label?: React$Node, 276 | onClick?: Function, 277 | onDelete?: (event: SyntheticEvent<*>) => void, 278 | onKeyDown?: Function, 279 | tabIndex?: number | string 280 | }>; 281 | } 282 | 283 | declare module "@material-ui/core/Chip" { 284 | declare module.exports: $Exports<"@material-ui/core/Chip/Chip">; 285 | } 286 | 287 | declare module "@material-ui/core/CssBaseline/CssBaseline" { 288 | declare module.exports: React$ComponentType<{ children?: React$Node }>; 289 | } 290 | 291 | declare module "@material-ui/core/CssBaseline" { 292 | declare module.exports: $Exports<"@material-ui/core/CssBaseline/CssBaseline">; 293 | } 294 | 295 | declare module "@material-ui/core/colors/amber" { 296 | declare module.exports: any; 297 | } 298 | 299 | declare module "@material-ui/core/colors/blue" { 300 | declare module.exports: any; 301 | } 302 | 303 | declare module "@material-ui/core/colors/blueGrey" { 304 | declare module.exports: any; 305 | } 306 | 307 | declare module "@material-ui/core/colors/brown" { 308 | declare module.exports: any; 309 | } 310 | 311 | declare module "@material-ui/core/colors/common" { 312 | declare module.exports: any; 313 | } 314 | 315 | declare module "@material-ui/core/colors/cyan" { 316 | declare module.exports: any; 317 | } 318 | 319 | declare module "@material-ui/core/colors/deepOrange" { 320 | declare module.exports: any; 321 | } 322 | 323 | declare module "@material-ui/core/colors/deepPurple" { 324 | declare module.exports: any; 325 | } 326 | 327 | declare module "@material-ui/core/colors/green" { 328 | declare module.exports: any; 329 | } 330 | 331 | declare module "@material-ui/core/colors/grey" { 332 | declare module.exports: any; 333 | } 334 | 335 | declare module "@material-ui/core/colors" { 336 | declare module.exports: any; 337 | } 338 | 339 | declare module "@material-ui/core/colors/indigo" { 340 | declare module.exports: any; 341 | } 342 | 343 | declare module "@material-ui/core/colors/lightBlue" { 344 | declare module.exports: any; 345 | } 346 | 347 | declare module "@material-ui/core/colors/lightGreen" { 348 | declare module.exports: any; 349 | } 350 | 351 | declare module "@material-ui/core/colors/lime" { 352 | declare module.exports: any; 353 | } 354 | 355 | declare module "@material-ui/core/colors/orange" { 356 | declare module.exports: any; 357 | } 358 | 359 | declare module "@material-ui/core/colors/pink" { 360 | declare module.exports: any; 361 | } 362 | 363 | declare module "@material-ui/core/colors/purple" { 364 | declare module.exports: any; 365 | } 366 | 367 | declare module "@material-ui/core/colors/red" { 368 | declare module.exports: any; 369 | } 370 | 371 | declare module "@material-ui/core/colors/teal" { 372 | declare module.exports: any; 373 | } 374 | 375 | declare module "@material-ui/core/colors/yellow" { 376 | declare module.exports: any; 377 | } 378 | 379 | declare module "@material-ui/core/Dialog/Dialog" { 380 | import type { 381 | TransitionCallback, 382 | TransitionDuration 383 | } from "@material-ui/core/internal/transition"; 384 | declare type MaxWidth = "xs" | "sm" | "md" | false; 385 | 386 | declare module.exports: React$ComponentType<{ 387 | children?: React$Node, 388 | className?: string, 389 | classes?: Object, 390 | fullScreen?: boolean, 391 | fullWidth?: boolean, 392 | ignoreBackdropClick?: boolean, 393 | ignoreEscapeKeyUp?: boolean, 394 | maxWidth?: MaxWidth, 395 | onBackdropClick?: Function, 396 | onClose?: Function, 397 | onEnter?: TransitionCallback, 398 | onEntered?: TransitionCallback, 399 | onEntering?: TransitionCallback, 400 | onEscapeKeyUp?: Function, 401 | onExit?: TransitionCallback, 402 | onExited?: TransitionCallback, 403 | onExiting?: TransitionCallback, 404 | open?: boolean, 405 | transition?: React$ComponentType<*>, 406 | transitionDuration?: TransitionDuration 407 | }>; 408 | } 409 | 410 | declare module "@material-ui/core/DialogActions/DialogActions" { 411 | declare module.exports: React$ComponentType<{ 412 | children?: React$Node, 413 | className?: string, 414 | classes?: Object 415 | }>; 416 | } 417 | 418 | declare module "@material-ui/core/DialogContent/DialogContent" { 419 | declare module.exports: React$ComponentType<{ 420 | children?: React$Node, 421 | className?: string, 422 | classes?: Object 423 | }>; 424 | } 425 | 426 | declare module "@material-ui/core/DialogContentText/DialogContentText" { 427 | declare module.exports: React$ComponentType<{ 428 | children?: React$Node, 429 | className?: string, 430 | classes?: Object 431 | }>; 432 | } 433 | 434 | declare module "@material-ui/core/DialogTitle/DialogTitle" { 435 | declare module.exports: React$ComponentType<{ 436 | children?: React$Node, 437 | className?: string, 438 | classes?: Object, 439 | disableTypography?: boolean 440 | }>; 441 | } 442 | 443 | declare module "@material-ui/core/withMobileDialog/withMobileDialog" { 444 | declare module.exports: any; 445 | } 446 | 447 | declare module "@material-ui/core/Dialog" { 448 | declare export default $Exports<"@material-ui/core/Dialog/Dialog">; 449 | } 450 | 451 | declare module "@material-ui/core/DialogActions" { 452 | declare export default $Exports< 453 | "@material-ui/core/DialogActions/DialogActions" 454 | >; 455 | } 456 | 457 | declare module "@material-ui/core/DialogContent" { 458 | declare export default $Exports< 459 | "@material-ui/core/DialogContent/DialogContent" 460 | >; 461 | } 462 | 463 | declare module "@material-ui/core/DialogContentText" { 464 | declare export default $Exports< 465 | "@material-ui/core/DialogContentText/DialogContentText" 466 | >; 467 | } 468 | 469 | declare module "@material-ui/core/DialogTitle" { 470 | declare export default $Exports<"@material-ui/core/DialogTitle/DialogTitle">; 471 | } 472 | 473 | declare module "@material-ui/core/withMobileDialog" { 474 | declare export default $Exports< 475 | "@material-ui/core/withMobileDialog/withMobileDialog" 476 | >; 477 | } 478 | 479 | declare module "@material-ui/core/withWidth" { 480 | import type { Breakpoint } from "@material-ui/core/styles/createBreakpoints"; 481 | declare export var isWidthUp: ( 482 | matchWidth: Breakpoint, 483 | currentWidth: Breakpoint 484 | ) => boolean; 485 | declare export var isWidthDown: ( 486 | matchWidth: Breakpoint, 487 | currentWidth: Breakpoint 488 | ) => boolean; 489 | declare export default $Exports<"@material-ui/core/withWidth/withWidth">; 490 | } 491 | 492 | declare module "@material-ui/core/Divider/Divider" { 493 | declare module.exports: React$ComponentType<{ 494 | absolute?: boolean, 495 | className?: string, 496 | classes?: Object, 497 | inset?: boolean, 498 | light?: boolean 499 | }>; 500 | } 501 | 502 | declare module "@material-ui/core/Divider" { 503 | declare module.exports: $Exports<"@material-ui/core/Divider/Divider">; 504 | } 505 | 506 | declare module "@material-ui/core/Drawer/Drawer" { 507 | import type { TransitionDuration } from "@material-ui/core/internal/transition"; 508 | 509 | declare type Anchor = "left" | "top" | "right" | "bottom"; 510 | declare type Variant = "permanent" | "persistent" | "temporary"; 511 | 512 | declare module.exports: React$ComponentType<{ 513 | ModalProps?: Object, 514 | SlideProps?: Object, 515 | PaperProps?: Object, 516 | anchor?: Anchor, 517 | children: React$Node, 518 | className?: string, 519 | classes?: Object, 520 | elevation?: number, 521 | onClose?: Function, 522 | open?: boolean, 523 | transitionDuration?: TransitionDuration, 524 | variant?: Variant, 525 | }>; 526 | } 527 | declare module "@material-ui/core/Drawer" { 528 | declare module.exports: $Exports<"@material-ui/core/Drawer/Drawer">; 529 | } 530 | 531 | declare module "@material-ui/core/SwipeableDrawer/SwipeableDrawer" { 532 | import typeof Drawer from "@material-ui/core/Drawer/Drawer" 533 | import type { TransitionDuration } from "@material-ui/core/internal/transition"; 534 | 535 | declare module.exports: React$ComponentType<{ 536 | disableBackdropTransition: boolean, 537 | disableDiscovery: boolean, 538 | disableSwipeToOpen: boolean, 539 | onClose?: Function, 540 | onOpen?: Function, 541 | open?: boolean, 542 | swipeAreaWidth: number, 543 | transitionDuration?: TransitionDuration, 544 | } & Drawer>; 545 | } 546 | 547 | declare module "@material-ui/core/SwipeableDrawer" { 548 | declare module.exports: $Exports< 549 | "@material-ui/core/SwipeableDrawer/SwipeableDrawer" 550 | >; 551 | } 552 | 553 | declare module "@material-ui/core/ExpansionPanel/ExpansionPanel" { 554 | declare module.exports: React$ComponentType<{ 555 | CollapseProps?: Object, 556 | children?: React$Node, 557 | className?: string, 558 | classes?: Object, 559 | defaultExpanded?: boolean, 560 | disabled?: boolean, 561 | expanded?: boolean, 562 | onChange?: Function 563 | }>; 564 | } 565 | 566 | declare module "@material-ui/core/ExpansionPanelActions/ExpansionPanelActions" { 567 | declare module.exports: React$ComponentType<{ 568 | children?: React$Node, 569 | className?: string, 570 | classes?: Object 571 | }>; 572 | } 573 | 574 | declare module "@material-ui/core/ExpansionPanelDetails/ExpansionPanelDetails" { 575 | declare module.exports: React$ComponentType<{ 576 | children?: React$Node, 577 | className?: string, 578 | classes?: Object 579 | }>; 580 | } 581 | 582 | declare module "@material-ui/core/ExpansionPanelSummary/ExpansionPanelSummary" { 583 | declare module.exports: React$ComponentType<{ 584 | children?: React$Node, 585 | className?: string, 586 | classes?: Object, 587 | disabled?: boolean, 588 | expanded?: boolean, 589 | expandIcon?: React$Node, 590 | onChange?: Function, 591 | onClick?: Function 592 | }>; 593 | } 594 | 595 | declare module "@material-ui/core/ExpansionPanel" { 596 | declare export default $Exports< 597 | "@material-ui/core/ExpansionPanel/ExpansionPanel" 598 | >; 599 | } 600 | 601 | declare module "@material-ui/core/ExpansionPanelActions" { 602 | declare export default $Exports< 603 | "@material-ui/core/ExpansionPanelActions/ExpansionPanelActions" 604 | >; 605 | } 606 | 607 | declare module "@material-ui/core/ExpansionPanelDetails" { 608 | declare export default $Exports< 609 | "@material-ui/core/ExpansionPanelDetails/ExpansionPanelDetails" 610 | >; 611 | } 612 | 613 | declare module "@material-ui/core/ExpansionPanelSummary" { 614 | declare export default $Exports< 615 | "@material-ui/core/ExpansionPanelSummary/ExpansionPanelSummary" 616 | >; 617 | } 618 | 619 | declare module "@material-ui/core/FormControl/FormControl" { 620 | declare type Margin = "none" | "dense" | "normal"; 621 | 622 | declare module.exports: React$ComponentType<{ 623 | children?: React$Node, 624 | classes?: Object, 625 | className?: string, 626 | component?: React$ElementType, 627 | disabled?: boolean, 628 | error?: boolean, 629 | fullWidth?: boolean, 630 | margin?: Margin, 631 | onBlur?: Function, 632 | onFocus?: Function, 633 | required?: boolean 634 | }>; 635 | } 636 | 637 | declare module "@material-ui/core/FormControlLabel/FormControlLabel" { 638 | declare module.exports: React$ComponentType<{ 639 | checked?: boolean | string, 640 | classes?: Object, 641 | className?: string, 642 | control: React$Element, 643 | disabled?: boolean, 644 | inputRef?: Function, 645 | label: React$Node, 646 | name?: string, 647 | onChange?: Function, 648 | value?: string 649 | }>; 650 | } 651 | 652 | declare module "@material-ui/core/FormGroup/FormGroup" { 653 | declare module.exports: React$ComponentType<{ 654 | children?: React$Node, 655 | classes?: Object, 656 | className?: string, 657 | row?: boolean 658 | }>; 659 | } 660 | 661 | declare module "@material-ui/core/FormHelperText/FormHelperText" { 662 | declare module.exports: React$ComponentType<{ 663 | children?: React$Node, 664 | classes?: Object, 665 | className?: string, 666 | disabled?: boolean, 667 | error?: boolean, 668 | margin?: "dense" 669 | }>; 670 | } 671 | 672 | declare module "@material-ui/core/FormLabel/FormLabel" { 673 | declare module.exports: React$ComponentType<{ 674 | children?: React$Node, 675 | classes?: Object, 676 | className?: string, 677 | component?: React$ElementType, 678 | disabled?: boolean, 679 | error?: boolean, 680 | focused?: boolean, 681 | required?: boolean 682 | }>; 683 | } 684 | 685 | declare module "@material-ui/core/FormControl" { 686 | declare module.exports: $Exports<"@material-ui/core/FormControl/FormControl">; 687 | } 688 | 689 | declare module "@material-ui/core/FormControlLabel" { 690 | declare module.exports: $Exports< 691 | "@material-ui/core/FormControlLabel/FormControlLabel" 692 | >; 693 | } 694 | 695 | declare module "@material-ui/core/FormGroup" { 696 | declare module.exports: $Exports<"@material-ui/core/FormGroup/FormGroup">; 697 | } 698 | 699 | declare module "@material-ui/core/FormHelperText" { 700 | declare module.exports: $Exports< 701 | "@material-ui/core/FormHelperText/FormHelperText" 702 | >; 703 | } 704 | 705 | declare module "@material-ui/core/FormLabel" { 706 | declare module.exports: $Exports<"@material-ui/core/FormLabel/FormLabel">; 707 | } 708 | 709 | declare module "@material-ui/core/Grid/Grid" { 710 | declare type GridSizes = 711 | | boolean 712 | | 1 713 | | 2 714 | | 3 715 | | 4 716 | | 5 717 | | 6 718 | | 7 719 | | 8 720 | | 9 721 | | 10 722 | | 11 723 | | 12; 724 | declare type AlignContent = 725 | | "stretch" 726 | | "center" 727 | | "flex-start" 728 | | "flex-end" 729 | | "space-between" 730 | | "space-around"; 731 | declare type AlignItems = 732 | | "flex-start" 733 | | "center" 734 | | "flex-end" 735 | | "stretch" 736 | | "baseline"; 737 | declare type Direction = "row" | "row-reverse" | "column" | "column-reverse"; 738 | declare type Justify = 739 | | "flex-start" 740 | | "center" 741 | | "flex-end" 742 | | "space-between" 743 | | "space-around"; 744 | declare type Spacing = 0 | 8 | 16 | 24 | 32 | 40; 745 | declare type Wrap = "nowrap" | "wrap" | "wrap-reverse"; 746 | 747 | declare module.exports: React$ComponentType<{ 748 | children?: React$Node, 749 | classes?: Object, 750 | className?: string, 751 | component?: React$ElementType, 752 | container?: boolean, 753 | item?: boolean, 754 | alignContent?: AlignContent, 755 | alignItems?: AlignItems, 756 | direction?: Direction, 757 | spacing?: Spacing, 758 | hidden?: any, 759 | justify?: Justify, 760 | wrap?: Wrap, 761 | xs?: GridSizes, 762 | sm?: GridSizes, 763 | md?: GridSizes, 764 | lg?: GridSizes, 765 | xl?: GridSizes 766 | }>; 767 | } 768 | 769 | declare module "@material-ui/core/Grid" { 770 | declare module.exports: $Exports<"@material-ui/core/Grid/Grid">; 771 | } 772 | 773 | declare module "@material-ui/core/GridList/GridList" { 774 | declare type CellHeight = number | "auto"; 775 | 776 | declare module.exports: React$ComponentType<{ 777 | cellHeight?: CellHeight, 778 | children: React$Node, 779 | classes?: Object, 780 | className?: string, 781 | cols?: number, 782 | component?: React$ElementType, 783 | spacing?: number, 784 | style?: Object 785 | }>; 786 | } 787 | 788 | declare module "@material-ui/core/GridListTile/GridListTile" { 789 | declare module.exports: React$ComponentType<{ 790 | children?: React$Node, 791 | classes?: Object, 792 | className?: string, 793 | cols?: number, 794 | component?: React$ElementType, 795 | rows?: number 796 | }>; 797 | } 798 | 799 | declare module "@material-ui/core/GridListTileBar/GridListTileBar" { 800 | declare type TitlePosition = "top" | "bottom"; 801 | declare type ActionPosition = "left" | "right"; 802 | 803 | declare module.exports: React$ComponentType<{ 804 | actionIcon?: React$Node, 805 | actionPosition?: ActionPosition, 806 | classes?: Object, 807 | className?: string, 808 | subtitle?: React$Node, 809 | title: React$Node, 810 | titlePosition?: TitlePosition 811 | }>; 812 | } 813 | 814 | declare module "@material-ui/core/GridList" { 815 | declare export default $Exports<"@material-ui/core/GridList/GridList">; 816 | } 817 | 818 | declare module "@material-ui/core/GridListTile" { 819 | declare export default $Exports< 820 | "@material-ui/core/GridListTile/GridListTile" 821 | >; 822 | } 823 | 824 | declare module "@material-ui/core/GridListTileBar" { 825 | declare export default $Exports< 826 | "@material-ui/core/GridListTileBar/GridListTileBar" 827 | >; 828 | } 829 | declare module "@material-ui/core/Hidden/Hidden" { 830 | import type { Breakpoint } from "@material-ui/core/styles/createBreakpoints"; 831 | 832 | declare module.exports: React$ComponentType<{ 833 | children: React$Node, 834 | className?: string, 835 | only?: Breakpoint | Array, 836 | xsUp?: boolean, 837 | smUp?: boolean, 838 | mdUp?: boolean, 839 | lgUp?: boolean, 840 | xlUp?: boolean, 841 | xsDown?: boolean, 842 | smDown?: boolean, 843 | mdDown?: boolean, 844 | lgDown?: boolean, 845 | xlDown?: boolean, 846 | implementation?: "js" | "css", 847 | initialWidth?: number 848 | }>; 849 | } 850 | 851 | declare module "@material-ui/core/Hidden/HiddenCss" { 852 | import typeof Hidden from "@material-ui/core/Hidden/Hidden"; 853 | 854 | declare module.exports: React$ComponentType>; 855 | } 856 | 857 | declare module "@material-ui/core/Hidden/HiddenJs" { 858 | import typeof Hidden from "@material-ui/core/Hidden/Hidden"; 859 | 860 | declare module.exports: React$ComponentType>; 861 | } 862 | 863 | declare module "@material-ui/core/Hidden" { 864 | declare export default $Exports<"@material-ui/core/Hidden/Hidden">; 865 | } 866 | 867 | declare module "@material-ui/core/Hidden/types" { 868 | declare module.exports: any; 869 | } 870 | 871 | declare module "@material-ui/core/Icon/Icon" { 872 | declare type Color = 873 | | "inherit" 874 | | "accent" 875 | | "action" 876 | | "contrast" 877 | | "disabled" 878 | | "error" 879 | | "primary"; 880 | 881 | declare module.exports: React$ComponentType<{ 882 | children?: React$Node, 883 | className?: string, 884 | classes?: Object, 885 | color?: Color 886 | }>; 887 | } 888 | 889 | declare module "@material-ui/core/Icon" { 890 | declare module.exports: $Exports<"@material-ui/core/Icon/Icon">; 891 | } 892 | 893 | declare module "@material-ui/core/IconButton/IconButton" { 894 | declare type Color = 895 | | "default" 896 | | "inherit" 897 | | "primary" 898 | | "secondary"; 899 | 900 | declare module.exports: React$ComponentType<{ 901 | buttonRef?: Function, 902 | children?: React$Node, 903 | classes?: Object, 904 | className?: string, 905 | color?: Color, 906 | disabled?: boolean, 907 | disableRipple?: boolean, 908 | rootRef?: Function 909 | }>; 910 | } 911 | 912 | declare module "@material-ui/core/IconButton" { 913 | declare module.exports: $Exports<"@material-ui/core/IconButton/IconButton">; 914 | } 915 | 916 | declare module "@material-ui/core/Input" { 917 | declare export default $Exports<"@material-ui/core/Input/Input">; 918 | } 919 | 920 | declare module "@material-ui/core/InputAdornment" { 921 | declare export default $Exports< 922 | "@material-ui/core/InputAdornment/InputAdornment" 923 | >; 924 | } 925 | 926 | declare module "@material-ui/core/InputLabel" { 927 | declare export default $Exports<"@material-ui/core/InputLabel/InputLabel">; 928 | } 929 | 930 | declare module "@material-ui/core/Input/Input" { 931 | declare module.exports: React$ComponentType<{ 932 | autoComplete?: string, 933 | autoFocus?: boolean, 934 | classes?: Object, 935 | className?: string, 936 | defaultValue?: string | number, 937 | disabled?: boolean, 938 | disableUnderline?: boolean, 939 | endAdornment?: React$Node, 940 | error?: boolean, 941 | fullWidth?: boolean, 942 | id?: string, 943 | inputComponent?: string | React$ComponentType<*>, 944 | inputProps?: Object, 945 | inputRef?: Function, 946 | margin?: "dense" | "none", 947 | multiline?: boolean, 948 | name?: string, 949 | readOnly?: boolean, 950 | onBlur?: (event: SyntheticFocusEvent<*>) => void, 951 | onChange?: (event: SyntheticInputEvent<*>) => void, 952 | onClean?: () => void, 953 | onDirty?: () => void, 954 | onFocus?: (event: SyntheticFocusEvent<*>) => void, 955 | onKeyDown?: (event: SyntheticKeyboardEvent<*>) => void, 956 | onKeyUp?: (event: SyntheticKeyboardEvent<*>) => void, 957 | placeholder?: string, 958 | rows?: string | number, 959 | rowsMax?: string | number, 960 | startAdornment?: React$Node, 961 | type?: string, 962 | value?: string | number | Array 963 | }>; 964 | } 965 | 966 | declare module "@material-ui/core/InputAdornment/InputAdornment" { 967 | declare module.exports: React$ComponentType<{ 968 | children?: React$Node, 969 | classes?: Object, 970 | className?: string, 971 | component?: React$ElementType, 972 | disableTypography?: boolean, 973 | position: "start" | "end" 974 | }>; 975 | } 976 | 977 | declare module "@material-ui/core/InputLabel/InputLabel" { 978 | declare module.exports: React$ComponentType<{ 979 | children?: React$Node, 980 | classes?: Object, 981 | className?: string, 982 | disableAnimation?: boolean, 983 | disabled?: boolean, 984 | error?: boolean, 985 | FormControlClasses?: Object, 986 | focused?: boolean, 987 | margin?: "dense", 988 | required?: boolean, 989 | shrink?: boolean 990 | }>; 991 | } 992 | 993 | declare module "@material-ui/core/Input/Textarea" { 994 | declare type Rows = string | number; 995 | 996 | declare module.exports: React$ComponentType<{ 997 | classes?: Object, 998 | className?: string, 999 | defaultValue?: string | number, 1000 | disabled?: boolean, 1001 | onChange?: Function, 1002 | rows: Rows, 1003 | rowsMax?: string | number, 1004 | textareaRef?: Function, 1005 | value?: string | number 1006 | }>; 1007 | } 1008 | 1009 | declare module "@material-ui/core/internal/dom" { 1010 | declare module.exports: any; 1011 | } 1012 | 1013 | declare module "@material-ui/core/Portal/Portal" { 1014 | declare module.exports: React$ComponentType<{ 1015 | children?: React$Node, 1016 | open?: boolean 1017 | }>; 1018 | } 1019 | 1020 | declare module "@material-ui/core/Portal" { 1021 | declare module.exports: $Exports<"@material-ui/core/Portal/Portal">; 1022 | } 1023 | 1024 | declare module "@material-ui/core/internal/SwitchBase" { 1025 | declare module.exports: React$ComponentType<{ 1026 | checked?: boolean | string, 1027 | checkedIcon?: React$Node, 1028 | children?: React$Node, 1029 | classes?: Object, 1030 | className?: string, 1031 | defaultChecked?: boolean, 1032 | disabled?: boolean, 1033 | disableRipple?: boolean, 1034 | icon?: React$Node, 1035 | indeterminate?: boolean, 1036 | indeterminateIcon?: React$Node, 1037 | inputProps?: Object, 1038 | inputRef?: Function, 1039 | inputType?: string, 1040 | name?: string, 1041 | onChange?: Function, 1042 | tabIndex?: number | string, 1043 | value?: string 1044 | }>; 1045 | } 1046 | 1047 | declare module "@material-ui/core/internal/transition" { 1048 | declare type TransitionDuration = number | { enter: number, exit: number }; 1049 | declare type TransitionCallback = (element: HTMLElement) => void; 1050 | declare type TransitionClasses = { 1051 | appear?: string, 1052 | appearActive?: string, 1053 | enter?: string, 1054 | enterActive?: string, 1055 | exit?: string, 1056 | exitActive?: string 1057 | }; 1058 | } 1059 | declare module "@material-ui/core/List" { 1060 | declare export default $Exports<"@material-ui/core/List/List">; 1061 | } 1062 | 1063 | declare module "@material-ui/core/ListItem" { 1064 | declare export default $Exports<"@material-ui/core/ListItem/ListItem">; 1065 | } 1066 | 1067 | declare module "@material-ui/core/ListItemAvatar" { 1068 | declare export default $Exports< 1069 | "@material-ui/core/ListItemAvatar/ListItemAvatar" 1070 | >; 1071 | } 1072 | 1073 | declare module "@material-ui/core/ListItemIcon" { 1074 | declare export default $Exports< 1075 | "@material-ui/core/ListItemIcon/ListItemIcon" 1076 | >; 1077 | } 1078 | 1079 | declare module "@material-ui/core/ListItemSecondaryAction" { 1080 | declare export default $Exports< 1081 | "@material-ui/core/ListItemSecondaryAction/ListItemSecondaryAction" 1082 | >; 1083 | } 1084 | 1085 | declare module "@material-ui/core/ListItemText" { 1086 | declare export default $Exports< 1087 | "@material-ui/core/ListItemText/ListItemText" 1088 | >; 1089 | } 1090 | 1091 | declare module "@material-ui/core/ListSubheader" { 1092 | declare export default $Exports< 1093 | "@material-ui/core/ListSubheader/ListSubheader" 1094 | >; 1095 | } 1096 | 1097 | declare module "@material-ui/core/List/List" { 1098 | declare module.exports: React$ComponentType<{ 1099 | children?: React$Node, 1100 | classes?: Object, 1101 | className?: string, 1102 | component?: React$ElementType, 1103 | dense?: boolean, 1104 | disablePadding?: boolean, 1105 | rootRef?: Function, 1106 | subheader?: React$Node 1107 | }>; 1108 | } 1109 | 1110 | declare module "@material-ui/core/ListItem/ListItem" { 1111 | declare module.exports: React$ComponentType<{ 1112 | button?: boolean, 1113 | children?: React$Node, 1114 | classes?: Object, 1115 | className?: string, 1116 | component?: React$ElementType, 1117 | dense?: boolean, 1118 | disabled?: boolean, 1119 | disableGutters?: boolean, 1120 | divider?: boolean 1121 | }>; 1122 | } 1123 | 1124 | declare module "@material-ui/core/ListItemAvatar/ListItemAvatar" { 1125 | declare module.exports: React$ComponentType<{ 1126 | children: React$Element, 1127 | classes?: Object, 1128 | className?: string 1129 | }>; 1130 | } 1131 | 1132 | declare module "@material-ui/core/ListItemIcon/ListItemIcon" { 1133 | declare module.exports: React$ComponentType<{ 1134 | children: React$Element, 1135 | classes?: Object, 1136 | className?: string 1137 | }>; 1138 | } 1139 | 1140 | declare module "@material-ui/core/ListItemSecondaryAction/ListItemSecondaryAction" { 1141 | declare module.exports: React$ComponentType<{ 1142 | children?: React$Node, 1143 | classes?: Object, 1144 | className?: string 1145 | }>; 1146 | } 1147 | 1148 | declare module "@material-ui/core/ListItemText/ListItemText" { 1149 | declare module.exports: React$ComponentType<{ 1150 | classes?: Object, 1151 | className?: string, 1152 | disableTypography?: boolean, 1153 | inset?: boolean, 1154 | primary?: React$Node, 1155 | secondary?: React$Node 1156 | }>; 1157 | } 1158 | 1159 | declare module "@material-ui/core/ListSubheader/ListSubheader" { 1160 | declare type Color = "default" | "primary" | "inherit"; 1161 | 1162 | declare module.exports: React$ComponentType<{ 1163 | children?: React$Node, 1164 | classes?: Object, 1165 | className?: string, 1166 | component?: React$ElementType, 1167 | color?: Color, 1168 | disableSticky?: boolean, 1169 | inset?: boolean 1170 | }>; 1171 | } 1172 | 1173 | declare module "@material-ui/core/Menu" { 1174 | declare export default $Exports<"@material-ui/core/Menu/Menu">; 1175 | } 1176 | 1177 | declare module "@material-ui/core/MenuItem" { 1178 | declare export default $Exports<"@material-ui/core/MenuItem/MenuItem">; 1179 | } 1180 | 1181 | declare module "@material-ui/core/MenuList" { 1182 | declare export default $Exports<"@material-ui/core/MenuList/MenuList">; 1183 | } 1184 | 1185 | declare module "@material-ui/core/Menu/Menu" { 1186 | import type { TransitionCallback } from "@material-ui/core/internal/transition"; 1187 | 1188 | declare type TransitionDuration = 1189 | | number 1190 | | { enter?: number, exit?: number } 1191 | | "auto"; 1192 | 1193 | declare module.exports: React$ComponentType<{ 1194 | anchorEl?: ?HTMLElement, 1195 | children?: React$Node, 1196 | classes?: Object, 1197 | MenuListProps?: Object, 1198 | onEnter?: TransitionCallback, 1199 | onEntering?: TransitionCallback, 1200 | onEntered?: TransitionCallback, 1201 | onExit?: TransitionCallback, 1202 | onExiting?: TransitionCallback, 1203 | onExited?: TransitionCallback, 1204 | onClose?: Function, 1205 | open?: boolean, 1206 | PaperProps?: Object, 1207 | PopoverClasses?: Object, 1208 | transitionDuration?: TransitionDuration 1209 | }>; 1210 | } 1211 | 1212 | declare module "@material-ui/core/MenuItem/MenuItem" { 1213 | declare module.exports: React$ComponentType<{ 1214 | children?: React$Node, 1215 | classes?: Object, 1216 | className?: string, 1217 | component?: React$ElementType, 1218 | role?: string, 1219 | selected?: boolean 1220 | }>; 1221 | } 1222 | 1223 | declare module "@material-ui/core/MenuList/MenuList" { 1224 | declare module.exports: React$ComponentType<{ 1225 | children?: React$Node, 1226 | className?: string, 1227 | onBlur?: Function, 1228 | onKeyDown?: (event: SyntheticUIEvent<*>, key: string) => void 1229 | }>; 1230 | } 1231 | 1232 | declare module "@material-ui/core/MobileStepper" { 1233 | declare module.exports: $Exports< 1234 | "@material-ui/core/MobileStepper/MobileStepper" 1235 | >; 1236 | } 1237 | 1238 | declare module "@material-ui/core/MobileStepper/MobileStepper" { 1239 | declare type Position = "bottom" | "top" | "static"; 1240 | declare type Variant = "text" | "dots" | "progress"; 1241 | 1242 | declare module.exports: React$ComponentType<{ 1243 | activeStep?: number, 1244 | backButton: React$Element, 1245 | classes?: Object, 1246 | className?: string, 1247 | nextButton: React$Element, 1248 | position?: Position, 1249 | steps: number, 1250 | variant?: Variant 1251 | }>; 1252 | } 1253 | 1254 | declare module "@material-ui/core/Backdrop/Backdrop" { 1255 | declare module.exports: React$ComponentType<{ 1256 | children?: React$Node, 1257 | classes?: Object, 1258 | className?: string, 1259 | invisible?: boolean 1260 | }>; 1261 | } 1262 | 1263 | declare module "@material-ui/core/Modal/ModalManager" { 1264 | declare class ModalManager { 1265 | constructor(Object): ModalManager; 1266 | add(any, any): void; 1267 | remove(any): number; 1268 | isTopModal(modal: any): boolean; 1269 | } 1270 | declare export default typeof ModalManager; 1271 | } 1272 | 1273 | declare module "@material-ui/core/Modal" { 1274 | declare export default $Exports<"@material-ui/core/Modal/Modal">; 1275 | declare export var ModalManager: $Exports< 1276 | "@material-ui/core/Modal/ModalManager" 1277 | >; 1278 | } 1279 | 1280 | declare module "@material-ui/core/Backdrop" { 1281 | declare export default $Exports<"@material-ui/core/Backdrop/Backdrop">; 1282 | } 1283 | 1284 | declare module "@material-ui/core/Modal/Modal" { 1285 | import type { 1286 | TransitionDuration, 1287 | TransitionCallback 1288 | } from "@material-ui/core/internal/transition"; 1289 | 1290 | declare module.exports: React$ComponentType<{ 1291 | BackdropClassName?: string, 1292 | BackdropComponent?: React$ElementType, 1293 | BackdropInvisible?: boolean, 1294 | BackdropTransitionDuration?: TransitionDuration, 1295 | children?: React$Element, 1296 | classes?: Object, 1297 | className?: string, 1298 | keepMounted?: boolean, 1299 | disableBackdrop?: boolean, 1300 | ignoreBackdropClick?: boolean, 1301 | ignoreEscapeKeyUp?: boolean, 1302 | modalManager?: Object, 1303 | onBackdropClick?: Function, 1304 | onEnter?: TransitionCallback, 1305 | onEntering?: TransitionCallback, 1306 | onEntered?: TransitionCallback, 1307 | onEscapeKeyUp?: Function, 1308 | onExit?: TransitionCallback, 1309 | onExiting?: TransitionCallback, 1310 | onExited?: TransitionCallback, 1311 | onClose?: Function, 1312 | open: boolean 1313 | }>; 1314 | } 1315 | 1316 | declare module "@material-ui/core/Modal/ModalManager" { 1317 | declare module.exports: any; 1318 | } 1319 | 1320 | declare module "@material-ui/core/NativeSelect" { 1321 | declare module.exports: $Exports< 1322 | "@material-ui/core/NativeSelect/NativeSelect" 1323 | >; 1324 | } 1325 | 1326 | declare module "@material-ui/core/NativeSelect/NativeSelect" { 1327 | declare module.exports: React$ComponentType<{ 1328 | classes: Object, 1329 | children?: React$Node, 1330 | IconComponent?: React$ElementType | Function, 1331 | input?: React$Element, 1332 | inputProps?: Object, 1333 | onChange?: Function, 1334 | value?: string | number 1335 | }>; 1336 | } 1337 | 1338 | declare module "@material-ui/core/Paper" { 1339 | declare module.exports: $Exports<"@material-ui/core/Paper/Paper">; 1340 | } 1341 | 1342 | declare module "@material-ui/core/Paper/Paper" { 1343 | declare module.exports: React$ComponentType<{ 1344 | classes?: Object, 1345 | className?: string, 1346 | children?: React$Node, 1347 | component?: React$ElementType, 1348 | elevation?: number, 1349 | square?: boolean 1350 | }>; 1351 | } 1352 | 1353 | declare module "@material-ui/core/Popover" { 1354 | declare module.exports: $Exports<"@material-ui/core/Popover/Popover">; 1355 | } 1356 | 1357 | declare module "@material-ui/core/Popover/Popover" { 1358 | import type { 1359 | TransitionCallback, 1360 | TransitionClasses 1361 | } from "@material-ui/core/internal/transition"; 1362 | 1363 | declare type Position = { 1364 | top: number, 1365 | left: number 1366 | }; 1367 | 1368 | declare type Origin = { 1369 | horizontal: "left" | "center" | "right" | number, 1370 | vertical: "top" | "center" | "bottom" | number 1371 | }; 1372 | 1373 | declare module.exports: React$ComponentType<{ 1374 | anchorEl?: ?HTMLElement, 1375 | anchorPosition?: Position, 1376 | anchorReference?: "anchorEl" | "anchorPosition", 1377 | anchorOrigin?: Origin, 1378 | children: React$Node, 1379 | classes?: Object, 1380 | elevation?: number, 1381 | getContentAnchorEl?: Function, 1382 | marginThreshold?: number, 1383 | onEnter?: TransitionCallback, 1384 | onEntering?: TransitionCallback, 1385 | onEntered?: TransitionCallback, 1386 | onExit?: TransitionCallback, 1387 | onExiting?: TransitionCallback, 1388 | onExited?: TransitionCallback, 1389 | onClose?: Function, 1390 | open: boolean, 1391 | PaperProps?: Object, 1392 | role?: string, 1393 | transformOrigin?: Origin, 1394 | transitionClasses?: TransitionClasses, 1395 | transitionDuration?: number | { enter?: number, exit?: number } | "auto" 1396 | }>; 1397 | } 1398 | 1399 | declare module "@material-ui/core/CircularProgress/CircularProgress" { 1400 | declare type Color = "primary" | "accent" | "inherit"; 1401 | declare type Mode = "determinate" | "indeterminate"; 1402 | 1403 | declare module.exports: React$ComponentType<{ 1404 | classes?: Object, 1405 | className?: string, 1406 | color?: Color, 1407 | max?: number, 1408 | min?: number, 1409 | mode?: Mode, 1410 | size?: number, 1411 | style?: Object, 1412 | thickness?: number, 1413 | value?: number 1414 | }>; 1415 | } 1416 | 1417 | declare module "@material-ui/core/CircularProgress" { 1418 | declare export default $Exports< 1419 | "@material-ui/core/CircularProgress/CircularProgress" 1420 | >; 1421 | } 1422 | 1423 | declare module "@material-ui/core/LinearProgress" { 1424 | declare export default $Exports< 1425 | "@material-ui/core/LinearProgress/LinearProgress" 1426 | >; 1427 | } 1428 | 1429 | declare module "@material-ui/core/LinearProgress/LinearProgress" { 1430 | declare type Color = "primary" | "accent"; 1431 | declare type Mode = "determinate" | "indeterminate" | "buffer" | "query"; 1432 | 1433 | declare module.exports: React$ComponentType<{ 1434 | classes?: Object, 1435 | className?: string, 1436 | color?: Color, 1437 | mode?: Mode, 1438 | value?: number, 1439 | valueBuffer?: number 1440 | }>; 1441 | } 1442 | 1443 | declare module "@material-ui/core/Radio" { 1444 | declare export default $Exports<"@material-ui/core/Radio/Radio">; 1445 | } 1446 | 1447 | declare module "@material-ui/core/RadioGroup" { 1448 | declare export default $Exports<"@material-ui/core/RadioGroup/RadioGroup">; 1449 | } 1450 | 1451 | declare module "@material-ui/core/Radio/Radio" { 1452 | declare module.exports: React$ComponentType<{ 1453 | checked?: boolean | string, 1454 | checkedIcon?: React$Node, 1455 | children?: React$Node, 1456 | classes?: Object, 1457 | className?: string, 1458 | defaultChecked?: boolean, 1459 | disabled?: boolean, 1460 | disableRipple?: boolean, 1461 | icon?: React$Node, 1462 | inputProps?: Object, 1463 | inputRef?: Function, 1464 | name?: string, 1465 | onChange?: Function, 1466 | tabIndex?: number | string, 1467 | value?: string 1468 | }>; 1469 | } 1470 | 1471 | declare module "@material-ui/core/RadioGroup/RadioGroup" { 1472 | declare module.exports: React$ComponentType<{ 1473 | children?: React$Node, 1474 | name?: string, 1475 | onBlur?: Function, 1476 | onChange?: Function, 1477 | onKeyDown?: Function, 1478 | value?: string 1479 | }>; 1480 | } 1481 | 1482 | declare module "@material-ui/core/Select" { 1483 | declare module.exports: $Exports<"@material-ui/core/Select/Select">; 1484 | } 1485 | 1486 | declare module "@material-ui/core/Select/Select" { 1487 | declare module.exports: React$ComponentType<{ 1488 | autoWidth?: boolean, 1489 | children: React$Node, 1490 | classes?: Object, 1491 | displayEmpty?: boolean, 1492 | input?: React$Element, 1493 | inputProps?: Object, 1494 | native?: boolean, 1495 | multiple?: boolean, 1496 | onChange?: (event: SyntheticInputEvent<*>, child: Object) => void, 1497 | onClose?: (event: SyntheticUIEvent<*>) => void, 1498 | onOpen?: (event: SyntheticUIEvent<*>) => void, 1499 | open?: boolean, 1500 | MenuProps?: Object, 1501 | renderValue?: Function, 1502 | value?: ?($ReadOnlyArray | string | number) 1503 | }>; 1504 | } 1505 | 1506 | declare module "@material-ui/core/Select/SelectInput" { 1507 | declare module.exports: React$ComponentType<{ 1508 | autoWidth: boolean, 1509 | children: React$Node, 1510 | classes?: Object, 1511 | className?: string, 1512 | disabled?: boolean, 1513 | displayEmpty: boolean, 1514 | native: boolean, 1515 | multiple: boolean, 1516 | MenuProps?: Object, 1517 | name?: string, 1518 | onBlur?: Function, 1519 | onChange?: (event: SyntheticUIEvent<*>, child: React$Element) => void, 1520 | onFocus?: Function, 1521 | readOnly?: boolean, 1522 | renderValue?: Function, 1523 | selectRef?: Function, 1524 | value?: string | number | $ReadOnlyArray 1525 | }>; 1526 | } 1527 | 1528 | declare module "@material-ui/core/Snackbar" { 1529 | declare export default $Exports<"@material-ui/core/Snackbar/Snackbar">; 1530 | declare export var SnackbarContent: $Exports< 1531 | "@material-ui/core/SnackbarContent/SnackbarContent" 1532 | >; 1533 | } 1534 | 1535 | declare module "@material-ui/core/SnackbarContent" { 1536 | declare export default $Exports< 1537 | "@material-ui/core/SnackbarContent/SnackbarContent" 1538 | >; 1539 | } 1540 | 1541 | declare module "@material-ui/core/Snackbar/Snackbar" { 1542 | import type { 1543 | TransitionDuration, 1544 | TransitionCallback 1545 | } from "@material-ui/core/internal/transition"; 1546 | 1547 | declare type Origin = { 1548 | horizontal?: "left" | "center" | "right" | number, 1549 | vertical?: "top" | "center" | "bottom" | number 1550 | }; 1551 | 1552 | declare module.exports: React$ComponentType<{ 1553 | action?: React$Node, 1554 | anchorOrigin?: Origin, 1555 | autoHideDuration?: ?number, 1556 | resumeHideDuration?: number, 1557 | children?: React$Element, 1558 | classes?: Object, 1559 | className?: string, 1560 | key?: any, 1561 | message?: React$Node, 1562 | onEnter?: TransitionCallback, 1563 | onEntering?: TransitionCallback, 1564 | onEntered?: TransitionCallback, 1565 | onExit?: TransitionCallback, 1566 | onExiting?: TransitionCallback, 1567 | onExited?: TransitionCallback, 1568 | onMouseEnter?: Function, 1569 | onMouseLeave?: Function, 1570 | onClose?: (event: ?Event, reason: string) => void, 1571 | open: boolean, 1572 | SnackbarContentProps?: Object, 1573 | transition?: React$ComponentType<*>, 1574 | transitionDuration?: TransitionDuration 1575 | }>; 1576 | } 1577 | 1578 | declare module "@material-ui/core/SnackbarContent/SnackbarContent" { 1579 | declare module.exports: React$ComponentType<{ 1580 | action?: React$Node, 1581 | classes?: Object, 1582 | className?: string, 1583 | message: React$Node 1584 | }>; 1585 | } 1586 | 1587 | declare module "@material-ui/core/Step" { 1588 | declare export default $Exports<"@material-ui/core/Step/Step">; 1589 | } 1590 | 1591 | declare module "@material-ui/core/StepButton" { 1592 | declare export default $Exports<"@material-ui/core/StepButton/StepButton">; 1593 | } 1594 | 1595 | declare module "@material-ui/core/StepContent" { 1596 | declare export default $Exports<"@material-ui/core/StepContent/StepContent">; 1597 | } 1598 | 1599 | declare module "@material-ui/core/StepIcon" { 1600 | declare export default $Exports<"@material-ui/core/StepIcon/StepIcon">; 1601 | } 1602 | 1603 | declare module "@material-ui/core/StepLabel" { 1604 | declare export default $Exports<"@material-ui/core/StepLabel/StepLabel">; 1605 | } 1606 | 1607 | declare module "@material-ui/core/Stepper" { 1608 | declare export default $Exports<"@material-ui/core/Stepper/Stepper">; 1609 | } 1610 | 1611 | declare module "@material-ui/core/Step/Step" { 1612 | import type { Orientation } from "@material-ui/core/Stepper/Stepper"; 1613 | 1614 | declare module.exports: React$ComponentType<{ 1615 | active?: boolean, 1616 | alternativeLabel?: boolean, 1617 | children?: React$Node, 1618 | classes?: Object, 1619 | className?: string, 1620 | completed?: boolean, 1621 | connector?: React$Element, 1622 | disabled?: boolean, 1623 | index?: number, 1624 | last?: boolean, 1625 | optional?: boolean, 1626 | orientation?: Orientation 1627 | }>; 1628 | } 1629 | 1630 | declare module "@material-ui/core/StepButton/StepButton" { 1631 | import type { Orientation } from "@material-ui/core/Stepper/Stepper"; 1632 | 1633 | declare type Icon = React$Element | string | number; 1634 | 1635 | declare module.exports: React$ComponentType<{ 1636 | active?: boolean, 1637 | alternativeLabel?: boolean, 1638 | children: React$Element, 1639 | classes?: Object, 1640 | className?: string, 1641 | completed?: boolean, 1642 | disabled?: boolean, 1643 | icon?: Icon, 1644 | last?: boolean, 1645 | optional?: boolean, 1646 | orientation?: Orientation 1647 | }>; 1648 | } 1649 | 1650 | declare module "@material-ui/core/StepConnector/StepConnector" { 1651 | import type { Orientation } from "@material-ui/core/Stepper/Stepper"; 1652 | 1653 | declare module.exports: React$ComponentType<{ 1654 | alternativeLabel?: boolean, 1655 | classes?: Object, 1656 | className?: string, 1657 | orientation?: Orientation 1658 | }>; 1659 | } 1660 | 1661 | declare module "@material-ui/core/StepContent/StepContent" { 1662 | import type { TransitionDuration } from "@material-ui/core/Collapse/Collapse"; 1663 | import type { Orientation } from "@material-ui/core/Stepper/Stepper"; 1664 | 1665 | declare module.exports: React$ComponentType<{ 1666 | active?: boolean, 1667 | alternativeLabel?: boolean, 1668 | children: React$Node, 1669 | classes?: Object, 1670 | className?: string, 1671 | completed?: boolean, 1672 | last?: boolean, 1673 | optional?: boolean, 1674 | orientation?: Orientation, 1675 | transition?: Function, 1676 | transitionDuration?: TransitionDuration 1677 | }>; 1678 | } 1679 | 1680 | declare module "@material-ui/core/StepIcon/StepIcon" { 1681 | import type { Icon } from "@material-ui/core/StepButton/StepButton"; 1682 | 1683 | declare module.exports: React$ComponentType<{ 1684 | active?: boolean, 1685 | classes?: Object, 1686 | completed?: boolean, 1687 | icon?: Icon 1688 | }>; 1689 | } 1690 | 1691 | declare module "@material-ui/core/StepLabel/StepLabel" { 1692 | import type { Orientation } from "@material-ui/core/Stepper/Stepper"; 1693 | import type { Icon } from "@material-ui/core/StepButton/StepButton"; 1694 | 1695 | declare module.exports: React$ComponentType<{ 1696 | active?: boolean, 1697 | alternativeLabel?: boolean, 1698 | children: React$Node, 1699 | classes?: Object, 1700 | className?: string, 1701 | completed?: boolean, 1702 | disabled?: boolean, 1703 | icon?: Icon, 1704 | last?: boolean, 1705 | optional?: boolean, 1706 | orientation?: Orientation 1707 | }>; 1708 | } 1709 | 1710 | declare module "@material-ui/core/Stepper/Stepper" { 1711 | import typeof Step from "@material-ui/core/Step/Step"; 1712 | import typeof StepConnector from "@material-ui/core/StepConnector/StepConnector"; 1713 | 1714 | declare type Orientation = "horizontal" | "vertical"; 1715 | 1716 | declare module.exports: React$ComponentType<{ 1717 | activeStep?: number, 1718 | alternativeLabel?: boolean, 1719 | children: React$Node, 1720 | classes?: Object, 1721 | className?: string, 1722 | connector?: React$Element | React$Node, 1723 | nonLinear?: boolean, 1724 | orientation?: Orientation 1725 | }>; 1726 | } 1727 | 1728 | declare module "@material-ui/core/StepIcion/StepPositionIcon" { 1729 | import type { Icon } from "@material-ui/core/StepButton/StepButton"; 1730 | 1731 | declare module.exports: React$ComponentType<{ 1732 | active?: boolean, 1733 | classes?: Object, 1734 | className?: string, 1735 | position?: Icon 1736 | }>; 1737 | } 1738 | 1739 | declare module "@material-ui/core/styles/colorManipulator" { 1740 | declare module.exports: { 1741 | convertColorToString: (color: Object) => any, 1742 | convertHexToRGB: (color: string) => any, 1743 | decomposeColor: (color: string) => any, 1744 | getContrastRatio: (foreground: string, background: string) => any, 1745 | getLuminance: (color: string) => any, 1746 | emphasize: (color: string, coefficient: number) => any, 1747 | fade: (color: string, value: number) => any, 1748 | darken: (color: string, coefficient: number) => any, 1749 | lighten: (color: string, coefficient: number) => any 1750 | }; 1751 | } 1752 | 1753 | declare module "@material-ui/core/styles/createBreakpoints" { 1754 | declare type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl"; 1755 | 1756 | declare module.exports: { 1757 | keys: Array, 1758 | default: (breakpoints: Object) => any 1759 | }; 1760 | } 1761 | 1762 | declare module "@material-ui/core/styles/createGenerateClassName" { 1763 | declare module.exports: () => any; 1764 | } 1765 | 1766 | declare module "@material-ui/core/styles/createMixins" { 1767 | declare module.exports: ( 1768 | breakpoints: Object, 1769 | spacing: Object, 1770 | mixins: Object 1771 | ) => any; 1772 | } 1773 | 1774 | declare module "@material-ui/core/styles/createMuiTheme" { 1775 | declare module.exports: (options: Object) => any; 1776 | } 1777 | 1778 | declare module "@material-ui/core/styles/createPalette" { 1779 | declare export var light: Object; 1780 | declare export var dark: Object; 1781 | declare export default (palette: Object) => any; 1782 | } 1783 | 1784 | declare module "@material-ui/core/styles/createTypography" { 1785 | declare module.exports: ( 1786 | palette: Object, 1787 | typography: Object | Function 1788 | ) => any; 1789 | } 1790 | 1791 | declare module "@material-ui/core/styles/jssPreset" { 1792 | declare module.exports: () => any; 1793 | } 1794 | 1795 | declare module "@material-ui/core/styles/getStylesCreator" { 1796 | declare module.exports: (stylesOrCreator: Object | (Object => Object)) => any; 1797 | } 1798 | 1799 | declare module "@material-ui/core/styles" { 1800 | declare module.exports: { 1801 | MuiThemeProvider: $Exports<"@material-ui/core/styles/MuiThemeProvider">, 1802 | withStyles: $Exports<"@material-ui/core/styles/withStyles">, 1803 | withTheme: $Exports<"@material-ui/core/styles/withTheme">, 1804 | createMuiTheme: $Exports<"@material-ui/core/styles/createMuiTheme">, 1805 | jssPreset: $Exports<"@material-ui/core/styles/jssPreset"> 1806 | }; 1807 | } 1808 | 1809 | declare module "@material-ui/core/styles/MuiThemeProvider" { 1810 | declare module.exports: React$ComponentType; 1811 | } 1812 | 1813 | declare module "@material-ui/core/styles/shadows" { 1814 | declare module.exports: Array; 1815 | } 1816 | 1817 | declare module "@material-ui/core/styles/spacing" { 1818 | declare module.exports: Object; 1819 | } 1820 | 1821 | declare module "@material-ui/core/styles/themeListener" { 1822 | declare export var CHANNEL: string; 1823 | declare export default Object; 1824 | } 1825 | 1826 | declare module "@material-ui/core/styles/transitions" { 1827 | declare export var easing: Object; 1828 | declare export var duration: Object; 1829 | declare export var formatMs: (milliseconds: number) => string; 1830 | declare export var isString: (value: any) => boolean; 1831 | declare export var isNumber: (value: any) => boolean; 1832 | declare export default Object; 1833 | } 1834 | 1835 | declare module "@material-ui/core/styles/withStyles" { 1836 | declare type Options = { 1837 | flip?: boolean, 1838 | withTheme?: boolean, 1839 | name?: string, 1840 | media?: string, 1841 | meta?: string, 1842 | index?: number, 1843 | link?: boolean, 1844 | element?: HTMLStyleElement, 1845 | generateClassName?: Function 1846 | }; 1847 | 1848 | declare module.exports: ( 1849 | stylesOrCreator: Object, 1850 | options?: Options 1851 | ) => ( 1852 | Component: React$ComponentType 1853 | ) => React$ComponentType<$Diff 1856 | }>>; 1857 | } 1858 | 1859 | declare module "@material-ui/core/styles/withTheme" { 1860 | declare module.exports: () => ( 1861 | Component: React$ComponentType 1862 | ) => React$ComponentType; 1863 | } 1864 | 1865 | declare module "@material-ui/core/styles/zIndex" { 1866 | declare module.exports: Object; 1867 | } 1868 | 1869 | declare module "@material-ui/core/svg-icons/ArrowDownward" { 1870 | declare module.exports: React$ComponentType; 1871 | } 1872 | 1873 | declare module "@material-ui/core/svg-icons/ArrowDropDown" { 1874 | declare module.exports: React$ComponentType; 1875 | } 1876 | 1877 | declare module "@material-ui/core/svg-icons/Cancel" { 1878 | declare module.exports: React$ComponentType; 1879 | } 1880 | 1881 | declare module "@material-ui/core/svg-icons/CheckBox" { 1882 | declare module.exports: React$ComponentType; 1883 | } 1884 | 1885 | declare module "@material-ui/core/svg-icons/CheckBoxOutlineBlank" { 1886 | declare module.exports: React$ComponentType; 1887 | } 1888 | 1889 | declare module "@material-ui/core/svg-icons/CheckCircle" { 1890 | declare module.exports: React$ComponentType; 1891 | } 1892 | 1893 | declare module "@material-ui/core/svg-icons/IndeterminateCheckBox" { 1894 | declare module.exports: React$ComponentType; 1895 | } 1896 | 1897 | declare module "@material-ui/core/svg-icons/KeyboardArrowLeft" { 1898 | declare module.exports: React$ComponentType; 1899 | } 1900 | 1901 | declare module "@material-ui/core/svg-icons/KeyboardArrowRight" { 1902 | declare module.exports: React$ComponentType; 1903 | } 1904 | 1905 | declare module "@material-ui/core/svg-icons/RadioButtonChecked" { 1906 | declare module.exports: React$ComponentType; 1907 | } 1908 | 1909 | declare module "@material-ui/core/svg-icons/RadioButtonUnchecked" { 1910 | declare module.exports: React$ComponentType; 1911 | } 1912 | 1913 | declare module "@material-ui/core/SvgIcon" { 1914 | declare module.exports: $Exports<"@material-ui/core/SvgIcon/SvgIcon">; 1915 | } 1916 | 1917 | declare module "@material-ui/core/SvgIcon/SvgIcon" { 1918 | declare module.exports: React$ComponentType<{ 1919 | children: React$Node, 1920 | classes?: Object, 1921 | className?: string, 1922 | titleAccess?: string, 1923 | viewBox?: string 1924 | }>; 1925 | } 1926 | 1927 | declare module "@material-ui/core/Switch" { 1928 | declare module.exports: $Exports<"@material-ui/core/Switch/Switch">; 1929 | } 1930 | 1931 | declare module "@material-ui/core/Switch/Switch" { 1932 | declare module.exports: React$ComponentType<{ 1933 | checked?: boolean | string, 1934 | checkedIcon?: React$Node, 1935 | classes?: Object, 1936 | className?: string, 1937 | defaultChecked?: boolean, 1938 | disabled?: boolean, 1939 | disableRipple?: boolean, 1940 | icon?: React$Node, 1941 | inputProps?: Object, 1942 | inputRef?: Function, 1943 | name?: string, 1944 | onChange?: Function, 1945 | tabIndex?: number | string, 1946 | value?: string 1947 | }>; 1948 | } 1949 | 1950 | declare module "@material-ui/core/Table" { 1951 | declare export default $Exports<"@material-ui/core/Table/Table">; 1952 | } 1953 | 1954 | declare module "@material-ui/core/TableBody" { 1955 | declare export default $Exports<"@material-ui/core/TableBody/TableBody">; 1956 | } 1957 | 1958 | declare module "@material-ui/core/TableCell" { 1959 | declare export default $Exports<"@material-ui/core/TableCell/TableCell">; 1960 | } 1961 | 1962 | declare module "@material-ui/core/TableFooter" { 1963 | declare export default $Exports<"@material-ui/core/TableFooter/TableFooter">; 1964 | } 1965 | 1966 | declare module "@material-ui/core/TableHead" { 1967 | declare export default $Exports<"@material-ui/core/TableHead/TableHead">; 1968 | } 1969 | 1970 | declare module "@material-ui/core/TablePagination" { 1971 | declare export default $Exports< 1972 | "@material-ui/core/TablePagination/TablePagination" 1973 | >; 1974 | } 1975 | 1976 | declare module "@material-ui/core/TableRow" { 1977 | declare export default $Exports<"@material-ui/core/TableRow/TableRow">; 1978 | } 1979 | 1980 | declare module "@material-ui/core/TableSortLabel" { 1981 | declare export default $Exports< 1982 | "@material-ui/core/TableSortLabel/TableSortLabel" 1983 | >; 1984 | } 1985 | 1986 | declare module "@material-ui/core/Table/Table" { 1987 | declare module.exports: React$ComponentType<{ 1988 | children?: React$Node, 1989 | classes?: Object, 1990 | className?: string, 1991 | component?: React$ElementType 1992 | }>; 1993 | } 1994 | 1995 | declare module "@material-ui/core/TableBody/TableBody" { 1996 | declare module.exports: React$ComponentType<{ 1997 | children?: React$Node, 1998 | classes?: Object, 1999 | className?: string, 2000 | component?: React$ElementType 2001 | }>; 2002 | } 2003 | 2004 | declare module "@material-ui/core/TableCell/TableCell" { 2005 | declare type Padding = "default" | "checkbox" | "dense" | "none"; 2006 | 2007 | declare module.exports: React$ComponentType<{ 2008 | children?: React$Node, 2009 | classes?: Object, 2010 | className?: string, 2011 | component?: React$ElementType, 2012 | numeric?: boolean, 2013 | padding?: Padding 2014 | }>; 2015 | } 2016 | 2017 | declare module "@material-ui/core/TableFooter/TableFooter" { 2018 | declare module.exports: React$ComponentType<{ 2019 | children?: React$Node, 2020 | classes?: Object, 2021 | className?: string, 2022 | component?: React$ElementType 2023 | }>; 2024 | } 2025 | 2026 | declare module "@material-ui/core/TableHead/TableHead" { 2027 | declare module.exports: React$ComponentType<{ 2028 | children?: React$Node, 2029 | classes?: Object, 2030 | className?: string, 2031 | component?: React$ElementType 2032 | }>; 2033 | } 2034 | 2035 | declare module "@material-ui/core/TablePagination/TablePagination" { 2036 | declare type LabelDisplayedRowsArgs = { 2037 | from: number, 2038 | to: number, 2039 | count: number, 2040 | page: number 2041 | }; 2042 | declare type LabelDisplayedRows = ( 2043 | paginationInfo: LabelDisplayedRowsArgs 2044 | ) => Node; 2045 | 2046 | declare module.exports: React$ComponentType<{ 2047 | classes?: Object, 2048 | component?: React$ElementType, 2049 | colSpan?: number, 2050 | count: number, 2051 | labelDisplayedRows?: LabelDisplayedRows, 2052 | labelRowsPerPage?: React$Node, 2053 | onChangePage: (event: SyntheticInputEvent<*> | null, page: number) => void, 2054 | onChangeRowsPerPage: (event: SyntheticInputEvent<*>) => void, 2055 | page: number, 2056 | rowsPerPage: number, 2057 | rowsPerPageOptions?: Array 2058 | }>; 2059 | } 2060 | 2061 | declare module "@material-ui/core/TableRow/TableRow" { 2062 | declare module.exports: React$ComponentType<{ 2063 | children?: React$Node, 2064 | classes?: Object, 2065 | className?: string, 2066 | component?: React$ElementType, 2067 | hover?: boolean, 2068 | selected?: boolean 2069 | }>; 2070 | } 2071 | 2072 | declare module "@material-ui/core/TableSortLabel/TableSortLabel" { 2073 | declare type Direction = "asc" | "desc"; 2074 | 2075 | declare module.exports: React$ComponentType<{ 2076 | active?: boolean, 2077 | children?: React$Node, 2078 | classes?: Object, 2079 | className?: string, 2080 | direction?: Direction 2081 | }>; 2082 | } 2083 | 2084 | declare module "@material-ui/core/Tabs" { 2085 | declare export default $Exports<"@material-ui/core/Tabs/Tabs">; 2086 | } 2087 | 2088 | declare module "@material-ui/core/Tab" { 2089 | declare export default $Exports<"@material-ui/core/Tab/Tab">; 2090 | } 2091 | 2092 | declare module "@material-ui/core/Tab/Tab" { 2093 | declare module.exports: React$ComponentType<{ 2094 | classes?: Object, 2095 | className?: string, 2096 | disabled?: boolean, 2097 | fullWidth?: boolean, 2098 | icon?: string | React$Element, 2099 | indicator?: string | React$Element, 2100 | label?: string | React$Element, 2101 | onChange?: (event: SyntheticEvent<*>, value: any) => void, 2102 | onClick?: (event: SyntheticEvent<*>) => void, 2103 | selected?: boolean, 2104 | style?: Object, 2105 | textColor?: "accent" | "primary" | "inherit" | string, 2106 | value?: any 2107 | }>; 2108 | } 2109 | 2110 | declare module "@material-ui/core/Tabs/TabIndicator" { 2111 | declare type IndicatorStyle = { 2112 | left: number, 2113 | width: number 2114 | }; 2115 | 2116 | declare module.exports: React$ComponentType<{ 2117 | classes?: Object, 2118 | className?: string, 2119 | color: "accent" | "primary" | string, 2120 | style: IndicatorStyle 2121 | }>; 2122 | } 2123 | 2124 | declare module "@material-ui/core/Tabs/Tabs" { 2125 | import type { IndicatorStyle } from "@material-ui/core/Tabs/TabIndicator"; 2126 | 2127 | declare type IndicatorColor = "accent" | "primary" | string; 2128 | declare type ScrollButtons = "auto" | "on" | "off"; 2129 | declare type TextColor = "accent" | "primary" | "inherit"; 2130 | 2131 | declare module.exports: React$ComponentType<{ 2132 | buttonClassName?: string, 2133 | centered?: boolean, 2134 | children?: React$Node, 2135 | classes?: Object, 2136 | className?: string, 2137 | fullWidth?: boolean, 2138 | indicatorClassName?: string, 2139 | indicatorColor?: IndicatorColor, 2140 | onChange?: (event: SyntheticEvent<*>, value: any) => void, 2141 | scrollable?: boolean, 2142 | scrollButtons?: ScrollButtons, 2143 | TabScrollButton?: React$ComponentType<*>, 2144 | textColor?: TextColor, 2145 | value: any 2146 | }>; 2147 | } 2148 | 2149 | declare module "@material-ui/core/Tabs/TabScrollButton" { 2150 | declare module.exports: React$ComponentType<{ 2151 | classes?: Object, 2152 | className?: string, 2153 | direction: "left" | "right", 2154 | onClick?: Function, 2155 | visible?: boolean 2156 | }>; 2157 | } 2158 | 2159 | declare module "@material-ui/core/TextField" { 2160 | declare module.exports: $Exports<"@material-ui/core/TextField/TextField">; 2161 | } 2162 | 2163 | declare module "@material-ui/core/TextField/TextField" { 2164 | declare module.exports: React$ComponentType<{ 2165 | autoComplete?: string, 2166 | autoFocus?: boolean, 2167 | children?: React$Node, 2168 | className?: string, 2169 | defaultValue?: string, 2170 | disabled?: boolean, 2171 | error?: boolean, 2172 | FormHelperTextProps?: Object, 2173 | fullWidth?: boolean, 2174 | helperText?: React$Node, 2175 | helperTextClassName?: string, 2176 | id?: string, 2177 | InputLabelProps?: Object, 2178 | InputProps?: Object, 2179 | inputRef?: Function, 2180 | label?: React$Node, 2181 | labelClassName?: string, 2182 | multiline?: boolean, 2183 | name?: string, 2184 | onChange?: (event: SyntheticInputEvent<*>) => void, 2185 | placeholder?: string, 2186 | required?: boolean, 2187 | rootRef?: Function, 2188 | rows?: string | number, 2189 | rowsMax?: string | number, 2190 | select?: boolean, 2191 | SelectProps?: Object, 2192 | type?: string, 2193 | value?: string | number, 2194 | margin?: "none" | "dense" | "normal" 2195 | }>; 2196 | } 2197 | 2198 | declare module "@material-ui/core/Toolbar" { 2199 | declare module.exports: $Exports<"@material-ui/core/Toolbar/Toolbar">; 2200 | } 2201 | 2202 | declare module "@material-ui/core/Toolbar/Toolbar" { 2203 | declare module.exports: React$ComponentType<{ 2204 | classes?: Object, 2205 | children?: React$Node, 2206 | className?: string, 2207 | disableGutters?: boolean 2208 | }>; 2209 | } 2210 | 2211 | declare module "@material-ui/core/Tooltip" { 2212 | declare module.exports: $Exports<"@material-ui/core/Tooltip/Tooltip">; 2213 | } 2214 | 2215 | declare module "@material-ui/core/Tooltip/Tooltip" { 2216 | declare type Placement = 2217 | | "bottom-end" 2218 | | "bottom-start" 2219 | | "bottom" 2220 | | "left-end" 2221 | | "left-start" 2222 | | "left" 2223 | | "right-end" 2224 | | "right-start" 2225 | | "right" 2226 | | "top-end" 2227 | | "top-start" 2228 | | "top"; 2229 | 2230 | declare module.exports: React$ComponentType<{ 2231 | children: React$Element, 2232 | classes?: Object, 2233 | className?: string, 2234 | disableTriggerFocus?: boolean, 2235 | disableTriggerHover?: boolean, 2236 | disableTriggerTouch?: boolean, 2237 | id?: string, 2238 | onClose?: Function, 2239 | onRequestOpen?: Function, 2240 | open?: boolean, 2241 | title: React$Node, 2242 | enterDelay?: number, 2243 | leaveDelay?: number, 2244 | placement?: Placement, 2245 | PopperProps?: Object 2246 | }>; 2247 | } 2248 | 2249 | declare module "@material-ui/core/Collapse/Collapse" { 2250 | import type { TransitionCallback } from "@material-ui/core/internal/transition"; 2251 | 2252 | declare type TransitionDuration = 2253 | | number 2254 | | { enter?: number, exit?: number } 2255 | | "auto"; 2256 | 2257 | declare module.exports: React$ComponentType<{ 2258 | appear?: boolean, 2259 | children: React$Node, 2260 | classes?: Object, 2261 | className?: String, 2262 | component?: React$ElementType, 2263 | collapsedHeight?: string, 2264 | containerProps?: Object, 2265 | in: boolean, 2266 | onEnter?: TransitionCallback, 2267 | onEntering?: TransitionCallback, 2268 | onEntered?: TransitionCallback, 2269 | onExit?: TransitionCallback, 2270 | onExiting?: TransitionCallback, 2271 | style?: Object, 2272 | timeout?: TransitionDuration, 2273 | unmountOnExit?: boolean 2274 | }>; 2275 | } 2276 | 2277 | declare module "@material-ui/core/Fade/Fade" { 2278 | import type { 2279 | TransitionDuration, 2280 | TransitionCallback 2281 | } from "@material-ui/core/internal/transition"; 2282 | 2283 | declare module.exports: React$ComponentType<{ 2284 | appear?: boolean, 2285 | children: React$Element, 2286 | in: boolean, 2287 | onEnter?: TransitionCallback, 2288 | onEntering?: TransitionCallback, 2289 | onExit?: TransitionCallback, 2290 | style?: Object, 2291 | timeout?: TransitionDuration 2292 | }>; 2293 | } 2294 | 2295 | declare module "@material-ui/core/Zoom/Zoom" { 2296 | import type { 2297 | TransitionDuration, 2298 | TransitionCallback 2299 | } from "@material-ui/core/internal/transition"; 2300 | 2301 | declare module.exports: React$ComponentType<{ 2302 | children: React$Element, 2303 | in: boolean, 2304 | onEnter?: TransitionCallback, 2305 | onExit?: TransitionCallback, 2306 | style?: Object, 2307 | timeout?: TransitionDuration 2308 | }>; 2309 | } 2310 | 2311 | declare module "@material-ui/core/Grow/Grow" { 2312 | import type { 2313 | TransitionCallback, 2314 | TransitionClasses 2315 | } from "@material-ui/core/internal/transition"; 2316 | 2317 | declare type TransitionDuration = 2318 | | number 2319 | | { enter?: number, exit?: number } 2320 | | "auto"; 2321 | 2322 | declare module.exports: React$ComponentType<{ 2323 | appear?: boolean, 2324 | children: React$Element, 2325 | in: boolean, 2326 | onEnter?: TransitionCallback, 2327 | onEntering?: TransitionCallback, 2328 | onEntered?: TransitionCallback, 2329 | onExit?: TransitionCallback, 2330 | onExiting?: TransitionCallback, 2331 | onExited?: TransitionCallback, 2332 | rootRef?: Function, 2333 | style?: Object, 2334 | transitionClasses?: TransitionClasses, 2335 | timeout?: TransitionDuration 2336 | }>; 2337 | } 2338 | 2339 | declare module "@material-ui/core/Collapse" { 2340 | declare export default $Exports<"@material-ui/core/Collapse/Collapse">; 2341 | } 2342 | 2343 | declare module "@material-ui/core/Fade" { 2344 | declare export default $Exports<"@material-ui/core/Fade/Fade">; 2345 | } 2346 | 2347 | declare module "@material-ui/core/Grow" { 2348 | declare export default $Exports<"@material-ui/core/Grow/Grow">; 2349 | } 2350 | 2351 | declare module "@material-ui/core/Slide" { 2352 | declare export default $Exports<"@material-ui/core/Slide/Slide">; 2353 | } 2354 | 2355 | declare module "@material-ui/core/Zoom" { 2356 | declare export default $Exports<"@material-ui/core/Zoom/Zoom">; 2357 | } 2358 | 2359 | declare module "@material-ui/core/Slide/Slide" { 2360 | import type { 2361 | TransitionDuration, 2362 | TransitionCallback 2363 | } from "@material-ui/core/internal/transition"; 2364 | 2365 | declare type Direction = "left" | "right" | "up" | "down"; 2366 | 2367 | declare function setTranslateValue( 2368 | props: Object, 2369 | node: HTMLElement | Object 2370 | ): void; 2371 | 2372 | declare module.exports: React$ComponentType<{ 2373 | children: React$Element, 2374 | direction: Direction, 2375 | in: boolean, 2376 | onEnter?: TransitionCallback, 2377 | onEntering?: TransitionCallback, 2378 | onEntered?: TransitionCallback, 2379 | onExit?: TransitionCallback, 2380 | onExiting?: TransitionCallback, 2381 | onExited?: TransitionCallback, 2382 | style?: Object, 2383 | timeout?: TransitionDuration 2384 | }>; 2385 | } 2386 | 2387 | declare module "@material-ui/core/Typography" { 2388 | declare module.exports: $Exports<"@material-ui/core/Typography/Typography">; 2389 | } 2390 | 2391 | declare module "@material-ui/core/Typography/Typography" { 2392 | declare type Align = "inherit" | "left" | "center" | "right" | "justify"; 2393 | declare type Color = 2394 | | "inherit" 2395 | | "primary" 2396 | | "secondary" 2397 | | "textSecondary" 2398 | | "error" 2399 | | "default"; 2400 | declare type Variant = 2401 | | "display4" 2402 | | "display3" 2403 | | "display2" 2404 | | "display1" 2405 | | "headline" 2406 | | "title" 2407 | | "subheading" 2408 | | "body2" 2409 | | "body1" 2410 | | "caption" 2411 | | "button"; 2412 | 2413 | declare module.exports: React$ComponentType<{ 2414 | align?: Align, 2415 | children?: React$Node, 2416 | classes?: Object, 2417 | className?: string, 2418 | component?: React$ElementType, 2419 | color?: Color, 2420 | gutterBottom?: boolean, 2421 | headlineMapping?: { [key: Variant]: string }, 2422 | noWrap?: boolean, 2423 | paragraph?: boolean, 2424 | variant?: Variant 2425 | }>; 2426 | } 2427 | 2428 | declare module "@material-ui/core/utils/addEventListener" { 2429 | declare module.exports: ( 2430 | node: React$Node, 2431 | event: string, 2432 | handler: EventHandler, 2433 | capture?: boolean 2434 | ) => any; 2435 | } 2436 | 2437 | declare module "@material-ui/core/ClickAwayListener/ClickAwayListener" { 2438 | declare module.exports: React$ComponentType<{ 2439 | children: React$Node, 2440 | onClickAway: (event: Event) => void 2441 | }>; 2442 | } 2443 | 2444 | declare module "@material-ui/core/ClickAwayListener" { 2445 | declare module.exports: $Exports< 2446 | "@material-ui/core/ClickAwayListener/ClickAwayListener" 2447 | >; 2448 | } 2449 | 2450 | declare module "@material-ui/core/utils/exactProp" { 2451 | declare module.exports: ( 2452 | propTypes: Object, 2453 | componentNameInError: string 2454 | ) => any; 2455 | } 2456 | 2457 | declare module "@material-ui/core/utils/helpers" { 2458 | declare module.exports: { 2459 | capitalizeFirstLetter: Function, 2460 | contains: (obj: Object, pred: Object) => any, 2461 | findIndex: (arr: Array, pred: any) => any, 2462 | find: (arr: Array, pred: any) => any, 2463 | createChainedFunction: (...funcs: Array) => any 2464 | }; 2465 | } 2466 | 2467 | declare module "@material-ui/core/utils/keyboardFocus" { 2468 | declare module.exports: { 2469 | focusKeyPressed: Function, 2470 | detectKeyboardFocus: Function, 2471 | listenForFocusKeys: Function 2472 | }; 2473 | } 2474 | 2475 | declare module "@material-ui/core/utils/manageAriaHidden" { 2476 | declare module.exports: { 2477 | ariaHidden: Function, 2478 | hideSiblings: Function, 2479 | showSiblings: Function 2480 | }; 2481 | } 2482 | 2483 | declare module "@material-ui/core/utils/reactHelpers" { 2484 | declare module.exports: { 2485 | cloneChildrenWithClassName: ( 2486 | children?: React$Node, 2487 | className: string 2488 | ) => any, 2489 | isMuiElement: (element: any, muiNames: Array) => any, 2490 | isMuiComponent: (element: any, muiNames: Array) => any 2491 | }; 2492 | } 2493 | 2494 | declare module "@material-ui/core/utils/requirePropFactory" { 2495 | declare module.exports: (componentNameInError: string) => any; 2496 | } 2497 | 2498 | declare module "@material-ui/core/withWidth/withWidth" { 2499 | import type { Breakpoint } from "@material-ui/core/styles/createBreakpoints"; 2500 | declare module.exports: (options?: {| 2501 | withTheme?: boolean, 2502 | noSSR?: boolean, 2503 | initialWidth?: Breakpoint, 2504 | resizeInterval?: number 2505 | |}) => ( 2506 | Component: React$ComponentType 2507 | ) => React$ComponentType<$Diff>; 2508 | } 2509 | 2510 | declare module "@material-ui/core/colors" { 2511 | declare export var common: $Exports<"@material-ui/core/colors/common">; 2512 | declare export var red: $Exports<"@material-ui/core/colors/red">; 2513 | declare export var pink: $Exports<"@material-ui/core/colors/pink">; 2514 | declare export var purple: $Exports<"@material-ui/core/colors/purple">; 2515 | declare export var deepPurple: $Exports< 2516 | "@material-ui/core/colors/deepPurple" 2517 | >; 2518 | declare export var indigo: $Exports<"@material-ui/core/colors/indigo">; 2519 | declare export var blue: $Exports<"@material-ui/core/colors/blue">; 2520 | declare export var lightBlue: $Exports<"@material-ui/core/colors/lightBlue">; 2521 | declare export var cyan: $Exports<"@material-ui/core/colors/cyan">; 2522 | declare export var teal: $Exports<"@material-ui/core/colors/teal">; 2523 | declare export var green: $Exports<"@material-ui/core/colors/green">; 2524 | declare export var lightGreen: $Exports< 2525 | "@material-ui/core/colors/lightGreen" 2526 | >; 2527 | declare export var lime: $Exports<"@material-ui/core/colors/lime">; 2528 | declare export var yellow: $Exports<"@material-ui/core/colors/yellow">; 2529 | declare export var amber: $Exports<"@material-ui/core/colors/amber">; 2530 | declare export var orange: $Exports<"@material-ui/core/colors/orange">; 2531 | declare export var deepOrange: $Exports< 2532 | "@material-ui/core/colors/deepOrange" 2533 | >; 2534 | declare export var brown: $Exports<"@material-ui/core/colors/brown">; 2535 | declare export var grey: $Exports<"@material-ui/core/colors/grey">; 2536 | declare export var blueGrey: $Exports<"@material-ui/core/colors/blueGrey">; 2537 | } 2538 | 2539 | // Filename aliases 2540 | declare module "@material-ui/core/AppBar/AppBar.js" { 2541 | declare module.exports: $Exports<"@material-ui/core/AppBar/AppBar">; 2542 | } 2543 | declare module "@material-ui/core/AppBar/index.js" { 2544 | declare module.exports: $Exports<"@material-ui/core/AppBar">; 2545 | } 2546 | declare module "@material-ui/core/Avatar/Avatar.js" { 2547 | declare module.exports: $Exports<"@material-ui/core/Avatar/Avatar">; 2548 | } 2549 | declare module "@material-ui/core/Avatar/index.js" { 2550 | declare module.exports: $Exports<"@material-ui/core/Avatar">; 2551 | } 2552 | declare module "@material-ui/core/Badge/Badge.js" { 2553 | declare module.exports: $Exports<"@material-ui/core/Badge/Badge">; 2554 | } 2555 | declare module "@material-ui/core/Badge/index.js" { 2556 | declare module.exports: $Exports<"@material-ui/core/Badge">; 2557 | } 2558 | declare module "@material-ui/core/BottomNavigation/BottomNavigation.js" { 2559 | declare module.exports: $Exports< 2560 | "@material-ui/core/BottomNavigation/BottomNavigation" 2561 | >; 2562 | } 2563 | declare module "@material-ui/core/BottomNavigation/index.js" { 2564 | declare module.exports: $Exports<"@material-ui/core/BottomNavigation">; 2565 | } 2566 | declare module "@material-ui/core/BottomNavigationAction/BottomNavigationAction.js" { 2567 | declare module.exports: $Exports< 2568 | "@material-ui/core/BottomNavigationAction/BottomNavigationAction" 2569 | >; 2570 | } 2571 | declare module "@material-ui/core/BottomNavigationAction/index.js" { 2572 | declare module.exports: $Exports<"@material-ui/core/BottomNavigation">; 2573 | } 2574 | declare module "@material-ui/core/Button/Button.js" { 2575 | declare module.exports: $Exports<"@material-ui/core/Button/Button">; 2576 | } 2577 | declare module "@material-ui/core/Button/index.js" { 2578 | declare module.exports: $Exports<"@material-ui/core/Button">; 2579 | } 2580 | declare module "@material-ui/core/ButtonBase/ButtonBase.js" { 2581 | declare module.exports: $Exports<"@material-ui/core/ButtonBase/ButtonBase">; 2582 | } 2583 | declare module "@material-ui/core/ButtonBase/createRippleHandler.js" { 2584 | declare module.exports: $Exports< 2585 | "@material-ui/core/ButtonBase/createRippleHandler" 2586 | >; 2587 | } 2588 | declare module "@material-ui/core/ButtonBase/index.js" { 2589 | declare module.exports: $Exports<"@material-ui/core/ButtonBase">; 2590 | } 2591 | declare module "@material-ui/core/ButtonBase/Ripple.js" { 2592 | declare module.exports: $Exports<"@material-ui/core/ButtonBase/Ripple">; 2593 | } 2594 | declare module "@material-ui/core/ButtonBase/TouchRipple.js" { 2595 | declare module.exports: $Exports<"@material-ui/core/ButtonBase/TouchRipple">; 2596 | } 2597 | declare module "@material-ui/core/Card/Card.js" { 2598 | declare module.exports: $Exports<"@material-ui/core/Card/Card">; 2599 | } 2600 | declare module "@material-ui/core/Card/index.js" { 2601 | declare module.exports: $Exports<"@material-ui/core/Card">; 2602 | } 2603 | declare module "@material-ui/core/CardActions/CardActions.js" { 2604 | declare module.exports: $Exports<"@material-ui/core/CardActions/CardActions">; 2605 | } 2606 | declare module "@material-ui/core/CardActions/index.js" { 2607 | declare module.exports: $Exports<"@material-ui/core/CardActions">; 2608 | } 2609 | declare module "@material-ui/core/CardContent/CardContent.js" { 2610 | declare module.exports: $Exports<"@material-ui/core/CardContent/CardContent">; 2611 | } 2612 | declare module "@material-ui/core/CardContent/index.js" { 2613 | declare module.exports: $Exports<"@material-ui/core/CardContent">; 2614 | } 2615 | declare module "@material-ui/core/CardHeader/CardHeader.js" { 2616 | declare module.exports: $Exports<"@material-ui/core/CardHeader/CardHeader">; 2617 | } 2618 | declare module "@material-ui/core/CardHeader/index.js" { 2619 | declare module.exports: $Exports<"@material-ui/core/CardHeader">; 2620 | } 2621 | declare module "@material-ui/core/CardMedia/CardMedia.js" { 2622 | declare module.exports: $Exports<"@material-ui/core/CardMedia/CardMedia">; 2623 | } 2624 | declare module "@material-ui/core/CardMedia/index.js" { 2625 | declare module.exports: $Exports<"@material-ui/core/CardMedia">; 2626 | } 2627 | declare module "@material-ui/core/Checkbox/Checkbox.js" { 2628 | declare module.exports: $Exports<"@material-ui/core/Checkbox/Checkbox">; 2629 | } 2630 | declare module "@material-ui/core/Checkbox/index.js" { 2631 | declare module.exports: $Exports<"@material-ui/core/Checkbox">; 2632 | } 2633 | declare module "@material-ui/core/Chip/Chip.js" { 2634 | declare module.exports: $Exports<"@material-ui/core/Chip/Chip">; 2635 | } 2636 | declare module "@material-ui/core/Chip/index.js" { 2637 | declare module.exports: $Exports<"@material-ui/core/Chip">; 2638 | } 2639 | declare module "@material-ui/core/colors/amber.js" { 2640 | declare module.exports: $Exports<"@material-ui/core/colors/amber">; 2641 | } 2642 | declare module "@material-ui/core/colors/blue.js" { 2643 | declare module.exports: $Exports<"@material-ui/core/colors/blue">; 2644 | } 2645 | declare module "@material-ui/core/colors/blueGrey.js" { 2646 | declare module.exports: $Exports<"@material-ui/core/colors/blueGrey">; 2647 | } 2648 | declare module "@material-ui/core/colors/brown.js" { 2649 | declare module.exports: $Exports<"@material-ui/core/colors/brown">; 2650 | } 2651 | declare module "@material-ui/core/colors/common.js" { 2652 | declare module.exports: $Exports<"@material-ui/core/colors/common">; 2653 | } 2654 | declare module "@material-ui/core/colors/cyan.js" { 2655 | declare module.exports: $Exports<"@material-ui/core/colors/cyan">; 2656 | } 2657 | declare module "@material-ui/core/colors/deepOrange.js" { 2658 | declare module.exports: $Exports<"@material-ui/core/colors/deepOrange">; 2659 | } 2660 | declare module "@material-ui/core/colors/deepPurple.js" { 2661 | declare module.exports: $Exports<"@material-ui/core/colors/deepPurple">; 2662 | } 2663 | declare module "@material-ui/core/colors/green.js" { 2664 | declare module.exports: $Exports<"@material-ui/core/colors/green">; 2665 | } 2666 | declare module "@material-ui/core/colors/grey.js" { 2667 | declare module.exports: $Exports<"@material-ui/core/colors/grey">; 2668 | } 2669 | declare module "@material-ui/core/colors/index.js" { 2670 | declare module.exports: $Exports<"@material-ui/core/colors">; 2671 | } 2672 | declare module "@material-ui/core/colors/indigo.js" { 2673 | declare module.exports: $Exports<"@material-ui/core/colors/indigo">; 2674 | } 2675 | declare module "@material-ui/core/colors/lightBlue.js" { 2676 | declare module.exports: $Exports<"@material-ui/core/colors/lightBlue">; 2677 | } 2678 | declare module "@material-ui/core/colors/lightGreen.js" { 2679 | declare module.exports: $Exports<"@material-ui/core/colors/lightGreen">; 2680 | } 2681 | declare module "@material-ui/core/colors/lime.js" { 2682 | declare module.exports: $Exports<"@material-ui/core/colors/lime">; 2683 | } 2684 | declare module "@material-ui/core/colors/orange.js" { 2685 | declare module.exports: $Exports<"@material-ui/core/colors/orange">; 2686 | } 2687 | declare module "@material-ui/core/colors/pink.js" { 2688 | declare module.exports: $Exports<"@material-ui/core/colors/pink">; 2689 | } 2690 | declare module "@material-ui/core/colors/purple.js" { 2691 | declare module.exports: $Exports<"@material-ui/core/colors/purple">; 2692 | } 2693 | declare module "@material-ui/core/colors/red.js" { 2694 | declare module.exports: $Exports<"@material-ui/core/colors/red">; 2695 | } 2696 | declare module "@material-ui/core/colors/teal.js" { 2697 | declare module.exports: $Exports<"@material-ui/core/colors/teal">; 2698 | } 2699 | declare module "@material-ui/core/colors/yellow.js" { 2700 | declare module.exports: $Exports<"@material-ui/core/colors/yellow">; 2701 | } 2702 | declare module "@material-ui/core/Dialog/Dialog.js" { 2703 | declare module.exports: $Exports<"@material-ui/core/Dialog/Dialog">; 2704 | } 2705 | declare module "@material-ui/core/Dialog/index.js" { 2706 | declare module.exports: $Exports<"@material-ui/core/Dialog">; 2707 | } 2708 | declare module "@material-ui/core/DialogActions/DialogActions.js" { 2709 | declare module.exports: $Exports< 2710 | "@material-ui/core/DialogActions/DialogActions" 2711 | >; 2712 | } 2713 | declare module "@material-ui/core/DialogActions/index.js" { 2714 | declare module.exports: $Exports<"@material-ui/core/DialogActions">; 2715 | } 2716 | declare module "@material-ui/core/DialogContent/DialogContent.js" { 2717 | declare module.exports: $Exports< 2718 | "@material-ui/core/DialogContent/DialogContent" 2719 | >; 2720 | } 2721 | declare module "@material-ui/core/DialogContent/index.js" { 2722 | declare module.exports: $Exports<"@material-ui/core/DialogContent">; 2723 | } 2724 | declare module "@material-ui/core/Dialog/DialogContentText.js" { 2725 | declare module.exports: $Exports< 2726 | "@material-ui/core/DialogContentText/DialogContentText" 2727 | >; 2728 | } 2729 | declare module "@material-ui/core/DialogContentText/index.js" { 2730 | declare module.exports: $Exports<"@material-ui/core/DialogContentText">; 2731 | } 2732 | declare module "@material-ui/core/Dialog/DialogTitle.js" { 2733 | declare module.exports: $Exports<"@material-ui/core/DialogTitle/DialogTitle">; 2734 | } 2735 | declare module "@material-ui/core/DialogTitle/index.js" { 2736 | declare module.exports: $Exports<"@material-ui/core/DialogTitle">; 2737 | } 2738 | declare module "@material-ui/core/withMobileDialog/withMobileDialog.js" { 2739 | declare module.exports: $Exports< 2740 | "@material-ui/core/withMobileDialog/withMobileDialog" 2741 | >; 2742 | } 2743 | declare module "@material-ui/core/withMobileDialog/index.js" { 2744 | declare module.exports: $Exports<"@material-ui/core/withMobileDialog">; 2745 | } 2746 | declare module "@material-ui/core/Divider/Divider.js" { 2747 | declare module.exports: $Exports<"@material-ui/core/Divider/Divider">; 2748 | } 2749 | declare module "@material-ui/core/Divider/index.js" { 2750 | declare module.exports: $Exports<"@material-ui/core/Divider">; 2751 | } 2752 | declare module "@material-ui/core/Drawer/Drawer.js" { 2753 | declare module.exports: $Exports<"@material-ui/core/Drawer/Drawer">; 2754 | } 2755 | declare module "@material-ui/core/Drawer/index.js" { 2756 | declare module.exports: $Exports<"@material-ui/core/Drawer">; 2757 | } 2758 | declare module "@material-ui/core/ExpansionPanel/ExpansionPanel.js" { 2759 | declare module.exports: $Exports< 2760 | "@material-ui/core/ExpansionPanel/ExpansionPanel" 2761 | >; 2762 | } 2763 | declare module "@material-ui/core/ExpansionPanel/index.js" { 2764 | declare module.exports: $Exports<"@material-ui/core/ExpansionPanel">; 2765 | } 2766 | declare module "@material-ui/core/ExpansionPanel/ExpansionPanelActions.js" { 2767 | declare module.exports: $Exports< 2768 | "@material-ui/core/ExpansionPanelActions/ExpansionPanelActions" 2769 | >; 2770 | } 2771 | declare module "@material-ui/core/ExpansionPanelActions/index.js" { 2772 | declare module.exports: $Exports<"@material-ui/core/ExpansionPanelActions">; 2773 | } 2774 | declare module "@material-ui/core/ExpansionPanel/ExpansionPanelDetails.js" { 2775 | declare module.exports: $Exports< 2776 | "@material-ui/core/ExpansionPanelDetails/ExpansionPanelDetails" 2777 | >; 2778 | } 2779 | declare module "@material-ui/core/ExpansionPanelDetails/index.js" { 2780 | declare module.exports: $Exports<"@material-ui/core/ExpansionPanelDetails">; 2781 | } 2782 | declare module "@material-ui/core/ExpansionPanel/ExpansionPanelSummary.js" { 2783 | declare module.exports: $Exports< 2784 | "@material-ui/core/ExpansionPanelSummary/ExpansionPanelSummary" 2785 | >; 2786 | } 2787 | declare module "@material-ui/core/ExpansionPanelSummary/index.js" { 2788 | declare module.exports: $Exports<"@material-ui/core/ExpansionPanelSummary">; 2789 | } 2790 | declare module "@material-ui/core/FormControl/FormControl.js" { 2791 | declare module.exports: $Exports<"@material-ui/core/FormControl/FormControl">; 2792 | } 2793 | declare module "@material-ui/core/FormControl/index.js" { 2794 | declare module.exports: $Exports<"@material-ui/core/FormControl">; 2795 | } 2796 | declare module "@material-ui/core/FormControlLabel/FormControlLabel.js" { 2797 | declare module.exports: $Exports< 2798 | "@material-ui/core/FormControlLabel/FormControlLabel" 2799 | >; 2800 | } 2801 | declare module "@material-ui/core/FormControl/index.js" { 2802 | declare module.exports: $Exports<"@material-ui/core/FormControl">; 2803 | } 2804 | declare module "@material-ui/core/FormGroup/FormGroup.js" { 2805 | declare module.exports: $Exports<"@material-ui/core/FormGroup/FormGroup">; 2806 | } 2807 | declare module "@material-ui/core/FormGroup/index.js" { 2808 | declare module.exports: $Exports<"@material-ui/core/FormGroup">; 2809 | } 2810 | declare module "@material-ui/core/FormHelperText/FormHelperText.js" { 2811 | declare module.exports: $Exports< 2812 | "@material-ui/core/FormHelperText/FormHelperText" 2813 | >; 2814 | } 2815 | declare module "@material-ui/core/FormHelperText/index.js" { 2816 | declare module.exports: $Exports<"@material-ui/core/FormHelperText">; 2817 | } 2818 | declare module "@material-ui/core/FormLabel/FormLabel.js" { 2819 | declare module.exports: $Exports<"@material-ui/core/FormLabel/FormLabel">; 2820 | } 2821 | declare module "@material-ui/core/FormLabel/index.js" { 2822 | declare module.exports: $Exports<"@material-ui/core/FormLabel">; 2823 | } 2824 | declare module "@material-ui/core/Grid/Grid.js" { 2825 | declare module.exports: $Exports<"@material-ui/core/Grid/Grid">; 2826 | } 2827 | declare module "@material-ui/core/Grid/index.js" { 2828 | declare module.exports: $Exports<"@material-ui/core/Grid">; 2829 | } 2830 | declare module "@material-ui/core/GridList/GridList.js" { 2831 | declare module.exports: $Exports<"@material-ui/core/GridList/GridList">; 2832 | } 2833 | declare module "@material-ui/core/GridList/index.js" { 2834 | declare module.exports: $Exports<"@material-ui/core/GridList">; 2835 | } 2836 | declare module "@material-ui/core/GridListTile/GridListTile.js" { 2837 | declare module.exports: $Exports< 2838 | "@material-ui/core/GridListTile/GridListTile" 2839 | >; 2840 | } 2841 | declare module "@material-ui/core/GridListTile/index.js" { 2842 | declare module.exports: $Exports<"@material-ui/core/GridListTile">; 2843 | } 2844 | declare module "@material-ui/core/GridListTileBar/GridListTileBar.js" { 2845 | declare module.exports: $Exports< 2846 | "@material-ui/core/GridListTileBar/GridListTileBar" 2847 | >; 2848 | } 2849 | declare module "@material-ui/core/GridListTileBar/index.js" { 2850 | declare module.exports: $Exports<"@material-ui/core/GridListTileBar">; 2851 | } 2852 | declare module "@material-ui/core/Hidden/Hidden.js" { 2853 | declare module.exports: $Exports<"@material-ui/core/Hidden/Hidden">; 2854 | } 2855 | declare module "@material-ui/core/Hidden/HiddenCss.js" { 2856 | declare module.exports: $Exports<"@material-ui/core/Hidden/HiddenCss">; 2857 | } 2858 | declare module "@material-ui/core/Hidden/HiddenJs.js" { 2859 | declare module.exports: $Exports<"@material-ui/core/Hidden/HiddenJs">; 2860 | } 2861 | declare module "@material-ui/core/Hidden/index.js" { 2862 | declare module.exports: $Exports<"@material-ui/core/Hidden">; 2863 | } 2864 | declare module "@material-ui/core/Hidden/types.js" { 2865 | declare module.exports: $Exports<"@material-ui/core/Hidden/types">; 2866 | } 2867 | declare module "@material-ui/core/Icon/Icon.js" { 2868 | declare module.exports: $Exports<"@material-ui/core/Icon/Icon">; 2869 | } 2870 | declare module "@material-ui/core/Icon/index.js" { 2871 | declare module.exports: $Exports<"@material-ui/core/Icon">; 2872 | } 2873 | declare module "@material-ui/core/IconButton/IconButton.js" { 2874 | declare module.exports: $Exports<"@material-ui/core/IconButton/IconButton">; 2875 | } 2876 | declare module "@material-ui/core/IconButton/index.js" { 2877 | declare module.exports: $Exports<"@material-ui/core/IconButton">; 2878 | } 2879 | declare module "@material-ui/core/Input/index.js" { 2880 | declare module.exports: $Exports<"@material-ui/core/Input">; 2881 | } 2882 | declare module "@material-ui/core/Input/Input.js" { 2883 | declare module.exports: $Exports<"@material-ui/core/Input/Input">; 2884 | } 2885 | declare module "@material-ui/core/InputAdornment/InputAdornment.js" { 2886 | declare module.exports: $Exports< 2887 | "@material-ui/core/InputAdornment/InputAdornment" 2888 | >; 2889 | } 2890 | declare module "@material-ui/core/InputLabel/InputLabel.js" { 2891 | declare module.exports: $Exports<"@material-ui/core/InputLabel/InputLabel">; 2892 | } 2893 | declare module "@material-ui/core/Input/Textarea.js" { 2894 | declare module.exports: $Exports<"@material-ui/core/Input/Textarea">; 2895 | } 2896 | declare module "@material-ui/core/internal/dom.js" { 2897 | declare module.exports: $Exports<"@material-ui/core/internal/dom">; 2898 | } 2899 | declare module "@material-ui/core/Portal/Portal.js" { 2900 | declare module.exports: $Exports<"@material-ui/core/Portal">; 2901 | } 2902 | declare module "@material-ui/core/internal/SwitchBase.js" { 2903 | declare module.exports: $Exports<"@material-ui/core/internal/SwitchBase">; 2904 | } 2905 | declare module "@material-ui/core/internal/transition.js" { 2906 | declare module.exports: $Exports<"@material-ui/core/internal/transition">; 2907 | } 2908 | declare module "@material-ui/core/List/index.js" { 2909 | declare module.exports: $Exports<"@material-ui/core/List">; 2910 | } 2911 | declare module "@material-ui/core/List/List.js" { 2912 | declare module.exports: $Exports<"@material-ui/core/List/List">; 2913 | } 2914 | declare module "@material-ui/core/ListItem/ListItem.js" { 2915 | declare module.exports: $Exports<"@material-ui/core/ListItem/ListItem">; 2916 | } 2917 | declare module "@material-ui/core/ListItem/index.js" { 2918 | declare module.exports: $Exports<"@material-ui/core/ListItem">; 2919 | } 2920 | declare module "@material-ui/core/ListItemAvatar/ListItemAvatar.js" { 2921 | declare module.exports: $Exports< 2922 | "@material-ui/core/ListItemAvatar/ListItemAvatar" 2923 | >; 2924 | } 2925 | declare module "@material-ui/core/ListItemAvatar/index.js" { 2926 | declare module.exports: $Exports<"@material-ui/core/ListItemAvatar">; 2927 | } 2928 | declare module "@material-ui/core/ListItemIcon/ListItemIcon.js" { 2929 | declare module.exports: $Exports< 2930 | "@material-ui/core/ListItemIcon/ListItemIcon" 2931 | >; 2932 | } 2933 | declare module "@material-ui/core/ListItemIcon/index.js" { 2934 | declare module.exports: $Exports<"@material-ui/core/ListItemIcon">; 2935 | } 2936 | declare module "@material-ui/core/ListItemSecondaryAction/ListItemSecondaryAction.js" { 2937 | declare module.exports: $Exports< 2938 | "@material-ui/core/ListItemSecondaryAction/ListItemSecondaryAction" 2939 | >; 2940 | } 2941 | declare module "@material-ui/core/ListItemSecondaryAction/index.js" { 2942 | declare module.exports: $Exports<"@material-ui/core/ListItemSecondaryAction">; 2943 | } 2944 | declare module "@material-ui/core/ListItemText/ListItemText.js" { 2945 | declare module.exports: $Exports< 2946 | "@material-ui/core/ListItemText/ListItemText" 2947 | >; 2948 | } 2949 | declare module "@material-ui/core/ListItemText/index.js" { 2950 | declare module.exports: $Exports<"@material-ui/core/ListItemText">; 2951 | } 2952 | declare module "@material-ui/core/ListSubheader/ListSubheader.js" { 2953 | declare module.exports: $Exports< 2954 | "@material-ui/core/ListSubheader/ListSubheader" 2955 | >; 2956 | } 2957 | declare module "@material-ui/core/ListSubheader/index.js" { 2958 | declare module.exports: $Exports<"@material-ui/core/ListSubheader">; 2959 | } 2960 | declare module "@material-ui/core/Menu/index.js" { 2961 | declare module.exports: $Exports<"@material-ui/core/Menu">; 2962 | } 2963 | declare module "@material-ui/core/Menu/Menu.js" { 2964 | declare module.exports: $Exports<"@material-ui/core/Menu/Menu">; 2965 | } 2966 | declare module "@material-ui/core/MenuItem/index.js" { 2967 | declare module.exports: $Exports<"@material-ui/core/MenuItem">; 2968 | } 2969 | declare module "@material-ui/core/MenuItem/MenuItem.js" { 2970 | declare module.exports: $Exports<"@material-ui/core/MenuItem/MenuItem">; 2971 | } 2972 | declare module "@material-ui/core/MenuList/index.js" { 2973 | declare module.exports: $Exports<"@material-ui/core/MenuList">; 2974 | } 2975 | declare module "@material-ui/core/MenuList/MenuList.js" { 2976 | declare module.exports: $Exports<"@material-ui/core/MenuList/MenuList">; 2977 | } 2978 | declare module "@material-ui/core/MobileStepper/index.js" { 2979 | declare module.exports: $Exports<"@material-ui/core/MobileStepper">; 2980 | } 2981 | declare module "@material-ui/core/MobileStepper/MobileStepper.js" { 2982 | declare module.exports: $Exports< 2983 | "@material-ui/core/MobileStepper/MobileStepper" 2984 | >; 2985 | } 2986 | declare module "@material-ui/core/Backdrop/Backdrop.js" { 2987 | declare module.exports: $Exports<"@material-ui/core/Backdrop/Backdrop">; 2988 | } 2989 | declare module "@material-ui/core/Backdrop/index.js" { 2990 | declare module.exports: $Exports<"@material-ui/core/Backdrop">; 2991 | } 2992 | declare module "@material-ui/core/Modal/index.js" { 2993 | declare module.exports: $Exports<"@material-ui/core/Modal">; 2994 | } 2995 | declare module "@material-ui/core/Modal/Modal.js" { 2996 | declare module.exports: $Exports<"@material-ui/core/Modal/Modal">; 2997 | } 2998 | declare module "@material-ui/core/Modal/ModalManager.js" { 2999 | declare module.exports: $Exports<"@material-ui/core/Modal/ModalManager">; 3000 | } 3001 | declare module "@material-ui/core/NativeSelect/index.js" { 3002 | declare module.exports: $Exports<"@material-ui/core/NativeSelect">; 3003 | } 3004 | declare module "@material-ui/core/NativeSelect/NativeSelect.js" { 3005 | declare module.exports: $Exports< 3006 | "@material-ui/core/NativeSelect/NativeSelect" 3007 | >; 3008 | } 3009 | declare module "@material-ui/core/Paper/index.js" { 3010 | declare module.exports: $Exports<"@material-ui/core/Paper">; 3011 | } 3012 | declare module "@material-ui/core/Paper/Paper.js" { 3013 | declare module.exports: $Exports<"@material-ui/core/Paper/Paper">; 3014 | } 3015 | declare module "@material-ui/core/Popover/index.js" { 3016 | declare module.exports: $Exports<"@material-ui/core/Popover">; 3017 | } 3018 | declare module "@material-ui/core/Popover/Popover.js" { 3019 | declare module.exports: $Exports<"@material-ui/core/Popover/Popover">; 3020 | } 3021 | declare module "@material-ui/core/CircularProgress/CircularProgress.js" { 3022 | declare module.exports: $Exports< 3023 | "@material-ui/core/CircularProgress/CircularProgress" 3024 | >; 3025 | } 3026 | declare module "@material-ui/core/CircularProgress/index.js" { 3027 | declare module.exports: $Exports<"@material-ui/core/CircularProgress">; 3028 | } 3029 | declare module "@material-ui/core/LinearProgress/LinearProgress.js" { 3030 | declare module.exports: $Exports< 3031 | "@material-ui/core/LinearProgress/LinearProgress" 3032 | >; 3033 | } 3034 | declare module "@material-ui/core/LinearProgress/index.js" { 3035 | declare module.exports: $Exports<"@material-ui/core/LinearProgress">; 3036 | } 3037 | declare module "@material-ui/core/Radio/index.js" { 3038 | declare module.exports: $Exports<"@material-ui/core/Radio">; 3039 | } 3040 | declare module "@material-ui/core/Radio/Radio.js" { 3041 | declare module.exports: $Exports<"@material-ui/core/Radio/Radio">; 3042 | } 3043 | declare module "@material-ui/core/RadioGroup/RadioGroup.js" { 3044 | declare module.exports: $Exports<"@material-ui/core/RadioGroup/RadioGroup">; 3045 | } 3046 | declare module "@material-ui/core/RadioGroup/index.js" { 3047 | declare module.exports: $Exports<"@material-ui/core/RadioGroup">; 3048 | } 3049 | declare module "@material-ui/core/Select/index.js" { 3050 | declare module.exports: $Exports<"@material-ui/core/Select">; 3051 | } 3052 | declare module "@material-ui/core/Select/Select.js" { 3053 | declare module.exports: $Exports<"@material-ui/core/Select/Select">; 3054 | } 3055 | declare module "@material-ui/core/Select/SelectInput.js" { 3056 | declare module.exports: $Exports<"@material-ui/core/Select/SelectInput">; 3057 | } 3058 | declare module "@material-ui/core/Snackbar/index.js" { 3059 | declare module.exports: $Exports<"@material-ui/core/Snackbar">; 3060 | } 3061 | declare module "@material-ui/core/Snackbar/Snackbar.js" { 3062 | declare module.exports: $Exports<"@material-ui/core/Snackbar/Snackbar">; 3063 | } 3064 | declare module "@material-ui/core/SnackbarContent/index.js" { 3065 | declare module.exports: $Exports<"@material-ui/core/SnackbarContent">; 3066 | } 3067 | declare module "@material-ui/core/SnackbarContent/SnackbarContent.js" { 3068 | declare module.exports: $Exports< 3069 | "@material-ui/core/SnackbarContent/SnackbarContent" 3070 | >; 3071 | } 3072 | declare module "@material-ui/core/Step/Step.js" { 3073 | declare module.exports: $Exports<"@material-ui/core/Step/Step">; 3074 | } 3075 | declare module "@material-ui/core/Step/index.js" { 3076 | declare module.exports: $Exports<"@material-ui/core/Step">; 3077 | } 3078 | declare module "@material-ui/core/StepButton/StepButton.js" { 3079 | declare module.exports: $Exports<"@material-ui/core/StepButton/StepButton">; 3080 | } 3081 | declare module "@material-ui/core/StepButton/index.js" { 3082 | declare module.exports: $Exports<"@material-ui/core/StepButton">; 3083 | } 3084 | declare module "@material-ui/core/StepConnector/StepConnector.js" { 3085 | declare module.exports: $Exports< 3086 | "@material-ui/core/StepConnector/StepConnector" 3087 | >; 3088 | } 3089 | declare module "@material-ui/core/StepConnector/index.js" { 3090 | declare module.exports: $Exports< 3091 | "@material-ui/core/StepConnector/StepConnector" 3092 | >; 3093 | } 3094 | declare module "@material-ui/core/StepContent/StepContent.js" { 3095 | declare module.exports: $Exports<"@material-ui/core/StepContent/StepContent">; 3096 | } 3097 | declare module "@material-ui/core/StepContent/index.js" { 3098 | declare module.exports: $Exports<"@material-ui/core/StepContent">; 3099 | } 3100 | declare module "@material-ui/core/StepIcon/StepIcon.js" { 3101 | declare module.exports: $Exports<"@material-ui/core/StepIcon/StepIcon">; 3102 | } 3103 | declare module "@material-ui/core/StepIcon/index.js" { 3104 | declare module.exports: $Exports<"@material-ui/core/StepIcon">; 3105 | } 3106 | declare module "@material-ui/core/StepLabel/StepLabel.js" { 3107 | declare module.exports: $Exports<"@material-ui/core/StepLabel/StepLabel">; 3108 | } 3109 | declare module "@material-ui/core/StepLabel/index.js" { 3110 | declare module.exports: $Exports<"@material-ui/core/StepLabel">; 3111 | } 3112 | declare module "@material-ui/core/Stepper/Stepper.js" { 3113 | declare module.exports: $Exports<"@material-ui/core/Stepper/Stepper">; 3114 | } 3115 | declare module "@material-ui/core/Stepper/index.js" { 3116 | declare module.exports: $Exports<"@material-ui/core/Stepper">; 3117 | } 3118 | declare module "@material-ui/core/StepIcion/StepPositionIcon.js" { 3119 | declare module.exports: $Exports< 3120 | "@material-ui/core/StepIcion/StepPositionIcon" 3121 | >; 3122 | } 3123 | declare module "@material-ui/core/styles/colorManipulator.js" { 3124 | declare module.exports: $Exports<"@material-ui/core/styles/colorManipulator">; 3125 | } 3126 | declare module "@material-ui/core/styles/createBreakpoints.js" { 3127 | declare module.exports: $Exports< 3128 | "@material-ui/core/styles/createBreakpoints" 3129 | >; 3130 | } 3131 | declare module "@material-ui/core/styles/createGenerateClassName.js" { 3132 | declare module.exports: $Exports< 3133 | "@material-ui/core/styles/createGenerateClassName" 3134 | >; 3135 | } 3136 | declare module "@material-ui/core/styles/createMixins.js" { 3137 | declare module.exports: $Exports<"@material-ui/core/styles/createMixins">; 3138 | } 3139 | declare module "@material-ui/core/styles/createMuiTheme.js" { 3140 | declare module.exports: $Exports<"@material-ui/core/styles/createMuiTheme">; 3141 | } 3142 | declare module "@material-ui/core/styles/createPalette.js" { 3143 | declare module.exports: $Exports<"@material-ui/core/styles/createPalette">; 3144 | } 3145 | declare module "@material-ui/core/styles/createTypography.js" { 3146 | declare module.exports: $Exports<"@material-ui/core/styles/createTypography">; 3147 | } 3148 | declare module "@material-ui/core/styles/getStylesCreator.js" { 3149 | declare module.exports: $Exports<"@material-ui/core/styles/getStylesCreator">; 3150 | } 3151 | declare module "@material-ui/core/styles/index.js" { 3152 | declare module.exports: $Exports<"@material-ui/core/styles">; 3153 | } 3154 | declare module "@material-ui/core/styles/MuiThemeProvider.js" { 3155 | declare module.exports: $Exports<"@material-ui/core/styles/MuiThemeProvider">; 3156 | } 3157 | declare module "@material-ui/core/styles/shadows.js" { 3158 | declare module.exports: $Exports<"@material-ui/core/styles/shadows">; 3159 | } 3160 | declare module "@material-ui/core/styles/spacing.js" { 3161 | declare module.exports: $Exports<"@material-ui/core/styles/spacing">; 3162 | } 3163 | declare module "@material-ui/core/styles/themeListener.js" { 3164 | declare module.exports: $Exports<"@material-ui/core/styles/themeListener">; 3165 | } 3166 | declare module "@material-ui/core/styles/transitions.js" { 3167 | declare module.exports: $Exports<"@material-ui/core/styles/transitions">; 3168 | } 3169 | declare module "@material-ui/core/styles/withStyles.js" { 3170 | declare module.exports: $Exports<"@material-ui/core/styles/withStyles">; 3171 | } 3172 | declare module "@material-ui/core/styles/withTheme.js" { 3173 | declare module.exports: $Exports<"@material-ui/core/styles/withTheme">; 3174 | } 3175 | declare module "@material-ui/core/styles/zIndex.js" { 3176 | declare module.exports: $Exports<"@material-ui/core/styles/zIndex">; 3177 | } 3178 | declare module "@material-ui/core/svg-icons/ArrowDownward.js" { 3179 | declare module.exports: $Exports<"@material-ui/core/svg-icons/ArrowDownward">; 3180 | } 3181 | declare module "@material-ui/core/svg-icons/ArrowDropDown.js" { 3182 | declare module.exports: $Exports<"@material-ui/core/svg-icons/ArrowDropDown">; 3183 | } 3184 | declare module "@material-ui/core/svg-icons/Cancel.js" { 3185 | declare module.exports: $Exports<"@material-ui/core/svg-icons/Cancel">; 3186 | } 3187 | declare module "@material-ui/core/svg-icons/CheckBox.js" { 3188 | declare module.exports: $Exports<"@material-ui/core/svg-icons/CheckBox">; 3189 | } 3190 | declare module "@material-ui/core/svg-icons/CheckBoxOutlineBlank.js" { 3191 | declare module.exports: $Exports< 3192 | "@material-ui/core/svg-icons/CheckBoxOutlineBlank" 3193 | >; 3194 | } 3195 | declare module "@material-ui/core/svg-icons/CheckCircle.js" { 3196 | declare module.exports: $Exports<"@material-ui/core/svg-icons/CheckCircle">; 3197 | } 3198 | declare module "@material-ui/core/svg-icons/IndeterminateCheckBox.js" { 3199 | declare module.exports: $Exports< 3200 | "@material-ui/core/svg-icons/IndeterminateCheckBox" 3201 | >; 3202 | } 3203 | declare module "@material-ui/core/svg-icons/KeyboardArrowLeft.js" { 3204 | declare module.exports: $Exports< 3205 | "@material-ui/core/svg-icons/KeyboardArrowLeft" 3206 | >; 3207 | } 3208 | declare module "@material-ui/core/svg-icons/KeyboardArrowRight.js" { 3209 | declare module.exports: $Exports< 3210 | "@material-ui/core/svg-icons/KeyboardArrowRight" 3211 | >; 3212 | } 3213 | declare module "@material-ui/core/svg-icons/RadioButtonChecked.js" { 3214 | declare module.exports: $Exports< 3215 | "@material-ui/core/svg-icons/RadioButtonChecked" 3216 | >; 3217 | } 3218 | declare module "@material-ui/core/svg-icons/RadioButtonUnchecked.js" { 3219 | declare module.exports: $Exports< 3220 | "@material-ui/core/svg-icons/RadioButtonUnchecked" 3221 | >; 3222 | } 3223 | declare module "@material-ui/core/SvgIcon/index.js" { 3224 | declare module.exports: $Exports<"@material-ui/core/SvgIcon">; 3225 | } 3226 | declare module "@material-ui/core/SvgIcon/SvgIcon.js" { 3227 | declare module.exports: $Exports<"@material-ui/core/SvgIcon/SvgIcon">; 3228 | } 3229 | declare module "@material-ui/core/Switch/index.js" { 3230 | declare module.exports: $Exports<"@material-ui/core/Switch">; 3231 | } 3232 | declare module "@material-ui/core/Switch/Switch.js" { 3233 | declare module.exports: $Exports<"@material-ui/core/Switch/Switch">; 3234 | } 3235 | declare module "@material-ui/core/Table/index.js" { 3236 | declare module.exports: $Exports<"@material-ui/core/Table">; 3237 | } 3238 | declare module "@material-ui/core/Table/Table.js" { 3239 | declare module.exports: $Exports<"@material-ui/core/Table/Table">; 3240 | } 3241 | declare module "@material-ui/core/TableBody/index.js" { 3242 | declare module.exports: $Exports<"@material-ui/core/TableBody">; 3243 | } 3244 | declare module "@material-ui/core/TableBody/TableBody.js" { 3245 | declare module.exports: $Exports<"@material-ui/core/TableBody/TableBody">; 3246 | } 3247 | declare module "@material-ui/core/TableCell/index.js" { 3248 | declare module.exports: $Exports<"@material-ui/core/TableCell">; 3249 | } 3250 | declare module "@material-ui/core/TableCell/TableCell.js" { 3251 | declare module.exports: $Exports<"@material-ui/core/TableCell/TableCell">; 3252 | } 3253 | declare module "@material-ui/core/TableFooter/index.js" { 3254 | declare module.exports: $Exports<"@material-ui/core/TableFooter">; 3255 | } 3256 | declare module "@material-ui/core/TableFooter/TableFooter.js" { 3257 | declare module.exports: $Exports<"@material-ui/core/TableFooter/TableFooter">; 3258 | } 3259 | declare module "@material-ui/core/TableHead/index.js" { 3260 | declare module.exports: $Exports<"@material-ui/core/TableHead">; 3261 | } 3262 | declare module "@material-ui/core/TableHead/TableHead.js" { 3263 | declare module.exports: $Exports<"@material-ui/core/TableHead/TableHead">; 3264 | } 3265 | declare module "@material-ui/core/TablePagination/index.js" { 3266 | declare module.exports: $Exports<"@material-ui/core/TablePagination">; 3267 | } 3268 | declare module "@material-ui/core/TablePagination/TablePagination.js" { 3269 | declare module.exports: $Exports< 3270 | "@material-ui/core/TablePagination/TablePagination" 3271 | >; 3272 | } 3273 | declare module "@material-ui/core/TableRow/index.js" { 3274 | declare module.exports: $Exports<"@material-ui/core/TableRow">; 3275 | } 3276 | declare module "@material-ui/core/TableRow/TableRow.js" { 3277 | declare module.exports: $Exports<"@material-ui/core/TableRow/TableRow">; 3278 | } 3279 | declare module "@material-ui/core/TableSortLabel/index.js" { 3280 | declare module.exports: $Exports<"@material-ui/core/TableSortLabel">; 3281 | } 3282 | declare module "@material-ui/core/Table/TableSortLabel.js" { 3283 | declare module.exports: $Exports< 3284 | "@material-ui/core/TableSortLabel/TableSortLabel" 3285 | >; 3286 | } 3287 | declare module "@material-ui/core/Tab/index.js" { 3288 | declare module.exports: $Exports<"@material-ui/core/Tab">; 3289 | } 3290 | declare module "@material-ui/core/Tab/Tab.js" { 3291 | declare module.exports: $Exports<"@material-ui/core/Tab/Tab">; 3292 | } 3293 | declare module "@material-ui/core/Tabs/TabIndicator.js" { 3294 | declare module.exports: $Exports<"@material-ui/core/Tabs/TabIndicator">; 3295 | } 3296 | declare module "@material-ui/core/Tabs/Tabs.js" { 3297 | declare module.exports: $Exports<"@material-ui/core/Tabs/Tabs">; 3298 | } 3299 | declare module "@material-ui/core/Tabs/index.js" { 3300 | declare module.exports: $Exports<"@material-ui/core/Tabs">; 3301 | } 3302 | declare module "@material-ui/core/Tabs/TabScrollButton.js" { 3303 | declare module.exports: $Exports<"@material-ui/core/Tabs/TabScrollButton">; 3304 | } 3305 | declare module "@material-ui/core/TextField/index.js" { 3306 | declare module.exports: $Exports<"@material-ui/core/TextField">; 3307 | } 3308 | declare module "@material-ui/core/TextField/TextField.js" { 3309 | declare module.exports: $Exports<"@material-ui/core/TextField/TextField">; 3310 | } 3311 | declare module "@material-ui/core/Toolbar/index.js" { 3312 | declare module.exports: $Exports<"@material-ui/core/Toolbar">; 3313 | } 3314 | declare module "@material-ui/core/Toolbar/Toolbar.js" { 3315 | declare module.exports: $Exports<"@material-ui/core/Toolbar/Toolbar">; 3316 | } 3317 | declare module "@material-ui/core/Tooltip/index.js" { 3318 | declare module.exports: $Exports<"@material-ui/core/Tooltip">; 3319 | } 3320 | declare module "@material-ui/core/Tooltip/Tooltip.js" { 3321 | declare module.exports: $Exports<"@material-ui/core/Tooltip/Tooltip">; 3322 | } 3323 | declare module "@material-ui/core/Collapse/index.js" { 3324 | declare module.exports: $Exports<"@material-ui/core/Collapse">; 3325 | } 3326 | declare module "@material-ui/core/Collapse/Collapse.js" { 3327 | declare module.exports: $Exports<"@material-ui/core/Collapse/Collapse">; 3328 | } 3329 | declare module "@material-ui/core/Fade/index.js" { 3330 | declare module.exports: $Exports<"@material-ui/core/Fade">; 3331 | } 3332 | declare module "@material-ui/core/Fade/Fade.js" { 3333 | declare module.exports: $Exports<"@material-ui/core/Fade/Fade">; 3334 | } 3335 | declare module "@material-ui/core/Grow/index.js" { 3336 | declare module.exports: $Exports<"@material-ui/core/Grow">; 3337 | } 3338 | declare module "@material-ui/core/Grow/Grow.js" { 3339 | declare module.exports: $Exports<"@material-ui/core/Grow/Grow">; 3340 | } 3341 | declare module "@material-ui/core/Slide/index.js" { 3342 | declare module.exports: $Exports<"@material-ui/core/Slide">; 3343 | } 3344 | declare module "@material-ui/core/Slide/Slide.js" { 3345 | declare module.exports: $Exports<"@material-ui/core/Slide/Slide">; 3346 | } 3347 | declare module "@material-ui/core/Typography/index.js" { 3348 | declare module.exports: $Exports<"@material-ui/core/Typography">; 3349 | } 3350 | declare module "@material-ui/core/Typography/Typography.js" { 3351 | declare module.exports: $Exports<"@material-ui/core/Typography/Typography">; 3352 | } 3353 | declare module "@material-ui/core/utils/addEventListener.js" { 3354 | declare module.exports: $Exports<"@material-ui/core/utils/addEventListener">; 3355 | } 3356 | declare module "@material-ui/core/ClickAwayListener/index.js" { 3357 | declare module.exports: $Exports<"@material-ui/core/ClickAwayListener">; 3358 | } 3359 | declare module "@material-ui/core/ClickAwayListener/ClickAwayListener.js" { 3360 | declare module.exports: $Exports< 3361 | "@material-ui/core/ClickAwayListener/ClickAwayListener" 3362 | >; 3363 | } 3364 | declare module "@material-ui/core/utils/exactProp.js" { 3365 | declare module.exports: $Exports<"@material-ui/core/utils/exactProp">; 3366 | } 3367 | declare module "@material-ui/core/utils/helpers.js" { 3368 | declare module.exports: $Exports<"@material-ui/core/utils/helpers">; 3369 | } 3370 | declare module "@material-ui/core/utils/keyboardFocus.js" { 3371 | declare module.exports: $Exports<"@material-ui/core/utils/keyboardFocus">; 3372 | } 3373 | declare module "@material-ui/core/utils/manageAriaHidden.js" { 3374 | declare module.exports: $Exports<"@material-ui/core/utils/manageAriaHidden">; 3375 | } 3376 | declare module "@material-ui/core/utils/reactHelpers.js" { 3377 | declare module.exports: $Exports<"@material-ui/core/utils/reactHelpers">; 3378 | } 3379 | declare module "@material-ui/core/utils/requirePropFactory.js" { 3380 | declare module.exports: $Exports< 3381 | "@material-ui/core/utils/requirePropFactory" 3382 | >; 3383 | } 3384 | declare module "@material-ui/core/withWidth/withWidth.js" { 3385 | declare module.exports: $Exports<"@material-ui/core/withWidth/withWidth">; 3386 | } 3387 | declare module "@material-ui/core/withWidth/index.js" { 3388 | declare module.exports: $Exports<"@material-ui/core/withWidth/withWidth">; 3389 | } 3390 | 3391 | declare module "@material-ui/core" { 3392 | declare export var AppBar: $Exports<"@material-ui/core/AppBar/AppBar">; 3393 | declare export var Avatar: $Exports<"@material-ui/core/Avatar/Avatar">; 3394 | declare export var Badge: $Exports<"@material-ui/core/Badge/Badge">; 3395 | declare export var BottomNavigationAction: $Exports< 3396 | "@material-ui/core/BottomNavigationAction/BottomNavigationAction" 3397 | >; 3398 | 3399 | declare export var BottomNavigation: $Exports< 3400 | "@material-ui/core/BottomNavigation/BottomNavigation" 3401 | >; 3402 | declare export var Button: $Exports<"@material-ui/core/Button/Button">; 3403 | declare export var ButtonBase: $Exports< 3404 | "@material-ui/core/ButtonBase/ButtonBase" 3405 | >; 3406 | declare export var Card: $Exports<"@material-ui/core/Card/Card">; 3407 | declare export var CardActions: $Exports< 3408 | "@material-ui/core/CardActions/CardActions" 3409 | >; 3410 | declare export var CardContent: $Exports< 3411 | "@material-ui/core/CardContent/CardContent" 3412 | >; 3413 | declare export var CardHeader: $Exports< 3414 | "@material-ui/core/CardHeader/CardHeader" 3415 | >; 3416 | declare export var CardMedia: $Exports< 3417 | "@material-ui/core/CardMedia/CardMedia" 3418 | >; 3419 | declare export var Checkbox: $Exports<"@material-ui/core/Checkbox/Checkbox">; 3420 | declare export var Chip: $Exports<"@material-ui/core/Chip/Chip">; 3421 | declare export var ClickAwayListener: $Exports< 3422 | "@material-ui/core/ClickAwayListener/ClickAwayListener" 3423 | >; 3424 | declare export var CssBaseline: $Exports< 3425 | "@material-ui/core/CssBaseline/CssBaseline" 3426 | >; 3427 | 3428 | declare export var Dialog: $Exports<"@material-ui/core/Dialog/Dialog">; 3429 | declare export var DialogActions: $Exports< 3430 | "@material-ui/core/DialogActions/DialogActions" 3431 | >; 3432 | declare export var DialogContent: $Exports< 3433 | "@material-ui/core/DialogContent/DialogContent" 3434 | >; 3435 | declare export var DialogContentText: $Exports< 3436 | "@material-ui/core/DialogContentText/DialogContentText" 3437 | >; 3438 | declare export var DialogTitle: $Exports< 3439 | "@material-ui/core/DialogTitle/DialogTitle" 3440 | >; 3441 | declare export var withMobileDialog: $Exports< 3442 | "@material-ui/core/withMobileDialog/withMobileDialog" 3443 | >; 3444 | declare export var Divider: $Exports<"@material-ui/core/Divider/Divider">; 3445 | declare export var Drawer: $Exports<"@material-ui/core/Drawer/Drawer">; 3446 | declare export var ExpansionPanel: $Exports< 3447 | "@material-ui/core/ExpansionPanel/ExpansionPanel" 3448 | >; 3449 | declare export var ExpansionPanelActions: $Exports< 3450 | "@material-ui/core/ExpansionPanelActions/ExpansionPanelActions" 3451 | >; 3452 | declare export var ExpansionPanelDetails: $Exports< 3453 | "@material-ui/core/ExpansionPanelDetails/ExpansionPanelDetails" 3454 | >; 3455 | declare export var ExpansionPanelSummary: $Exports< 3456 | "@material-ui/core/ExpansionPanelSummary/ExpansionPanelSummary" 3457 | >; 3458 | 3459 | declare export var FormControl: $Exports< 3460 | "@material-ui/core/FormControl/FormControl" 3461 | >; 3462 | declare export var FormGroup: $Exports< 3463 | "@material-ui/core/FormGroup/FormGroup" 3464 | >; 3465 | declare export var FormLabel: $Exports< 3466 | "@material-ui/core/FormLabel/FormLabel" 3467 | >; 3468 | declare export var FormHelperText: $Exports< 3469 | "@material-ui/core/FormHelperText/FormHelperText" 3470 | >; 3471 | declare export var FormControlLabel: $Exports< 3472 | "@material-ui/core/FormControlLabel/FormControlLabel" 3473 | >; 3474 | declare export var Hidden: $Exports<"@material-ui/core/Hidden/Hidden">; 3475 | declare export var Icon: $Exports<"@material-ui/core/Icon/Icon">; 3476 | declare export var IconButton: $Exports< 3477 | "@material-ui/core/IconButton/IconButton" 3478 | >; 3479 | declare export var Input: $Exports<"@material-ui/core/Input/Input">; 3480 | declare export var InputLabel: $Exports< 3481 | "@material-ui/core/InputLabel/InputLabel" 3482 | >; 3483 | declare export var InputAdornment: $Exports< 3484 | "@material-ui/core/InputAdornment/InputAdornment" 3485 | >; 3486 | declare export var Grid: $Exports<"@material-ui/core/Grid/Grid">; 3487 | declare export var GridList: $Exports<"@material-ui/core/GridList/GridList">; 3488 | declare export var GridListTile: $Exports< 3489 | "@material-ui/core/GridListTile/GridListTile" 3490 | >; 3491 | declare export var GridListTileBar: $Exports< 3492 | "@material-ui/core/GridListTileBar/GridListTileBar" 3493 | >; 3494 | declare export var List: $Exports<"@material-ui/core/List/List">; 3495 | declare export var ListItem: $Exports<"@material-ui/core/ListItem/ListItem">; 3496 | declare export var ListItemAvatar: $Exports< 3497 | "@material-ui/core/ListItemAvatar/ListItemAvatar" 3498 | >; 3499 | declare export var ListItemIcon: $Exports< 3500 | "@material-ui/core/ListItemIcon/ListItemIcon" 3501 | >; 3502 | declare export var ListItemSecondaryAction: $Exports< 3503 | "@material-ui/core/ListItemSecondaryAction/ListItemSecondaryAction" 3504 | >; 3505 | declare export var ListItemText: $Exports< 3506 | "@material-ui/core/ListItemText/ListItemText" 3507 | >; 3508 | declare export var ListSubheader: $Exports< 3509 | "@material-ui/core/ListSubheader/ListSubheader" 3510 | >; 3511 | declare export var Menu: $Exports<"@material-ui/core/Menu/Menu">; 3512 | declare export var MenuItem: $Exports<"@material-ui/core/MenuItem/MenuItem">; 3513 | declare export var MenuList: $Exports<"@material-ui/core/MenuList/MenuList">; 3514 | declare export var MobileStepper: $Exports< 3515 | "@material-ui/core/MobileStepper/MobileStepper" 3516 | >; 3517 | declare export var Modal: $Exports<"@material-ui/core/Modal/Modal">; 3518 | declare export var Backdrop: $Exports<"@material-ui/core/Backdrop/Backdrop">; 3519 | declare export var ModalManager: $Exports< 3520 | "@material-ui/core/Modal/ModalManager" 3521 | >; 3522 | declare export var NativeSelect: $Exports< 3523 | "@material-ui/core/NativeSelect/NativeSelect" 3524 | >; 3525 | declare export var Paper: $Exports<"@material-ui/core/Paper/Paper">; 3526 | declare export var Popover: $Exports<"@material-ui/core/Popover/Popover">; 3527 | declare export var Portal: $Exports<"@material-ui/core/Portal/Portal">; 3528 | declare export var CircularProgress: $Exports< 3529 | "@material-ui/core/CircularProgress/CircularProgress" 3530 | >; 3531 | declare export var LinearProgress: $Exports< 3532 | "@material-ui/core/LinearProgress/LinearProgress" 3533 | >; 3534 | declare export var Radio: $Exports<"@material-ui/core/Radio/Radio">; 3535 | declare export var RadioGroup: $Exports< 3536 | "@material-ui/core/RadioGroup/RadioGroup" 3537 | >; 3538 | declare export var Select: $Exports<"@material-ui/core/Select/Select">; 3539 | declare export var Snackbar: $Exports<"@material-ui/core/Snackbar/Snackbar">; 3540 | declare export var SnackbarContent: $Exports< 3541 | "@material-ui/core/SnackbarContent/SnackbarContent" 3542 | >; 3543 | declare export var Stepper: $Exports<"@material-ui/core/Stepper/Stepper">; 3544 | declare export var Step: $Exports<"@material-ui/core/Step/Step">; 3545 | declare export var StepButton: $Exports< 3546 | "@material-ui/core/StepButton/StepButton" 3547 | >; 3548 | declare export var StepIcon: $Exports<"@material-ui/core/StepIcon/StepIcon">; 3549 | declare export var StepContent: $Exports< 3550 | "@material-ui/core/StepContent/StepContent" 3551 | >; 3552 | declare export var StepLabel: $Exports< 3553 | "@material-ui/core/StepLabel/StepLabel" 3554 | >; 3555 | declare export var MuiThemeProvider: $Exports< 3556 | "@material-ui/core/styles/MuiThemeProvider" 3557 | >; 3558 | declare export var withStyles: $Exports< 3559 | "@material-ui/core/styles/withStyles" 3560 | >; 3561 | declare export var withTheme: $Exports<"@material-ui/core/styles/withTheme">; 3562 | declare export var createMuiTheme: $Exports< 3563 | "@material-ui/core/styles/createMuiTheme" 3564 | >; 3565 | declare export var jssPreset: $Exports<"@material-ui/core/styles/jssPreset">; 3566 | declare export var SvgIcon: $Exports<"@material-ui/core/SvgIcon/SvgIcon">; 3567 | declare export var SwipeableDrawer: $Exports< 3568 | "@material-ui/core/SwipeableDrawer" 3569 | >; 3570 | declare export var Switch: $Exports<"@material-ui/core/Switch/Switch">; 3571 | declare export var Table: $Exports<"@material-ui/core/Table/Table">; 3572 | declare export var TableBody: $Exports< 3573 | "@material-ui/core/TableBody/TableBody" 3574 | >; 3575 | declare export var TableCell: $Exports< 3576 | "@material-ui/core/TableCell/TableCell" 3577 | >; 3578 | declare export var TableFooter: $Exports< 3579 | "@material-ui/core/TableFooter/TableFooter" 3580 | >; 3581 | declare export var TableHead: $Exports< 3582 | "@material-ui/core/TableHead/TableHead" 3583 | >; 3584 | declare export var TablePagination: $Exports< 3585 | "@material-ui/core/TablePagination/TablePagination" 3586 | >; 3587 | declare export var TableRow: $Exports<"@material-ui/core/TableRow/TableRow">; 3588 | declare export var TableSortLabel: $Exports< 3589 | "@material-ui/core/TableSortLabel/TableSortLabel" 3590 | >; 3591 | declare export var Tabs: $Exports<"@material-ui/core/Tabs/Tabs">; 3592 | declare export var Tab: $Exports<"@material-ui/core/Tab/Tab">; 3593 | declare export var Typography: $Exports< 3594 | "@material-ui/core/Typography/Typography" 3595 | >; 3596 | declare export var TextField: $Exports< 3597 | "@material-ui/core/TextField/TextField" 3598 | >; 3599 | declare export var Toolbar: $Exports<"@material-ui/core/Toolbar/Toolbar">; 3600 | declare export var Tooltip: $Exports<"@material-ui/core/Tooltip/Tooltip">; 3601 | declare export var Slide: $Exports<"@material-ui/core/Slide/Slide">; 3602 | declare export var Grow: $Exports<"@material-ui/core/Grow/Grow">; 3603 | declare export var Fade: $Exports<"@material-ui/core/Fade/Fade">; 3604 | declare export var Collapse: $Exports<"@material-ui/core/Collapse/Collapse">; 3605 | declare export var Zoom: $Exports<"@material-ui/core/Zoom/Zoom">; 3606 | 3607 | declare export var withWidth: $Exports< 3608 | "@material-ui/core/withWidth/withWidth" 3609 | >; 3610 | declare export var common: $Exports<"@material-ui/core/colors/common">; 3611 | declare export var red: $Exports<"@material-ui/core/colors/red">; 3612 | declare export var pink: $Exports<"@material-ui/core/colors/pink">; 3613 | declare export var purple: $Exports<"@material-ui/core/colors/purple">; 3614 | declare export var deepPurple: $Exports< 3615 | "@material-ui/core/colors/deepPurple" 3616 | >; 3617 | declare export var indigo: $Exports<"@material-ui/core/colors/indigo">; 3618 | declare export var blue: $Exports<"@material-ui/core/colors/blue">; 3619 | declare export var lightBlue: $Exports<"@material-ui/core/colors/lightBlue">; 3620 | declare export var cyan: $Exports<"@material-ui/core/colors/cyan">; 3621 | declare export var teal: $Exports<"@material-ui/core/colors/teal">; 3622 | declare export var green: $Exports<"@material-ui/core/colors/green">; 3623 | declare export var lightGreen: $Exports< 3624 | "@material-ui/core/colors/lightGreen" 3625 | >; 3626 | declare export var lime: $Exports<"@material-ui/core/colors/lime">; 3627 | declare export var yellow: $Exports<"@material-ui/core/colors/yellow">; 3628 | declare export var amber: $Exports<"@material-ui/core/colors/amber">; 3629 | declare export var orange: $Exports<"@material-ui/core/colors/orange">; 3630 | declare export var deepOrange: $Exports< 3631 | "@material-ui/core/colors/deepOrange" 3632 | >; 3633 | declare export var brown: $Exports<"@material-ui/core/colors/brown">; 3634 | declare export var grey: $Exports<"@material-ui/core/colors/grey">; 3635 | declare export var blueGrey: $Exports<"@material-ui/core/colors/blueGrey">; 3636 | } 3637 | -------------------------------------------------------------------------------- /flow-typed/npm/classnames_v2.x.x.js: -------------------------------------------------------------------------------- 1 | // flow-typed signature: cf86673cc32d185bdab1d2ea90578d37 2 | // flow-typed version: 614bf49aa8/classnames_v2.x.x/flow_>=v0.25.x 3 | 4 | type $npm$classnames$Classes = 5 | | string 6 | | { [className: string]: * } 7 | | false 8 | | void 9 | | null; 10 | 11 | declare module "classnames" { 12 | declare module.exports: ( 13 | ...classes: Array<$npm$classnames$Classes | $npm$classnames$Classes[]> 14 | ) => string; 15 | } 16 | 17 | declare module "classnames/bind" { 18 | declare module.exports: $Exports<"classnames">; 19 | } 20 | 21 | declare module "classnames/dedupe" { 22 | declare module.exports: $Exports<"classnames">; 23 | } 24 | -------------------------------------------------------------------------------- /flow-typed/npm/recompose_v0.x.x.js: -------------------------------------------------------------------------------- 1 | // flow-typed signature: ababb4f540ef52bbdbb2fdd0e473eb0d 2 | // flow-typed version: 245513abee/recompose_v0.x.x/flow_>=v0.57.x 3 | 4 | /** 5 | * 1) Types give additional constraint on a language, recompose was written on the untyped language 6 | * as a consequence of this fact 7 | * for some recompose HOCs is near impossible to add correct typings. 8 | * 2) flow sometimes does not work as expected. 9 | * 10 | * So any help and suggestions will be very appreciated. 11 | * 12 | * ----------------------------------------------------------------------------------- 13 | * Type definition of recompose HOCs are splitted into 2 parts, 14 | * "HOCs with good flow support" - in most cases you can use them without big issues, 15 | * see `test_${hocName}.js` for the idea. 16 | * Some known issues: 17 | * see test_mapProps.js - inference work but type errors are not detected in hocs 18 | * 19 | * SUPPORTED HOCs: 20 | * defaultProps, mapProps, withProps, withStateHandlers, withHandlers, pure, 21 | * onlyUpdateForKeys, shouldUpdate, renderNothing, renderComponent, branch, withPropsOnChange, 22 | * onlyUpdateForPropTypes, toClass, withContext, getContext, 23 | * setStatic, setPropTypes, setDisplayName, 24 | * ----------------------------------------------------------------------------------- 25 | * "TODO (UNSUPPORTED) HOCs" - you need to provide type information 26 | * (no automatic type inference), voodoo dancing etc 27 | * see `test_voodoo.js` for the idea 28 | * 29 | * remember that: 30 | * flattenProp,renameProp, renameProps can easily be replaced with withProps 31 | * withReducer, withState -> use withStateHandlers instead 32 | * lifecycle -> you don't need recompose if you need a lifecycle, just use React class instead 33 | * mapPropsStream -> see test_mapPropsStream.js 34 | * ----------------------------------------------------------------------------------- 35 | * 36 | * utils: 37 | * getDisplayName, wrapDisplayName, shallowEqual, 38 | * isClassComponent, createEagerElement, createEagerFactory, createSink, componentFromProp, 39 | * nest, hoistStatics, 40 | */ 41 | 42 | //------------------- 43 | 44 | declare module "recompose" { 45 | // ----------------------------------------------------------------- 46 | // Private declarations 47 | // ----------------------------------------------------------------- 48 | 49 | declare type Void_ R> = ( 50 | A, 51 | B, 52 | C, 53 | D 54 | ) => void; 55 | 56 | declare type Void = Void_<*, *, *, *, *, T>; 57 | 58 | declare type ExtractStateHandlersCodomain = ( 59 | v: (state: State, props: Enhanced) => V 60 | ) => Void; 61 | 62 | declare type ExtractHandlersCodomain = ( 63 | v: (props: Enhanced) => V 64 | ) => V; 65 | 66 | declare type UnaryFn = (a: A) => R; 67 | 68 | // ----------------------------------------------------------------- 69 | // Public declarations 70 | // ----------------------------------------------------------------- 71 | 72 | declare export type Component = React$ComponentType; 73 | 74 | declare export type HOC = UnaryFn< 75 | Component, 76 | Component 77 | >; 78 | 79 | declare export var compose: $Compose; 80 | 81 | // --------------------------------------------------------------------------- 82 | // ----------------===<<>>===-------------------- 83 | // --------------------------------------------------------------------------- 84 | 85 | declare export function defaultProps( 86 | defProps: Default 87 | ): HOC<{ ...$Exact, ...Default }, Enhanced>; 88 | 89 | declare export function mapProps( 90 | propsMapper: (ownerProps: Enhanced) => Base 91 | ): HOC; 92 | 93 | declare export function withProps( 94 | propsMapper: ((ownerProps: Enhanced) => BaseAdd) | BaseAdd 95 | ): HOC<{ ...$Exact, ...BaseAdd }, Enhanced>; 96 | 97 | declare export function withStateHandlers< 98 | State, 99 | Enhanced, 100 | StateHandlers: { 101 | [key: string]: ( 102 | state: State, 103 | props: Enhanced 104 | ) => (...payload: any[]) => $Shape 105 | } 106 | >( 107 | initialState: ((props: Enhanced) => State) | State, 108 | stateUpdaters: StateHandlers 109 | ): HOC< 110 | { 111 | ...$Exact, 112 | ...$Exact, 113 | ...$ObjMap 114 | }, 115 | Enhanced 116 | >; 117 | 118 | declare export function withHandlers< 119 | Enhanced, 120 | Handlers: 121 | | (( 122 | props: Enhanced 123 | ) => { 124 | [key: string]: (props: Enhanced) => Function 125 | }) 126 | | { 127 | [key: string]: (props: Enhanced) => Function 128 | } 129 | >( 130 | handlers: ((props: Enhanced) => Handlers) | Handlers 131 | ): HOC< 132 | { 133 | ...$Exact, 134 | ...$ObjMap 135 | }, 136 | Enhanced 137 | >; 138 | 139 | declare export function pure(a: Component): Component; 140 | declare export function onlyUpdateForPropTypes( 141 | a: Component 142 | ): Component; 143 | declare export function onlyUpdateForKeys(Array<$Keys>): HOC; 144 | declare export function shouldUpdate( 145 | (props: A, nextProps: A) => boolean 146 | ): HOC; 147 | 148 | declare export function toClass(a: Component): Component; 149 | 150 | declare export function withContext( 151 | childContextTypes: ContextPropTypes, 152 | getChildContext: (props: A) => ContextObj 153 | ): HOC; 154 | 155 | declare export function getContext( 156 | contextTypes: CtxTypes 157 | ): HOC<{ ...$Exact, ...CtxTypes }, Enhanced>; 158 | 159 | /** 160 | * It's wrong declaration but having that renderNothing and renderComponent are somehow useless 161 | * outside branch enhancer, we just give it an id type 162 | * so common way of using branch like 163 | * `branch(testFn, renderNothing | renderComponent(Comp))` will work as expected. 164 | * Tests are placed at test_branch. 165 | */ 166 | declare export function renderNothing(C: Component): Component; 167 | declare export function renderComponent(a: Component): HOC; 168 | 169 | /** 170 | * We make an assumtion that left and right have the same type if exists 171 | */ 172 | declare export function branch( 173 | testFn: (props: Enhanced) => boolean, 174 | // not a HOC because of inference problems, this works but HOC is not 175 | left: (Component) => Component, 176 | // I never use right part and it can be a problem with inference as should be same type as left 177 | right?: (Component) => Component 178 | ): HOC; 179 | 180 | // test_statics 181 | declare export function setStatic(key: string, value: any): HOC; 182 | declare export function setPropTypes(propTypes: Object): HOC; 183 | declare export function setDisplayName(displayName: string): HOC; 184 | 185 | declare export function withPropsOnChange( 186 | shouldMapOrKeys: 187 | | ((props: Enhanced, nextProps: Enhanced) => boolean) 188 | | Array<$Keys>, 189 | propsMapper: (ownerProps: Enhanced) => BaseAdd 190 | ): HOC<{ ...$Exact, ...BaseAdd }, Enhanced>; 191 | 192 | // --------------------------------------------------------------------------- 193 | // ----------------===<<>>===------------------------ 194 | // --------------------------------------------------------------------------- 195 | 196 | // use withProps instead 197 | declare export function flattenProp( 198 | propName: $Keys 199 | ): HOC; 200 | 201 | // use withProps instead 202 | declare export function renameProp( 203 | oldName: $Keys, 204 | newName: $Keys 205 | ): HOC; 206 | 207 | // use withProps instead 208 | declare export function renameProps(nameMap: { 209 | [key: $Keys]: $Keys 210 | }): HOC; 211 | 212 | // use withStateHandlers instead 213 | declare export function withState( 214 | stateName: string, 215 | stateUpdaterName: string, 216 | initialState: T | ((props: Enhanced) => T) 217 | ): HOC; 218 | 219 | // use withStateHandlers instead 220 | declare export function withReducer( 221 | stateName: string, 222 | dispatchName: string, 223 | reducer: (state: State, action: Action) => State, 224 | initialState: State 225 | ): HOC; 226 | 227 | // lifecycle use React instead 228 | declare export function lifecycle(spec: Object): HOC; 229 | 230 | // Help needed, as explicitly providing the type 231 | // errors not detected, see TODO at test_mapPropsStream.js 232 | declare export function mapPropsStream( 233 | (props$: any) => any 234 | ): HOC; 235 | 236 | // --------------------------------------------------------------------------- 237 | // -----------------------------===<<>>===----------------------------- 238 | // --------------------------------------------------------------------------- 239 | 240 | declare export function getDisplayName(C: Component): string; 241 | 242 | declare export function wrapDisplayName( 243 | C: Component, 244 | wrapperName: string 245 | ): string; 246 | 247 | declare export function shallowEqual(objA: mixed, objB: mixed): boolean; 248 | 249 | declare export function isClassComponent(value: any): boolean; 250 | 251 | declare export function createEagerElement( 252 | type: Component | string, 253 | props: ?A, 254 | children?: ?React$Node 255 | ): React$Element; 256 | 257 | declare export function createEagerFactory( 258 | type: Component | string 259 | ): (props: ?A, children?: ?React$Node) => React$Element; 260 | 261 | declare export function createSink( 262 | callback: (props: A) => void 263 | ): Component; 264 | 265 | declare export function componentFromProp(propName: string): Component; 266 | 267 | declare export function nest( 268 | ...Components: Array | string> 269 | ): Component; 270 | 271 | declare export function hoistStatics>(hoc: H): H; 272 | 273 | declare export function componentFromStream( 274 | (props$: any) => any 275 | ): T => React$Element; 276 | 277 | declare export function createEventHandler(): { 278 | stream: any, 279 | handler: Function 280 | }; 281 | } 282 | 283 | declare module "recompose/defaultProps" { 284 | declare module.exports: $PropertyType<$Exports<"recompose">, "defaultProps">; 285 | } 286 | 287 | declare module "recompose/mapProps" { 288 | declare module.exports: $PropertyType<$Exports<"recompose">, "mapProps">; 289 | } 290 | 291 | declare module "recompose/withProps" { 292 | declare module.exports: $PropertyType<$Exports<"recompose">, "withProps">; 293 | } 294 | 295 | declare module "recompose/withStateHandlers" { 296 | declare module.exports: $PropertyType< 297 | $Exports<"recompose">, 298 | "withStateHandlers" 299 | >; 300 | } 301 | 302 | declare module "recompose/withHandlers" { 303 | declare module.exports: $PropertyType<$Exports<"recompose">, "withHandlers">; 304 | } 305 | 306 | declare module "recompose/pure" { 307 | declare module.exports: $PropertyType<$Exports<"recompose">, "pure">; 308 | } 309 | 310 | declare module "recompose/onlyUpdateForPropTypes" { 311 | declare module.exports: $PropertyType< 312 | $Exports<"recompose">, 313 | "onlyUpdateForPropTypes" 314 | >; 315 | } 316 | 317 | declare module "recompose/onlyUpdateForKeys" { 318 | declare module.exports: $PropertyType< 319 | $Exports<"recompose">, 320 | "onlyUpdateForKeys" 321 | >; 322 | } 323 | 324 | declare module "recompose/shouldUpdate" { 325 | declare module.exports: $PropertyType<$Exports<"recompose">, "shouldUpdate">; 326 | } 327 | 328 | declare module "recompose/toClass" { 329 | declare module.exports: $PropertyType<$Exports<"recompose">, "toClass">; 330 | } 331 | 332 | declare module "recompose/withContext" { 333 | declare module.exports: $PropertyType<$Exports<"recompose">, "withContext">; 334 | } 335 | 336 | declare module "recompose/getContext" { 337 | declare module.exports: $PropertyType<$Exports<"recompose">, "getContext">; 338 | } 339 | 340 | declare module "recompose/renderNothing" { 341 | declare module.exports: $PropertyType<$Exports<"recompose">, "renderNothing">; 342 | } 343 | 344 | declare module "recompose/renderComponent" { 345 | declare module.exports: $PropertyType< 346 | $Exports<"recompose">, 347 | "renderComponent" 348 | >; 349 | } 350 | 351 | declare module "recompose/branch" { 352 | declare module.exports: $PropertyType<$Exports<"recompose">, "branch">; 353 | } 354 | 355 | declare module "recompose/setStatic" { 356 | declare module.exports: $PropertyType<$Exports<"recompose">, "setStatic">; 357 | } 358 | 359 | declare module "recompose/setPropTypes" { 360 | declare module.exports: $PropertyType<$Exports<"recompose">, "setPropTypes">; 361 | } 362 | 363 | declare module "recompose/setDisplayName" { 364 | declare module.exports: $PropertyType< 365 | $Exports<"recompose">, 366 | "setDisplayName" 367 | >; 368 | } 369 | 370 | declare module "recompose/withPropsOnChange" { 371 | declare module.exports: $PropertyType< 372 | $Exports<"recompose">, 373 | "withPropsOnChange" 374 | >; 375 | } 376 | 377 | declare module "recompose/flattenProp" { 378 | declare module.exports: $PropertyType<$Exports<"recompose">, "flattenProp">; 379 | } 380 | 381 | declare module "recompose/renameProp" { 382 | declare module.exports: $PropertyType<$Exports<"recompose">, "renameProp">; 383 | } 384 | 385 | declare module "recompose/renameProps" { 386 | declare module.exports: $PropertyType<$Exports<"recompose">, "renameProps">; 387 | } 388 | 389 | declare module "recompose/withState" { 390 | declare module.exports: $PropertyType<$Exports<"recompose">, "withState">; 391 | } 392 | 393 | declare module "recompose/withReducer" { 394 | declare module.exports: $PropertyType<$Exports<"recompose">, "withReducer">; 395 | } 396 | 397 | declare module "recompose/lifecycle" { 398 | declare module.exports: $PropertyType<$Exports<"recompose">, "lifecycle">; 399 | } 400 | 401 | declare module "recompose/mapPropsStream" { 402 | declare module.exports: $PropertyType< 403 | $Exports<"recompose">, 404 | "mapPropsStream" 405 | >; 406 | } 407 | 408 | declare module "recompose/getDisplayName" { 409 | declare module.exports: $PropertyType< 410 | $Exports<"recompose">, 411 | "getDisplayName" 412 | >; 413 | } 414 | 415 | declare module "recompose/wrapDisplayName" { 416 | declare module.exports: $PropertyType< 417 | $Exports<"recompose">, 418 | "wrapDisplayName" 419 | >; 420 | } 421 | 422 | declare module "recompose/shallowEqual" { 423 | declare module.exports: $PropertyType<$Exports<"recompose">, "shallowEqual">; 424 | } 425 | 426 | declare module "recompose/isClassComponent" { 427 | declare module.exports: $PropertyType< 428 | $Exports<"recompose">, 429 | "isClassComponent" 430 | >; 431 | } 432 | 433 | declare module "recompose/createEagerElement" { 434 | declare module.exports: $PropertyType< 435 | $Exports<"recompose">, 436 | "createEagerElement" 437 | >; 438 | } 439 | 440 | declare module "recompose/createEagerFactory" { 441 | declare module.exports: $PropertyType< 442 | $Exports<"recompose">, 443 | "createEagerFactory" 444 | >; 445 | } 446 | 447 | declare module "recompose/createSink" { 448 | declare module.exports: $PropertyType<$Exports<"recompose">, "createSink">; 449 | } 450 | 451 | declare module "recompose/componentFromProp" { 452 | declare module.exports: $PropertyType< 453 | $Exports<"recompose">, 454 | "componentFromProp" 455 | >; 456 | } 457 | 458 | declare module "recompose/nest" { 459 | declare module.exports: $PropertyType<$Exports<"recompose">, "nest">; 460 | } 461 | 462 | declare module "recompose/hoistStatics" { 463 | declare module.exports: $PropertyType<$Exports<"recompose">, "hoistStatics">; 464 | } 465 | 466 | declare module "recompose/componentFromStream" { 467 | declare module.exports: $PropertyType< 468 | $Exports<"recompose">, 469 | "componentFromStream" 470 | >; 471 | } 472 | 473 | declare module "recompose/createEventHandler" { 474 | declare module.exports: $PropertyType< 475 | $Exports<"recompose">, 476 | "createEventHandler" 477 | >; 478 | } 479 | 480 | declare module "recompose/compose" { 481 | declare module.exports: $PropertyType<$Exports<"recompose">, "compose">; 482 | } 483 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "material-ui-layout", 3 | "version": "1.0.1", 4 | "description": "Layout components for material-ui", 5 | "main": "./lib/index.js", 6 | "scripts": { 7 | "build": "babel src/ -d lib/", 8 | "flow": "flow", 9 | "flow:coverage": "flow-coverage-report -i 'src/**/*.js' -i 'src/**/*.jsx'", 10 | "test": "npm run eslint && npm run flow && npm run flow:coverage && echo \"Eslint && Flow && Build passed - No jest yet\"", 11 | "test:coverage": "jest --coverage", 12 | "prepublishOnly": "npm run test && npm run build", 13 | "eslint": "./node_modules/.bin/eslint src/ --ext js,jsx", 14 | "eslint-fix": "./node_modules/.bin/eslint src/ --ext js,jsx --fix" 15 | }, 16 | "repository": { 17 | "type": "git", 18 | "url": "git+https://github.com/Zetoff/material-ui-layout.git" 19 | }, 20 | "keywords": [ 21 | "material-ui", 22 | "layout", 23 | "react" 24 | ], 25 | "author": "polguixe", 26 | "license": "MIT", 27 | "bugs": { 28 | "url": "https://github.com/Zetoff/material-ui-layout/issues" 29 | }, 30 | "homepage": "https://github.com/Zetoff/material-ui-layout#readme", 31 | "devDependencies": { 32 | "babel-cli": "^6.26.0", 33 | "babel-eslint": "^8.0.0", 34 | "babel-jest": "^21.0.2", 35 | "babel-preset-es2015": "^6.24.1", 36 | "babel-preset-react": "^6.24.1", 37 | "babel-preset-stage-2": "^6.24.1", 38 | "eslint": "^4.6.1", 39 | "eslint-config-airbnb": "^16.1.0", 40 | "eslint-config-prettier": "^2.9.0", 41 | "eslint-plugin-babel": "^4.1.2", 42 | "eslint-plugin-flowtype": "^2.49.3", 43 | "eslint-plugin-import": "^2.7.0", 44 | "eslint-plugin-jsx-a11y": "^6.0.3", 45 | "eslint-plugin-meteor": "^4.2.0", 46 | "eslint-plugin-prettier": "^2.6.0", 47 | "eslint-plugin-react": "^7.3.0", 48 | "flow-bin": "^0.72.0", 49 | "flow-coverage-report": "^0.5.0", 50 | "jest": "^21.0.2", 51 | "prettier": "^1.11.1" 52 | }, 53 | "peerDependencies": { 54 | "react": "^16.3.0", 55 | "react-dom": "^16.3.0" 56 | }, 57 | "dependencies": { 58 | "@material-ui/core": "^3.9.1", 59 | "@material-ui/icons": "^3.0.2", 60 | "classnames": "^2.2.5", 61 | "lodash": "^4.17.4", 62 | "prop-types": "^15.5.10", 63 | "react-controllables": "^0.6.0", 64 | "recompose": "^0.26.0" 65 | } 66 | } 67 | -------------------------------------------------------------------------------- /src/components/AppBar/AppBar.jsx: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | // TODO Is this component required anymore? 4 | 5 | import * as React from 'react'; 6 | import { withStyles } from '@material-ui/core/styles'; 7 | import MaterialUIAppBar from '@material-ui/core/AppBar'; 8 | import type { Position, Color } from '@material-ui/core/AppBar/AppBar'; 9 | 10 | import type { Classes } from '../../types'; 11 | import styles from './styles'; 12 | 13 | type Props = { 14 | classes: Classes, 15 | children: React.Element, 16 | position: Position, 17 | color: Color, 18 | className: string, 19 | }; 20 | 21 | class AppBar extends React.PureComponent { 22 | render() { 23 | const { 24 | children, position, classes, color, className, ...other 25 | } = this.props; 26 | return ( 27 | 28 | {React.cloneElement(children, { ...other })} 29 | 30 | ); 31 | } 32 | } 33 | 34 | export default withStyles(styles)(AppBar); 35 | -------------------------------------------------------------------------------- /src/components/AppBar/index.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | import AppBar from './AppBar'; 3 | 4 | export default AppBar; 5 | -------------------------------------------------------------------------------- /src/components/AppBar/styles.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | export default {}; 3 | 4 | -------------------------------------------------------------------------------- /src/components/Footer/Footer.jsx: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import * as React from 'react'; 4 | import { withStyles } from '@material-ui/core/styles'; 5 | import classNames from 'classnames'; 6 | import capitalize from 'lodash/capitalize'; 7 | 8 | import type { Classes } from '../../types'; 9 | import styles from './styles'; 10 | 11 | type Props = { 12 | classes: Classes, 13 | children: React.Element, 14 | color?: 'inherit' | 'default' | 'primary' | 'secondary', 15 | className?: string, 16 | }; 17 | 18 | class Footer extends React.PureComponent { 19 | static defaultProps = { 20 | classes: {}, 21 | color: 'inherit', 22 | className: '', 23 | }; 24 | render() { 25 | const { 26 | classes, color, className: classNameProp, children, 27 | } = this.props; 28 | const className: string = classNames( 29 | classes.footer, 30 | { 31 | [classes[`color${capitalize(color)}`]]: color !== 'inherit', 32 | }, 33 | classNameProp, 34 | ); 35 | return
{children}
; 36 | } 37 | } 38 | 39 | export default withStyles(styles)(Footer); 40 | -------------------------------------------------------------------------------- /src/components/Footer/index.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | import Footer from './Footer'; 3 | 4 | export default Footer; 5 | -------------------------------------------------------------------------------- /src/components/Footer/styles.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | const styles = (theme: Object): Object => { 4 | const backgroundColorDefault: string = 5 | theme.palette.type === 'light' ? theme.palette.grey[100] : theme.palette.grey[900]; 6 | return { 7 | footer: { 8 | padding: '20px 10px', // TODO use units and spacing 9 | }, 10 | colorDefault: { 11 | backgroundColor: backgroundColorDefault, 12 | color: theme.palette.getContrastText(backgroundColorDefault), 13 | }, 14 | colorPrimary: { 15 | backgroundColor: theme.palette.primary.main, 16 | color: theme.palette.primary.contrastText, 17 | }, 18 | colorSecondary: { 19 | backgroundColor: theme.palette.secondary.main, 20 | color: theme.palette.secondary.contrastText, 21 | }, 22 | }; 23 | }; 24 | 25 | export default styles; 26 | -------------------------------------------------------------------------------- /src/components/Layout/Layout.jsx: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import * as React from 'react'; 4 | import PropTypes from 'prop-types'; 5 | import compose from 'recompose/compose'; 6 | import { withStyles } from '@material-ui/core/styles'; 7 | import classNames from 'classnames'; 8 | import Drawer from '@material-ui/core/Drawer'; 9 | import withWidth, { isWidthDown } from '@material-ui/core/withWidth'; 10 | import controllable from 'react-controllables'; 11 | import type { Breakpoint } from '@material-ui/core/styles/createBreakpoints'; 12 | 13 | import type { Classes } from '../../types'; 14 | import styles from './styles'; 15 | 16 | import AppBar from '../AppBar'; 17 | import Footer from '../Footer'; 18 | import LayoutActions from './LayoutActions'; 19 | 20 | type Props = { 21 | title: String, 22 | classes: Classes, 23 | overrideClasses: Classes, 24 | children: React.Node, 25 | appBarPosition: string, 26 | appBarContent: React.Element, 27 | appBarProps: Object, 28 | mainGrow: true | false, 29 | stickyFooter: true | false, 30 | footerContent: React.Element, 31 | footerProps: Object, 32 | leftDrawerOpen: true | false, 33 | onLeftDrawerOpenChange: PropTypes.func, 34 | leftDrawerContent: React.Element, 35 | leftDrawerType: string, 36 | leftDrawerUnder: true | false, 37 | leftDrawerProps: Object, 38 | rightDrawerOpen: true | false, 39 | onRightDrawerOpenChange: PropTypes.func, 40 | rightDrawerContent: React.Element, 41 | rightDrawerType: string, 42 | rightDrawerUnder: true | false, 43 | rightDrawerProps: Object, 44 | width: Breakpoint, 45 | usingTwoRowAppBar: true | false, 46 | }; 47 | 48 | // FIXME remove once material-ui drawer style is fixed 49 | const isDocked = type => type === 'permanent' || type === 'persistent'; 50 | 51 | // TODO refactor all smallScreen logic 52 | // TODO smallScreen logic should be named xSmallScreen logic 53 | 54 | class Layout extends React.PureComponent { 55 | static defaultProps = { 56 | title: '', 57 | appBarPosition: 'fixed', 58 | stickyFooter: false, 59 | leftDrawerOpen: false, 60 | leftDrawerUnder: false, 61 | rightDrawerOpen: false, 62 | rightDrawerUnder: false, 63 | mainGrow: true, 64 | usingTwoRowAppBar: false, 65 | }; 66 | 67 | handleLeftDrawerClose = () => { 68 | if (!this.props.onLeftDrawerOpenChange) return; 69 | 70 | this.props.onLeftDrawerOpenChange(false); 71 | }; 72 | 73 | toggleLeftDrawer = () => { 74 | if (!this.props.onLeftDrawerOpenChange) return; 75 | 76 | this.props.onLeftDrawerOpenChange(!this.props.leftDrawerOpen); 77 | }; 78 | 79 | handleRightDrawerClose = () => { 80 | if (!this.props.onRightDrawerOpenChange) return; 81 | 82 | this.props.onRightDrawerOpenChange(false); 83 | }; 84 | 85 | toggleRightDrawer = () => { 86 | if (!this.props.onRightDrawerOpenChange) return; 87 | 88 | this.props.onRightDrawerOpenChange(!this.props.rightDrawerOpen); 89 | }; 90 | 91 | render() { 92 | const { 93 | classes: defaultClasses, 94 | overrideClasses, 95 | children, 96 | appBarContent, 97 | appBarPosition, 98 | appBarProps, 99 | mainGrow, 100 | leftDrawerContent, 101 | leftDrawerOpen, 102 | leftDrawerType, 103 | leftDrawerUnder, 104 | leftDrawerProps, 105 | rightDrawerContent, 106 | rightDrawerOpen, 107 | rightDrawerType, 108 | rightDrawerUnder, 109 | rightDrawerProps, 110 | footerContent, 111 | stickyFooter, 112 | footerProps, 113 | width, 114 | usingTwoRowAppBar, 115 | } = this.props; 116 | 117 | // TODO change the way to overrideClasses 118 | // use classes instead of overrideClasses as material-ui 119 | const classes = { ...defaultClasses, ...overrideClasses }; 120 | 121 | const smallScreen: boolean = isWidthDown('xs', width); 122 | const mainLeftShift = 123 | !smallScreen && 124 | (leftDrawerType === 'permanent' || (leftDrawerOpen && leftDrawerType === 'persistent')); 125 | 126 | const mainRightShift = 127 | !smallScreen && 128 | (rightDrawerType === 'permanent' || (rightDrawerOpen && rightDrawerType === 'persistent')); 129 | 130 | const mainClassnames: string = classNames(classes.main, { 131 | [`${classes.mainFixedAppBar}`]: 132 | appBarContent && appBarPosition === 'fixed' && !usingTwoRowAppBar, 133 | [`${classes.mainFixedTwoRowAppBar}`]: 134 | appBarContent && appBarPosition === 'fixed' && usingTwoRowAppBar, 135 | [`${classes.mainGrow}`]: mainGrow && !usingTwoRowAppBar, 136 | [`${classes.mainGrowTwoRowAppBar}`]: mainGrow && usingTwoRowAppBar, 137 | [`${classes.mainStickyFooter}`]: stickyFooter, 138 | [`${classes.mainShift}`]: mainLeftShift || mainRightShift, 139 | [`${classes.mainLeftShift}`]: mainLeftShift, 140 | [`${classes.mainRightShift}`]: mainRightShift, 141 | [`${classes.mainLeftRightShift}`]: mainLeftShift && mainRightShift, 142 | }); 143 | 144 | const footerClassnames: string = classNames( 145 | classes.footer, 146 | footerProps ? footerProps.className : '', 147 | ); 148 | 149 | const appBarLeftShift = 150 | !smallScreen && 151 | (!leftDrawerUnder && 152 | ((leftDrawerOpen && leftDrawerType === 'persistent') || leftDrawerType === 'permanent')); 153 | 154 | const appBarRightShift = 155 | !smallScreen && 156 | (!rightDrawerUnder && 157 | ((rightDrawerOpen && rightDrawerType === 'persistent') || rightDrawerType === 'permanent')); 158 | 159 | const appBarClassnames = classNames(classes.appBar, { 160 | [`${classes.appBarShift}`]: appBarLeftShift || appBarRightShift, 161 | [`${classes.appBarLeftShift}`]: appBarLeftShift, 162 | [`${classes.appBarRightShift}`]: appBarRightShift, 163 | [`${classes.appBarLeftRightShift}`]: appBarLeftShift && appBarRightShift, 164 | }); 165 | 166 | const leftDrawerPaperClassnames = classNames(classes.drawerPaper, { 167 | [`${classes.drawerPaperUnder}`]: !smallScreen && leftDrawerUnder, 168 | }); 169 | const rightDrawerPaperClassnames = classNames(classes.drawerPaper, { 170 | [`${classes.drawerPaperUnder}`]: !smallScreen && rightDrawerUnder, 171 | [`${classes.rightDrawerDockedFix}`]: isDocked(rightDrawerType), // FIXME remove once material-ui drawer style is fixed 172 | }); 173 | const drawerHeaderClassnames = classNames({ 174 | [`${classes.drawerHeader}`]: !usingTwoRowAppBar, 175 | [`${classes.drawerHeaderTwoRowAppBar}`]: usingTwoRowAppBar, 176 | }); 177 | 178 | // FIXME find a better way to inject the closeDrawer prop 179 | const leftDrawerContentWithProps = leftDrawerContent 180 | ? React.cloneElement(leftDrawerContent, { 181 | closeDrawer: this.handleLeftDrawerClose, 182 | closeDrawerOnClick: smallScreen || leftDrawerType === 'temporary', 183 | ...leftDrawerContent.props, // This feels a bit of an antipattern, investigate 184 | }) 185 | : leftDrawerContent; 186 | const rightDrawerContentWithProps = rightDrawerContent 187 | ? React.cloneElement(rightDrawerContent, { 188 | closeDrawer: this.handleRightDrawerClose, 189 | closeDrawerOnClick: smallScreen || rightDrawerType === 'temporary', 190 | ...rightDrawerContent.props, // This feels a bit of an antipattern, investigate 191 | }) 192 | : rightDrawerContent; 193 | 194 | return ( 195 |
196 | {appBarContent ? ( 197 | 204 | {appBarContent} 205 | 206 | ) : null} 207 | {leftDrawerContent ? ( 208 | 215 | {/* add a header to move content down if screen is not small and under the appbar */} 216 | {!smallScreen && leftDrawerUnder ?
: null} 217 | {leftDrawerContentWithProps} 218 | 219 | ) : null} 220 | {rightDrawerContent ? ( 221 | 229 | {/* add a header to move content down if screen is not small and under the appbar */} 230 | {!smallScreen && rightDrawerUnder ?
: null} 231 | {rightDrawerContentWithProps} 232 | 233 | ) : null} 234 | 242 |
{children}
243 | 244 | {footerContent ? ( 245 |
246 | {footerContent} 247 |
248 | ) : null} 249 |
250 | ); 251 | } 252 | } 253 | 254 | export default controllable(compose(withWidth(), withStyles(styles))(Layout), [ 255 | 'leftDrawerOpen', 256 | 'rightDrawerOpen', 257 | ]); 258 | -------------------------------------------------------------------------------- /src/components/Layout/LayoutActions.jsx: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import React from 'react'; 4 | 5 | const LayoutActions = React.createContext({ 6 | toggleLeftDrawer: () => {}, 7 | toggleRightDrawer: () => {}, 8 | handleRightDrawerClose: () => {}, 9 | handleLeftDrawerClose: () => {}, 10 | }); 11 | 12 | export default LayoutActions; 13 | -------------------------------------------------------------------------------- /src/components/Layout/index.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | import Layout from './Layout'; 3 | import LayoutActions from './LayoutActions'; 4 | 5 | export { LayoutActions }; 6 | export default Layout; 7 | -------------------------------------------------------------------------------- /src/components/Layout/styles.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | // TODO curry drawerWidth? 4 | const drawerWidth = 240; 5 | 6 | const styles = (theme: Object): Object => ({ 7 | layout: { 8 | display: 'flex', 9 | minHeight: '100vh', 10 | flexDirection: 'column', 11 | }, 12 | appBar: { 13 | transition: theme.transitions.create(['margin', 'width'], { 14 | easing: theme.transitions.easing.sharp, 15 | duration: theme.transitions.duration.leavingScreen, 16 | }), 17 | }, 18 | appBarShift: { 19 | transition: theme.transitions.create(['margin', 'width'], { 20 | easing: theme.transitions.easing.easeOut, 21 | duration: theme.transitions.duration.enteringScreen, 22 | }), 23 | }, 24 | appBarLeftShift: { 25 | marginLeft: drawerWidth, 26 | width: `calc(100% - ${drawerWidth}px)`, 27 | }, 28 | appBarRightShift: { 29 | marginRight: drawerWidth, 30 | width: `calc(100% - ${drawerWidth}px)`, 31 | }, 32 | appBarLeftRightShift: { 33 | marginLeft: drawerWidth, 34 | marginRight: drawerWidth, 35 | width: `calc(100% - ${drawerWidth * 2}px)`, 36 | }, 37 | main: { 38 | paddingTop: '0px', 39 | display: 'flex', 40 | width: '100%', 41 | transition: theme.transitions.create(['margin', 'width'], { 42 | easing: theme.transitions.easing.sharp, 43 | duration: theme.transitions.duration.leavingScreen, 44 | }), 45 | }, 46 | mainFixedAppBar: { 47 | marginTop: `${theme.mixins.toolbar.minHeight}px`, 48 | }, 49 | mainFixedTwoRowAppBar: { 50 | marginTop: `${theme.mixins.toolbar.minHeight * 2}px`, 51 | }, 52 | mainGrow: { 53 | flex: 1, 54 | height: `calc(100vh - ${theme.mixins.toolbar.minHeight}px)`, 55 | }, 56 | mainGrowTwoRowAppBar: { 57 | flex: 1, 58 | height: `calc(100vh - ${theme.mixins.toolbar.minHeight * 2}px)`, 59 | }, 60 | drawerHeader: theme.mixins.toolbar, 61 | drawerHeaderTwoRowAppBar: { 62 | minHeight: `${theme.mixins.toolbar.minHeight * 2}px`, 63 | }, 64 | [theme.breakpoints.up('sm')]: { 65 | mainFixedAppBar: { 66 | marginTop: `${ 67 | theme.mixins.toolbar[theme.breakpoints.up('sm')].minHeight 68 | }px`, 69 | }, 70 | mainFixedTwoRowAppBar: { 71 | marginTop: `${theme.mixins.toolbar[theme.breakpoints.up('sm')].minHeight * 72 | 2}px`, 73 | }, 74 | mainGrow: { 75 | height: `calc(100vh - ${ 76 | theme.mixins.toolbar[theme.breakpoints.up('sm')].minHeight 77 | }px)`, 78 | }, 79 | mainGrowTwoRowAppBar: { 80 | height: `calc(100vh - ${theme.mixins.toolbar[theme.breakpoints.up('sm')] 81 | .minHeight * 2}px)`, 82 | }, 83 | drawerHeaderTwoRowAppBar: { 84 | minHeight: `${theme.mixins.toolbar[theme.breakpoints.up('sm')].minHeight * 85 | 2}px`, 86 | }, 87 | }, 88 | mainStickyFooter: { 89 | flex: 1, 90 | }, 91 | mainShift: { 92 | transition: theme.transitions.create(['margin', 'width'], { 93 | easing: theme.transitions.easing.easeOut, 94 | duration: theme.transitions.duration.enteringScreen, 95 | }), 96 | }, 97 | mainLeftShift: { 98 | marginLeft: drawerWidth, 99 | width: `calc(100% - ${drawerWidth}px)`, 100 | }, 101 | mainRightShift: { 102 | marginRight: drawerWidth, 103 | width: `calc(100% - ${drawerWidth}px)`, 104 | }, 105 | mainLeftRightShift: { 106 | marginRight: drawerWidth, 107 | marginLeft: drawerWidth, 108 | width: `calc(100% - ${drawerWidth * 2}px)`, 109 | }, 110 | drawerPaper: { 111 | width: drawerWidth, 112 | }, 113 | drawerPaperUnder: { 114 | zIndex: '1000', 115 | }, 116 | footer: {}, 117 | }); 118 | 119 | export default styles; 120 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import Layout, { LayoutActions } from './components/Layout'; 4 | 5 | export { LayoutActions }; 6 | export { default as AppBar } from './components/AppBar'; 7 | export { default as Footer } from './components/Footer'; 8 | 9 | export { default as BasicAppBar } from './templates/AppBar/BasicAppBar'; 10 | export { default as TwoRowsAppBar } from './templates/AppBar/TwoRowsAppBar'; 11 | export { default as BasicFooter } from './templates/Footer/BasicFooter'; 12 | export { default as BasicDrawer } from './templates/Drawer/BasicDrawer'; 13 | export { default as StandardDrawer } from './templates/Drawer/StandardDrawer'; 14 | 15 | export default Layout; 16 | -------------------------------------------------------------------------------- /src/templates/AppBar/BasicAppBar/BasicAppBar.jsx: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import map from 'lodash/map'; 4 | import * as React from 'react'; 5 | import IconButton from '@material-ui/core/IconButton'; 6 | import Button from '@material-ui/core/Button'; 7 | import Toolbar from '@material-ui/core/Toolbar'; 8 | import Typography from '@material-ui/core/Typography'; 9 | import MenuIcon from '@material-ui/icons/Menu'; 10 | import Hidden from '@material-ui/core/Hidden'; 11 | import { withStyles } from '@material-ui/core/styles'; 12 | import withWidth, { isWidthDown } from '@material-ui/core/withWidth'; 13 | import compose from 'recompose/compose'; 14 | import ButtonBase from '@material-ui/core/ButtonBase'; 15 | import type { Breakpoint } from '@material-ui/core/styles/createBreakpoints'; 16 | 17 | import type { Classes } from '../../../types'; 18 | import styles from './styles'; 19 | 20 | type Props = { 21 | links: Array, 22 | classes: Classes, 23 | title: string, 24 | logo: string, 25 | toggleLeftDrawer: Function, 26 | menuIconAlways: true | false, 27 | width: Breakpoint, 28 | onLogoClick: Function, 29 | }; 30 | 31 | type Link = { 32 | label: string, 33 | href?: string, 34 | onClick?: Function, 35 | }; 36 | 37 | class BasicAppBar extends React.PureComponent { 38 | static defaultProps = { 39 | menuIconAlways: false, 40 | }; 41 | 42 | handleIconClick = () => { 43 | this.props.toggleLeftDrawer(); 44 | }; 45 | 46 | renderLogo = () => { 47 | const { 48 | classes, title, logo, onLogoClick, 49 | } = this.props; 50 | if (logo) { 51 | return ( 52 |
59 | {title} 60 |
61 | ); 62 | } 63 | return ( 64 | 65 | 66 | {title} 67 | 68 | 69 | ); 70 | }; 71 | 72 | render() { 73 | const { 74 | links, menuIconAlways, width, classes, 75 | } = this.props; 76 | return ( 77 | 78 | {menuIconAlways || isWidthDown('xs', width) ? ( 79 | 80 | 81 | 82 | ) : null} 83 | {this.renderLogo()} 84 | 85 |
86 | {map(links, (link: Link): React.Element => ( 87 | 95 | ))} 96 |
97 | 98 | 99 | ); 100 | } 101 | } 102 | 103 | export default compose(withWidth(), withStyles(styles))(BasicAppBar); 104 | -------------------------------------------------------------------------------- /src/templates/AppBar/BasicAppBar/index.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import BasicAppBar from './BasicAppBar'; 4 | 5 | export default BasicAppBar; 6 | -------------------------------------------------------------------------------- /src/templates/AppBar/BasicAppBar/styles.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | const styles = (theme: Object): Object => ({ 4 | wrapper: { 5 | display: 'flex', 6 | justifyContent: 'space-between', 7 | }, 8 | flex: { 9 | flex: 1, 10 | }, 11 | titleButton: { 12 | padding: theme.spacing.unit, 13 | }, 14 | logo: { 15 | flex: 1, 16 | cursor: 'pointer', 17 | height: '45px', 18 | minWidth: '160px', 19 | }, 20 | image: { 21 | height: '100%', 22 | margin: '0', 23 | padding: '0', 24 | }, 25 | links: { 26 | float: 'right', 27 | }, 28 | }); 29 | 30 | export default styles; 31 | -------------------------------------------------------------------------------- /src/templates/AppBar/TwoRowsAppBar/TwoRowsAppBar.jsx: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import * as React from 'react'; 4 | import Toolbar from '@material-ui/core/Toolbar'; 5 | import Grid from '@material-ui/core/Grid'; 6 | import { withStyles } from '@material-ui/core/styles'; 7 | import withWidth, { isWidthDown } from '@material-ui/core/withWidth'; 8 | import classNames from 'classnames'; 9 | import compose from 'recompose/compose'; 10 | import type { Breakpoint } from '@material-ui/core/styles/createBreakpoints'; 11 | 12 | import type { Classes } from '../../../types'; 13 | import styles from './styles'; 14 | 15 | type Props = { 16 | classes: Classes, 17 | topLeftContent: React.Node, 18 | topCenterContent: React.Node, 19 | topRightContent: React.Node, 20 | bottomLeftContent: React.Node, 21 | bottomCenterContent: React.Node, 22 | bottomRightContent: React.Node, 23 | width: Breakpoint, 24 | smallScreenWidth: Breakpoint, 25 | }; 26 | 27 | // TODO find a way to better overwrite the items styles 28 | const style = { 29 | item: { 30 | padding: '0px', 31 | }, 32 | }; 33 | 34 | class TwoRowsAppBar extends React.PureComponent { 35 | static defaultProps = { 36 | classes: {}, 37 | topLeftContent: null, 38 | topCenterContent: null, 39 | topRightContent: null, 40 | bottomLeftContent: null, 41 | bottomCenterContent: null, 42 | bottomRightContent: null, 43 | smallScreenWidth: 'xs', 44 | }; 45 | 46 | render() { 47 | const { 48 | classes, 49 | topLeftContent, 50 | topCenterContent, 51 | topRightContent, 52 | bottomLeftContent, 53 | bottomCenterContent, 54 | bottomRightContent, 55 | width, 56 | smallScreenWidth = 'xs', 57 | } = this.props; 58 | 59 | const smallScreen = isWidthDown(smallScreenWidth, width); 60 | 61 | return ( 62 | 63 | 64 | 70 | 71 | {topLeftContent} 72 | 73 | 84 | {topCenterContent} 85 | 86 | 87 | {topRightContent} 88 | 89 | 90 | 96 | 97 | {bottomLeftContent} 98 | 99 | 110 | {bottomCenterContent} 111 | 112 | 113 | {bottomRightContent} 114 | 115 | 116 | 117 | 118 | ); 119 | } 120 | } 121 | 122 | export default compose(withWidth(), withStyles(styles))(TwoRowsAppBar); 123 | -------------------------------------------------------------------------------- /src/templates/AppBar/TwoRowsAppBar/index.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | import TwoRowsAppBar from './TwoRowsAppBar'; 3 | 4 | export default TwoRowsAppBar; 5 | -------------------------------------------------------------------------------- /src/templates/AppBar/TwoRowsAppBar/styles.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | export default (theme: Object): Object => ({ 3 | wrapper: { 4 | marginTop: '0', 5 | marginBottom: '0', 6 | }, 7 | row: theme.mixins.toolbar, 8 | topRow: { 9 | marginTop: '0', 10 | marginBottom: '0', 11 | }, 12 | bottomRow: { 13 | marginTop: '0', 14 | marginBottom: '0', 15 | }, 16 | topCenter: { 17 | textAlign: 'center', 18 | display: 'flex', 19 | justifyContent: 'center', 20 | alignItems: 'center', 21 | }, 22 | bottomCenter: { 23 | textAlign: 'center', 24 | display: 'flex', 25 | justifyContent: 'center', 26 | alignItems: 'center', 27 | }, 28 | centerBig: { 29 | justifyContent: theme.direction === 'ltr' ? 'flex-start' : 'flex-end', 30 | }, 31 | right: { 32 | justifyContent: 'flex-end', 33 | display: 'flex', 34 | alignItems: 'center', 35 | }, 36 | left: { 37 | justifyContent: 'flex-start', 38 | display: 'flex', 39 | alignItems: 'center', 40 | }, 41 | }); 42 | -------------------------------------------------------------------------------- /src/templates/Drawer/BasicDrawer/BasicDrawer.jsx: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import React from 'react'; 4 | import { withStyles } from '@material-ui/core/styles'; 5 | 6 | import DrawerItemsList from '../DrawerItemsList'; 7 | 8 | import type { Classes } from '../../../types'; 9 | import styles from './styles'; 10 | 11 | type Props = { 12 | links: Array, 13 | classes: Classes, 14 | closeDrawer: Function, 15 | closeDrawerOnClick: true | false, 16 | }; 17 | 18 | class BasicDrawer extends React.PureComponent { 19 | static defaultProps = { 20 | closeDrawerOnClick: false, 21 | }; 22 | render() { 23 | const { 24 | links, classes, closeDrawer, closeDrawerOnClick, 25 | } = this.props; 26 | return ( 27 |
28 | 33 |
34 | ); 35 | } 36 | } 37 | 38 | export default withStyles(styles)(BasicDrawer); 39 | -------------------------------------------------------------------------------- /src/templates/Drawer/BasicDrawer/index.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | import BasicDrawer from './BasicDrawer'; 3 | 4 | export default BasicDrawer; 5 | -------------------------------------------------------------------------------- /src/templates/Drawer/BasicDrawer/styles.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | export default { 4 | wrapper: { 5 | width: '100%', 6 | }, 7 | }; 8 | -------------------------------------------------------------------------------- /src/templates/Drawer/DrawerItemsList/DrawerItem.jsx: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import * as React from 'react'; 4 | import ListItem from '@material-ui/core/ListItem'; 5 | import ListItemIcon from '@material-ui/core/ListItemIcon'; 6 | import ListItemText from '@material-ui/core/ListItemText'; 7 | import Icon from '@material-ui/core/Icon'; 8 | import ArrowRightIcon from '@material-ui/icons/ArrowRight'; 9 | 10 | type Item = { 11 | iconName?: string, 12 | icon?: any, // Not the best solution 13 | onClick?: Function, 14 | label: string, 15 | href?: string, 16 | }; 17 | 18 | type Props = { 19 | item: Item, 20 | closeDrawer: Function, 21 | }; 22 | 23 | class DrawerItem extends React.PureComponent { 24 | handleClick = () => { 25 | if (this.props.item.onClick) { 26 | this.props.item.onClick(); 27 | this.props.closeDrawer(); 28 | } 29 | }; 30 | 31 | renderIcon = (item: Item) => { 32 | if (item.icon) { 33 | return ; 34 | } else if (item.iconName) { 35 | return {item.iconName}; 36 | } 37 | return ; 38 | }; 39 | 40 | render() { 41 | const { item } = this.props; 42 | return ( 43 | 49 | {this.renderIcon(item)} 50 | 51 | 52 | ); 53 | } 54 | } 55 | 56 | export default DrawerItem; 57 | -------------------------------------------------------------------------------- /src/templates/Drawer/DrawerItemsList/DrawerItemsList.jsx: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import map from 'lodash/map'; 4 | import React from 'react'; 5 | import { withStyles } from '@material-ui/core/styles'; 6 | import List from '@material-ui/core/List'; 7 | 8 | import DrawerItem from './DrawerItem'; 9 | 10 | import type { Classes } from '../../../types'; 11 | import styles from './styles'; 12 | 13 | type Props = { 14 | items: Array, 15 | classes: Classes, 16 | closeDrawer: Function, 17 | closeDrawerOnClick: true | false, 18 | }; 19 | 20 | class DrawerItemsList extends React.PureComponent { 21 | render() { 22 | const { 23 | items, classes, closeDrawer, closeDrawerOnClick, 24 | } = this.props; 25 | return ( 26 | 27 | {map(items, item => ( 28 | {}} 32 | /> 33 | ))} 34 | 35 | ); 36 | } 37 | } 38 | 39 | export default withStyles(styles)(DrawerItemsList); 40 | -------------------------------------------------------------------------------- /src/templates/Drawer/DrawerItemsList/index.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | import DrawerItemsList from './DrawerItemsList'; 3 | 4 | export default DrawerItemsList; 5 | -------------------------------------------------------------------------------- /src/templates/Drawer/DrawerItemsList/styles.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | export default { 3 | list: { 4 | flex: 'initial', 5 | }, 6 | }; 7 | -------------------------------------------------------------------------------- /src/templates/Drawer/StandardDrawer/StandardDrawer.jsx: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import React from 'react'; 4 | import { withStyles } from '@material-ui/core/styles'; 5 | import Divider from '@material-ui/core/Divider'; 6 | 7 | import DrawerItemsList from '../DrawerItemsList'; 8 | 9 | import type { Classes } from '../../../types'; 10 | import styles from './styles'; 11 | 12 | type Props = { 13 | firstList: Array, 14 | secondList: Array, 15 | classes: Classes, 16 | closeDrawer: Function, 17 | closeDrawerOnClick: true | false, 18 | }; 19 | 20 | class StandardDrawer extends React.PureComponent { 21 | static defaultProps = { 22 | firstList: null, 23 | secondList: null, 24 | }; 25 | 26 | render() { 27 | const { 28 | firstList, secondList, classes, closeDrawer, closeDrawerOnClick, 29 | } = this.props; 30 | return ( 31 |
32 | {firstList ? ( 33 | 38 | ) : null} 39 | {firstList && secondList ? : null} 40 | {secondList ? ( 41 | 46 | ) : null} 47 |
48 | ); 49 | } 50 | } 51 | 52 | export default withStyles(styles)(StandardDrawer); 53 | -------------------------------------------------------------------------------- /src/templates/Drawer/StandardDrawer/index.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import StandardDrawer from './StandardDrawer'; 4 | 5 | export default StandardDrawer; 6 | -------------------------------------------------------------------------------- /src/templates/Drawer/StandardDrawer/styles.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | export default { 3 | wrapper: { 4 | width: '100%', 5 | }, 6 | }; 7 | -------------------------------------------------------------------------------- /src/templates/Footer/BasicFooter/BasicFooter.jsx: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import map from 'lodash/map'; 4 | import React from 'react'; 5 | import { withStyles } from '@material-ui/core/styles'; 6 | import Grid from '@material-ui/core/Grid'; 7 | import Typography from '@material-ui/core/Typography'; 8 | import Button from '@material-ui/core/Button'; 9 | 10 | import type { Classes } from '../../../types'; 11 | import styles from './styles'; 12 | 13 | type Props = { 14 | title: string, 15 | smallMessage: string, 16 | bigMessage: string, 17 | classes: Classes, 18 | logo: string, 19 | links: Array, 20 | }; 21 | 22 | class BasicFooter extends React.PureComponent { 23 | static defaultProps = { 24 | title: 'Brand', 25 | }; 26 | 27 | renderLogo = () => { 28 | const { classes, title, logo } = this.props; 29 | if (logo) { 30 | return {title}; 31 | } 32 | return ( 33 | 34 | {title} 35 | 36 | ); 37 | }; 38 | 39 | render() { 40 | const { 41 | title, classes, smallMessage, bigMessage, links, 42 | } = this.props; 43 | return ( 44 | 45 | 46 |
47 | 48 | {bigMessage} 49 | 50 |
51 | 52 | 53 | 54 | {map(links, link => ( 55 | 58 | ))} 59 | 60 | 61 | 62 | 63 | 64 | {smallMessage} 65 | 66 | 67 | {title} © {new Date().getFullYear()} 68 | 69 | 70 | 71 | 72 | 73 | {this.renderLogo()} 74 | 75 | 76 | 77 | ); 78 | } 79 | } 80 | 81 | export default withStyles(styles)(BasicFooter); 82 | -------------------------------------------------------------------------------- /src/templates/Footer/BasicFooter/index.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import BasicFooter from './BasicFooter'; 4 | 5 | export default BasicFooter; 6 | -------------------------------------------------------------------------------- /src/templates/Footer/BasicFooter/styles.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | const styles = (): Object => ({ 4 | message: { 5 | textAlign: 'center', 6 | marginBottom: '30px', 7 | }, 8 | logoImage: { 9 | maxHeight: '50px', 10 | maxWidth: '300px', 11 | margin: '0', 12 | padding: '0', 13 | }, 14 | }); 15 | 16 | export default styles; 17 | -------------------------------------------------------------------------------- /src/types/Classes.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | export type Classes = { [string]: string }; 3 | -------------------------------------------------------------------------------- /src/types/index.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | export * from './Classes'; 4 | --------------------------------------------------------------------------------