Showing preview only (3,275K chars total). Download the full file or copy to clipboard to get everything.
Repository: codypearce/material-bread
Branch: master
Commit: 3fe2be241965
Files: 1505
Total size: 2.8 MB
Directory structure:
gitextract_7xy2lsa9/
├── .buckconfig
├── .eslintrc
├── .flowconfig
├── .gitattributes
├── .github/
│ ├── ISSUE_TEMPLATE/
│ │ ├── bug_report.md
│ │ └── feature_request.md
│ └── config.yml
├── .gitignore
├── .jest-test-results.json
├── .npmignore
├── .prettierrc
├── .storybook/
│ ├── addons.js
│ ├── babel.config.js
│ ├── config.js
│ └── webpack.config.js
├── .travis.yml
├── .watchmanconfig
├── App.js
├── LICENSE
├── README.md
├── android/
│ ├── app/
│ │ ├── BUCK
│ │ ├── build.gradle
│ │ ├── build_defs.bzl
│ │ ├── proguard-rules.pro
│ │ └── src/
│ │ └── main/
│ │ ├── AndroidManifest.xml
│ │ ├── java/
│ │ │ └── com/
│ │ │ └── materialbread/
│ │ │ ├── MainActivity.java
│ │ │ └── MainApplication.java
│ │ └── res/
│ │ └── values/
│ │ ├── strings.xml
│ │ └── styles.xml
│ ├── build.gradle
│ ├── gradle/
│ │ └── wrapper/
│ │ ├── gradle-wrapper.jar
│ │ └── gradle-wrapper.properties
│ ├── gradle.properties
│ ├── gradlew
│ ├── gradlew.bat
│ ├── keystores/
│ │ ├── BUCK
│ │ └── debug.keystore.properties
│ └── settings.gradle
├── app.json
├── babel.config.js
├── dist/
│ ├── Components/
│ │ ├── Appbar/
│ │ │ ├── Appbar.js
│ │ │ ├── Appbar.stories.js
│ │ │ ├── Appbar.styles.js
│ │ │ ├── Searchbar/
│ │ │ │ ├── Searchbar.js
│ │ │ │ ├── Searchbar.stories.js
│ │ │ │ └── Searchbar.styles.js
│ │ │ └── index.js
│ │ ├── AppbarBottom/
│ │ │ ├── AppbarBottom.js
│ │ │ ├── AppbarBottom.stories.js
│ │ │ ├── AppbarBottom.styles.js
│ │ │ ├── AppbarBottom.svg.js
│ │ │ └── index.js
│ │ ├── Avatar/
│ │ │ ├── Avatar.js
│ │ │ ├── Avatar.stories.js
│ │ │ ├── Avatar.styles.js
│ │ │ └── index.js
│ │ ├── Backdrop/
│ │ │ ├── BackLayer/
│ │ │ │ ├── BackLayer.js
│ │ │ │ └── BackLayer.styles.js
│ │ │ ├── Backdrop.js
│ │ │ ├── Backdrop.stories.js
│ │ │ ├── Backdrop.styles.js
│ │ │ ├── FrontLayer/
│ │ │ │ ├── FrontLayer.js
│ │ │ │ └── FrontLayer.styles.js
│ │ │ ├── FrontLayerScrim/
│ │ │ │ ├── FrontLayerScrim.js
│ │ │ │ └── FrontLayerScrim.styles.js
│ │ │ ├── HeaderButton/
│ │ │ │ ├── HeaderButton.js
│ │ │ │ └── HeaderButton.styles.js
│ │ │ ├── index.js
│ │ │ └── utils.js
│ │ ├── Badge/
│ │ │ ├── Badge.js
│ │ │ ├── Badge.stories.js
│ │ │ ├── Badge.styles.js
│ │ │ └── index.js
│ │ ├── Banner/
│ │ │ ├── Banner.js
│ │ │ ├── Banner.stories.js
│ │ │ ├── Banner.styles.js
│ │ │ └── index.js
│ │ ├── BottomNavigation/
│ │ │ ├── BottomNavigation.js
│ │ │ ├── BottomNavigation.stories.js
│ │ │ ├── BottomNavigation.styles.js
│ │ │ ├── BottomNavigationItem/
│ │ │ │ ├── BottomNavigationItem.js
│ │ │ │ ├── BottomNavigationItem.stories.js
│ │ │ │ ├── BottomNavigationItem.styles.js
│ │ │ │ └── index.js
│ │ │ └── index.js
│ │ ├── Button/
│ │ │ ├── Button.js
│ │ │ ├── Button.stories.js
│ │ │ ├── Button.styles.js
│ │ │ ├── ButtonBase/
│ │ │ │ └── ButtonBase.js
│ │ │ ├── ContainedButton/
│ │ │ │ ├── ContainedButton.js
│ │ │ │ └── ContainedButton.stories.js
│ │ │ ├── FlatButton/
│ │ │ │ ├── FlatButton.js
│ │ │ │ └── FlatButton.stories.js
│ │ │ ├── OutlinedButton/
│ │ │ │ ├── OutlinedButton.js
│ │ │ │ └── OutlinedButton.stories.js
│ │ │ ├── TextButton/
│ │ │ │ ├── TextButton.js
│ │ │ │ └── TextButton.stories.js
│ │ │ └── index.js
│ │ ├── Card/
│ │ │ ├── Card.js
│ │ │ ├── Card.stories.js
│ │ │ ├── Card.styles.js
│ │ │ ├── CardActions/
│ │ │ │ ├── CardActions.js
│ │ │ │ ├── CardActions.styles.js
│ │ │ │ └── index.js
│ │ │ ├── CardContent/
│ │ │ │ ├── CardContent.js
│ │ │ │ ├── CardContent.styles.js
│ │ │ │ └── index.js
│ │ │ ├── CardHeader/
│ │ │ │ ├── CardHeader.js
│ │ │ │ ├── CardHeader.styles.js
│ │ │ │ └── index.js
│ │ │ ├── CardMedia/
│ │ │ │ ├── CardMedia.js
│ │ │ │ ├── CardMedia.styles.js
│ │ │ │ └── index.js
│ │ │ └── index.js
│ │ ├── Checkbox/
│ │ │ ├── Checkbox.js
│ │ │ ├── Checkbox.stories.js
│ │ │ ├── Checkbox.styles.js
│ │ │ └── index.js
│ │ ├── Chip/
│ │ │ ├── Chip.js
│ │ │ ├── Chip.stories.js
│ │ │ ├── Chip.styles.js
│ │ │ └── index.js
│ │ ├── DataTable/
│ │ │ ├── DataTable.js
│ │ │ ├── DataTable.stories.js
│ │ │ ├── DataTable.styles.js
│ │ │ ├── DataTableCell/
│ │ │ │ ├── DataTableCell.js
│ │ │ │ ├── DataTableCell.stories.js
│ │ │ │ ├── DataTableCell.styles.js
│ │ │ │ └── index.js
│ │ │ ├── DataTableHeader/
│ │ │ │ ├── DataTableHeader.js
│ │ │ │ ├── DataTableHeader.stories.js
│ │ │ │ ├── DataTableHeader.styles.js
│ │ │ │ └── index.js
│ │ │ ├── DataTablePagination/
│ │ │ │ ├── DataTablePagination.js
│ │ │ │ ├── DataTablePagination.stories.js
│ │ │ │ ├── DataTablePagination.styles.js
│ │ │ │ └── index.js
│ │ │ ├── DataTableRow/
│ │ │ │ ├── DataTableRow.js
│ │ │ │ ├── DataTableRow.stories.js
│ │ │ │ ├── DataTableRow.styles.js
│ │ │ │ └── index.js
│ │ │ └── index.js
│ │ ├── Dialog/
│ │ │ ├── Dialog.js
│ │ │ ├── Dialog.stories.js
│ │ │ ├── Dialog.styles.js
│ │ │ └── index.js
│ │ ├── Divider/
│ │ │ ├── Divider.js
│ │ │ ├── Divider.stories.js
│ │ │ ├── Divider.styles.js
│ │ │ └── index.js
│ │ ├── Drawer/
│ │ │ ├── Drawer.js
│ │ │ ├── Drawer.stories.js
│ │ │ ├── Drawer.styles.js
│ │ │ ├── DrawerHeader/
│ │ │ │ ├── DrawerHeader.js
│ │ │ │ ├── DrawerHeader.stories.js
│ │ │ │ ├── DrawerHeader.styles.js
│ │ │ │ └── index.js
│ │ │ ├── DrawerItem/
│ │ │ │ ├── DrawerItem.js
│ │ │ │ ├── DrawerItem.stories.js
│ │ │ │ ├── DrawerItem.styles.js
│ │ │ │ └── index.js
│ │ │ ├── DrawerSection/
│ │ │ │ ├── DrawerSection.js
│ │ │ │ ├── DrawerSection.stories.js
│ │ │ │ ├── DrawerSection.styles.js
│ │ │ │ └── index.js
│ │ │ └── index.js
│ │ ├── DrawerBottom/
│ │ │ ├── DrawerBottom.js
│ │ │ ├── DrawerBottom.stories.js
│ │ │ ├── DrawerBottom.styles.js
│ │ │ └── index.js
│ │ ├── Fab/
│ │ │ ├── Fab.js
│ │ │ ├── Fab.stories.js
│ │ │ ├── Fab.styles.js
│ │ │ ├── FabSpeedDial/
│ │ │ │ ├── FabSpeedDial.js
│ │ │ │ ├── FabSpeedDial.stories.js
│ │ │ │ ├── FabSpeedDial.styles.js
│ │ │ │ └── index.js
│ │ │ └── index.js
│ │ ├── Icon/
│ │ │ ├── Icon.js
│ │ │ ├── Icon.styles.js
│ │ │ ├── Icons.stories.js
│ │ │ └── index.js
│ │ ├── IconButton/
│ │ │ ├── IconButton.js
│ │ │ ├── IconButton.stories.js
│ │ │ ├── IconButton.styles.js
│ │ │ └── index.js
│ │ ├── List/
│ │ │ ├── List.js
│ │ │ ├── List.stories.js
│ │ │ ├── List.styles.js
│ │ │ ├── ListExpand/
│ │ │ │ ├── ListExpand.js
│ │ │ │ ├── ListExpand.stories.js
│ │ │ │ ├── ListExpand.styles.js
│ │ │ │ └── index.js
│ │ │ ├── ListItem/
│ │ │ │ ├── ListItem.js
│ │ │ │ ├── ListItem.stories.js
│ │ │ │ ├── ListItem.styles.js
│ │ │ │ └── index.js
│ │ │ ├── ListSection/
│ │ │ │ ├── ListSection.js
│ │ │ │ ├── ListSection.stories.js
│ │ │ │ ├── ListSection.styles.js
│ │ │ │ └── index.js
│ │ │ └── index.js
│ │ ├── Menu/
│ │ │ ├── Menu.js
│ │ │ ├── Menu.stories.js
│ │ │ ├── Menu.styles.js
│ │ │ ├── MenuItem/
│ │ │ │ ├── MenuItem.js
│ │ │ │ ├── MenuItem.stories.js
│ │ │ │ ├── MenuItem.styles.js
│ │ │ │ └── index.js
│ │ │ ├── ModalMenu/
│ │ │ │ ├── ModalMenu.native.styles.js
│ │ │ │ ├── ModalMenu.styles.js
│ │ │ │ ├── Portal.js
│ │ │ │ ├── ariaAppHider.js
│ │ │ │ ├── index.js
│ │ │ │ ├── index.native.js
│ │ │ │ ├── index.web.js
│ │ │ │ └── utils.js
│ │ │ └── index.js
│ │ ├── Modal/
│ │ │ ├── Modal.android.js
│ │ │ ├── Modal.ios.js
│ │ │ ├── Modal.js
│ │ │ ├── Modal.styles.js
│ │ │ └── Modal.web.js
│ │ ├── Paper/
│ │ │ ├── Paper.js
│ │ │ ├── Paper.stories.js
│ │ │ └── Paper.styles.js
│ │ ├── Progress/
│ │ │ ├── ProgressBar/
│ │ │ │ ├── ProgressBar.js
│ │ │ │ ├── ProgressBar.stories.js
│ │ │ │ ├── ProgressBar.styles.js
│ │ │ │ └── index.js
│ │ │ └── ProgressCircle/
│ │ │ ├── ProgressCircle.js
│ │ │ ├── ProgressCircle.stories.js
│ │ │ ├── ProgressCircle.styles.js
│ │ │ ├── ProgressCircleDeterminate.js
│ │ │ └── index.js
│ │ ├── RadioButton/
│ │ │ ├── RadioButton.js
│ │ │ ├── RadioButton.stories.js
│ │ │ ├── RadioButton.styles.js
│ │ │ └── index.js
│ │ ├── Ripple/
│ │ │ ├── Ripple.js
│ │ │ ├── Ripple.stories.js
│ │ │ ├── Ripple.styles.js
│ │ │ └── index.js
│ │ ├── Select/
│ │ │ ├── Select.js
│ │ │ ├── Select.styles.js
│ │ │ ├── SelectFilled/
│ │ │ │ └── SelectFilled.stories.js
│ │ │ ├── SelectFlat/
│ │ │ │ └── SelectFlat.stories.js
│ │ │ ├── SelectOutlined/
│ │ │ │ └── SelectOutlined.stories.js
│ │ │ └── index.js
│ │ ├── SheetBottom/
│ │ │ ├── SheetBottom.js
│ │ │ ├── SheetBottom.native.js
│ │ │ ├── SheetBottom.stories.js
│ │ │ ├── SheetBottom.styles.js
│ │ │ ├── SheetBottom.web.js
│ │ │ └── index.js
│ │ ├── SheetSide/
│ │ │ ├── SheetSide.android.js
│ │ │ ├── SheetSide.ios.js
│ │ │ ├── SheetSide.js
│ │ │ ├── SheetSide.stories.js
│ │ │ ├── SheetSide.styles.js
│ │ │ ├── SheetSide.web.js
│ │ │ └── index.js
│ │ ├── Slider/
│ │ │ ├── Marker/
│ │ │ │ ├── Marker.js
│ │ │ │ └── Marker.styles.js
│ │ │ ├── MarkerContainer/
│ │ │ │ ├── MarkerContainer.js
│ │ │ │ └── MarkerContainer.styles.js
│ │ │ ├── Slider.js
│ │ │ ├── Slider.stories.js
│ │ │ ├── Slider.styles.js
│ │ │ ├── Track/
│ │ │ │ ├── Track.js
│ │ │ │ └── Track.styles.js
│ │ │ ├── converts.js
│ │ │ └── index.js
│ │ ├── Snackbar/
│ │ │ ├── Snackbar.js
│ │ │ ├── Snackbar.stories.js
│ │ │ ├── Snackbar.styles.js
│ │ │ └── index.js
│ │ ├── SwipeNav/
│ │ │ ├── SwipeNav.js
│ │ │ ├── SwipeNav.stories.js
│ │ │ ├── SwipeNav.styles.js
│ │ │ └── index.js
│ │ ├── Switch/
│ │ │ ├── Switch.js
│ │ │ ├── Switch.stories.js
│ │ │ ├── Switch.styles.js
│ │ │ └── index.js
│ │ ├── Tabs/
│ │ │ ├── Tab/
│ │ │ │ ├── Tab.js
│ │ │ │ ├── Tab.stories.js
│ │ │ │ ├── Tab.styles.js
│ │ │ │ └── index.js
│ │ │ ├── Tabs.js
│ │ │ ├── Tabs.stories.js
│ │ │ ├── Tabs.styles.js
│ │ │ ├── Underline/
│ │ │ │ ├── Underline.js
│ │ │ │ └── Undrline.styles.js
│ │ │ └── index.js
│ │ ├── TextField/
│ │ │ ├── Searchfield/
│ │ │ │ ├── Searchfield.js
│ │ │ │ ├── Searchfield.stories.js
│ │ │ │ └── Searchfield.styles.js
│ │ │ ├── TextField.js
│ │ │ ├── TextField.styles.js
│ │ │ ├── TextFieldFilled/
│ │ │ │ ├── TextFieldFilled.js
│ │ │ │ ├── TextFieldFilled.stories.js
│ │ │ │ └── TextFieldFilled.styles.js
│ │ │ ├── TextFieldFlat/
│ │ │ │ ├── TextFieldFlat.js
│ │ │ │ ├── TextFieldFlat.stories.js
│ │ │ │ └── TextFieldFlat.styles.js
│ │ │ ├── TextFieldHelperText/
│ │ │ │ ├── TextFieldHelperText.js
│ │ │ │ ├── TextFieldHelperText.styles.js
│ │ │ │ └── index.js
│ │ │ ├── TextFieldLabel/
│ │ │ │ ├── TextFieldLabel.constants.js
│ │ │ │ ├── TextFieldLabel.constants.native.js
│ │ │ │ ├── TextFieldLabel.constants.web.js
│ │ │ │ ├── TextFieldLabel.js
│ │ │ │ └── TextFieldLabel.styles.js
│ │ │ ├── TextFieldOutline/
│ │ │ │ ├── TextFieldOutline.js
│ │ │ │ ├── TextFieldOutline.stories.js
│ │ │ │ └── TextFieldOutline.styles.js
│ │ │ ├── TextFieldUnderline/
│ │ │ │ ├── TextFieldUnderline.js
│ │ │ │ └── TextFieldUnderline.styles.js
│ │ │ └── index.js
│ │ ├── ToggleButton/
│ │ │ ├── ToggleButton.js
│ │ │ ├── ToggleButton.stories.js
│ │ │ ├── ToggleButton.styles.js
│ │ │ ├── ToggleButtonGroup/
│ │ │ │ ├── ToggleButtonGroup.js
│ │ │ │ └── index.js
│ │ │ └── index.js
│ │ ├── Tooltip/
│ │ │ ├── Tooltip.js
│ │ │ ├── Tooltip.stories.js
│ │ │ ├── Tooltip.styles.js
│ │ │ └── index.js
│ │ └── Typography/
│ │ ├── BaseText/
│ │ │ └── BaseText.js
│ │ ├── BodyText/
│ │ │ └── BodyText.js
│ │ ├── Caption/
│ │ │ └── Caption.js
│ │ ├── Heading/
│ │ │ └── Heading.js
│ │ ├── Overline/
│ │ │ └── Overline.js
│ │ ├── Subtitle/
│ │ │ └── Subtitle.js
│ │ ├── Typography.stories.js
│ │ └── index.js
│ ├── Core/
│ │ ├── BreadProvider.js
│ │ └── colors/
│ │ ├── amber.js
│ │ ├── blue.js
│ │ ├── blueGrey.js
│ │ ├── brown.js
│ │ ├── cyan.js
│ │ ├── deepOrange.js
│ │ ├── deepPurple.js
│ │ ├── green.js
│ │ ├── grey.js
│ │ ├── index.js
│ │ ├── indigo.js
│ │ ├── lightBlue.js
│ │ ├── lightGreen.js
│ │ ├── lime.js
│ │ ├── orange.js
│ │ ├── pink.js
│ │ ├── purple.js
│ │ ├── red.js
│ │ ├── teal.js
│ │ └── yellow.js
│ ├── Theme/
│ │ ├── ThemeContext.js
│ │ ├── defaultTheme.js
│ │ ├── mergeTheme.js
│ │ └── withTheme.js
│ ├── Utils/
│ │ ├── Anchor/
│ │ │ ├── Anchor.js
│ │ │ └── Anchor.stories.js
│ │ ├── Hoverable/
│ │ │ ├── HoverState.js
│ │ │ ├── Hoverable.js
│ │ │ └── Hoverable.stories.js
│ │ └── Shadow/
│ │ ├── Shadow.stories.js
│ │ └── shadow.js
│ ├── helpers/
│ │ ├── hasNotch.js
│ │ └── statusBarHeight.js
│ ├── index.d.ts
│ ├── index.js
│ ├── storybook/
│ │ ├── components/
│ │ │ ├── Container.js
│ │ │ └── Header.js
│ │ ├── helpers/
│ │ │ └── storiesOf/
│ │ │ ├── index.android.js
│ │ │ ├── index.ios.js
│ │ │ └── index.js
│ │ ├── index.android.js
│ │ ├── index.ios.js
│ │ ├── index.js
│ │ ├── rn-addons.js
│ │ ├── stories/
│ │ │ ├── Home.stories.js
│ │ │ └── index.js
│ │ └── storybook.js
│ └── vue-native.js
├── docs/
│ ├── .babelrc
│ ├── .eslintrc
│ ├── README.md
│ ├── gatsby-browser.js
│ ├── gatsby-config.js
│ ├── gatsby-node.js
│ ├── gatsby-ssr.js
│ ├── package.json
│ └── src/
│ ├── blog/
│ │ └── baking-material/
│ │ └── 1-appbar-bottom.md
│ ├── components/
│ │ ├── BackgroundColors/
│ │ │ └── BackgroundColors.js
│ │ ├── BrowserCSS.js
│ │ ├── CodeBlock.js
│ │ ├── CodeInline.js
│ │ ├── ColorPalette/
│ │ │ ├── ColorBlock/
│ │ │ │ ├── ColorBlock.js
│ │ │ │ ├── ColorBlock.styles.js
│ │ │ │ └── index.js
│ │ │ ├── ColorPalette.js
│ │ │ └── FullPalette.js
│ │ ├── ComponentPage/
│ │ │ ├── ComponentDemo.js
│ │ │ ├── ComponentDemoHeader.js
│ │ │ ├── ComponentDescription.js
│ │ │ ├── ComponentHeader.js
│ │ │ ├── ComponentMainDemo.js
│ │ │ ├── ComponentPageLayout.js
│ │ │ ├── ComponentProps.js
│ │ │ ├── ComponentSubtitle.js
│ │ │ └── ComponentUsage.js
│ │ ├── Drawer/
│ │ │ ├── DrawerContent.js
│ │ │ ├── DrawerHeader.js
│ │ │ ├── DrawerItem.js
│ │ │ └── DrawerItemExpand.js
│ │ ├── Helmet.js
│ │ ├── HomeLiveEdit/
│ │ │ ├── HomeLiveEdit.js
│ │ │ └── HomeLiveEditToolTip.js
│ │ ├── IconDirectory/
│ │ │ ├── IconBlock.js
│ │ │ └── IconDirectory.js
│ │ ├── Iphonex.js
│ │ ├── Layout/
│ │ │ ├── Header.js
│ │ │ └── PageLayout.js
│ │ ├── Link.js
│ │ ├── LiveEdit/
│ │ │ ├── LiveEdit.js
│ │ │ └── LiveEditToolTip.js
│ │ ├── Logo/
│ │ │ ├── Logo.js
│ │ │ └── LogoWithText.js
│ │ ├── P.js
│ │ ├── PageTitle.js
│ │ ├── Pixel3xl.js
│ │ ├── PlatformButton.js
│ │ ├── PropsTable/
│ │ │ └── index.js
│ │ ├── Section.js
│ │ ├── SectionHeader.js
│ │ ├── SideScrollMenu/
│ │ │ └── index.js
│ │ ├── Sponsored.js
│ │ ├── blog/
│ │ │ ├── Layout.js
│ │ │ └── seo.js
│ │ ├── image.js
│ │ └── index.js
│ ├── content/
│ │ ├── components/
│ │ │ ├── appbar/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── CustomDemo.js
│ │ │ │ │ ├── ImageDemo.js
│ │ │ │ │ ├── MenuDemo.js
│ │ │ │ │ ├── SearchBarDemo.js
│ │ │ │ │ ├── SearchFieldDemo.js
│ │ │ │ │ ├── SubtitleDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── appbar-bottom/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── CustomDemo.js
│ │ │ │ │ ├── EndFabDemo.js
│ │ │ │ │ ├── NoFabDemo.js
│ │ │ │ │ ├── SpeedDialDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── avatar/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── CustomDemo.js
│ │ │ │ │ ├── IconDemo.js
│ │ │ │ │ ├── TextDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── backdrop/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── SubheaderDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── badge/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── AnimatedDemo.js
│ │ │ │ │ ├── DotDemo.js
│ │ │ │ │ ├── MaxDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── banner/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── SingleLineDemo.js
│ │ │ │ │ ├── ThreeLineDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── bottom-navigation/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── ColoredDemo.js
│ │ │ │ │ ├── IconsOnly.js
│ │ │ │ │ ├── LabelsDemo.js
│ │ │ │ │ ├── LandscapeDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── bottom-navigation-item/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── BadgeDemo.js
│ │ │ │ │ ├── CustomDemo.js
│ │ │ │ │ ├── StyledDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── button/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── ContainedDemo.js
│ │ │ │ │ ├── CustomDemo.js
│ │ │ │ │ ├── FlatDemo.js
│ │ │ │ │ ├── FullWidthDemo.js
│ │ │ │ │ ├── IconsDemo.js
│ │ │ │ │ ├── OutlinedDemo.js
│ │ │ │ │ ├── TextDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── card/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── ActionMediaDemo.js
│ │ │ │ │ ├── ClickableDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── card-actions/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── CustomDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── card-content/
│ │ │ │ ├── Demos/
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── card-header/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── MoreActions.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── card-media/
│ │ │ │ ├── Demos/
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── checkbox/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── IOSDemo.js
│ │ │ │ │ ├── IconsDemo.js
│ │ │ │ │ ├── LabelsDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── chip/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── CustomDemo.js
│ │ │ │ │ ├── DeleteChipDemo.js
│ │ │ │ │ ├── IconsDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── datatable/
│ │ │ │ ├── Demos/
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── datatable-cell/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── SortingIconDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── datatable-header/
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── datatable-pagination/
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── datatable-row/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── CheckboxDemo.js
│ │ │ │ │ ├── SelectedDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── dialog/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── AlertDemo.js
│ │ │ │ │ ├── SimpleDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── divider/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── InsetLeftDemo.js
│ │ │ │ │ ├── SubheaderDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── drawer/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── ClippedDemo.js
│ │ │ │ │ ├── PermanentDemo.js
│ │ │ │ │ ├── PushDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── drawer-bottom/
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── drawer-header/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── AvatarDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── drawer-item/
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── drawer-section/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── LabelDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── fab/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── AnimatedDemo.js
│ │ │ │ │ ├── ExtendedDemo.js
│ │ │ │ │ ├── MiniDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── fab-speeddial/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── ExtendedDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── icon/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── AnotherSourceDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── iconbutton/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── AnotherSourceDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── list/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── SubheaderDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── list-expand/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── IconDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── list-item/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── ActionItemDemo.js
│ │ │ │ │ ├── LeadingActionDemo.js
│ │ │ │ │ ├── SecondaryDemo.js
│ │ │ │ │ ├── SelectedDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── list-section/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── InsetDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── menu/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── ScrollingDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── menu-item/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── IconDemo.js
│ │ │ │ │ ├── KeyboardDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── paper/
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── progress-bar/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── DeterminateDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── progress-circle/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── DeterminateDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── radiobutton/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── LabelsDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── ripple/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── CenteredDemo.js
│ │ │ │ │ ├── SequentialDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── searchbar/
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── searchfield/
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── select/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── TextFieldPropsDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── sheet-bottom/
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── sheet-side/
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── slider/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── RangedDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── snackbar/
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── swipenav/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── SwipeFooter.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── switch/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── LabelsDemo.js
│ │ │ │ │ ├── LoaderDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── tab/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── StyledDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── tabs/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── IconsOnly.js
│ │ │ │ │ ├── LabelsDemo.js
│ │ │ │ │ ├── ScrollableDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── textfield/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── DenseDemo.js
│ │ │ │ │ ├── HelperTextDemo.js
│ │ │ │ │ ├── LeadingIconDemo.js
│ │ │ │ │ ├── PrefixSuffixDemo.js
│ │ │ │ │ ├── TrailingIconDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── togglebutton/
│ │ │ │ ├── Demos/
│ │ │ │ │ ├── CustomDemo.js
│ │ │ │ │ └── index.js
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── togglebutton-group/
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ ├── tooltip/
│ │ │ │ ├── MainDemo.js
│ │ │ │ ├── Props.js
│ │ │ │ ├── Usage.js
│ │ │ │ ├── index.js
│ │ │ │ └── propData.js
│ │ │ └── typography/
│ │ │ ├── MainDemo.js
│ │ │ ├── Props.js
│ │ │ ├── Usage.js
│ │ │ ├── index.js
│ │ │ └── propData.js
│ │ └── utils/
│ │ ├── anchor/
│ │ │ ├── MainDemo.js
│ │ │ ├── Props.js
│ │ │ ├── Usage.js
│ │ │ ├── index.js
│ │ │ └── propData.js
│ │ ├── color/
│ │ │ ├── MainDemo.js
│ │ │ ├── Usage.js
│ │ │ └── index.js
│ │ ├── hoverable/
│ │ │ ├── Demos/
│ │ │ │ ├── AnimatedDemo.js
│ │ │ │ └── index.js
│ │ │ ├── MainDemo.js
│ │ │ ├── Props.js
│ │ │ ├── Usage.js
│ │ │ ├── index.js
│ │ │ └── propData.js
│ │ └── shadow/
│ │ ├── MainDemo.js
│ │ ├── Usage.js
│ │ └── index.js
│ ├── html.js
│ ├── navigation/
│ │ ├── componentPages.js
│ │ ├── contributingPages.js
│ │ ├── gettingStartedPages.js
│ │ ├── index.js
│ │ ├── stylePages.js
│ │ └── utilsPages.js
│ ├── pages/
│ │ ├── 404.js
│ │ ├── about.js
│ │ ├── baking-material.js
│ │ ├── components/
│ │ │ ├── appbar-bottom.js
│ │ │ ├── appbar.js
│ │ │ ├── avatar.js
│ │ │ ├── backdrop.js
│ │ │ ├── badge.js
│ │ │ ├── banner.js
│ │ │ ├── bottom-navigation-item.js
│ │ │ ├── bottom-navigation.js
│ │ │ ├── button.js
│ │ │ ├── card-actions.js
│ │ │ ├── card-content.js
│ │ │ ├── card-header.js
│ │ │ ├── card-media.js
│ │ │ ├── card.js
│ │ │ ├── checkbox.js
│ │ │ ├── chip.js
│ │ │ ├── datatable-cell.js
│ │ │ ├── datatable-header.js
│ │ │ ├── datatable-pagination.js
│ │ │ ├── datatable-row.js
│ │ │ ├── datatable.js
│ │ │ ├── dialog.js
│ │ │ ├── divider.js
│ │ │ ├── drawer-bottom.js
│ │ │ ├── drawer-header.js
│ │ │ ├── drawer-item.js
│ │ │ ├── drawer-section.js
│ │ │ ├── drawer.js
│ │ │ ├── fab-speeddial.js
│ │ │ ├── fab.js
│ │ │ ├── icon.js
│ │ │ ├── iconbutton.js
│ │ │ ├── list-expand.js
│ │ │ ├── list-item.js
│ │ │ ├── list-section.js
│ │ │ ├── list.js
│ │ │ ├── menu-item.js
│ │ │ ├── menu.js
│ │ │ ├── paper.js
│ │ │ ├── progress-bar.js
│ │ │ ├── progress-circle.js
│ │ │ ├── radiobutton.js
│ │ │ ├── ripple.js
│ │ │ ├── searchbar.js
│ │ │ ├── searchfield.js
│ │ │ ├── select.js
│ │ │ ├── sheet-bottom.js
│ │ │ ├── sheet-side.js
│ │ │ ├── slider.js
│ │ │ ├── snackbar.js
│ │ │ ├── swipenav.js
│ │ │ ├── switch.js
│ │ │ ├── tab.js
│ │ │ ├── tabs.js
│ │ │ ├── textfield.js
│ │ │ ├── togglebutton-group.js
│ │ │ ├── togglebutton.js
│ │ │ ├── tooltip.js
│ │ │ └── typography.js
│ │ ├── contributing/
│ │ │ ├── docs.js
│ │ │ └── library.js
│ │ ├── getting-started/
│ │ │ ├── electron.js
│ │ │ ├── expo.js
│ │ │ ├── macos.js
│ │ │ ├── nextjs.js
│ │ │ ├── react-native.js
│ │ │ ├── vue-native.js
│ │ │ ├── web.js
│ │ │ └── windows.js
│ │ ├── index.js
│ │ ├── showcase.js
│ │ ├── style/
│ │ │ ├── font.js
│ │ │ ├── icons.js
│ │ │ └── theme.js
│ │ └── utils/
│ │ ├── anchor.js
│ │ ├── color.js
│ │ ├── hoverable.js
│ │ └── shadow.js
│ ├── styles/
│ │ ├── components/
│ │ │ ├── CodeBlock.css
│ │ │ └── Logo.css
│ │ ├── global/
│ │ │ └── global.css
│ │ ├── pages/
│ │ │ └── index.module.css
│ │ ├── templates/
│ │ │ └── Page.css
│ │ └── vendor/
│ │ └── prism.css
│ ├── templates/
│ │ ├── blog-post.js
│ │ ├── component.js
│ │ └── page.js
│ └── utils/
│ └── createPropData.js
├── index.js
├── ios/
│ ├── MaterialBread/
│ │ ├── AppDelegate.h
│ │ ├── AppDelegate.m
│ │ ├── Base.lproj/
│ │ │ └── LaunchScreen.xib
│ │ ├── Images.xcassets/
│ │ │ ├── AppIcon.appiconset/
│ │ │ │ └── Contents.json
│ │ │ └── Contents.json
│ │ ├── Info.plist
│ │ └── main.m
│ ├── MaterialBread-tvOS/
│ │ └── Info.plist
│ ├── MaterialBread-tvOSTests/
│ │ └── Info.plist
│ ├── MaterialBread.xcodeproj/
│ │ ├── project.pbxproj
│ │ └── xcshareddata/
│ │ └── xcschemes/
│ │ ├── MaterialBread-tvOS.xcscheme
│ │ └── MaterialBread.xcscheme
│ └── MaterialBreadTests/
│ ├── Info.plist
│ └── MaterialBreadTests.m
├── netlify.toml
├── package.json
├── public/
│ ├── index.js
│ └── manifest.json
├── rn-cli.config.js
├── src/
│ ├── Components/
│ │ ├── Appbar/
│ │ │ ├── .Appbar.js.swp
│ │ │ ├── Appbar.js
│ │ │ ├── Appbar.stories.js
│ │ │ ├── Appbar.styles.js
│ │ │ ├── Appbar.test.js
│ │ │ ├── Searchbar/
│ │ │ │ ├── Searchbar.js
│ │ │ │ ├── Searchbar.stories.js
│ │ │ │ ├── Searchbar.styles.js
│ │ │ │ ├── Searchbar.test.js
│ │ │ │ └── __snapshots__/
│ │ │ │ └── Searchbar.test.js.snap
│ │ │ ├── __snapshots__/
│ │ │ │ └── Appbar.test.js.snap
│ │ │ └── index.js
│ │ ├── AppbarBottom/
│ │ │ ├── AppbarBottom.js
│ │ │ ├── AppbarBottom.stories.js
│ │ │ ├── AppbarBottom.styles.js
│ │ │ ├── AppbarBottom.svg.js
│ │ │ ├── AppbarBottom.test.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── AppbarBottom.test.js.snap
│ │ │ └── index.js
│ │ ├── Avatar/
│ │ │ ├── Avatar.js
│ │ │ ├── Avatar.stories.js
│ │ │ ├── Avatar.styles.js
│ │ │ ├── Avatar.test.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Avatar.test.js.snap
│ │ │ └── index.js
│ │ ├── Backdrop/
│ │ │ ├── BackLayer/
│ │ │ │ ├── BackLayer.js
│ │ │ │ └── BackLayer.styles.js
│ │ │ ├── Backdrop.js
│ │ │ ├── Backdrop.stories.js
│ │ │ ├── Backdrop.styles.js
│ │ │ ├── Backdrop.test.js
│ │ │ ├── FrontLayer/
│ │ │ │ ├── FrontLayer.js
│ │ │ │ └── FrontLayer.styles.js
│ │ │ ├── FrontLayerScrim/
│ │ │ │ ├── FrontLayerScrim.js
│ │ │ │ └── FrontLayerScrim.styles.js
│ │ │ ├── HeaderButton/
│ │ │ │ ├── HeaderButton.js
│ │ │ │ └── HeaderButton.styles.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Backdrop.test.js.snap
│ │ │ ├── index.js
│ │ │ └── utils.js
│ │ ├── Badge/
│ │ │ ├── Badge.js
│ │ │ ├── Badge.stories.js
│ │ │ ├── Badge.styles.js
│ │ │ ├── Badge.test.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Badge.test.js.snap
│ │ │ └── index.js
│ │ ├── Banner/
│ │ │ ├── Banner.js
│ │ │ ├── Banner.stories.js
│ │ │ ├── Banner.styles.js
│ │ │ ├── Banner.test.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Banner.test.js.snap
│ │ │ └── index.js
│ │ ├── BottomNavigation/
│ │ │ ├── BottomNavigation.js
│ │ │ ├── BottomNavigation.stories.js
│ │ │ ├── BottomNavigation.styles.js
│ │ │ ├── BottomNavigation.test.js
│ │ │ ├── BottomNavigationItem/
│ │ │ │ ├── BottomNavigationItem.js
│ │ │ │ ├── BottomNavigationItem.stories.js
│ │ │ │ ├── BottomNavigationItem.styles.js
│ │ │ │ ├── BottomNavigationItem.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── BottomNavigationItem.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── BottomNavigation.test.js.snap
│ │ │ └── index.js
│ │ ├── Button/
│ │ │ ├── Button.js
│ │ │ ├── Button.stories.js
│ │ │ ├── Button.styles.js
│ │ │ ├── Button.test.js
│ │ │ ├── ButtonBase/
│ │ │ │ └── ButtonBase.js
│ │ │ ├── ContainedButton/
│ │ │ │ ├── ContainedButton.js
│ │ │ │ └── ContainedButton.stories.js
│ │ │ ├── FlatButton/
│ │ │ │ ├── FlatButton.js
│ │ │ │ └── FlatButton.stories.js
│ │ │ ├── OutlinedButton/
│ │ │ │ ├── OutlinedButton.js
│ │ │ │ └── OutlinedButton.stories.js
│ │ │ ├── TextButton/
│ │ │ │ ├── TextButton.js
│ │ │ │ └── TextButton.stories.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Button.test.js.snap
│ │ │ └── index.js
│ │ ├── Card/
│ │ │ ├── Card.js
│ │ │ ├── Card.stories.js
│ │ │ ├── Card.styles.js
│ │ │ ├── Card.test.js
│ │ │ ├── CardActions/
│ │ │ │ ├── CardActions.js
│ │ │ │ ├── CardActions.styles.js
│ │ │ │ ├── CardActions.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── CardActions.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── CardContent/
│ │ │ │ ├── CardContent.js
│ │ │ │ ├── CardContent.styles.js
│ │ │ │ ├── CardContent.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── CardContent.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── CardHeader/
│ │ │ │ ├── CardHeader.js
│ │ │ │ ├── CardHeader.styles.js
│ │ │ │ ├── CardHeader.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── CardHeader.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── CardMedia/
│ │ │ │ ├── CardMedia.js
│ │ │ │ ├── CardMedia.styles.js
│ │ │ │ ├── CardMedia.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── CardMedia.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Card.test.js.snap
│ │ │ └── index.js
│ │ ├── Checkbox/
│ │ │ ├── Checkbox.js
│ │ │ ├── Checkbox.stories.js
│ │ │ ├── Checkbox.styles.js
│ │ │ ├── Checkbox.test.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Checkbox.test.js.snap
│ │ │ └── index.js
│ │ ├── Chip/
│ │ │ ├── Chip.js
│ │ │ ├── Chip.stories.js
│ │ │ ├── Chip.styles.js
│ │ │ ├── Chip.test.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Chip.test.js.snap
│ │ │ └── index.js
│ │ ├── DataTable/
│ │ │ ├── DataTable.js
│ │ │ ├── DataTable.stories.js
│ │ │ ├── DataTable.styles.js
│ │ │ ├── DataTable.test.js
│ │ │ ├── DataTableCell/
│ │ │ │ ├── DataTableCell.js
│ │ │ │ ├── DataTableCell.stories.js
│ │ │ │ ├── DataTableCell.styles.js
│ │ │ │ ├── DataTableCell.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── DataTableCell.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── DataTableHeader/
│ │ │ │ ├── DataTableHeader.js
│ │ │ │ ├── DataTableHeader.stories.js
│ │ │ │ ├── DataTableHeader.styles.js
│ │ │ │ ├── DataTableHeader.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── DataTableHeader.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── DataTablePagination/
│ │ │ │ ├── DataTablePagination.js
│ │ │ │ ├── DataTablePagination.stories.js
│ │ │ │ ├── DataTablePagination.styles.js
│ │ │ │ ├── DataTablePagination.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── DataTablePagination.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── DataTableRow/
│ │ │ │ ├── DataTableRow.js
│ │ │ │ ├── DataTableRow.stories.js
│ │ │ │ ├── DataTableRow.styles.js
│ │ │ │ ├── DataTableRow.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── DataTableRow.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── DataTable.test.js.snap
│ │ │ └── index.js
│ │ ├── Dialog/
│ │ │ ├── Dialog.js
│ │ │ ├── Dialog.stories.js
│ │ │ ├── Dialog.styles.js
│ │ │ ├── Dialog.test.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Dialog.test.js.snap
│ │ │ └── index.js
│ │ ├── Divider/
│ │ │ ├── Divider.js
│ │ │ ├── Divider.stories.js
│ │ │ ├── Divider.styles.js
│ │ │ ├── Divider.test.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Divider.test.js.snap
│ │ │ └── index.js
│ │ ├── Drawer/
│ │ │ ├── Drawer.js
│ │ │ ├── Drawer.stories.js
│ │ │ ├── Drawer.styles.js
│ │ │ ├── Drawer.test.js
│ │ │ ├── DrawerHeader/
│ │ │ │ ├── DrawerHeader.js
│ │ │ │ ├── DrawerHeader.stories.js
│ │ │ │ ├── DrawerHeader.styles.js
│ │ │ │ ├── DrawerHeader.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── DrawerHeader.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── DrawerItem/
│ │ │ │ ├── DrawerItem.js
│ │ │ │ ├── DrawerItem.stories.js
│ │ │ │ ├── DrawerItem.styles.js
│ │ │ │ ├── DrawerItem.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── DrawerItem.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── DrawerSection/
│ │ │ │ ├── DrawerSection.js
│ │ │ │ ├── DrawerSection.stories.js
│ │ │ │ ├── DrawerSection.styles.js
│ │ │ │ ├── DrawerSection.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── DrawerSection.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Drawer.test.js.snap
│ │ │ └── index.js
│ │ ├── DrawerBottom/
│ │ │ ├── DrawerBottom.js
│ │ │ ├── DrawerBottom.stories.js
│ │ │ ├── DrawerBottom.styles.js
│ │ │ ├── DrawerBottom.test.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── DrawerBottom.test.js.snap
│ │ │ └── index.js
│ │ ├── Fab/
│ │ │ ├── Fab.js
│ │ │ ├── Fab.stories.js
│ │ │ ├── Fab.styles.js
│ │ │ ├── Fab.test.js
│ │ │ ├── FabSpeedDial/
│ │ │ │ ├── FabSpeedDial.js
│ │ │ │ ├── FabSpeedDial.stories.js
│ │ │ │ ├── FabSpeedDial.styles.js
│ │ │ │ ├── FabSpeedDial.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── FabSpeedDial.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Fab.test.js.snap
│ │ │ └── index.js
│ │ ├── Icon/
│ │ │ ├── Icon.js
│ │ │ ├── Icon.styles.js
│ │ │ ├── Icon.test.js
│ │ │ ├── Icons.stories.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Icon.test.js.snap
│ │ │ └── index.js
│ │ ├── IconButton/
│ │ │ ├── IconButton.js
│ │ │ ├── IconButton.stories.js
│ │ │ ├── IconButton.styles.js
│ │ │ ├── IconButton.test.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── IconButton.test.js.snap
│ │ │ └── index.js
│ │ ├── List/
│ │ │ ├── List.js
│ │ │ ├── List.stories.js
│ │ │ ├── List.styles.js
│ │ │ ├── List.test.js
│ │ │ ├── ListExpand/
│ │ │ │ ├── ListExpand.js
│ │ │ │ ├── ListExpand.stories.js
│ │ │ │ ├── ListExpand.styles.js
│ │ │ │ ├── ListExpand.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── ListExpand.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── ListItem/
│ │ │ │ ├── ListItem.js
│ │ │ │ ├── ListItem.stories.js
│ │ │ │ ├── ListItem.styles.js
│ │ │ │ ├── ListItem.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── ListItem.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── ListSection/
│ │ │ │ ├── ListSection.js
│ │ │ │ ├── ListSection.stories.js
│ │ │ │ ├── ListSection.styles.js
│ │ │ │ ├── ListSection.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── ListSection.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── List.test.js.snap
│ │ │ └── index.js
│ │ ├── Menu/
│ │ │ ├── Menu.js
│ │ │ ├── Menu.stories.js
│ │ │ ├── Menu.styles.js
│ │ │ ├── Menu.test.js
│ │ │ ├── MenuItem/
│ │ │ │ ├── MenuItem.js
│ │ │ │ ├── MenuItem.stories.js
│ │ │ │ ├── MenuItem.styles.js
│ │ │ │ ├── MenuItem.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── MenuItem.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── ModalMenu/
│ │ │ │ ├── ModalMenu.native.styles.js
│ │ │ │ ├── ModalMenu.styles.js
│ │ │ │ ├── Portal.js
│ │ │ │ ├── ariaAppHider.js
│ │ │ │ ├── index.js
│ │ │ │ ├── index.native.js
│ │ │ │ ├── index.web.js
│ │ │ │ └── utils.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Menu.test.js.snap
│ │ │ └── index.js
│ │ ├── Modal/
│ │ │ ├── Modal.android.js
│ │ │ ├── Modal.ios.js
│ │ │ ├── Modal.js
│ │ │ ├── Modal.styles.js
│ │ │ └── Modal.web.js
│ │ ├── Paper/
│ │ │ ├── Paper.js
│ │ │ ├── Paper.stories.js
│ │ │ ├── Paper.styles.js
│ │ │ ├── Paper.test.js
│ │ │ └── __snapshots__/
│ │ │ └── Paper.test.js.snap
│ │ ├── Progress/
│ │ │ ├── ProgressBar/
│ │ │ │ ├── ProgressBar.js
│ │ │ │ ├── ProgressBar.stories.js
│ │ │ │ ├── ProgressBar.styles.js
│ │ │ │ ├── ProgressBar.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── ProgressBar.test.js.snap
│ │ │ │ └── index.js
│ │ │ └── ProgressCircle/
│ │ │ ├── ProgressCircle.js
│ │ │ ├── ProgressCircle.stories.js
│ │ │ ├── ProgressCircle.styles.js
│ │ │ ├── ProgressCircle.test.js
│ │ │ ├── ProgressCircleDeterminate.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── ProgressCircle.test.js.snap
│ │ │ └── index.js
│ │ ├── RadioButton/
│ │ │ ├── RadioButton.js
│ │ │ ├── RadioButton.stories.js
│ │ │ ├── RadioButton.styles.js
│ │ │ ├── RadioButton.test.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── RadioButton.test.js.snap
│ │ │ └── index.js
│ │ ├── Ripple/
│ │ │ ├── Ripple.js
│ │ │ ├── Ripple.stories.js
│ │ │ ├── Ripple.styles.js
│ │ │ ├── Ripple.test.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Ripple.test.js.snap
│ │ │ └── index.js
│ │ ├── Select/
│ │ │ ├── Select.js
│ │ │ ├── Select.styles.js
│ │ │ ├── SelectFilled/
│ │ │ │ ├── SelectFilled.stories.js
│ │ │ │ ├── SelectFilled.test.js
│ │ │ │ └── __snapshots__/
│ │ │ │ └── SelectFilled.test.js.snap
│ │ │ ├── SelectFlat/
│ │ │ │ ├── SelectFlat.stories.js
│ │ │ │ ├── SelectFlat.test.js
│ │ │ │ └── __snapshots__/
│ │ │ │ └── SelectFlat.test.js.snap
│ │ │ ├── SelectOutlined/
│ │ │ │ ├── SelectOutlined.stories.js
│ │ │ │ ├── SelectOutlined.test.js
│ │ │ │ └── __snapshots__/
│ │ │ │ └── SelectOutlined.test.js.snap
│ │ │ └── index.js
│ │ ├── SheetBottom/
│ │ │ ├── SheetBottom.js
│ │ │ ├── SheetBottom.native.js
│ │ │ ├── SheetBottom.stories.js
│ │ │ ├── SheetBottom.styles.js
│ │ │ ├── SheetBottom.test.js
│ │ │ ├── SheetBottom.web.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── SheetBottom.test.js.snap
│ │ │ └── index.js
│ │ ├── SheetSide/
│ │ │ ├── SheetSide.android.js
│ │ │ ├── SheetSide.ios.js
│ │ │ ├── SheetSide.js
│ │ │ ├── SheetSide.stories.js
│ │ │ ├── SheetSide.styles.js
│ │ │ ├── SheetSide.test.js
│ │ │ ├── SheetSide.web.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── SheetSide.test.js.snap
│ │ │ └── index.js
│ │ ├── Slider/
│ │ │ ├── Marker/
│ │ │ │ ├── Marker.js
│ │ │ │ └── Marker.styles.js
│ │ │ ├── MarkerContainer/
│ │ │ │ ├── MarkerContainer.js
│ │ │ │ └── MarkerContainer.styles.js
│ │ │ ├── Slider.js
│ │ │ ├── Slider.stories.js
│ │ │ ├── Slider.styles.js
│ │ │ ├── Slider.test.js
│ │ │ ├── Track/
│ │ │ │ ├── Track.js
│ │ │ │ └── Track.styles.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Slider.test.js.snap
│ │ │ ├── converts.js
│ │ │ └── index.js
│ │ ├── Snackbar/
│ │ │ ├── Snackbar.js
│ │ │ ├── Snackbar.stories.js
│ │ │ ├── Snackbar.styles.js
│ │ │ ├── Snackbar.test.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Snackbar.test.js.snap
│ │ │ └── index.js
│ │ ├── SwipeNav/
│ │ │ ├── SwipeNav.js
│ │ │ ├── SwipeNav.stories.js
│ │ │ ├── SwipeNav.styles.js
│ │ │ └── index.js
│ │ ├── Switch/
│ │ │ ├── Switch.js
│ │ │ ├── Switch.stories.js
│ │ │ ├── Switch.styles.js
│ │ │ ├── Switch.test.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Switch.test.js.snap
│ │ │ └── index.js
│ │ ├── Tabs/
│ │ │ ├── Tab/
│ │ │ │ ├── Tab.js
│ │ │ │ ├── Tab.stories.js
│ │ │ │ ├── Tab.styles.js
│ │ │ │ ├── Tab.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── Tab.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── Tabs.js
│ │ │ ├── Tabs.stories.js
│ │ │ ├── Tabs.styles.js
│ │ │ ├── Tabs.test.js
│ │ │ ├── Underline/
│ │ │ │ ├── Underline.js
│ │ │ │ └── Undrline.styles.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Tabs.test.js.snap
│ │ │ └── index.js
│ │ ├── TextField/
│ │ │ ├── Searchfield/
│ │ │ │ ├── Searchfield.js
│ │ │ │ ├── Searchfield.stories.js
│ │ │ │ ├── Searchfield.styles.js
│ │ │ │ ├── Searchfield.test.js
│ │ │ │ └── __snapshots__/
│ │ │ │ └── Searchfield.test.js.snap
│ │ │ ├── TextField.js
│ │ │ ├── TextField.styles.js
│ │ │ ├── TextField.test.js
│ │ │ ├── TextFieldFilled/
│ │ │ │ ├── TextFieldFilled.js
│ │ │ │ ├── TextFieldFilled.stories.js
│ │ │ │ ├── TextFieldFilled.styles.js
│ │ │ │ ├── TextFieldFilled.test.js
│ │ │ │ └── __snapshots__/
│ │ │ │ └── TextFieldFilled.test.js.snap
│ │ │ ├── TextFieldFlat/
│ │ │ │ ├── TextFieldFlat.js
│ │ │ │ ├── TextFieldFlat.stories.js
│ │ │ │ ├── TextFieldFlat.styles.js
│ │ │ │ ├── TextFieldFlat.test.js
│ │ │ │ └── __snapshots__/
│ │ │ │ └── TextFieldFlat.test.js.snap
│ │ │ ├── TextFieldHelperText/
│ │ │ │ ├── TextFieldHelperText.js
│ │ │ │ ├── TextFieldHelperText.styles.js
│ │ │ │ ├── TextFieldHelperText.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── TextFieldHelperText.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── TextFieldLabel/
│ │ │ │ ├── TextFieldLabel.constants.js
│ │ │ │ ├── TextFieldLabel.constants.native.js
│ │ │ │ ├── TextFieldLabel.constants.web.js
│ │ │ │ ├── TextFieldLabel.js
│ │ │ │ ├── TextFieldLabel.styles.js
│ │ │ │ ├── TextFieldLabel.test.js
│ │ │ │ └── __snapshots__/
│ │ │ │ └── TextFieldLabel.test.js.snap
│ │ │ ├── TextFieldOutline/
│ │ │ │ ├── TextFieldOutline.js
│ │ │ │ ├── TextFieldOutline.stories.js
│ │ │ │ ├── TextFieldOutline.styles.js
│ │ │ │ ├── TextFieldOutline.test.js
│ │ │ │ └── __snapshots__/
│ │ │ │ └── TextFieldOutline.test.js.snap
│ │ │ ├── TextFieldUnderline/
│ │ │ │ ├── TextFieldUnderline.js
│ │ │ │ ├── TextFieldUnderline.styles.js
│ │ │ │ ├── TextFieldUnderline.test.js
│ │ │ │ └── __snapshots__/
│ │ │ │ └── TextFieldUnderline.test.js.snap
│ │ │ ├── __snapshots__/
│ │ │ │ └── TextField.test.js.snap
│ │ │ └── index.js
│ │ ├── ToggleButton/
│ │ │ ├── ToggleButton.js
│ │ │ ├── ToggleButton.stories.js
│ │ │ ├── ToggleButton.styles.js
│ │ │ ├── ToggleButton.test.js
│ │ │ ├── ToggleButtonGroup/
│ │ │ │ ├── ToggleButtonGroup.js
│ │ │ │ ├── ToggleButtonGroup.test.js
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ └── ToggleButtonGroup.test.js.snap
│ │ │ │ └── index.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── ToggleButton.test.js.snap
│ │ │ └── index.js
│ │ ├── Tooltip/
│ │ │ ├── Tooltip.js
│ │ │ ├── Tooltip.stories.js
│ │ │ ├── Tooltip.styles.js
│ │ │ ├── Tooltip.test.js
│ │ │ ├── __snapshots__/
│ │ │ │ └── Tooltip.test.js.snap
│ │ │ └── index.js
│ │ └── Typography/
│ │ ├── BaseText/
│ │ │ ├── BaseTest.test.js
│ │ │ ├── BaseText.js
│ │ │ └── __snapshots__/
│ │ │ └── BaseTest.test.js.snap
│ │ ├── BodyText/
│ │ │ ├── BodyText.js
│ │ │ ├── BodyText.test.js
│ │ │ └── __snapshots__/
│ │ │ └── BodyText.test.js.snap
│ │ ├── Caption/
│ │ │ ├── Caption.js
│ │ │ ├── Caption.test.js
│ │ │ └── __snapshots__/
│ │ │ └── Caption.test.js.snap
│ │ ├── Heading/
│ │ │ ├── Heading.js
│ │ │ ├── Heading.test.js
│ │ │ └── __snapshots__/
│ │ │ └── Heading.test.js.snap
│ │ ├── Overline/
│ │ │ ├── Overline.js
│ │ │ ├── Overline.test.js
│ │ │ └── __snapshots__/
│ │ │ └── Overline.test.js.snap
│ │ ├── Subtitle/
│ │ │ ├── Subtitle.js
│ │ │ ├── Subtitle.test.js
│ │ │ └── __snapshots__/
│ │ │ └── Subtitle.test.js.snap
│ │ ├── Typography.stories.js
│ │ └── index.js
│ ├── Core/
│ │ ├── BreadProvider.js
│ │ └── colors/
│ │ ├── amber.js
│ │ ├── blue.js
│ │ ├── blueGrey.js
│ │ ├── brown.js
│ │ ├── cyan.js
│ │ ├── deepOrange.js
│ │ ├── deepPurple.js
│ │ ├── green.js
│ │ ├── grey.js
│ │ ├── index.js
│ │ ├── indigo.js
│ │ ├── lightBlue.js
│ │ ├── lightGreen.js
│ │ ├── lime.js
│ │ ├── orange.js
│ │ ├── pink.js
│ │ ├── purple.js
│ │ ├── red.js
│ │ ├── teal.js
│ │ └── yellow.js
│ ├── Theme/
│ │ ├── ThemeContext.js
│ │ ├── defaultTheme.js
│ │ ├── mergeTheme.js
│ │ └── withTheme.js
│ ├── Utils/
│ │ ├── Anchor/
│ │ │ ├── Anchor.js
│ │ │ └── Anchor.stories.js
│ │ ├── Hoverable/
│ │ │ ├── HoverState.js
│ │ │ ├── Hoverable.js
│ │ │ ├── Hoverable.stories.js
│ │ │ ├── Hoverable.test.js
│ │ │ └── __snapshots__/
│ │ │ └── Hoverable.test.js.snap
│ │ └── Shadow/
│ │ ├── Shadow.stories.js
│ │ └── shadow.js
│ ├── helpers/
│ │ ├── hasNotch.js
│ │ └── statusBarHeight.js
│ ├── index.d.ts
│ ├── index.js
│ ├── storybook/
│ │ ├── components/
│ │ │ ├── Container.js
│ │ │ └── Header.js
│ │ ├── helpers/
│ │ │ └── storiesOf/
│ │ │ ├── index.android.js
│ │ │ ├── index.ios.js
│ │ │ └── index.js
│ │ ├── index.android.js
│ │ ├── index.ios.js
│ │ ├── index.js
│ │ ├── rn-addons.js
│ │ ├── stories/
│ │ │ ├── Home.stories.js
│ │ │ └── index.js
│ │ └── storybook.js
│ └── vue-native.js
└── webpack.config.js
================================================
FILE CONTENTS
================================================
================================================
FILE: .buckconfig
================================================
[android]
target = Google Inc.:Google APIs:23
[maven_repositories]
central = https://repo1.maven.org/maven2
================================================
FILE: .eslintrc
================================================
{
"env": {
"node": true,
"browser": true,
"es6": true,
"jest": true
},
"extends": [
"eslint:recommended",
"plugin:react/recommended",
"plugin:prettier/recommended"
],
"parser": "babel-eslint",
"rules": {
"no-useless-constructor": 0,
"import/no-extraneous-dependencies": 0,
"import/named": 1,
"import/no-unresolved": 1,
"react/display-name": 0,
"react/no-typos": 0
},
"plugins": ["prettier", "react", "import"],
"settings": {
"import/resolver": {
"node": {
"extensions": [".js", ".ios.js", ".android.js", ".web.js", ".native.js"]
}
}
}
}
================================================
FILE: .flowconfig
================================================
[ignore]
; We fork some components by platform
.*/*[.]android.js
; Ignore "BUCK" generated dirs
<PROJECT_ROOT>/\.buckd/
; Ignore unexpected extra "@providesModule"
.*/node_modules/.*/node_modules/fbjs/.*
; Ignore duplicate module providers
; For RN Apps installed via npm, "Libraries" folder is inside
; "node_modules/react-native" but in the source repo it is in the root
.*/Libraries/react-native/React.js
; Ignore polyfills
.*/Libraries/polyfills/.*
; Ignore metro
.*/node_modules/metro/.*
[include]
[libs]
node_modules/react-native/Libraries/react-native/react-native-interface.js
node_modules/react-native/flow/
node_modules/react-native/flow-github/
[options]
emoji=true
esproposal.optional_chaining=enable
esproposal.nullish_coalescing=enable
module.system=haste
module.system.haste.use_name_reducers=true
# get basename
module.system.haste.name_reducers='^.*/\([a-zA-Z0-9$_.-]+\.js\(\.flow\)?\)$' -> '\1'
# strip .js or .js.flow suffix
module.system.haste.name_reducers='^\(.*\)\.js\(\.flow\)?$' -> '\1'
# strip .ios suffix
module.system.haste.name_reducers='^\(.*\)\.ios$' -> '\1'
module.system.haste.name_reducers='^\(.*\)\.android$' -> '\1'
module.system.haste.name_reducers='^\(.*\)\.native$' -> '\1'
module.system.haste.paths.blacklist=.*/__tests__/.*
module.system.haste.paths.blacklist=.*/__mocks__/.*
module.system.haste.paths.blacklist=<PROJECT_ROOT>/node_modules/react-native/Libraries/Animated/src/polyfills/.*
module.system.haste.paths.whitelist=<PROJECT_ROOT>/node_modules/react-native/Libraries/.*
munge_underscores=true
module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
module.file_ext=.js
module.file_ext=.jsx
module.file_ext=.json
module.file_ext=.native.js
suppress_type=$FlowIssue
suppress_type=$FlowFixMe
suppress_type=$FlowFixMeProps
suppress_type=$FlowFixMeState
suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
[version]
^0.86.0
================================================
FILE: .gitattributes
================================================
*.pbxproj -text
================================================
FILE: .github/ISSUE_TEMPLATE/bug_report.md
================================================
---
name: Bug report
about: Create a report to help us improve
title: ''
labels: ''
assignees: ''
---
**Describe the bug**
A clear and concise description of what the bug is.
**To Reproduce**
Steps to reproduce the behavior:
1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error
**Expected behavior**
A clear and concise description of what you expected to happen.
**Screenshots**
If applicable, add screenshots to help explain your problem.
**Desktop (please complete the following information):**
- OS: [e.g. iOS]
- Browser [e.g. chrome, safari]
- Version [e.g. 22]
**Smartphone (please complete the following information):**
- Device: [e.g. iPhone6]
- OS: [e.g. iOS8.1]
- Browser [e.g. stock browser, safari]
- Version [e.g. 22]
**Additional context**
Add any other context about the problem here.
================================================
FILE: .github/ISSUE_TEMPLATE/feature_request.md
================================================
---
name: Feature request
about: Suggest an idea for this project
title: "[New]"
labels: enhancement
assignees: ''
---
**Describe your feature request**
**Context**
Describe the context around your feature request with screenshots and links. If this is from the docs provide a screenshot and link to the appropriate area.
**Proposed solution**
Describe how you would implement this feature or expect this feature to work from a dev perspective.
================================================
FILE: .github/config.yml
================================================
# Configuration for request-info - https://github.com/behaviorbot/request-info
# *OPTIONAL* Comment to reply with
# Can be either a string :
requestInfoReplyComment: >
We would appreciate it if you could provide us with more info about this issue/pr!
# Or an array:
# requestInfoReplyComment:
# - Ah no! young blade! That was a trifle short!
# - Tell me more !
# - I am sure you can be more effusive
# *OPTIONAL* default titles to check against for lack of descriptiveness
# MUST BE ALL LOWERCASE
requestInfoDefaultTitles:
- update readme.md
- updates
# *OPTIONAL* Label to be added to Issues and Pull Requests with insufficient information given
requestInfoLabelToAdd: needs-more-info
# *OPTIONAL* Require Issues to contain more information than what is provided in the issue templates
# Will fail if the issue's body is equal to a provided template
checkIssueTemplate: true
# *OPTIONAL* Require Pull Requests to contain more information than what is provided in the PR template
# Will fail if the pull request's body is equal to the provided template
checkPullRequestTemplate: false
# *OPTIONAL* Only warn about insufficient information on these events type
# Keys must be lowercase. Valid values are 'issue' and 'pullRequest'
requestInfoOn:
pullRequest: true
issue: true
# *OPTIONAL* Add a list of people whose Issues/PRs will not be commented on
# keys must be GitHub usernames
requestInfoUserstoExclude:
- codypearce
================================================
FILE: .gitignore
================================================
# OSX
#
.DS_Store
src/DS_Store
*.DS_Store
# Xcode
#
build/
*.pbxuser
!default.pbxuser
*.mode1v3
!default.mode1v3
*.mode2v3
!default.mode2v3
*.perspectivev3
!default.perspectivev3
xcuserdata
*.xccheckout
*.moved-aside
DerivedData
*.hmap
*.ipa
*.xcuserstate
project.xcworkspace
# Android/IntelliJ
#
build/
.idea
.gradle
local.properties
*.iml
# node.js
#
node_modules/
npm-debug.log
yarn-error.log
# BUCK
buck-out/
\.buckd/
*.keystore
# fastlane
#
# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
# screenshots whenever they are needed.
# For more information about the recommended setup visit:
# https://docs.fastlane.tools/best-practices/source-control/
*/fastlane/report.xml
*/fastlane/Preview.html
*/fastlane/screenshots
# Bundle artifact
*.jsbundle
node_modules/**/*
npm-debug.*
*.jks
*.p12
*.key
*.mobileprovision
ios/Index
docs/public
docs/node_modules
docs/.cache
gh/**/*
================================================
FILE: .jest-test-results.json
================================================
{"numFailedTestSuites":0,"numFailedTests":0,"numPassedTestSuites":72,"numPassedTests":73,"numPendingTestSuites":0,"numPendingTests":0,"numRuntimeErrorTestSuites":0,"numTotalTestSuites":72,"numTotalTests":73,"openHandles":[],"snapshot":{"added":0,"didUpdate":false,"failure":false,"filesAdded":0,"filesRemoved":0,"filesUnmatched":0,"filesUpdated":0,"matched":73,"total":73,"unchecked":0,"uncheckedKeysByFile":[],"unmatched":0,"updated":0},"startTime":1586270099034,"success":true,"testResults":[{"assertionResults":[{"ancestorTitles":["BaseText"],"failureMessages":[],"fullName":"BaseText renders","location":null,"status":"passed","title":"renders"},{"ancestorTitles":["BaseText"],"failureMessages":[],"fullName":"BaseText renders with different theme color","location":null,"status":"passed","title":"renders with different theme color"}],"endTime":1586270102447,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Typography/BaseText/BaseTest.test.js","startTime":1586270100849,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"BottomNavigationItem Renders","location":null,"status":"passed","title":"BottomNavigationItem Renders"}],"endTime":1586270104028,"message":"","name":"/Users/cody/projects/material-bread/src/Components/BottomNavigation/BottomNavigationItem/BottomNavigationItem.test.js","startTime":1586270100862,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"ToggleButtonGroup Renders","location":null,"status":"passed","title":"ToggleButtonGroup Renders"}],"endTime":1586270112032,"message":"","name":"/Users/cody/projects/material-bread/src/Components/ToggleButton/ToggleButtonGroup/ToggleButtonGroup.test.js","startTime":1586270102456,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"BottomNavigation Renders","location":null,"status":"passed","title":"BottomNavigation Renders"}],"endTime":1586270112035,"message":"","name":"/Users/cody/projects/material-bread/src/Components/BottomNavigation/BottomNavigation.test.js","startTime":1586270104078,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"DataTablePagination Renders","location":null,"status":"passed","title":"DataTablePagination Renders"}],"endTime":1586270112037,"message":"","name":"/Users/cody/projects/material-bread/src/Components/DataTable/DataTablePagination/DataTablePagination.test.js","startTime":1586270100855,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Switch Renders","location":null,"status":"passed","title":"Switch Renders"}],"endTime":1586270112057,"message":"","name":"/Users/cody/projects/material-bread/src/Utils/Hoverable/Hoverable.test.js","startTime":1586270100849,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"FabSpeedDial Renders","location":null,"status":"passed","title":"FabSpeedDial Renders"}],"endTime":1586270112111,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Fab/FabSpeedDial/FabSpeedDial.test.js","startTime":1586270100850,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"ListExpanded Renders","location":null,"status":"passed","title":"ListExpanded Renders"}],"endTime":1586270112188,"message":"","name":"/Users/cody/projects/material-bread/src/Components/List/ListSection/ListSection.test.js","startTime":1586270112046,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"SelectFilled Renders","location":null,"status":"passed","title":"SelectFilled Renders"}],"endTime":1586270112206,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Select/SelectFilled/SelectFilled.test.js","startTime":1586270112047,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"SelectOutlined Renders","location":null,"status":"passed","title":"SelectOutlined Renders"}],"endTime":1586270112210,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Select/SelectOutlined/SelectOutlined.test.js","startTime":1586270112040,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"SelectFlat Renders","location":null,"status":"passed","title":"SelectFlat Renders"}],"endTime":1586270112235,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Select/SelectFlat/SelectFlat.test.js","startTime":1586270112070,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"ToggleButton Renders","location":null,"status":"passed","title":"ToggleButton Renders"}],"endTime":1586270112308,"message":"","name":"/Users/cody/projects/material-bread/src/Components/ToggleButton/ToggleButton.test.js","startTime":1586270112120,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"SearchField Renders","location":null,"status":"passed","title":"SearchField Renders"}],"endTime":1586270112367,"message":"","name":"/Users/cody/projects/material-bread/src/Components/TextField/Searchfield/Searchfield.test.js","startTime":1586270112193,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"ListExpanded Renders","location":null,"status":"passed","title":"ListExpanded Renders"}],"endTime":1586270112398,"message":"","name":"/Users/cody/projects/material-bread/src/Components/List/ListExpand/ListExpand.test.js","startTime":1586270112213,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"ProgressBar Renders","location":null,"status":"passed","title":"ProgressBar Renders"}],"endTime":1586270112401,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Progress/ProgressBar/ProgressBar.test.js","startTime":1586270112215,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"ListExpanded Renders","location":null,"status":"passed","title":"ListExpanded Renders"}],"endTime":1586270112460,"message":"","name":"/Users/cody/projects/material-bread/src/Components/List/ListItem/ListItem.test.js","startTime":1586270112318,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"IconButton Renders","location":null,"status":"passed","title":"IconButton Renders"}],"endTime":1586270112507,"message":"","name":"/Users/cody/projects/material-bread/src/Components/IconButton/IconButton.test.js","startTime":1586270112373,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Searchbar Renders","location":null,"status":"passed","title":"Searchbar Renders"}],"endTime":1586270112527,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Appbar/Searchbar/Searchbar.test.js","startTime":1586270112403,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Snackbar Renders","location":null,"status":"passed","title":"Snackbar Renders"}],"endTime":1586270112659,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Snackbar/Snackbar.test.js","startTime":1586270112534,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"TextField Renders","location":null,"status":"passed","title":"TextField Renders"}],"endTime":1586270112662,"message":"","name":"/Users/cody/projects/material-bread/src/Components/TextField/TextField.test.js","startTime":1586270112467,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Backdrop Renders","location":null,"status":"passed","title":"Backdrop Renders"}],"endTime":1586270112687,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Backdrop/Backdrop.test.js","startTime":1586270112517,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Dialog Renders","location":null,"status":"passed","title":"Dialog Renders"}],"endTime":1586270112825,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Dialog/Dialog.test.js","startTime":1586270112667,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Tooltip Renders","location":null,"status":"passed","title":"Tooltip Renders"}],"endTime":1586270112842,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Tooltip/Tooltip.test.js","startTime":1586270112696,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Checkbox Renders","location":null,"status":"passed","title":"Checkbox Renders"}],"endTime":1586270112845,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Checkbox/Checkbox.test.js","startTime":1586270112667,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Slider Renders","location":null,"status":"passed","title":"Slider Renders"}],"endTime":1586270113064,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Slider/Slider.test.js","startTime":1586270112837,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Menu Renders","location":null,"status":"passed","title":"Menu Renders"}],"endTime":1586270113100,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Menu/Menu.test.js","startTime":1586270112868,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"TextFieldUnderline Renders","location":null,"status":"passed","title":"TextFieldUnderline Renders"}],"endTime":1586270113152,"message":"","name":"/Users/cody/projects/material-bread/src/Components/TextField/TextFieldUnderline/TextFieldUnderline.test.js","startTime":1586270112852,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Switch Renders","location":null,"status":"passed","title":"Switch Renders"}],"endTime":1586270113200,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Switch/Switch.test.js","startTime":1586270113074,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Button Renders","location":null,"status":"passed","title":"Button Renders"}],"endTime":1586270113227,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Button/Button.test.js","startTime":1586270113105,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Banner Renders","location":null,"status":"passed","title":"Banner Renders"}],"endTime":1586270113275,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Banner/Banner.test.js","startTime":1586270113161,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Icon Renders","location":null,"status":"passed","title":"Icon Renders"}],"endTime":1586270113360,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Icon/Icon.test.js","startTime":1586270113233,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"TextFieldHelperText Renders","location":null,"status":"passed","title":"TextFieldHelperText Renders"}],"endTime":1586270113360,"message":"","name":"/Users/cody/projects/material-bread/src/Components/TextField/TextFieldHelperText/TextFieldHelperText.test.js","startTime":1586270113204,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Tabs Renders","location":null,"status":"passed","title":"Tabs Renders"}],"endTime":1586270113413,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Tabs/Tabs.test.js","startTime":1586270113281,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Tab Renders","location":null,"status":"passed","title":"Tab Renders"}],"endTime":1586270113503,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Tabs/Tab/Tab.test.js","startTime":1586270113366,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Fab Renders","location":null,"status":"passed","title":"Fab Renders"}],"endTime":1586270113566,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Fab/Fab.test.js","startTime":1586270113420,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"TextFieldLabel Renders","location":null,"status":"passed","title":"TextFieldLabel Renders"}],"endTime":1586270113675,"message":"","name":"/Users/cody/projects/material-bread/src/Components/TextField/TextFieldLabel/TextFieldLabel.test.js","startTime":1586270113572,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"DataTableHeader Renders","location":null,"status":"passed","title":"DataTableHeader Renders"}],"endTime":1586270113835,"message":"","name":"/Users/cody/projects/material-bread/src/Components/DataTable/DataTableHeader/DataTableHeader.test.js","startTime":1586270113684,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"SheetSide Renders","location":null,"status":"passed","title":"SheetSide Renders"}],"endTime":1586270114682,"message":"","name":"/Users/cody/projects/material-bread/src/Components/SheetSide/SheetSide.test.js","startTime":1586270112406,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"SheetBottom Renders","location":null,"status":"passed","title":"SheetBottom Renders"}],"endTime":1586270114714,"message":"","name":"/Users/cody/projects/material-bread/src/Components/SheetBottom/SheetBottom.test.js","startTime":1586270112241,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"DrawerSection Renders","location":null,"status":"passed","title":"DrawerSection Renders"}],"endTime":1586270114972,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Drawer/DrawerSection/DrawerSection.test.js","startTime":1586270114740,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"ProgressCircle Renders","location":null,"status":"passed","title":"ProgressCircle Renders"}],"endTime":1586270115153,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Progress/ProgressCircle/ProgressCircle.test.js","startTime":1586270114692,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"DataTableCell Renders","location":null,"status":"passed","title":"DataTableCell Renders"}],"endTime":1586270115170,"message":"","name":"/Users/cody/projects/material-bread/src/Components/DataTable/DataTableCell/DataTableCell.test.js","startTime":1586270114981,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"DataTableRow Renders","location":null,"status":"passed","title":"DataTableRow Renders"}],"endTime":1586270115297,"message":"","name":"/Users/cody/projects/material-bread/src/Components/DataTable/DataTableRow/DataTableRow.test.js","startTime":1586270115177,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"AppbarBottom Renders","location":null,"status":"passed","title":"AppbarBottom Renders"}],"endTime":1586270115298,"message":"","name":"/Users/cody/projects/material-bread/src/Components/AppbarBottom/AppbarBottom.test.js","startTime":1586270115161,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"DrawerHeader Renders","location":null,"status":"passed","title":"DrawerHeader Renders"}],"endTime":1586270115433,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Drawer/DrawerHeader/DrawerHeader.test.js","startTime":1586270115305,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"DrawerBottom Renders","location":null,"status":"passed","title":"DrawerBottom Renders"}],"endTime":1586270115455,"message":"","name":"/Users/cody/projects/material-bread/src/Components/DrawerBottom/DrawerBottom.test.js","startTime":1586270115303,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"CardContent Renders","location":null,"status":"passed","title":"CardContent Renders"}],"endTime":1586270115554,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Card/CardContent/CardContent.test.js","startTime":1586270115461,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"CardActions Renders","location":null,"status":"passed","title":"CardActions Renders"}],"endTime":1586270115592,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Card/CardActions/CardActions.test.js","startTime":1586270115444,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"TextFieldOutline Renders","location":null,"status":"passed","title":"TextFieldOutline Renders"}],"endTime":1586270115604,"message":"","name":"/Users/cody/projects/material-bread/src/Components/TextField/TextFieldOutline/TextFieldOutline.test.js","startTime":1586270113368,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"TextFieldFilled Renders","location":null,"status":"passed","title":"TextFieldFilled Renders"}],"endTime":1586270115672,"message":"","name":"/Users/cody/projects/material-bread/src/Components/TextField/TextFieldFilled/TextFieldFilled.test.js","startTime":1586270113507,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"RadioButton Renders","location":null,"status":"passed","title":"RadioButton Renders"}],"endTime":1586270115700,"message":"","name":"/Users/cody/projects/material-bread/src/Components/RadioButton/RadioButton.test.js","startTime":1586270115562,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"CardHeader Renders","location":null,"status":"passed","title":"CardHeader Renders"}],"endTime":1586270115738,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Card/CardHeader/CardHeader.test.js","startTime":1586270115683,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"CardMedia Renders","location":null,"status":"passed","title":"CardMedia Renders"}],"endTime":1586270115769,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Card/CardMedia/CardMedia.test.js","startTime":1586270115706,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"DrawerItem Renders","location":null,"status":"passed","title":"DrawerItem Renders"}],"endTime":1586270115834,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Drawer/DrawerItem/DrawerItem.test.js","startTime":1586270115613,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"MenuItem Renders","location":null,"status":"passed","title":"MenuItem Renders"}],"endTime":1586270115925,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Menu/MenuItem/MenuItem.test.js","startTime":1586270115743,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"TextFieldFlat Renders","location":null,"status":"passed","title":"TextFieldFlat Renders"}],"endTime":1586270115939,"message":"","name":"/Users/cody/projects/material-bread/src/Components/TextField/TextFieldFlat/TextFieldFlat.test.js","startTime":1586270113846,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"DataTable Renders","location":null,"status":"passed","title":"DataTable Renders"}],"endTime":1586270115978,"message":"","name":"/Users/cody/projects/material-bread/src/Components/DataTable/DataTable.test.js","startTime":1586270115599,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Subtitle Renders","location":null,"status":"passed","title":"Subtitle Renders"}],"endTime":1586270115990,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Typography/Subtitle/Subtitle.test.js","startTime":1586270115843,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Overline Renders","location":null,"status":"passed","title":"Overline Renders"}],"endTime":1586270115991,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Typography/Overline/Overline.test.js","startTime":1586270115780,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"BodyText Renders","location":null,"status":"passed","title":"BodyText Renders"}],"endTime":1586270116055,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Typography/BodyText/BodyText.test.js","startTime":1586270115931,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Heading Renders","location":null,"status":"passed","title":"Heading Renders"}],"endTime":1586270116084,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Typography/Heading/Heading.test.js","startTime":1586270115944,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Divider Renders","location":null,"status":"passed","title":"Divider Renders"}],"endTime":1586270116117,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Divider/Divider.test.js","startTime":1586270115996,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"List Renders","location":null,"status":"passed","title":"List Renders"}],"endTime":1586270116133,"message":"","name":"/Users/cody/projects/material-bread/src/Components/List/List.test.js","startTime":1586270115997,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Caption Renders","location":null,"status":"passed","title":"Caption Renders"}],"endTime":1586270116184,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Typography/Caption/Caption.test.js","startTime":1586270115993,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Avatar Renders","location":null,"status":"passed","title":"Avatar Renders"}],"endTime":1586270116206,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Avatar/Avatar.test.js","startTime":1586270116122,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Ripple Renders","location":null,"status":"passed","title":"Ripple Renders"}],"endTime":1586270116256,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Ripple/Ripple.test.js","startTime":1586270116071,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Appbar Renders","location":null,"status":"passed","title":"Appbar Renders"}],"endTime":1586270116271,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Appbar/Appbar.test.js","startTime":1586270116148,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Drawer Renders","location":null,"status":"passed","title":"Drawer Renders"}],"endTime":1586270116275,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Drawer/Drawer.test.js","startTime":1586270116089,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Paper Renders","location":null,"status":"passed","title":"Paper Renders"}],"endTime":1586270116314,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Paper/Paper.test.js","startTime":1586270116190,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Card Renders","location":null,"status":"passed","title":"Card Renders"}],"endTime":1586270116369,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Card/Card.test.js","startTime":1586270116262,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Badge Renders","location":null,"status":"passed","title":"Badge Renders"}],"endTime":1586270116404,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Badge/Badge.test.js","startTime":1586270116217,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":[],"failureMessages":[],"fullName":"Chip Renders","location":null,"status":"passed","title":"Chip Renders"}],"endTime":1586270116411,"message":"","name":"/Users/cody/projects/material-bread/src/Components/Chip/Chip.test.js","startTime":1586270116280,"status":"passed","summary":""}],"wasInterrupted":false}
================================================
FILE: .npmignore
================================================
# OSX
#
.DS_Store
src/DS_Store
*.DS_Store
# Xcode
#
build/
*.pbxuser
!default.pbxuser
*.mode1v3
!default.mode1v3
*.mode2v3
!default.mode2v3
*.perspectivev3
!default.perspectivev3
xcuserdata
*.xccheckout
*.moved-aside
DerivedData
*.hmap
*.ipa
*.xcuserstate
project.xcworkspace
# Android/IntelliJ
#
build/
.idea
.gradle
local.properties
*.iml
# node.js
#
node_modules/
npm-debug.log
yarn-error.log
# BUCK
buck-out/
\.buckd/
*.keystore
# fastlane
#
# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
# screenshots whenever they are needed.
# For more information about the recommended setup visit:
# https://docs.fastlane.tools/best-practices/source-control/
*/fastlane/report.xml
*/fastlane/Preview.html
*/fastlane/screenshots
# Bundle artifact
*.jsbundle
node_modules/**/*
npm-debug.*
*.jks
*.p12
*.key
*.mobileprovision
ios/Index
docs/public
docs/node_modules
docs/.cache
gh/**/*
jest-test-results.json
.jest-test-results.json
docs/**/*
__tests__
.git
.storybook
android
docker
docs
ios
public
storybook
.buckconfig
.eslintrc
.flowconfig
.gitattributes
.gitignore
.prettierrc
.travis.yml
.watchmanconfig
App.js
app.json
babel.config.js
package-lock.json
rn-cli.config.js
webpack.config.js
yarn.lock
src/**/*.stories.js
src/**/*.test.js
src/storybook/**/*
**/*/__snapshots__
dist/**/*.test.js
dist/**/*.stories.js
dist/storybook/**/*
media
.github
================================================
FILE: .prettierrc
================================================
{
"singleQuote": true,
"trailingComma": "all",
"bracketSpacing": true,
"jsxBracketSameLine": true
}
================================================
FILE: .storybook/addons.js
================================================
import '@storybook/addon-links/register';
import '@storybook/addon-storysource/register';
// import '@storybook/addon-actions/register';
import '@storybook/addon-jest/register';
import '@storybook/addon-backgrounds/register';
import '@storybook/addon-google-analytics/register';
import '@storybook/addon-a11y/register';
// import '@storybook/addon-viewport/register';
================================================
FILE: .storybook/babel.config.js
================================================
module.exports = function(api) {
api.cache(true);
return {
presets: ['module:metro-react-native-babel-preset'],
plugins: ['react-native-web', '@babel/plugin-proposal-object-rest-spread'],
};
};
================================================
FILE: .storybook/config.js
================================================
import {
addDecorator,
configure,
setAddon,
addParameters,
} from '@storybook/react';
import { withTests } from '@storybook/addon-jest';
import { withA11y } from '@storybook/addon-a11y';
import results from '../.jest-test-results.json';
import '@storybook/addon-console';
// Generate required css
const materialIconFont = require('react-native-vector-icons/Fonts/MaterialIcons.ttf');
const materialCommIconFont = require('react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf');
const iconFontStyles = `@font-face {
src: url(${materialIconFont});
font-family: MaterialIcons;
}
@font-face {
src: url(${materialCommIconFont});
font-family: MaterialCommunityIcons;
}`;
addParameters({
options: {
showPanel: true,
panelPosition: 'bottom',
isToolshown: true,
name: 'Material Bread',
},
backgrounds: [
{ name: 'white', value: '#fff', default: true },
{ name: 'light', value: '#eeeeee' },
],
viewport: {},
});
addDecorator(
withTests({
results,
}),
withA11y,
);
function loadStories() {
require('../src/storybook/stories');
}
configure(loadStories, module);
// Create stylesheet
const style = document.createElement('style');
style.type = 'text/css';
if (style.styleSheet) {
style.styleSheet.cssText = iconFontStyles;
} else {
style.appendChild(document.createTextNode(iconFontStyles));
}
// Inject stylesheet
document.head.appendChild(style);
window.STORYBOOK_GA_ID = 'UA-72995758-3';
================================================
FILE: .storybook/webpack.config.js
================================================
const path = require('path');
const webpack = require('webpack');
module.exports = ({ config, mode }) => {
config.module.rules.push(
{
test: /\.(gif|jpe?g|png|svg)$/,
use: {
loader: 'url-loader',
},
},
{
test: /\.(js|jsx|mjs)$/,
use: {
loader: 'babel-loader',
},
},
{
test: /\.stories\.js?$/,
loaders: [require.resolve('@storybook/addon-storysource/loader')],
enforce: 'pre',
},
);
config.resolve.extensions = ['.web.js', '.js', '.json', '.web.jsx', '.jsx'];
config.resolve.alias = {
'react-native': 'react-native-web',
};
return config;
};
================================================
FILE: .travis.yml
================================================
sudo: false
language: node_js
node_js:
- "8"
cache:
directories:
- node_modules
install:
- yarn install
script:
- yarn run lint
- yarn run test
================================================
FILE: .watchmanconfig
================================================
{}
================================================
FILE: App.js
================================================
export default from './src/storybook';
================================================
FILE: LICENSE
================================================
MIT License
Copyright (c) 2019 Cody Pearce
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
================================================
FILE: README.md
================================================
<p align="center" style="margin-bottom: 0px !important;">
<img width="200" src="http://material-bread.org/logo-shadow.svg" alt="Material Bread logo" align="center">
</p>
<h1 align="center" style="margin-top: 0px;">Material Bread</h1>
<p align="center" >Cross Platform React Native Material Design Components</p>
<div align="center" >
[](https://travis-ci.org/codypearce/material-bread) [](https://www.npmjs.com/package/material-bread)   [](https://codypearce.github.io/material-bread/)
</div>
<p align="center" style="margin-bottom: 0px !important;">
<img width="800" src="media/cross-platform.gif" alt="adf" align="center">
</p>
<p align="center" style="margin-bottom: 0px !important;">
<h2 align="center" style="margin-top: 0px;">Choose a platform to get started</h2>
</p>
<p align="center" style="margin-bottom: 0px !important;">
<a href="https://material-bread.org/getting-started/react-native">
<img src="media/buttons/mb-rn.png" alt="adf" align="center">
</a>
<a href="https://material-bread.org/getting-started/web">
<img src="media/buttons/mb-web.png" alt="adf" align="center">
</a>
<a href="https://material-bread.org/getting-started/electron">
<img src="media/buttons/mb-electron.png" alt="adf" align="center">
</a>
<a href="https://material-bread.org/getting-started/macos">
<img src="media/buttons/mb-macos.png" alt="adf" align="center">
</a>
<a href="https://material-bread.org/getting-started/windows">
<img src="media/buttons/mb-windows.png" alt="adf" align="center">
</a>
<a href="https://material-bread.org/getting-started/nextjs">
<img src="media/buttons/mb-next.png" alt="adf" align="center">
</a>
<a href="https://material-bread.org/getting-started/expo">
<img src="media/buttons/mb-expo.png" alt="adf" align="center">
</a>
<a href="https://material-bread.org/getting-started/vue-native">
<img src="media/buttons/mb-vue-native.png" alt="adf" align="center">
</a>
</p>
### Features
- Highly Customizable React Native Components.
- Cross platform support: React Native (iOS, Android), React-native-web (Browsers), Electron (Windows, Mac, Linux), react-native-windows, react-native-macos, Next.js, Expo, Vue Native
- Support for Material Design 2.0 components.
- Live react native demos you can edit in in your browser.
- Typescript support
## Table of Contents
- [Quick Start](#quick-start)
- [Documentation](#documentation)
- [Getting Started](#getting-started)
- [Guides](#guides)
- [Example Repos](#example-repos)
- [Usage](#usage)
- [Supported Components](#supported-components)
- [Contributing](#contributing)
- [Library](#contribute-to-library)
- [Docs](#contribute-to-docs)
- [Easy Contribution](#easy-first-contribution)
- [Tests](#tests)
- [Accessibility](#accessibility)
- [Copyright and License](#copyright-and-license)
## Quick Start
1. `npm install material-bread` or `yarn add material-bread`
2. Install and link [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons) and [react-native-svg](https://github.com/react-native-community/react-native-svg)
3. Wrap your root `<App>` with a `<BreadProvider>`
```jsx
<BreadProvider>
<Root />
</BreadProvider>
```
4. Start developing!
Read the [getting started](#getting-started) guides for your platform to learn more.
## Documentation
The component API docs and curated demos can be found at [material-bread.org](https://material-bread.org). See the [contributing](#contributing) section to learn how to run the docs locally.
More demos for each component can be found at the component [Storybook](https://codypearce.github.io/material-bread/). This environment is used for developing cross-platform, see the [contributing](#contributing) section to learn how to set it up locally.
## Getting Started
### Guides
[Getting Started with React Native](http://material-bread.org/getting-started/react-native)
[Getting Started with Web](http://material-bread.org/getting-started/web)
[Getting Started with Electron](http://material-bread.org/getting-started/electron)
[Getting Started with MacOS](http://material-bread.org/getting-started/macos)
[Getting Started with Windows](http://material-bread.org/getting-started/windows)
[Getting Started with NextJS](http://material-bread.org/getting-started/nextjs)
[Getting Started with Expo](http://material-bread.org/getting-started/expo)
[Getting Started with Vue Native](http://material-bread.org/getting-started/vue-native)
### Example Repos
Boilerplate projects with minimal configuration to get started on each platform.
React Native: [material-bread-rn-example](https://github.com/codypearce/material-bread-rn-example)
React Web: [material-bread-react-example](https://github.com/codypearce/material-bread-react-example)
Electron: [material-bread-electron-example](https://github.com/codypearce/material-bread-electron-example)
MacOS: [material-bread-macos-example](https://github.com/codypearce/material-bread-macos-example)
Windows: [material-bread-windows-example](https://github.com/codypearce/material-bread-windows-example)
NextJS: [material-bread-next-example](https://github.com/fortezhuo/material-bread-next-example)
Expo: [material-bread-expo-example](https://github.com/codypearce/material-bread-expo-example)
Vue Native: [material-bread-vue-native-example](https://github.com/codypearce/material-bread-vue-native-example)
### Usage
```jsx
import React from 'react';
import { Button } from 'material-bread';
function App() {
return <Button type="contained">Click Me</Button>;
}
```
## Sponsored By
<a href="https://www.fullstacklabs.co/">
<img width="200" src="https://raw.githubusercontent.com/codypearce/material-bread/master/media/FSL-Lockup-Dark-Gradient-Web%402x.png" alt="Fullstack Labs" >
</a>
## Supported Components
A major goal of this library is to match all the components found in the material docs or provide enough demos/instructions that a developer can create a non-supported component from supported components. Keep in mind this still a work in progress so not all functionality from the Material Docs is supported yet.
Currently there are 39 distinct components (though what is a full component and what is a subcomponent is somewhat arbitrary), each with many variations, and 4 utility components.
| Name | iOS | Android | Web | Electron |
| ---------------------------------------------------------------------------- | --- | ------- | --- | -------- |
| [Appbar](https://material-bread.org/components/appbar) | ✓ | ✓ | ✓ | ✓ |
| [AppbarBottom](https://material-bread.org/components/appbar-bottom) | ✓ | ✓ | ✓ | ✓ |
| [Avatar](https://material-bread.org/components/avatar) | ✓ | ✓ | ✓ | ✓ |
| [Backdrop](https://material-bread.org/components/backdrop) | ✓ | ✓ | ✓ | ✓ |
| [Badge](https://material-bread.org/components/badge) | ✓ | ✓ | ✓ | ✓ |
| [Banner](https://material-bread.org/components/banner) | ✓ | ✓ | ✓ | ✓ |
| [Bottom Navigation](https://material-bread.org/components/bottom-navigation) | ✓ | ✓ | ✓ | ✓ |
| [Button](https://material-bread.org/components/button) | ✓ | ✓ | ✓ | ✓ |
| [Card](https://material-bread.org/components/card) | ✓ | ✓ | ✓ | ✓ |
| [Checkbox](https://material-bread.org/components/checkbox) | ✓ | ✓ | ✓ | ✓ |
| [Chip](https://material-bread.org/components/chip) | ✓ | ✓ | ✓ | ✓ |
| [DataTable](https://material-bread.org/components/datatable) | ✓ | ✓ | ✓ | ✓ |
| [Dialog](https://material-bread.org/components/dialog) | ✓ | ✓ | ✓ | ✓ |
| [Divider](https://material-bread.org/components/divider) | ✓ | ✓ | ✓ | ✓ |
| [Drawer](https://material-bread.org/components/drawer) | ✓ | ✓ | ✓ | ✓ |
| [DrawerBottom](https://material-bread.org/components/drawer-bottom) | ✓ | ✓ | ✓ | ✓ |
| [Fab](https://material-bread.org/components/fab) | ✓ | ✓ | ✓ | ✓ |
| [FabSpeeddial](https://material-bread.org/components/fab-speeddial) | ✓ | ✓ | ✓ | ✓ |
| [Icon](https://material-bread.org/components/icon) | ✓ | ✓ | ✓ | ✓ |
| [IconButton](https://material-bread.org/components/iconbutton) | ✓ | ✓ | ✓ | ✓ |
| [List](https://material-bread.org/components/list) | ✓ | ✓ | ✓ | ✓ |
| [ListExpand](https://material-bread.org/components/list-expand) | ✓ | ✓ | ✓ | ✓ |
| [Menu](https://material-bread.org/components/menu) | ✓ | ✓ | ✓ | ✓ |
| [Paper](https://material-bread.org/components/paper) | ✓ | ✓ | ✓ | ✓ |
| [ProgressBar](https://material-bread.org/components/progress-bar) | ✓ | ✓ | ✓ | ✓ |
| [ProgressCircle](https://material-bread.org/components/progress-circle) | ✓ | ✓ | ✓ | ✓ |
| [RadioButton](https://material-bread.org/components/radiobutton) | ✓ | ✓ | ✓ | ✓ |
| [Ripple](https://material-bread.org/components/ripple) | ✓ | ✓ | ✓ | ✓ |
| [Select](https://material-bread.org/components/select) | ✓ | ✓ | ✓ | ✓ |
| [SheetBottom](https://material-bread.org/components/sheet-bottom) | ✓ | ✓ | ✓ | ✓ |
| [SheetSide](https://material-bread.org/components/sheet-side) | ✓ | ✓ | ✓ | ✓ |
| [Slider](https://material-bread.org/components/slider) | ✓ | ✓ | ✓ | ✓ |
| [Snackbar](https://material-bread.org/components/snackbar) | ✓ | ✓ | ✓ | ✓ |
| [SwipeNav](https://material-bread.org/components/swipenav) | ✓ | ✓ | ✓ | ✓ |
| [Switch](https://material-bread.org/components/switch) | ✓ | ✓ | ✓ | ✓ |
| [Tabs](https://material-bread.org/components/tabs) | ✓ | ✓ | ✓ | ✓ |
| [TextField](https://material-bread.org/components/textfield) | ✓ | ✓ | ✓ | ✓ |
| [ToggleButton](https://material-bread.org/components/togglebutton) | ✓ | ✓ | ✓ | ✓ |
| [Tooltip](https://material-bread.org/components/tooltip) | ✓ | ✓ | ✓ | ✓ |
| [Typography](https://material-bread.org/components/typography) | ✓ | ✓ | ✓ | ✓ |
Utility components
| Name | iOS | Android | Web | Electron |
| ------------------------------------------------------- | --- | ------- | --- | -------- |
| [Anchor](https://material-bread.org/utils/anchor) | ✓ | ✓ | ✓ | ✓ |
| [Color](https://material-bread.org/utils/color) | ✓ | ✓ | ✓ | ✓ |
| [Hoverable](https://material-bread.org/utils/hoverable) | ✓ | ✓ | ✓ | ✓ |
| [Shadow](https://material-bread.org/utils/shadow) | ✓ | ✓ | ✓ | ✓ |
## Contributing
All contributions are welcome and encouraged. If you are reporting a bug, please follow the bug issue template. If you are proposing an enhancement, please first search the backlogs before creating a new issue.
#### Contribute to library
[Storybook](https://github.com/storybooks/storybook) is used as the dev environment for all components on all platforms. You can learn about how to get the storybook environment running locally for all platforms [here](http://material-bread.org/contributing/library). Please follow the conventions already in place. For example, most components follow the made up "props for prebuilt, children for custom" pattern. Additionally, make sure you are testing your components across platforms before making a PR.
#### Contribute to docs
Documentation is built using [GatsbyJs](https://github.com/gatsbyjs/gatsby) and all pages are built using react components. You can learn how to get the docs running locally [here](https://material-bread.org/contributing/docs).
#### Easy first contribution
You can start contribute extremely easily by improving demos or adding more interesting demos to the docs or storybook. Interesting, useful, and plentiful demos is a major goal of the project, so any help in that regard would be greatly appreciated.
## Tests
[Jest](https://jestjs.io/) is the current test framework for all components. You can see the result of each component test in our [storybook environement](https://codypearce.github.io/material-bread/?path=/story/components-appbar--simple) under the "Tests" tab. Writing more comprehensive tests is on the roadmap, but please consider contributing to speed this process up.
You can run tests locally using `npm test`.
You can generate test coverage by running `npm run test:generate-output`, this will output a json file with coverage.
## Accessibility
`react-native-web` describes how to write accessible react-native components on the web [here](https://github.com/necolas/react-native-web/blob/master/docs/guides/accessibility.md). Additionally, the storybook addon, [addon-a11y](https://www.npmjs.com/package/@storybook/addon-a11y), runs some simple accessibility tests on each component story. You can see the output of each accessibility test on the [Accessibility](https://codypearce.github.io/material-bread/?path=/story/components-buttons--custom) tab for each component. Please consider contributing to make accessibility even better.
## Copyright and License
Copyright 2019 Material Bread.
Code released under the MIT license.
================================================
FILE: android/app/BUCK
================================================
# To learn about Buck see [Docs](https://buckbuild.com/).
# To run your application with Buck:
# - install Buck
# - `npm start` - to start the packager
# - `cd android`
# - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"`
# - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck
# - `buck install -r android/app` - compile, install and run application
#
load(":build_defs.bzl", "create_aar_targets", "create_jar_targets")
lib_deps = []
create_aar_targets(glob(["libs/*.aar"]))
create_jar_targets(glob(["libs/*.jar"]))
android_library(
name = "all-libs",
exported_deps = lib_deps,
)
android_library(
name = "app-code",
srcs = glob([
"src/main/java/**/*.java",
]),
deps = [
":all-libs",
":build_config",
":res",
],
)
android_build_config(
name = "build_config",
package = "com.materialbread",
)
android_resource(
name = "res",
package = "com.materialbread",
res = "src/main/res",
)
android_binary(
name = "app",
keystore = "//android/keystores:debug",
manifest = "src/main/AndroidManifest.xml",
package_type = "debug",
deps = [
":app-code",
],
)
================================================
FILE: android/app/build.gradle
================================================
apply plugin: "com.android.application"
import com.android.build.OutputFile
/**
* The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
* and bundleReleaseJsAndAssets).
* These basically call `react-native bundle` with the correct arguments during the Android build
* cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the
* bundle directly from the development server. Below you can see all the possible configurations
* and their defaults. If you decide to add a configuration block, make sure to add it before the
* `apply from: "../../node_modules/react-native/react.gradle"` line.
*
* project.ext.react = [
* // the name of the generated asset file containing your JS bundle
* bundleAssetName: "index.android.bundle",
*
* // the entry file for bundle generation
* entryFile: "index.android.js",
*
* // whether to bundle JS and assets in debug mode
* bundleInDebug: false,
*
* // whether to bundle JS and assets in release mode
* bundleInRelease: true,
*
* // whether to bundle JS and assets in another build variant (if configured).
* // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants
* // The configuration property can be in the following formats
* // 'bundleIn${productFlavor}${buildType}'
* // 'bundleIn${buildType}'
* // bundleInFreeDebug: true,
* // bundleInPaidRelease: true,
* // bundleInBeta: true,
*
* // whether to disable dev mode in custom build variants (by default only disabled in release)
* // for example: to disable dev mode in the staging build type (if configured)
* devDisabledInStaging: true,
* // The configuration property can be in the following formats
* // 'devDisabledIn${productFlavor}${buildType}'
* // 'devDisabledIn${buildType}'
*
* // the root of your project, i.e. where "package.json" lives
* root: "../../",
*
* // where to put the JS bundle asset in debug mode
* jsBundleDirDebug: "$buildDir/intermediates/assets/debug",
*
* // where to put the JS bundle asset in release mode
* jsBundleDirRelease: "$buildDir/intermediates/assets/release",
*
* // where to put drawable resources / React Native assets, e.g. the ones you use via
* // require('./image.png')), in debug mode
* resourcesDirDebug: "$buildDir/intermediates/res/merged/debug",
*
* // where to put drawable resources / React Native assets, e.g. the ones you use via
* // require('./image.png')), in release mode
* resourcesDirRelease: "$buildDir/intermediates/res/merged/release",
*
* // by default the gradle tasks are skipped if none of the JS files or assets change; this means
* // that we don't look at files in android/ or ios/ to determine whether the tasks are up to
* // date; if you have any other folders that you want to ignore for performance reasons (gradle
* // indexes the entire tree), add them here. Alternatively, if you have JS files in android/
* // for example, you might want to remove it from here.
* inputExcludes: ["android/**", "ios/**"],
*
* // override which node gets called and with what additional arguments
* nodeExecutableAndArgs: ["node"],
*
* // supply additional arguments to the packager
* extraPackagerArgs: []
* ]
*/
project.ext.react = [
entryFile: "index.js"
]
apply from: "../../node_modules/react-native/react.gradle"
/**
* Set this to true to create two separate APKs instead of one:
* - An APK that only works on ARM devices
* - An APK that only works on x86 devices
* The advantage is the size of the APK is reduced by about 4MB.
* Upload all the APKs to the Play Store and people will download
* the correct one based on the CPU architecture of their device.
*/
def enableSeparateBuildPerCPUArchitecture = false
/**
* Run Proguard to shrink the Java bytecode in release builds.
*/
def enableProguardInReleaseBuilds = false
android {
compileSdkVersion rootProject.ext.compileSdkVersion
buildToolsVersion rootProject.ext.buildToolsVersion
defaultConfig {
applicationId "com.materialbread"
minSdkVersion rootProject.ext.minSdkVersion
targetSdkVersion rootProject.ext.targetSdkVersion
versionCode 1
versionName "1.0"
}
splits {
abi {
reset()
enable enableSeparateBuildPerCPUArchitecture
universalApk false // If true, also generate a universal APK
include "armeabi-v7a", "x86", "arm64-v8a"
}
}
buildTypes {
release {
minifyEnabled enableProguardInReleaseBuilds
proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
}
}
// applicationVariants are e.g. debug, release
applicationVariants.all { variant ->
variant.outputs.each { output ->
// For each separate APK per architecture, set a unique version code as described here:
// http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits
def versionCodes = ["armeabi-v7a":1, "x86":2, "arm64-v8a": 3]
def abi = output.getFilter(OutputFile.ABI)
if (abi != null) { // null for the universal-debug, universal-release variants
output.versionCodeOverride =
versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
}
}
}
}
dependencies {
implementation project(':react-native-svg')
implementation project(':react-native-vector-icons')
implementation fileTree(dir: "libs", include: ["*.jar"])
implementation "com.android.support:appcompat-v7:${rootProject.ext.supportLibVersion}"
implementation "com.facebook.react:react-native:+" // From node_modules
}
// Run this once to be able to run the application with BUCK
// puts all compile dependencies into folder libs for BUCK to use
task copyDownloadableDepsToLibs(type: Copy) {
from configurations.compile
into 'libs'
}
================================================
FILE: android/app/build_defs.bzl
================================================
"""Helper definitions to glob .aar and .jar targets"""
def create_aar_targets(aarfiles):
for aarfile in aarfiles:
name = "aars__" + aarfile[aarfile.rindex("/") + 1:aarfile.rindex(".aar")]
lib_deps.append(":" + name)
android_prebuilt_aar(
name = name,
aar = aarfile,
)
def create_jar_targets(jarfiles):
for jarfile in jarfiles:
name = "jars__" + jarfile[jarfile.rindex("/") + 1:jarfile.rindex(".jar")]
lib_deps.append(":" + name)
prebuilt_jar(
name = name,
binary_jar = jarfile,
)
================================================
FILE: android/app/proguard-rules.pro
================================================
# Add project specific ProGuard rules here.
# By default, the flags in this file are appended to flags specified
# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
# You can edit the include path and order by changing the proguardFiles
# directive in build.gradle.
#
# For more details, see
# http://developer.android.com/guide/developing/tools/proguard.html
# Add any project specific keep options here:
# If your project uses WebView with JS, uncomment the following
# and specify the fully qualified class name to the JavaScript interface
# class:
#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
# public *;
#}
================================================
FILE: android/app/src/main/AndroidManifest.xml
================================================
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.materialbread">
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
<application
android:name=".MainApplication"
android:label="@string/app_name"
android:icon="@mipmap/ic_launcher"
android:roundIcon="@mipmap/ic_launcher_round"
android:allowBackup="false"
android:theme="@style/AppTheme">
<activity
android:name=".MainActivity"
android:label="@string/app_name"
android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
android:windowSoftInputMode="adjustResize">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
</application>
</manifest>
================================================
FILE: android/app/src/main/java/com/materialbread/MainActivity.java
================================================
package com.materialbread;
import com.facebook.react.ReactActivity;
public class MainActivity extends ReactActivity {
/**
* Returns the name of the main component registered from JavaScript.
* This is used to schedule rendering of the component.
*/
@Override
protected String getMainComponentName() {
return "MaterialBread";
}
}
================================================
FILE: android/app/src/main/java/com/materialbread/MainApplication.java
================================================
package com.materialbread;
import android.app.Application;
import com.facebook.react.ReactApplication;
import com.horcrux.svg.SvgPackage;
import com.oblador.vectoricons.VectorIconsPackage;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.shell.MainReactPackage;
import com.facebook.soloader.SoLoader;
import java.util.Arrays;
import java.util.List;
public class MainApplication extends Application implements ReactApplication {
private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
@Override
public boolean getUseDeveloperSupport() {
return BuildConfig.DEBUG;
}
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new SvgPackage(),
new VectorIconsPackage()
);
}
@Override
protected String getJSMainModuleName() {
return "index";
}
};
@Override
public ReactNativeHost getReactNativeHost() {
return mReactNativeHost;
}
@Override
public void onCreate() {
super.onCreate();
SoLoader.init(this, /* native exopackage */ false);
}
}
================================================
FILE: android/app/src/main/res/values/strings.xml
================================================
<resources>
<string name="app_name">MaterialBread</string>
</resources>
================================================
FILE: android/app/src/main/res/values/styles.xml
================================================
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
</style>
</resources>
================================================
FILE: android/build.gradle
================================================
// Top-level build file where you can add configuration options common to all sub-projects/modules.
buildscript {
ext {
buildToolsVersion = "28.0.2"
minSdkVersion = 16
compileSdkVersion = 28
targetSdkVersion = 27
supportLibVersion = "28.0.0"
}
repositories {
google()
jcenter()
}
dependencies {
classpath 'com.android.tools.build:gradle:3.3.0'
// NOTE: Do not place your application dependencies here; they belong
// in the individual module build.gradle files
}
}
allprojects {
repositories {
mavenLocal()
google()
jcenter()
maven {
// All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
url "$rootDir/../node_modules/react-native/android"
}
}
}
task wrapper(type: Wrapper) {
gradleVersion = '4.7'
distributionUrl = distributionUrl.replace("bin", "all")
}
================================================
FILE: android/gradle/wrapper/gradle-wrapper.properties
================================================
distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-4.10.1-all.zip
================================================
FILE: android/gradle.properties
================================================
# Project-wide Gradle settings.
# IDE (e.g. Android Studio) users:
# Gradle settings configured through the IDE *will override*
# any settings specified in this file.
# For more details on how to configure your build environment visit
# http://www.gradle.org/docs/current/userguide/build_environment.html
# Specifies the JVM arguments used for the daemon process.
# The setting is particularly useful for tweaking memory settings.
# Default value: -Xmx10248m -XX:MaxPermSize=256m
# org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8
# When configured, Gradle will run in incubating parallel mode.
# This option should only be used with decoupled projects. More details, visit
# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
# org.gradle.parallel=true
================================================
FILE: android/gradlew
================================================
#!/usr/bin/env sh
##############################################################################
##
## Gradle start up script for UN*X
##
##############################################################################
# Attempt to set APP_HOME
# Resolve links: $0 may be a link
PRG="$0"
# Need this for relative symlinks.
while [ -h "$PRG" ] ; do
ls=`ls -ld "$PRG"`
link=`expr "$ls" : '.*-> \(.*\)$'`
if expr "$link" : '/.*' > /dev/null; then
PRG="$link"
else
PRG=`dirname "$PRG"`"/$link"
fi
done
SAVED="`pwd`"
cd "`dirname \"$PRG\"`/" >/dev/null
APP_HOME="`pwd -P`"
cd "$SAVED" >/dev/null
APP_NAME="Gradle"
APP_BASE_NAME=`basename "$0"`
# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
DEFAULT_JVM_OPTS=""
# Use the maximum available, or set MAX_FD != -1 to use that value.
MAX_FD="maximum"
warn () {
echo "$*"
}
die () {
echo
echo "$*"
echo
exit 1
}
# OS specific support (must be 'true' or 'false').
cygwin=false
msys=false
darwin=false
nonstop=false
case "`uname`" in
CYGWIN* )
cygwin=true
;;
Darwin* )
darwin=true
;;
MINGW* )
msys=true
;;
NONSTOP* )
nonstop=true
;;
esac
CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
# Determine the Java command to use to start the JVM.
if [ -n "$JAVA_HOME" ] ; then
if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
# IBM's JDK on AIX uses strange locations for the executables
JAVACMD="$JAVA_HOME/jre/sh/java"
else
JAVACMD="$JAVA_HOME/bin/java"
fi
if [ ! -x "$JAVACMD" ] ; then
die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
Please set the JAVA_HOME variable in your environment to match the
location of your Java installation."
fi
else
JAVACMD="java"
which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
Please set the JAVA_HOME variable in your environment to match the
location of your Java installation."
fi
# Increase the maximum file descriptors if we can.
if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
MAX_FD_LIMIT=`ulimit -H -n`
if [ $? -eq 0 ] ; then
if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
MAX_FD="$MAX_FD_LIMIT"
fi
ulimit -n $MAX_FD
if [ $? -ne 0 ] ; then
warn "Could not set maximum file descriptor limit: $MAX_FD"
fi
else
warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
fi
fi
# For Darwin, add options to specify how the application appears in the dock
if $darwin; then
GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
fi
# For Cygwin, switch paths to Windows format before running java
if $cygwin ; then
APP_HOME=`cygpath --path --mixed "$APP_HOME"`
CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
JAVACMD=`cygpath --unix "$JAVACMD"`
# We build the pattern for arguments to be converted via cygpath
ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
SEP=""
for dir in $ROOTDIRSRAW ; do
ROOTDIRS="$ROOTDIRS$SEP$dir"
SEP="|"
done
OURCYGPATTERN="(^($ROOTDIRS))"
# Add a user-defined pattern to the cygpath arguments
if [ "$GRADLE_CYGPATTERN" != "" ] ; then
OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
fi
# Now convert the arguments - kludge to limit ourselves to /bin/sh
i=0
for arg in "$@" ; do
CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option
if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition
eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
else
eval `echo args$i`="\"$arg\""
fi
i=$((i+1))
done
case $i in
(0) set -- ;;
(1) set -- "$args0" ;;
(2) set -- "$args0" "$args1" ;;
(3) set -- "$args0" "$args1" "$args2" ;;
(4) set -- "$args0" "$args1" "$args2" "$args3" ;;
(5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
(6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
(7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
(8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
(9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
esac
fi
# Escape application args
save () {
for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
echo " "
}
APP_ARGS=$(save "$@")
# Collect all arguments for the java command, following the shell quoting and substitution rules
eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
# by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong
if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then
cd "$(dirname "$0")"
fi
exec "$JAVACMD" "$@"
================================================
FILE: android/gradlew.bat
================================================
@if "%DEBUG%" == "" @echo off
@rem ##########################################################################
@rem
@rem Gradle startup script for Windows
@rem
@rem ##########################################################################
@rem Set local scope for the variables with windows NT shell
if "%OS%"=="Windows_NT" setlocal
set DIRNAME=%~dp0
if "%DIRNAME%" == "" set DIRNAME=.
set APP_BASE_NAME=%~n0
set APP_HOME=%DIRNAME%
@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
set DEFAULT_JVM_OPTS=
@rem Find java.exe
if defined JAVA_HOME goto findJavaFromJavaHome
set JAVA_EXE=java.exe
%JAVA_EXE% -version >NUL 2>&1
if "%ERRORLEVEL%" == "0" goto init
echo.
echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
echo.
echo Please set the JAVA_HOME variable in your environment to match the
echo location of your Java installation.
goto fail
:findJavaFromJavaHome
set JAVA_HOME=%JAVA_HOME:"=%
set JAVA_EXE=%JAVA_HOME%/bin/java.exe
if exist "%JAVA_EXE%" goto init
echo.
echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
echo.
echo Please set the JAVA_HOME variable in your environment to match the
echo location of your Java installation.
goto fail
:init
@rem Get command-line arguments, handling Windows variants
if not "%OS%" == "Windows_NT" goto win9xME_args
:win9xME_args
@rem Slurp the command line arguments.
set CMD_LINE_ARGS=
set _SKIP=2
:win9xME_args_slurp
if "x%~1" == "x" goto execute
set CMD_LINE_ARGS=%*
:execute
@rem Setup the command line
set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
@rem Execute Gradle
"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
:end
@rem End local scope for the variables with windows NT shell
if "%ERRORLEVEL%"=="0" goto mainEnd
:fail
rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
rem the _cmd.exe /c_ return code!
if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
exit /b 1
:mainEnd
if "%OS%"=="Windows_NT" endlocal
:omega
================================================
FILE: android/keystores/BUCK
================================================
keystore(
name = "debug",
properties = "debug.keystore.properties",
store = "debug.keystore",
visibility = [
"PUBLIC",
],
)
================================================
FILE: android/keystores/debug.keystore.properties
================================================
key.store=debug.keystore
key.alias=androiddebugkey
key.store.password=android
key.alias.password=android
================================================
FILE: android/settings.gradle
================================================
rootProject.name = 'MaterialBread'
include ':react-native-svg'
project(':react-native-svg').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-svg/android')
include ':react-native-vector-icons'
project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
include ':app'
================================================
FILE: app.json
================================================
{
"name": "MaterialBread",
"displayName": "MaterialBread"
}
================================================
FILE: babel.config.js
================================================
module.exports = function(api) {
api.cache(true);
return {
presets: ['module:metro-react-native-babel-preset'],
plugins: [
'@babel/plugin-transform-flow-strip-types',
'@babel/plugin-proposal-class-properties',
'@babel/plugin-proposal-object-rest-spread',
'@babel/plugin-proposal-export-namespace-from',
],
};
};
================================================
FILE: dist/Components/Appbar/Appbar.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _withTheme=_interopRequireDefault(require("../../Theme/withTheme"));var _Paper=_interopRequireDefault(require("../Paper/Paper"));var _IconButton=_interopRequireDefault(require("../IconButton/IconButton"));var _Appbar=_interopRequireDefault(require("./Appbar.styles"));var _=require("../../");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Appbar/Appbar.js";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Appbar=function(_Component){(0,_inherits2.default)(Appbar,_Component);function Appbar(){(0,_classCallCheck2.default)(this,Appbar);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Appbar).apply(this,arguments));}(0,_createClass2.default)(Appbar,[{key:"_renderAppbarContent",value:function _renderAppbarContent(){var _this$props=this.props,barType=_this$props.barType,title=_this$props.title,actionItemsStyle=_this$props.actionItemsStyle;return _react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:42}},_react.default.createElement(_reactNative.View,{style:[_Appbar.default.left,{height:barType==='prominent'||barType==='prominent dense'?'100%':'auto'}],__source:{fileName:_jsxFileName,lineNumber:43}},this._renderNavigation(),title&&this._renderTitle()),_react.default.createElement(_reactNative.View,{style:[_Appbar.default.right,actionItemsStyle],__source:{fileName:_jsxFileName,lineNumber:56}},this._renderActionItems()));}},{key:"_renderNavigation",value:function _renderNavigation(){var _this$props2=this.props,navigation=_this$props2.navigation,onNavigation=_this$props2.onNavigation,barType=_this$props2.barType;if(typeof navigation==='string'||navigation instanceof String){return _react.default.createElement(_IconButton.default,{name:navigation||'menu',size:24,color:'white',onPress:onNavigation,style:{alignSelf:barType==='prominent'||barType==='prominent dense'?'flex-start':'center'},__source:{fileName:_jsxFileName,lineNumber:68}});}else{return navigation;}}},{key:"_renderTitle",value:function _renderTitle(){var onTitle=this.props.onTitle;if(onTitle){return _react.default.createElement(_reactNative.TouchableWithoutFeedback,{onPress:onTitle,__source:{fileName:_jsxFileName,lineNumber:90}},this._renderTitleInner());}else{return this._renderTitleInner();}}},{key:"_renderTitleInner",value:function _renderTitleInner(){var _this$props3=this.props,barType=_this$props3.barType,title=_this$props3.title,navigation=_this$props3.navigation,titleStyles=_this$props3.titleStyles,subtitle=_this$props3.subtitle,subtitleStyles=_this$props3.subtitleStyles,textContainerStyles=_this$props3.textContainerStyles;var titleComponent=typeof title=='string'||title instanceof String?_react.default.createElement(_reactNative.Text,{numberOfLines:barType==='prominent'||barType==='prominent dense'?3:1,style:[_Appbar.default.pageTitle,titleStyles],__source:{fileName:_jsxFileName,lineNumber:112}},title):title;return _react.default.createElement(_reactNative.View,{style:[{marginLeft:navigation?32:0,marginBottom:barType==='prominent'?12:0,alignSelf:barType==='prominent'||barType==='prominent dense'?'flex-end':'center',zIndex:100},textContainerStyles],__source:{fileName:_jsxFileName,lineNumber:124}},titleComponent,subtitle&&barType!=='dense'?_react.default.createElement(_reactNative.Text,{style:[{fontSize:14},{color:'rgba(255,255,255,.87)'},subtitleStyles],__source:{fileName:_jsxFileName,lineNumber:139}},subtitle):null);}},{key:"_renderActionItems",value:function _renderActionItems(){var actionItems=this.props.actionItems;if(!actionItems)return null;return _react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:156}},actionItems.map(function(item,index){if(item.name){return _react.default.createElement(_IconButton.default,{key:item.name,name:item.name,size:24,color:'white',style:{marginRight:index+1===actionItems.length?0:16},onPress:item.onPress,__source:{fileName:_jsxFileName,lineNumber:160}});}else{return item;}}));}},{key:"appbarHeight",value:function appbarHeight(){var barType=this.props.barType;var height=56;if(barType==='prominent'){height=128;}else if(barType==='dense'){height=48;}else if(barType=='prominent dense'){height=96;}return height;}},{key:"render",value:function render(){var _this$props4=this.props,barType=_this$props4.barType,color=_this$props4.color,backgroundImage=_this$props4.backgroundImage,theme=_this$props4.theme,style=_this$props4.style,children=_this$props4.children,position=_this$props4.position,elevation=_this$props4.elevation,rest=(0,_objectWithoutProperties2.default)(_this$props4,["barType","color","backgroundImage","theme","style","children","position","elevation"]);var backgroundColor=color?color:theme.primary.main;var implementedShadow=elevation!=undefined||elevation!=null?(0,_.shadow)(elevation):(0,_.shadow)(4);return _react.default.createElement(_Paper.default,(0,_extends2.default)({style:[_Appbar.default.appbar,_objectSpread({width:'100%',backgroundColor:backgroundColor,height:this.appbarHeight(),padding:barType=='dense'?12:16,position:position||'relative',alignItems:barType=='prominent'||barType==='prominent dense'?'flex-start':'center'},implementedShadow),style]},rest,{__source:{fileName:_jsxFileName,lineNumber:212}}),backgroundImage&&_react.default.cloneElement(backgroundImage,{style:[{position:'absolute',top:0,left:0,right:0,bottom:0}]}),children?children:this._renderAppbarContent());}}]);return Appbar;}(_react.Component);(0,_defineProperty2.default)(Appbar,"propTypes",{color:_propTypes.default.string,style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),theme:_propTypes.default.object,barType:_propTypes.default.string,backgroundImage:_propTypes.default.node,position:_propTypes.default.string,elevation:_propTypes.default.number,navigation:_propTypes.default.oneOfType([_propTypes.default.node,_propTypes.default.string]),onNavigation:_propTypes.default.func,title:_propTypes.default.oneOfType([_propTypes.default.node,_propTypes.default.string]),titleStyles:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),onTitle:_propTypes.default.func,subtitle:_propTypes.default.string,subtitleStyles:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),textContainerStyles:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),actionItems:_propTypes.default.oneOfType([_propTypes.default.node,_propTypes.default.array]),actionItemsStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),children:_propTypes.default.node});var _default=(0,_withTheme.default)(Appbar);exports.default=_default;
================================================
FILE: dist/Components/Appbar/Appbar.stories.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _storiesOf=require("../../storybook/helpers/storiesOf");var _=require("../..");var _Header=_interopRequireDefault(require("../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _storybookState=require("@sambego/storybook-state");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Appbar/Appbar.stories.js";var store=new _storybookState.Store({visibleOne:false,visibleTwo:false});var _default=(0,_storiesOf.storiesOf)('Components|Appbar',module).addParameters({jest:['Appbar']}).add('Simple',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:19}},_react.default.createElement(_Header.default,{title:'Appbar Simple',__source:{fileName:_jsxFileName,lineNumber:20}}),_react.default.createElement(_.Appbar,{barType:'normal',title:'Page Title',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:22}}),_react.default.createElement(_.Appbar,{barType:'normal',title:'Appbar colored',color:'#E91E63',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:27}}),_react.default.createElement(_.Appbar,{barType:'normal',title:'Navigation Type',navigation:'menu',color:'#9C27B0',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:33}}),_react.default.createElement(_.Appbar,{barType:'normal',title:'Different Icon',navigation:'arrow-back',color:'#673AB7',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:40}}),_react.default.createElement(_.Appbar,{barType:'normal',navigation:'menu',color:'#00BCD4',style:{marginBottom:20},actionItems:[{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],__source:{fileName:_jsxFileName,lineNumber:47}}),_react.default.createElement(_.Appbar,{barType:'normal',color:'#009688',style:{marginBottom:20},actionItems:[{name:'add'},{name:'edit'},{name:'archive'},{name:'delete'}],__source:{fileName:_jsxFileName,lineNumber:57}}),_react.default.createElement(_.Appbar,{barType:'normal',title:'Page Title',color:'#4CAF50',navigation:'menu',onNavigation:function onNavigation(){return console.log('onNavigation!');},actionItems:[_react.default.createElement(_.Badge,{key:1,containerStyle:{marginRight:16,flex:1},color:'#e10050',textColor:'white',size:14,content:77,__source:{fileName:_jsxFileName,lineNumber:75}},_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:82}})),{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:68}}),_react.default.createElement(_.Appbar,{barType:'simple',title:'Page Title',backgroundImage:_react.default.createElement(_reactNative.Image,{source:{uri:'https://images.pexels.com/photos/355465/pexels-photo-355465.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},__source:{fileName:_jsxFileName,lineNumber:93}}),navigation:'menu',actionItems:[{name:'favorite'},{name:'search',onPress:function onPress(){return console.log('onSearch');}},_react.default.createElement(_.IconButton,{key:3,name:"more-vert",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:104}})],style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:89}}),_react.default.createElement(_.Appbar,{barType:'simple',title:'PAGE TITLE',titleStyles:{fontSize:18,fontWeight:'300',letterSpacing:2},backgroundImage:_react.default.createElement(_reactNative.Image,{source:{uri:'https://images.pexels.com/photos/355465/pexels-photo-355465.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},__source:{fileName:_jsxFileName,lineNumber:113}}),navigation:'menu',actionItems:[{name:'favorite'},{name:'search',onPress:function onPress(){return console.log('onSearch');}},_react.default.createElement(_.IconButton,{key:1,name:"more-vert",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:124}})],style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:108}}));}).add('Prominent',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:132}},_react.default.createElement(_Header.default,{title:'Appbar Prominent',__source:{fileName:_jsxFileName,lineNumber:133}}),_react.default.createElement(_.Appbar,{barType:'prominent',navigation:'menu',title:'Prominent',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:134}}),_react.default.createElement(_.Appbar,{barType:'prominent',title:'Actions',color:'#E91E63',navigation:'menu',onNavigation:function onNavigation(){return console.log('onNavigation!');},actionItems:[{name:'more-vert'}],style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:140}}),_react.default.createElement(_.Appbar,{barType:'prominent',title:'Badge and icons',color:'#9C27B0',navigation:'menu',onNavigation:function onNavigation(){return console.log('onNavigation!');},actionItems:[_react.default.createElement(_.Badge,{key:1,containerStyle:{marginRight:16,flex:1},color:'#e10050',textColor:'white',size:14,content:77,__source:{fileName:_jsxFileName,lineNumber:156}},_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:163}})),{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:149}}),_react.default.createElement(_.Appbar,{barType:'prominent',title:'Subtitle',subtitle:'Subtitle',color:'#009688',navigation:'menu',onNavigation:function onNavigation(){return console.log('onNavigation!');},actionItems:[_react.default.createElement(_.Badge,{key:1,containerStyle:{marginRight:16,flex:1},color:'#e10050',textColor:'white',size:14,content:77,__source:{fileName:_jsxFileName,lineNumber:178}},_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:185}})),{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:170}}),_react.default.createElement(_.Appbar,{barType:'prominent',title:'Background image',subtitle:'Subtitle',color:'#9C27B0',navigation:'menu',backgroundImage:_react.default.createElement(_reactNative.Image,{source:{uri:'https://images.pexels.com/photos/355465/pexels-photo-355465.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},__source:{fileName:_jsxFileName,lineNumber:199}}),onNavigation:function onNavigation(){return console.log('onNavigation!');},actionItems:[_react.default.createElement(_.Badge,{key:1,containerStyle:{marginRight:16,flex:1},color:'#e10050',textColor:'white',size:14,content:77,__source:{fileName:_jsxFileName,lineNumber:208}},_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:215}})),{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],__source:{fileName:_jsxFileName,lineNumber:192}}));}).add('Dense',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:224}},_react.default.createElement(_Header.default,{title:'Appbar Dense',__source:{fileName:_jsxFileName,lineNumber:225}}),_react.default.createElement(_.Appbar,{barType:'dense',title:'Page Title',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:226}}),_react.default.createElement(_.Appbar,{barType:'dense',title:'Appbar colored',color:'#E91E63',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:231}}),_react.default.createElement(_.Appbar,{barType:'dense',title:'Navigation Type',navigation:'menu',color:'#9C27B0',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:237}}),_react.default.createElement(_.Appbar,{barType:'dense',title:'Different Icon',navigation:'arrow-back',color:'#673AB7',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:244}}),_react.default.createElement(_.Appbar,{barType:'dense',navigation:'menu',color:'#00BCD4',style:{marginBottom:20},actionItems:[{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],__source:{fileName:_jsxFileName,lineNumber:251}}),_react.default.createElement(_.Appbar,{barType:'dense',color:'#009688',style:{marginBottom:20},actionItems:[{name:'add'},{name:'edit'},{name:'archive'},{name:'delete'}],__source:{fileName:_jsxFileName,lineNumber:261}}),_react.default.createElement(_.Appbar,{barType:'dense',title:'Page Title',color:'#4CAF50',navigation:'menu',onNavigation:function onNavigation(){return console.log('onNavigation!');},actionItems:[_react.default.createElement(_.Badge,{key:1,containerStyle:{marginRight:16,flex:1},color:'#e10050',textColor:'white',size:14,content:77,__source:{fileName:_jsxFileName,lineNumber:279}},_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:286}})),{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:272}}),_react.default.createElement(_.Appbar,{barType:'dense',title:'Page Title',backgroundImage:_react.default.createElement(_reactNative.Image,{source:{uri:'https://images.pexels.com/photos/355465/pexels-photo-355465.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},__source:{fileName:_jsxFileName,lineNumber:297}}),navigation:'menu',actionItems:[{name:'favorite'},{name:'search',onPress:function onPress(){return console.log('onSearch');}},_react.default.createElement(_.IconButton,{key:3,name:"more-vert",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:308}})],__source:{fileName:_jsxFileName,lineNumber:293}}));}).add('Prominent Dense',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:314}},_react.default.createElement(_Header.default,{title:'Appbar Prominent Dense',__source:{fileName:_jsxFileName,lineNumber:315}}),_react.default.createElement(_.Appbar,{barType:'prominent dense',title:'Page Title',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:316}}),_react.default.createElement(_.Appbar,{barType:'prominent dense',title:'Appbar colored',color:'#E91E63',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:321}}),_react.default.createElement(_.Appbar,{barType:'prominent dense',title:'Navigation Type',navigation:'menu',color:'#9C27B0',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:327}}),_react.default.createElement(_.Appbar,{barType:'prominent dense',title:'Different Icon',navigation:'arrow-back',color:'#673AB7',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:334}}),_react.default.createElement(_.Appbar,{barType:'prominent dense',navigation:'menu',color:'#00BCD4',style:{marginBottom:20},actionItems:[{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],__source:{fileName:_jsxFileName,lineNumber:341}}),_react.default.createElement(_.Appbar,{barType:'prominent dense',color:'#009688',style:{marginBottom:20},actionItems:[{name:'add'},{name:'edit'},{name:'archive'},{name:'delete'}],__source:{fileName:_jsxFileName,lineNumber:351}}),_react.default.createElement(_.Appbar,{barType:'prominent dense',title:'Page Title',color:'#4CAF50',navigation:'menu',onNavigation:function onNavigation(){return console.log('onNavigation!');},actionItems:[_react.default.createElement(_.Badge,{key:1,containerStyle:{marginRight:16,flex:1},color:'#e10050',textColor:'white',size:14,content:77,__source:{fileName:_jsxFileName,lineNumber:369}},_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:376}})),{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:362}}),_react.default.createElement(_.Appbar,{barType:'prominent dense',title:'Page Title',backgroundImage:_react.default.createElement(_reactNative.Image,{source:{uri:'https://images.pexels.com/photos/355465/pexels-photo-355465.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},__source:{fileName:_jsxFileName,lineNumber:387}}),navigation:'menu',actionItems:[{name:'favorite'},{name:'search',onPress:function onPress(){return console.log('onSearch');}},_react.default.createElement(_.IconButton,{key:3,name:"more-vert",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:398}})],__source:{fileName:_jsxFileName,lineNumber:383}}));}).add('with menu',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:404}},_react.default.createElement(_Header.default,{title:'With Overflow Menu',__source:{fileName:_jsxFileName,lineNumber:405}}),_react.default.createElement(_.Appbar,{barType:'normal',navigation:'menu',color:'#00BCD4',style:{marginBottom:20},actionItems:[{name:'search',onPress:function onPress(){return console.log('onSearch');}},_react.default.createElement(ExampleMenu,{key:1,__source:{fileName:_jsxFileName,lineNumber:414}})],__source:{fileName:_jsxFileName,lineNumber:407}}),_react.default.createElement(_.Appbar,{barType:'normal',color:'#009688',style:{marginBottom:20},actionItems:[{name:'add'},{name:'edit'},{name:'archive'},_react.default.createElement(ExampleOverflowMenu,{key:1,__source:{fileName:_jsxFileName,lineNumber:425}})],__source:{fileName:_jsxFileName,lineNumber:417}}));});exports.default=_default;var ExampleMenu=function ExampleMenu(){return _react.default.createElement(_storybookState.State,{store:store,__source:{fileName:_jsxFileName,lineNumber:433}},function(state){var isVisible=state.visibleOne;var dismissMenu=function dismissMenu(){return store.set({visibleOne:false});};var toggleMenu=function toggleMenu(){return store.set({visibleOne:!isVisible});};return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:440}},_react.default.createElement(_.Menu,{visible:isVisible,onBackdropPress:dismissMenu,button:_react.default.createElement(_.Button,{textColor:'white',text:'Show menu',onPress:toggleMenu,type:"text",__source:{fileName:_jsxFileName,lineNumber:445}}),__source:{fileName:_jsxFileName,lineNumber:441}},_react.default.createElement(_.MenuItem,{text:'Menu Item 1',onPress:dismissMenu,__source:{fileName:_jsxFileName,lineNumber:452}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 2',onPress:dismissMenu,__source:{fileName:_jsxFileName,lineNumber:453}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 3',onPress:dismissMenu,__source:{fileName:_jsxFileName,lineNumber:454}})));});};var ExampleOverflowMenu=function ExampleOverflowMenu(){return _react.default.createElement(_storybookState.State,{store:store,__source:{fileName:_jsxFileName,lineNumber:465}},function(state){var isVisible=state.visibleTwo;var dismissMenu=function dismissMenu(){return store.set({visibleTwo:false});};var toggleMenu=function toggleMenu(){return store.set({visibleTwo:!state.visibleTwo});};return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:472}},_react.default.createElement(_.Menu,{visible:isVisible,onBackdropPress:dismissMenu,button:_react.default.createElement(_.IconButton,{name:'more-vert',onPress:toggleMenu,size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:477}}),__source:{fileName:_jsxFileName,lineNumber:473}},_react.default.createElement(_.MenuItem,{text:'Menu Item 1',onPress:dismissMenu,__source:{fileName:_jsxFileName,lineNumber:484}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 2',onPress:dismissMenu,__source:{fileName:_jsxFileName,lineNumber:485}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 3',onPress:dismissMenu,__source:{fileName:_jsxFileName,lineNumber:486}})));});};
================================================
FILE: dist/Components/Appbar/Appbar.styles.js
================================================
Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({appbar:{flexDirection:'row',justifyContent:'space-between',minWidth:'auto',zIndex:2},backgroundImage:{flex:1,position:'absolute',top:0,left:0,right:0,bottom:0,width:'100%',height:'100%'},pageTitle:{fontSize:18,color:'white'},left:{flexDirection:'row',alignItems:'center',minWidth:'auto'},right:{flex:1,flexDirection:'row',alignItems:'center',justifyContent:'flex-end',minWidth:'auto'}});var _default=styles;exports.default=_default;
================================================
FILE: dist/Components/Appbar/Searchbar/Searchbar.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _withTheme=_interopRequireDefault(require("../../../Theme/withTheme"));var _IconButton=_interopRequireDefault(require("../../IconButton/IconButton"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Appbar/Searchbar/Searchbar.js";var Searchbar=function(_Component){(0,_inherits2.default)(Searchbar,_Component);function Searchbar(){(0,_classCallCheck2.default)(this,Searchbar);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Searchbar).apply(this,arguments));}(0,_createClass2.default)(Searchbar,[{key:"_renderNavigation",value:function _renderNavigation(){var _this$props=this.props,_this$props$navigatio=_this$props.navigationIcon,navigationIcon=_this$props$navigatio===void 0?'':_this$props$navigatio,onNavigation=_this$props.onNavigation,navigationIconComponent=_this$props.navigationIconComponent,theme=_this$props.theme;if(typeof navigationIcon==='string'||navigationIcon instanceof String){return _react.default.createElement(_IconButton.default,{name:navigationIcon||'arrow-back',size:theme.searchBarNavigationIcon.size,color:theme.searchBarNavigationIcon.color,onPress:onNavigation,iconComponent:navigationIconComponent,__source:{fileName:_jsxFileName,lineNumber:35}});}else{return navigationIcon;}}},{key:"_renderClose",value:function _renderClose(){var _this$props2=this.props,closeIcon=_this$props2.closeIcon,onCloseIcon=_this$props2.onCloseIcon,closeIconComponent=_this$props2.closeIconComponent,theme=_this$props2.theme;if(typeof closeIcon==='string'||closeIcon instanceof String){return _react.default.createElement(_IconButton.default,{name:closeIcon||'close',size:theme.searchBarcloseIcon.size,color:theme.searchBarcloseIcon.color,onPress:onCloseIcon,iconComponent:closeIconComponent,__source:{fileName:_jsxFileName,lineNumber:53}});}else if(closeIcon){return closeIcon;}}},{key:"render",value:function render(){var _this$props3=this.props,style=_this$props3.style,onChangeText=_this$props3.onChangeText,value=_this$props3.value,placeholder=_this$props3.placeholder,theme=_this$props3.theme;return _react.default.createElement(_reactNative.View,{style:[theme.searchBar,style],__source:{fileName:_jsxFileName,lineNumber:69}},this._renderNavigation(),_react.default.createElement(_reactNative.TextInput,{style:theme.searchInput,placeholder:placeholder?placeholder:'Search',onChangeText:onChangeText,value:value,__source:{fileName:_jsxFileName,lineNumber:71}}),this._renderClose());}}]);return Searchbar;}(_react.Component);(0,_defineProperty2.default)(Searchbar,"propTypes",{value:_propTypes.default.string,style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),onChangeText:_propTypes.default.func,onCloseIcon:_propTypes.default.func,onNavigation:_propTypes.default.func,placeholder:_propTypes.default.string,navigationIcon:_propTypes.default.oneOfType([_propTypes.default.node,_propTypes.default.string]),navigationIconComponent:_propTypes.default.func,closeIcon:_propTypes.default.oneOfType([_propTypes.default.node,_propTypes.default.string]),closeIconComponent:_propTypes.default.func,theme:_propTypes.default.object});var _default=(0,_withTheme.default)(Searchbar);exports.default=_default;
================================================
FILE: dist/Components/Appbar/Searchbar/Searchbar.stories.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _=require("../../..");var _storybookState=require("@sambego/storybook-state");var _Header=_interopRequireDefault(require("../../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../../storybook/components/Container"));var _storiesOf=require("../../../storybook/helpers/storiesOf");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Appbar/Searchbar/Searchbar.stories.js";var store=new _storybookState.Store({searchOne:''});var _default=(0,_storiesOf.storiesOf)('Components|Appbar/Searchbar',module).addParameters({jest:['Searchbar']}).add('Simple',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:17}},_react.default.createElement(_Header.default,{title:'Searchbar',__source:{fileName:_jsxFileName,lineNumber:18}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:19}},function(state){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:21}},_react.default.createElement(_.Searchbar,{label:'Label',value:state.searchOne,onChangeText:function onChangeText(value){return store.set({searchOne:value});},onCloseIcon:function onCloseIcon(){return store.set({searchOne:''});},__source:{fileName:_jsxFileName,lineNumber:22}}));}));});exports.default=_default;
================================================
FILE: dist/Components/Appbar/Searchbar/Searchbar.styles.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _reactNative=require("react-native");var _shadow=_interopRequireDefault(require("../../../Utils/Shadow/shadow.js"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var styles=_reactNative.StyleSheet.create({container:{},searchInput:_objectSpread({},(0,_shadow.default)(1))});var _default=styles;exports.default=_default;
================================================
FILE: dist/Components/Appbar/index.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Appbar.default;}});var _Appbar=_interopRequireDefault(require("./Appbar"));
================================================
FILE: dist/Components/AppbarBottom/AppbarBottom.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _withTheme=_interopRequireDefault(require("../../Theme/withTheme"));var _=require("../../");var _AppbarBottom=_interopRequireDefault(require("./AppbarBottom.styles"));var _AppbarBottomSvg=_interopRequireDefault(require("./AppbarBottom.svg.js"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/AppbarBottom/AppbarBottom.js";var AppbarBottom=function(_Component){(0,_inherits2.default)(AppbarBottom,_Component);function AppbarBottom(props){var _this;(0,_classCallCheck2.default)(this,AppbarBottom);_this=(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(AppbarBottom).call(this,props));(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{appbarWidth:0,appbarHeight:0});(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"measureAppbar",function(e){var _e$nativeEvent$layout=e.nativeEvent.layout,width=_e$nativeEvent$layout.width,height=_e$nativeEvent$layout.height;_this.setState({appbarWidth:width,appbarHeight:height});});return _this;}(0,_createClass2.default)(AppbarBottom,[{key:"_renderNavigation",value:function _renderNavigation(){var _this$props=this.props,navigation=_this$props.navigation,onNavigation=_this$props.onNavigation,fabPosition=_this$props.fabPosition;if(typeof navigation==='string'||navigation instanceof String){return _react.default.createElement(_.IconButton,{name:navigation||'menu',size:24,color:'white',onPress:onNavigation,style:{marginRight:fabPosition==='end'?24:0},__source:{fileName:_jsxFileName,lineNumber:42}});}else{return navigation;}}},{key:"_renderFab",value:function _renderFab(){var _this$props2=this.props,fab=_this$props2.fab,fabPosition=_this$props2.fabPosition,fabCutout=_this$props2.fabCutout;if(!fab)return null;var isEnd=fabPosition==='end';var cutOutPadding=fabCutout?18:16;var fabRightStyle={right:cutOutPadding};var fabCenterStyle={right:'auto'};var fabPosStyles=isEnd?fabRightStyle:fabCenterStyle;var isFabSpeedial=fab&&fab.props&&fab.props.actions;return _react.default.cloneElement(fab,{shadow:12,style:[_AppbarBottom.default.fabPos,fabPosStyles],containerStyle:{position:'absolute',width:'100%',paddingRight:isFabSpeedial&&isEnd?cutOutPadding:0,transform:[{translateY:-28}]}});}},{key:"_renderCutout",value:function _renderCutout(){var _this$props3=this.props,fabCutout=_this$props3.fabCutout,fabPosition=_this$props3.fabPosition,color=_this$props3.color,theme=_this$props3.theme;var backgroundColor=color?color:theme.primary.main;if(!fabCutout)return null;return _react.default.createElement(_AppbarBottomSvg.default,{fabPosition:fabPosition,paddingHorizontal:32,backgroundColor:backgroundColor,width:this.state.appbarWidth,__source:{fileName:_jsxFileName,lineNumber:90}});}},{key:"_renderActionItems",value:function _renderActionItems(){var actionItems=this.props.actionItems;if(!actionItems)return null;return _react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:103}},actionItems.map(function(item,index){if(item.name){return _react.default.createElement(_.IconButton,{key:item.name,name:item.name,size:24,color:'white',style:{marginRight:index+1===actionItems.length?0:16},onPress:item.onPress,__source:{fileName:_jsxFileName,lineNumber:107}});}else{return item;}}));}},{key:"_renderAppBarContent",value:function _renderAppBarContent(){return _react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:128}},this._renderNavigation(),_react.default.createElement(_reactNative.View,{style:_AppbarBottom.default.right,__source:{fileName:_jsxFileName,lineNumber:131}},this._renderActionItems()));}},{key:"render",value:function render(){var _this$props4=this.props,color=_this$props4.color,children=_this$props4.children,style=_this$props4.style,appbarStyles=_this$props4.appbarStyles,fabPosition=_this$props4.fabPosition,theme=_this$props4.theme,fabCutout=_this$props4.fabCutout,rest=(0,_objectWithoutProperties2.default)(_this$props4,["color","children","style","appbarStyles","fabPosition","theme","fabCutout"]);var appbarWidth=this.state.appbarWidth;var backgroundColor=color?color:theme.primary.main;return _react.default.createElement(_reactNative.View,{style:style,__source:{fileName:_jsxFileName,lineNumber:160}},_react.default.createElement(_reactNative.View,{style:[_AppbarBottom.default.contianer,{opacity:appbarWidth==0?0:1}],onLayout:this.measureAppbar,__source:{fileName:_jsxFileName,lineNumber:161}},this._renderCutout(),_react.default.createElement(_reactNative.View,(0,_extends2.default)({style:[_AppbarBottom.default.appbar,{justifyContent:fabPosition==='end'?'flex-start':'space-between',backgroundColor:!fabCutout?backgroundColor:'transparent'},appbarStyles]},rest,{__source:{fileName:_jsxFileName,lineNumber:165}}),children?children:this._renderAppBarContent())),this._renderFab());}}]);return AppbarBottom;}(_react.Component);(0,_defineProperty2.default)(AppbarBottom,"propTypes",{color:_propTypes.default.string,style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),theme:_propTypes.default.object,fab:_propTypes.default.oneOfType([_propTypes.default.node,_propTypes.default.string]),fabPosition:_propTypes.default.string,fabCutout:_propTypes.default.bool,navigation:_propTypes.default.oneOfType([_propTypes.default.node,_propTypes.default.string]),onNavigation:_propTypes.default.func,actionItems:_propTypes.default.oneOfType([_propTypes.default.node,_propTypes.default.array]),children:_propTypes.default.node,appbarStyles:_propTypes.default.object});var _default=(0,_withTheme.default)(AppbarBottom);exports.default=_default;
================================================
FILE: dist/Components/AppbarBottom/AppbarBottom.stories.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _storiesOf=require("../../storybook/helpers/storiesOf");var _reactNative=require("react-native");var _=require("../..");var _Header=_interopRequireDefault(require("../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _storybookState=require("@sambego/storybook-state");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/AppbarBottom/AppbarBottom.stories.js";var store=new _storybookState.Store({isOpen:false,isOpenPermanent:true});var pageWidth=_reactNative.Platform.OS=='web'?600:_reactNative.Dimensions.get('window').width;var _default=(0,_storiesOf.storiesOf)('Components|AppbarBottom',module).addParameters({jest:['AppbarBottom']}).add('Center Fab',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:34}},_react.default.createElement(_Header.default,{title:'Center Fab',__source:{fileName:_jsxFileName,lineNumber:35}}),_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.Fab,{backgroundColor:'#04D5BF',__source:{fileName:_jsxFileName,lineNumber:37}}),color:'#6E2CFA',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:36}}),_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.Fab,{backgroundColor:'#04D5BF',__source:{fileName:_jsxFileName,lineNumber:42}}),fabCutout:true,color:'#6E2CFA',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:41}}),_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.Fab,{icon:'change-history',backgroundColor:'#009688',__source:{fileName:_jsxFileName,lineNumber:48}}),fabPosition:'center',navigation:'menu',color:'#E91E63',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:47}}),_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.Fab,{icon:'change-history',backgroundColor:'#009688',__source:{fileName:_jsxFileName,lineNumber:55}}),fabCutout:true,fabPosition:'center',navigation:'menu',color:'#E91E63',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:54}}),_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.Fab,{icon:'drafts',backgroundColor:'#8BC34A',__source:{fileName:_jsxFileName,lineNumber:63}}),fabPosition:'center',navigation:'arrow-back',actionItems:[{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],color:'#9C27B0',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:62}}),_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.Fab,{icon:'drafts',backgroundColor:'#8BC34A',__source:{fileName:_jsxFileName,lineNumber:74}}),fabCutout:true,fabPosition:'center',navigation:'arrow-back',actionItems:[{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],color:'#9C27B0',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:73}}),_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.Fab,{icon:'favorite',backgroundColor:'#E91E63',__source:{fileName:_jsxFileName,lineNumber:86}}),fabPosition:'center',navigation:'menu',actionItems:[_react.default.createElement(_.Badge,{key:1,containerStyle:{marginRight:16,flex:1},color:'#e10050',textColor:'white',size:14,content:77,__source:{fileName:_jsxFileName,lineNumber:90}},_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:97}})),{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],color:'#009688',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:85}}),_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.Fab,{icon:'favorite',backgroundColor:'#E91E63',__source:{fileName:_jsxFileName,lineNumber:106}}),fabPosition:'center',fabCutout:true,navigation:'menu',actionItems:[_react.default.createElement(_.Badge,{key:1,containerStyle:{marginRight:16,flex:1},color:'#e10050',textColor:'white',size:14,content:77,__source:{fileName:_jsxFileName,lineNumber:111}},_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:118}})),{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],color:'#009688',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:105}}));}).add('End Fab',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:129}},_react.default.createElement(_Header.default,{title:'End Fab',__source:{fileName:_jsxFileName,lineNumber:130}}),_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.Fab,{backgroundColor:'#04D5BF',__source:{fileName:_jsxFileName,lineNumber:132}}),fabPosition:'end',color:'#6E2CFA',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:131}}),_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.Fab,{backgroundColor:'#04D5BF',__source:{fileName:_jsxFileName,lineNumber:138}}),fabCutout:true,fabPosition:'end',color:'#6E2CFA',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:137}}),_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.Fab,{icon:'change-history',backgroundColor:'#009688',__source:{fileName:_jsxFileName,lineNumber:145}}),fabPosition:'end',navigation:'menu',color:'#E91E63',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:144}}),_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.Fab,{icon:'change-history',backgroundColor:'#009688',__source:{fileName:_jsxFileName,lineNumber:152}}),fabCutout:true,fabPosition:'end',navigation:'menu',color:'#E91E63',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:151}}),_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.Fab,{icon:'drafts',backgroundColor:'#8BC34A',__source:{fileName:_jsxFileName,lineNumber:160}}),fabPosition:'end',navigation:'arrow-back',actionItems:[{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],color:'#9C27B0',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:159}}),_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.Fab,{icon:'drafts',backgroundColor:'#8BC34A',__source:{fileName:_jsxFileName,lineNumber:171}}),fabCutout:true,fabPosition:'end',navigation:'arrow-back',actionItems:[{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],color:'#9C27B0',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:170}}),_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.Fab,{icon:'favorite',backgroundColor:'#E91E63',__source:{fileName:_jsxFileName,lineNumber:183}}),fabPosition:'end',navigation:'menu',actionItems:[_react.default.createElement(_.Badge,{key:1,containerStyle:{marginRight:16,flex:1},color:'#e10050',textColor:'white',size:14,content:77,__source:{fileName:_jsxFileName,lineNumber:187}},_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:194}})),{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],color:'#009688',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:182}}),_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.Fab,{icon:'favorite',backgroundColor:'#E91E63',__source:{fileName:_jsxFileName,lineNumber:203}}),fabPosition:'end',fabCutout:true,navigation:'menu',actionItems:[_react.default.createElement(_.Badge,{key:1,containerStyle:{marginRight:16,flex:1},color:'#e10050',textColor:'white',size:14,content:77,__source:{fileName:_jsxFileName,lineNumber:208}},_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:215}})),{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],color:'#009688',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:202}}));}).add('No Fab',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:226}},_react.default.createElement(_Header.default,{title:'No Fab',__source:{fileName:_jsxFileName,lineNumber:227}}),_react.default.createElement(_.AppbarBottom,{color:'#6E2CFA',style:{marginBottom:50},actionItems:[{name:'add'},{name:'edit'},{name:'archive'},{name:'delete'}],__source:{fileName:_jsxFileName,lineNumber:228}}),_react.default.createElement(_.AppbarBottom,{fabStyles:{backgroundColor:'#009688'},navigation:'menu',color:'#E91E63',style:{marginBottom:50},actionItems:[{name:'add'},{name:'edit'},{name:'archive'},{name:'delete'}],__source:{fileName:_jsxFileName,lineNumber:239}}),_react.default.createElement(_.AppbarBottom,{navigation:'arrow-back',actionItems:[{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],color:'#9C27B0',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:252}}),_react.default.createElement(_.AppbarBottom,{navigation:'menu',actionItems:[_react.default.createElement(_.Badge,{key:1,containerStyle:{marginRight:16,flex:1},color:'#e10050',textColor:'white',size:14,content:77,__source:{fileName:_jsxFileName,lineNumber:265}},_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:272}})),{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],color:'#009688',style:{marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:262}}));}).add('with speeddial',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:283}},_react.default.createElement(_Header.default,{title:'SpeedDial',__source:{fileName:_jsxFileName,lineNumber:284}}),_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.FabSpeedDial,{actions:actions,fab:_react.default.createElement(_.Fab,{backgroundColor:'#04D5BF',__source:{fileName:_jsxFileName,lineNumber:290}}),__source:{fileName:_jsxFileName,lineNumber:288}}),color:'#6E2CFA',fabCutout:true,fabPosition:'end',navigation:'arrow-back',fabStyles:{},actionItems:[{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],style:{marginTop:300},__source:{fileName:_jsxFileName,lineNumber:286}}));}).add('open sidebar',function(){return _react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:307}},function(state){return _react.default.createElement(_reactNative.View,{style:styles.container,__source:{fileName:_jsxFileName,lineNumber:309}},_react.default.createElement(_.Drawer,{open:state.isOpen,pageWidth:pageWidth,pageHeight:400,drawerContent:_react.default.createElement(DrawerContent,{__source:{fileName:_jsxFileName,lineNumber:314}}),onClose:function onClose(){return store.set({isOpen:false});},animationTime:250,opacity:0.33,__source:{fileName:_jsxFileName,lineNumber:310}},_react.default.createElement(_reactNative.View,{style:styles.body,__source:{fileName:_jsxFileName,lineNumber:318}},_react.default.createElement(PageContent,{__source:{fileName:_jsxFileName,lineNumber:319}}),_react.default.createElement(_.AppbarBottom,{color:'#6E2CFA',fab:_react.default.createElement(_.Fab,{backgroundColor:'#04D5BF',__source:{fileName:_jsxFileName,lineNumber:322}}),fabCutout:true,fabPosition:'center',navigation:'menu',onNavigation:function onNavigation(){return store.set({isOpen:!state.isOpen});},actionItems:[{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],__source:{fileName:_jsxFileName,lineNumber:320}}))));});}).add('open drawer bottom',function(){return _react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:339}},function(state){return _react.default.createElement(_reactNative.View,{style:{height:500,position:'relative'},__source:{fileName:_jsxFileName,lineNumber:341}},_react.default.createElement(_.AppbarBottom,{fab:_react.default.createElement(_.Fab,{backgroundColor:'#04D5BF',__source:{fileName:_jsxFileName,lineNumber:343}}),fabCutout:true,color:'#6E2CFA',fabPosition:'center',navigation:'menu',style:{marginTop:300},onNavigation:function onNavigation(){return store.set({isOpenBottom:!state.isOpenBottom});},actionItems:[{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],__source:{fileName:_jsxFileName,lineNumber:342}}),_react.default.createElement(_.DrawerBottom,{visible:state.isOpenBottom,onBackdropPress:function onBackdropPress(){return store.set({isOpenBottom:false});},onSwipeDown:function onSwipeDown(){return store.set({isOpenBottom:false});},__source:{fileName:_jsxFileName,lineNumber:357}},_react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:361}},_react.default.createElement(_.DrawerHeader,{title:'Jon Snow',subtitle:'Knows nothing',__source:{fileName:_jsxFileName,lineNumber:362}}),_react.default.createElement(_.DrawerSection,{bottomDivider:true,__source:{fileName:_jsxFileName,lineNumber:363}},_react.default.createElement(_.DrawerItem,{text:'Inbox',icon:'mail',active:true,__source:{fileName:_jsxFileName,lineNumber:364}}),_react.default.createElement(_.DrawerItem,{text:'Outbox',icon:'send',__source:{fileName:_jsxFileName,lineNumber:365}}),_react.default.createElement(_.DrawerItem,{text:'Favorites',icon:'favorite',__source:{fileName:_jsxFileName,lineNumber:366}})))));});});exports.default=_default;var DrawerContent=function DrawerContent(){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:377}},_react.default.createElement(_.DrawerHeader,{title:'Jon Snow',subtitle:'Knows nothing',__source:{fileName:_jsxFileName,lineNumber:378}}),_react.default.createElement(_.DrawerSection,{bottomDivider:true,__source:{fileName:_jsxFileName,lineNumber:379}},_react.default.createElement(_.DrawerItem,{text:'Inbox',icon:'mail',active:true,__source:{fileName:_jsxFileName,lineNumber:380}}),_react.default.createElement(_.DrawerItem,{text:'Outbox',icon:'send',__source:{fileName:_jsxFileName,lineNumber:381}}),_react.default.createElement(_.DrawerItem,{text:'Favorites',icon:'favorite',__source:{fileName:_jsxFileName,lineNumber:382}})));};var PageContent=function PageContent(){return _react.default.createElement(_reactNative.View,{style:{marginTop:20,alignItems:'center',height:325},__source:{fileName:_jsxFileName,lineNumber:390}},_react.default.createElement(_.Heading,{type:4,style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:391}},"This is a page"),_react.default.createElement(_.BodyText,{text:"Click the menu button to open the drawer",__source:{fileName:_jsxFileName,lineNumber:394}}),_react.default.createElement(_.BodyText,{text:"Click outside the drawer to close it",__source:{fileName:_jsxFileName,lineNumber:395}}));};var actions=[_react.default.createElement(_.Fab,{key:1,backgroundColor:'#E91E63',icon:'archive',__source:{fileName:_jsxFileName,lineNumber:401}}),_react.default.createElement(_.Fab,{key:2,backgroundColor:'#F44336',icon:'delete',__source:{fileName:_jsxFileName,lineNumber:402}}),_react.default.createElement(_.Fab,{key:3,backgroundColor:'#009688',icon:'edit',__source:{fileName:_jsxFileName,lineNumber:403}}),_react.default.createElement(_.Fab,{key:4,backgroundColor:'black',icon:'attach-money',__source:{fileName:_jsxFileName,lineNumber:404}})];var styles=_reactNative.StyleSheet.create({container:{zIndex:1,position:'relative'},body:{width:pageWidth,height:400}});
================================================
FILE: dist/Components/AppbarBottom/AppbarBottom.styles.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _reactNative=require("react-native");var _shadow=_interopRequireDefault(require("../../Utils/Shadow/shadow"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var styles=_reactNative.StyleSheet.create({contianer:{},appbar:_objectSpread({height:56,padding:16,flexDirection:'row',alignItems:'center',position:'relative',minWidth:'auto'},(0,_shadow.default)(8)),left:{flexDirection:'row',alignItems:'center'},right:{flexDirection:'row',alignItems:'center'},fabPos:{position:_reactNative.Platform.OS==='android'?'relative':'absolute',zIndex:100,elevation:_reactNative.Platform.OS==='android'?10:0},centerCut:{position:'absolute',zIndex:10,backgroundColor:_reactNative.Platform.OS==='web'?'rgba(255,255,255,1)':'white',borderRadius:56+16,transform:[{translateY:-65/2}],width:56+16,height:56+16}});var _default=styles;exports.default=_default;
================================================
FILE: dist/Components/AppbarBottom/AppbarBottom.svg.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _reactNativeSvg=_interopRequireWildcard(require("react-native-svg"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/AppbarBottom/AppbarBottom.svg.js";var AppbarBottomSVG=function AppbarBottomSVG(_ref){var paddingHorizontal=_ref.paddingHorizontal,width=_ref.width,backgroundColor=_ref.backgroundColor,fabPosition=_ref.fabPosition;if(!width){width=_reactNative.Dimensions.get('screen').width-paddingHorizontal;}var widthOfPath=92;var rectWidth=width/2-widthOfPath/2;var middlePosition=width/2-widthOfPath/2;var rightPosition=width/2+widthOfPath/2;if(fabPosition=='end'){rectWidth=width-widthOfPath;middlePosition=width-widthOfPath;}return _react.default.createElement(_reactNativeSvg.default,{width:'100%',height:56,style:{position:'absolute'},__source:{fileName:_jsxFileName,lineNumber:29}},_react.default.createElement(_reactNativeSvg.Rect,{height:56,width:rectWidth+1,fill:backgroundColor,x:0,y:0,__source:{fileName:_jsxFileName,lineNumber:30}}),_react.default.createElement(_reactNativeSvg.G,{x:middlePosition,__source:{fileName:_jsxFileName,lineNumber:37}},_react.default.createElement(_reactNativeSvg.Path,{fill:backgroundColor,d:"M0 0v56h92V0h-7.125c-1.662 0-3 1.338-3 3h-.025C80.29 21.644 64.71 35.987 46 36c-18.711-.011-34.294-14.354-35.854-33h-.033c0-1.662-1.338-3-3-3H0z",fillRule:"evenodd",__source:{fileName:_jsxFileName,lineNumber:38}})),fabPosition=='end'?null:_react.default.createElement(_reactNativeSvg.Rect,{height:56,width:rectWidth+1,fill:backgroundColor,x:rightPosition-1,y:0,__source:{fileName:_jsxFileName,lineNumber:45}}));};AppbarBottomSVG.propTypes={paddingHorizontal:_propTypes.default.number,width:_propTypes.default.number,backgroundColor:_propTypes.default.string,fabPosition:_propTypes.default.string};var _default=AppbarBottomSVG;exports.default=_default;
================================================
FILE: dist/Components/AppbarBottom/index.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _AppbarBottom.default;}});var _AppbarBottom=_interopRequireDefault(require("./AppbarBottom"));
================================================
FILE: dist/Components/Avatar/Avatar.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _withTheme=_interopRequireDefault(require("../../Theme/withTheme"));var _Icon=_interopRequireDefault(require("../Icon/Icon"));var _Ripple=_interopRequireDefault(require("../Ripple/Ripple"));var _Typography=require("../Typography");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Avatar/Avatar.js";var Avatar=function(_Component){(0,_inherits2.default)(Avatar,_Component);function Avatar(){(0,_classCallCheck2.default)(this,Avatar);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Avatar).apply(this,arguments));}(0,_createClass2.default)(Avatar,[{key:"_renderImage",value:function _renderImage(){var _this$props=this.props,image=_this$props.image,size=_this$props.size;return _react.default.cloneElement(image,{style:{width:size,height:size,borderRadius:size/2}});}},{key:"_renderIcon",value:function _renderIcon(){var _this$props2=this.props,content=_this$props2.content,contentSize=_this$props2.contentSize,contentStyles=_this$props2.contentStyles,size=_this$props2.size,contentColor=_this$props2.contentColor;return _react.default.createElement(_Icon.default,{name:content,size:contentSize?contentSize:size/1.5,style:contentStyles,color:contentColor,__source:{fileName:_jsxFileName,lineNumber:55}});}},{key:"_renderTypographyText",value:function _renderTypographyText(){var _this$props3=this.props,content=_this$props3.content,contentColor=_this$props3.contentColor,contentSize=_this$props3.contentSize,contentStyles=_this$props3.contentStyles,size=_this$props3.size;return _react.default.createElement(_Typography.BodyText,{type:1,style:[{color:contentColor?contentColor:'white',fontSize:contentSize?contentSize:size/2},contentStyles],__source:{fileName:_jsxFileName,lineNumber:74}},content);}},{key:"_renderItem",value:function _renderItem(){var type=this.props.type;if(type=='image'){return this._renderImage();}else if(type=='icon'){return this._renderIcon();}else if(type=='text'){return this._renderTypographyText();}}},{key:"_renderAvatarContent",value:function _renderAvatarContent(){var _this$props4=this.props,style=_this$props4.style,color=_this$props4.color,size=_this$props4.size,children=_this$props4.children,theme=_this$props4.theme;return _react.default.createElement(_reactNative.View,{style:[{width:size,height:size,borderRadius:size/2,backgroundColor:color?color:theme.primary.main,alignItems:'center',justifyContent:'center'},style],__source:{fileName:_jsxFileName,lineNumber:102}},children?children:this._renderItem());}},{key:"render",value:function render(){var _this$props5=this.props,onPress=_this$props5.onPress,ripple=_this$props5.ripple,rippleProps=_this$props5.rippleProps;if(onPress){return _react.default.createElement(_Ripple.default,(0,_extends2.default)({onPress:onPress,disable:!ripple,rippleContainerBorderRadius:100},rippleProps,{__source:{fileName:_jsxFileName,lineNumber:124}}),this._renderAvatarContent());}return this._renderAvatarContent();}}]);return Avatar;}(_react.Component);(0,_defineProperty2.default)(Avatar,"propTypes",{style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),theme:_propTypes.default.object,color:_propTypes.default.string,type:_propTypes.default.string,size:_propTypes.default.number,contentSize:_propTypes.default.number,contentColor:_propTypes.default.string,contentStyles:_propTypes.default.object,content:_propTypes.default.string,image:_propTypes.default.node,onPress:_propTypes.default.func,ripple:_propTypes.default.bool,rippleProps:_propTypes.default.object,testID:_propTypes.default.string,children:_propTypes.default.node});(0,_defineProperty2.default)(Avatar,"defaultProps",{size:24});var _default=(0,_withTheme.default)(Avatar);exports.default=_default;
================================================
FILE: dist/Components/Avatar/Avatar.stories.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _storiesOf=require("../../storybook/helpers/storiesOf");var _=require("../..");var _Header=_interopRequireDefault(require("../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Avatar/Avatar.stories.js";var _default=(0,_storiesOf.storiesOf)('Components|Avatars',module).addParameters({jest:['Avatar']}).add('Image',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:14}},_react.default.createElement(_Header.default,{title:'Image Avatar',__source:{fileName:_jsxFileName,lineNumber:15}}),_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',flexWrap:'wrap'},__source:{fileName:_jsxFileName,lineNumber:16}},_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'https://avatars1.githubusercontent.com/u/12564956?s=460&v=4'},__source:{fileName:_jsxFileName,lineNumber:20}}),size:16,__source:{fileName:_jsxFileName,lineNumber:17}}),_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'https://avatars1.githubusercontent.com/u/12564956?s=460&v=4'},__source:{fileName:_jsxFileName,lineNumber:32}}),size:24,__source:{fileName:_jsxFileName,lineNumber:29}}),_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'https://avatars1.githubusercontent.com/u/12564956?s=460&v=4'},__source:{fileName:_jsxFileName,lineNumber:44}}),size:38,onPress:function onPress(){return console.log('avatar');},ripple:true,__source:{fileName:_jsxFileName,lineNumber:41}}),_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'https://avatars1.githubusercontent.com/u/12564956?s=460&v=4'},__source:{fileName:_jsxFileName,lineNumber:58}}),size:56,__source:{fileName:_jsxFileName,lineNumber:55}}),_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'https://avatars1.githubusercontent.com/u/12564956?s=460&v=4'},__source:{fileName:_jsxFileName,lineNumber:70}}),size:80,__source:{fileName:_jsxFileName,lineNumber:67}}),_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'https://avatars1.githubusercontent.com/u/12564956?s=460&v=4'},__source:{fileName:_jsxFileName,lineNumber:82}}),size:70,__source:{fileName:_jsxFileName,lineNumber:79}})));}).add('Icon',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:95}},_react.default.createElement(_Header.default,{title:'Icon Avatar',__source:{fileName:_jsxFileName,lineNumber:96}}),_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',flexWrap:'wrap'},__source:{fileName:_jsxFileName,lineNumber:97}},_react.default.createElement(_.Avatar,{type:"icon",content:"arrow-back",contentColor:'#c2185b',color:'black',size:16,__source:{fileName:_jsxFileName,lineNumber:98}}),_react.default.createElement(_.Avatar,{type:"icon",content:"alarm",size:24,color:'#c2185b',__source:{fileName:_jsxFileName,lineNumber:105}}),_react.default.createElement(_.Avatar,{type:"icon",content:"add",contentColor:'#E91E63',size:48,color:'#8BC34A',__source:{fileName:_jsxFileName,lineNumber:106}}),_react.default.createElement(_.Avatar,{type:"icon",content:"face",contentColor:'white',size:64,color:'#42a5f5',__source:{fileName:_jsxFileName,lineNumber:113}})));}).add('Text',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:124}},_react.default.createElement(_Header.default,{title:'Text Avatar',__source:{fileName:_jsxFileName,lineNumber:125}}),_react.default.createElement(_.Avatar,{type:"text",content:"CP",contentColor:'white',size:64,color:'#42a5f5',__source:{fileName:_jsxFileName,lineNumber:127}}),_react.default.createElement(_.Avatar,{type:"text",content:"MB",size:48,color:'#c2185b',__source:{fileName:_jsxFileName,lineNumber:134}}),_react.default.createElement(_.Avatar,{type:"text",content:"NP",contentColor:'#c2185b',color:'#f4511e',__source:{fileName:_jsxFileName,lineNumber:135}}));});exports.default=_default;
================================================
FILE: dist/Components/Avatar/Avatar.styles.js
================================================
Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({});var _default=styles;exports.default=_default;
================================================
FILE: dist/Components/Avatar/index.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Avatar.default;}});var _Avatar=_interopRequireDefault(require("./Avatar"));
================================================
FILE: dist/Components/Backdrop/BackLayer/BackLayer.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _withTheme=_interopRequireDefault(require("../../../Theme/withTheme"));var _BackLayer=_interopRequireDefault(require("./BackLayer.styles"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Backdrop/BackLayer/BackLayer.js";var BackLayer=function(_Component){(0,_inherits2.default)(BackLayer,_Component);function BackLayer(props){var _this;(0,_classCallCheck2.default)(this,BackLayer);_this=(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(BackLayer).call(this,props));(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"renderBackLayerConcealed",function(){var _this$props=_this.props,backLayerConcealed=_this$props.backLayerConcealed,backRevealed=_this$props.backRevealed,animate=_this$props.animate;if(!backLayerConcealed||backRevealed){return null;}var md=backRevealed?0:1;var opacity=animate.interpolate({inputRange:[0,0.6,1],outputRange:[1,md,0]});return _react.default.createElement(_reactNative.Animated.View,{style:[_BackLayer.default.backLayer,{opacity:opacity}],useNativeDriver:true,__source:{fileName:_jsxFileName,lineNumber:32}},backLayerConcealed);});(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"renderBackLayerRevealed",function(){var _this$props2=_this.props,backLayerRevealed=_this$props2.backLayerRevealed,backRevealed=_this$props2.backRevealed,animate=_this$props2.animate;if(!backLayerRevealed||!backRevealed){return null;}var md=backRevealed?1:0;var opacity=animate.interpolate({inputRange:[0,0.6,1],outputRange:[0,md,1]});return _react.default.createElement(_reactNative.Animated.View,{style:[_BackLayer.default.backLayer,{opacity:opacity}],useNativeDriver:true,__source:{fileName:_jsxFileName,lineNumber:52}},_this.renderBackElements());});(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"renderBackElements",function(){var _this$props3=_this.props,backLayerRevealed=_this$props3.backLayerRevealed,internalAnimate=_this$props3.internalAnimate;var opacity=internalAnimate.interpolate({inputRange:[0,0.5,1],outputRange:[1,0,1]});return _react.default.createElement(_reactNative.Animated.View,{style:{flex:1,opacity:opacity},useNativeDriver:true,__source:{fileName:_jsxFileName,lineNumber:69}},backLayerRevealed);});return _this;}(0,_createClass2.default)(BackLayer,[{key:"render",value:function render(){return _react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:77}},this.renderBackLayerConcealed(),this.renderBackLayerRevealed());}}]);return BackLayer;}(_react.Component);(0,_defineProperty2.default)(BackLayer,"propTypes",{backLayerConcealed:_propTypes.default.node,backLayerRevealed:_propTypes.default.node,backRevealed:_propTypes.default.bool,animate:_propTypes.default.object,internalAnimate:_propTypes.default.object});var _default=(0,_withTheme.default)(BackLayer);exports.default=_default;
================================================
FILE: dist/Components/Backdrop/BackLayer/BackLayer.styles.js
================================================
Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({backLayer:{position:'absolute',top:0,bottom:0,width:'100%'}});var _default=styles;exports.default=_default;
================================================
FILE: dist/Components/Backdrop/Backdrop.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _withTheme=_interopRequireDefault(require("../../Theme/withTheme"));var _Backdrop=_interopRequireDefault(require("./Backdrop.styles"));var _HeaderButton=_interopRequireDefault(require("./HeaderButton/HeaderButton"));var _FrontLayer=_interopRequireDefault(require("./FrontLayer/FrontLayer"));var _BackLayer=_interopRequireDefault(require("./BackLayer/BackLayer"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Backdrop/Backdrop.js";var Backdrop=function(_PureComponent){(0,_inherits2.default)(Backdrop,_PureComponent);function Backdrop(props){var _this;(0,_classCallCheck2.default)(this,Backdrop);_this=(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Backdrop).call(this,props));(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"animate",new _reactNative.Animated.Value(0));(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"internalAnimate",new _reactNative.Animated.Value(0));(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"internalOffsetAnimate",new _reactNative.Animated.Value(0));(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"isInternalAnimate",false);var window=_reactNative.Dimensions.get('window');_this.state={window:window,backConcealed:true,backRevealed:false,iconName:'menu'};return _this;}(0,_createClass2.default)(Backdrop,[{key:"toggleLayout",value:function toggleLayout(){var _this2=this;var backConcealed=this.state.backConcealed;if(backConcealed){this.setState({backRevealed:true,iconName:'close'});}else{this.setState({backConcealed:true,iconName:'menu'});}this.isInternalAnimate=false;_reactNative.Animated.timing(this.animate,{toValue:backConcealed?1:0,duration:196,easing:_reactNative.Easing.ease,useNativeDriver:true}).start(function(){if(backConcealed){_this2.setState({backConcealed:false});}else{_this2.setState({backRevealed:false});}});}},{key:"render",value:function render(){var _this3=this;var _this$props=this.props,backLayerStyle=_this$props.backLayerStyle,headerButtonStyle=_this$props.headerButtonStyle,frontLayerStyle=_this$props.frontLayerStyle,children=_this$props.children,initialOffset=_this$props.initialOffset,offset=_this$props.offset,backLayerRevealed=_this$props.backLayerRevealed,backLayerConcealed=_this$props.backLayerConcealed,theme=_this$props.theme,subheader=_this$props.subheader,testID=_this$props.testID;var _this$state=this.state,backConcealed=_this$state.backConcealed,backRevealed=_this$state.backRevealed,window=_this$state.window,iconName=_this$state.iconName;return _react.default.createElement(_reactNative.SafeAreaView,{style:[_Backdrop.default.backLayerContainer,{backgroundColor:theme.primary.main},backLayerStyle],testID:testID,__source:{fileName:_jsxFileName,lineNumber:91}},_react.default.createElement(_BackLayer.default,{backLayerConcealed:backLayerConcealed,animate:this.animate,internalAnimate:this.internalAnimate,backConcealed:backConcealed,backLayerRevealed:backLayerRevealed,backRevealed:backRevealed,__source:{fileName:_jsxFileName,lineNumber:98}}),_react.default.createElement(_FrontLayer.default,{toggleLayout:function toggleLayout(){return _this3.toggleLayout();},animate:this.animate,frontLayerStyle:frontLayerStyle,initialOffset:initialOffset,window:window,offset:offset,backRevealed:backRevealed,backLayerRevealed:backLayerRevealed,internalOffsetAnimate:this.internalOffsetAnimate,isInternalAnimate:this.isInternalAnimate,subheader:subheader,__source:{fileName:_jsxFileName,lineNumber:106}},children),_react.default.createElement(_HeaderButton.default,{backConcealed:backConcealed,headerButtonStyle:headerButtonStyle,toggleLayout:function toggleLayout(){return _this3.toggleLayout();},iconName:iconName,__source:{fileName:_jsxFileName,lineNumber:120}}));}}]);return Backdrop;}(_react.PureComponent);(0,_defineProperty2.default)(Backdrop,"propTypes",{backLayerStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),frontLayerStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),headerButtonStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),backLayerConcealed:_propTypes.default.node,offset:_propTypes.default.number,initialOffset:_propTypes.default.number,children:_propTypes.default.node,backLayerRevealed:_propTypes.default.node,theme:_propTypes.default.object,subheader:_propTypes.default.string,testID:_propTypes.default.string});(0,_defineProperty2.default)(Backdrop,"defaultProps",{initialOffset:56,buttonRippleColor:'rgba(255,255,255,0.3)'});var _default=(0,_withTheme.default)(Backdrop);exports.default=_default;
================================================
FILE: dist/Components/Backdrop/Backdrop.stories.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _=require("../..");var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _storiesOf=require("../../storybook/helpers/storiesOf");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Backdrop/Backdrop.stories.js";var _default=(0,_storiesOf.storiesOf)('Components|Backdrop',module).addParameters({jest:['Backdrop']}).add('Simple',function(){return _react.default.createElement(_Container.default,{style:{flex:1,padding:0},__source:{fileName:_jsxFileName,lineNumber:19}},_react.default.createElement(_reactNative.View,{style:{flex:1,width:'100%'},__source:{fileName:_jsxFileName,lineNumber:20}},_react.default.createElement(_.Backdrop,{backLayerConcealed:_react.default.createElement(_reactNative.View,{style:styles.backdropHeader,__source:{fileName:_jsxFileName,lineNumber:27}},_react.default.createElement(_reactNative.Text,{style:styles.backdropHeaderTitle,__source:{fileName:_jsxFileName,lineNumber:28}},"App")),backLayerRevealed:_react.default.createElement(_reactNative.View,{style:{flex:1,width:'100%'},__source:{fileName:_jsxFileName,lineNumber:32}},_react.default.createElement(_reactNative.View,{style:styles.backdropHeader,__source:{fileName:_jsxFileName,lineNumber:33}},_react.default.createElement(_reactNative.Text,{style:styles.backdropHeaderTitle,__source:{fileName:_jsxFileName,lineNumber:34}},"Navigation")),_react.default.createElement(_.List,{style:{width:'100%',backgroundColor:'transparent'},__source:{fileName:_jsxFileName,lineNumber:37}},_react.default.createElement(_.ListItem,{text:'Home',textStyle:{color:'white'},selected:true,style:{backgroundColor:'transparent'},icon:_react.default.createElement(_.Icon,{name:'home',size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:47}}),__source:{fileName:_jsxFileName,lineNumber:42}}),_react.default.createElement(_.ListItem,{text:'Music',textStyle:{color:'white'},style:{backgroundColor:'transparent'},icon:_react.default.createElement(_.Icon,{name:'music-note',size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:53}}),__source:{fileName:_jsxFileName,lineNumber:49}}),_react.default.createElement(_.ListItem,{text:'Favorites',textStyle:{color:'white'},style:{backgroundColor:'transparent'},icon:_react.default.createElement(_.Icon,{name:'favorite',size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:59}}),__source:{fileName:_jsxFileName,lineNumber:55}}),_react.default.createElement(_.ListItem,{text:'Settings',textStyle:{color:'white'},style:{backgroundColor:'transparent'},icon:_react.default.createElement(_.Icon,{name:'settings',size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:65}}),__source:{fileName:_jsxFileName,lineNumber:61}}))),offset:260,__source:{fileName:_jsxFileName,lineNumber:25}},_react.default.createElement(_reactNative.View,{style:styles.container,__source:{fileName:_jsxFileName,lineNumber:71}},_react.default.createElement(_.Heading,{text:'Albums',style:{alignSelf:'flex-start',marginLeft:20,fontSize:20},__source:{fileName:_jsxFileName,lineNumber:72}}),_react.default.createElement(_.ListItem,{text:'Back in Black',secondaryText:'AC/DC',media:_react.default.createElement(_.Avatar,{type:"icon",content:"album",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:84}}),actionItem:_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:93}}),__source:{fileName:_jsxFileName,lineNumber:80}}),_react.default.createElement(_.ListItem,{text:'Hotel California',secondaryText:'Eagles',media:_react.default.createElement(_.Avatar,{type:"icon",content:"album",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:100}}),actionItem:_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:109}}),__source:{fileName:_jsxFileName,lineNumber:96}}),_react.default.createElement(_.ListItem,{text:'Dark Side of the Moon',secondaryText:'Pink Floyd ',media:_react.default.createElement(_.Avatar,{type:"icon",content:"album",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:116}}),actionItem:_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:125}}),__source:{fileName:_jsxFileName,lineNumber:112}}),_react.default.createElement(_.ListItem,{text:'Led Zeppelin IV',secondaryText:'Led Zeppelin',media:_react.default.createElement(_.Avatar,{type:"icon",content:"album",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:132}}),actionItem:_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:141}}),__source:{fileName:_jsxFileName,lineNumber:128}})))));}).add('Subheader',function(){return _react.default.createElement(_Container.default,{style:{flex:1,padding:0},__source:{fileName:_jsxFileName,lineNumber:150}},_react.default.createElement(_reactNative.View,{style:{flex:1,width:'100%'},__source:{fileName:_jsxFileName,lineNumber:151}},_react.default.createElement(_.Backdrop,{subheader:'Music',backLayerConcealed:_react.default.createElement(_reactNative.View,{style:styles.backdropHeader,__source:{fileName:_jsxFileName,lineNumber:159}},_react.default.createElement(_reactNative.Text,{style:styles.backdropHeaderTitle,__source:{fileName:_jsxFileName,lineNumber:160}},"App")),backLayerRevealed:_react.default.createElement(_reactNative.View,{style:{flex:1,width:'100%'},__source:{fileName:_jsxFileName,lineNumber:164}},_react.default.createElement(_reactNative.View,{style:styles.backdropHeader,__source:{fileName:_jsxFileName,lineNumber:165}},_react.default.createElement(_reactNative.Text,{style:styles.backdropHeaderTitle,__source:{fileName:_jsxFileName,lineNumber:166}},"Navigation")),_react.default.createElement(_.List,{style:{width:'100%',backgroundColor:'transparent'},__source:{fileName:_jsxFileName,lineNumber:169}},_react.default.createElement(_.ListItem,{text:'Home',textStyle:{color:'white'},selected:true,style:{backgroundColor:'transparent'},icon:_react.default.createElement(_.Icon,{name:'home',size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:179}}),__source:{fileName:_jsxFileName,lineNumber:174}}),_react.default.createElement(_.ListItem,{text:'Music',textStyle:{color:'white'},style:{backgroundColor:'transparent'},icon:_react.default.createElement(_.Icon,{name:'music-note',size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:185}}),__source:{fileName:_jsxFileName,lineNumber:181}}),_react.default.createElement(_.ListItem,{text:'Favorites',textStyle:{color:'white'},style:{backgroundColor:'transparent'},icon:_react.default.createElement(_.Icon,{name:'favorite',size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:191}}),__source:{fileName:_jsxFileName,lineNumber:187}}),_react.default.createElement(_.ListItem,{text:'Settings',textStyle:{color:'white'},style:{backgroundColor:'transparent'},icon:_react.default.createElement(_.Icon,{name:'settings',size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:197}}),__source:{fileName:_jsxFileName,lineNumber:193}}))),offset:260,__source:{fileName:_jsxFileName,lineNumber:156}},_react.default.createElement(_reactNative.View,{style:styles.container,__source:{fileName:_jsxFileName,lineNumber:203}},_react.default.createElement(_.Heading,{text:'Albums',style:{alignSelf:'flex-start',marginLeft:20,fontSize:20},__source:{fileName:_jsxFileName,lineNumber:204}}),_react.default.createElement(_.ListItem,{text:'Back in Black',secondaryText:'AC/DC',media:_react.default.createElement(_.Avatar,{type:"icon",content:"album",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:216}}),actionItem:_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:225}}),__source:{fileName:_jsxFileName,lineNumber:212}}),_react.default.createElement(_.ListItem,{text:'Hotel California',secondaryText:'Eagles',media:_react.default.createElement(_.Avatar,{type:"icon",content:"album",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:232}}),actionItem:_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:241}}),__source:{fileName:_jsxFileName,lineNumber:228}}),_react.default.createElement(_.ListItem,{text:'Dark Side of the Moon',secondaryText:'Pink Floyd ',media:_react.default.createElement(_.Avatar,{type:"icon",content:"album",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:248}}),actionItem:_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:257}}),__source:{fileName:_jsxFileName,lineNumber:244}}),_react.default.createElement(_.ListItem,{text:'Led Zeppelin IV',secondaryText:'Led Zeppelin',media:_react.default.createElement(_.Avatar,{type:"icon",content:"album",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:264}}),actionItem:_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:273}}),__source:{fileName:_jsxFileName,lineNumber:260}})))));});exports.default=_default;var styles=_reactNative.StyleSheet.create({container:{flex:1,paddingTop:30,alignItems:'center'},contentText:{color:'black',alignSelf:'center'},backdropHeader:{height:56,flexDirection:'row',alignItems:'center'},backdropHeaderTitle:{fontSize:18,color:'white',fontWeight:'500',marginLeft:72}});
================================================
FILE: dist/Components/Backdrop/Backdrop.styles.js
================================================
Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({backLayerContainer:{flex:1}});var _default=styles;exports.default=_default;
================================================
FILE: dist/Components/Backdrop/FrontLayer/FrontLayer.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _withTheme=_interopRequireDefault(require("../../../Theme/withTheme"));var _FrontLayer=_interopRequireDefault(require("./FrontLayer.styles"));var _FrontLayerScrim=_interopRequireDefault(require("../FrontLayerScrim/FrontLayerScrim"));var _=require("../../..");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Backdrop/FrontLayer/FrontLayer.js";var IOS=_reactNative.Platform.OS==='ios';var FrontLayer=function(_PureComponent){(0,_inherits2.default)(FrontLayer,_PureComponent);function FrontLayer(props){var _this;(0,_classCallCheck2.default)(this,FrontLayer);_this=(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(FrontLayer).call(this,props));(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"getFrontLayerTranslateY",function(){var _this$props=_this.props,animate=_this$props.animate,initialOffset=_this$props.initialOffset;var offset=_this.getOffset();return animate.interpolate({inputRange:[0,1],outputRange:[initialOffset,offset]});});(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"getOffset",function(){var ignoreElement=arguments.length>0&&arguments[0]!==undefined?arguments[0]:false;var _this$props2=_this.props,backLayerRevealed=_this$props2.backLayerRevealed,offset=_this$props2.offset,window=_this$props2.window;if(!ignoreElement&&backLayerRevealed&&offset){return offset;}if(offset)return offset;var y=_this.getY();return window.height-y;});(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"getY",function(){var initialOffset=_this.props.initialOffset;var y=IOS?20:24;return y+initialOffset;});return _this;}(0,_createClass2.default)(FrontLayer,[{key:"render",value:function render(){var _this$props3=this.props,children=_this$props3.children,_toggleLayout=_this$props3.toggleLayout,animate=_this$props3.animate,frontLayerStyle=_this$props3.frontLayerStyle,backRevealed=_this$props3.backRevealed,subheader=_this$props3.subheader;var translateY=this.getFrontLayerTranslateY();return _react.default.createElement(_reactNative.Animated.View,{useNativeDriver:true,style:[_FrontLayer.default.frontLayerContainer,frontLayerStyle,{transform:[{translateY:translateY}]}],__source:{fileName:_jsxFileName,lineNumber:74}},_react.default.createElement(_.Subtitle,{text:subheader,style:_FrontLayer.default.subheader,__source:{fileName:_jsxFileName,lineNumber:81}}),children,_react.default.createElement(_FrontLayerScrim.default,{toggleLayout:function toggleLayout(){return _toggleLayout();},animate:animate,backRevealed:backRevealed,__source:{fileName:_jsxFileName,lineNumber:83}}));}}]);return FrontLayer;}(_react.PureComponent);(0,_defineProperty2.default)(FrontLayer,"propTypes",{offset:_propTypes.default.number,initialOffset:_propTypes.default.number,children:_propTypes.default.node,backLayerRevealed:_propTypes.default.object,frontLayerStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),theme:_propTypes.default.object,toggleLayout:_propTypes.default.func,animate:_propTypes.default.object,backRevealed:_propTypes.default.bool,isInternalAnimate:_propTypes.default.bool,internalOffsetAnimate:_propTypes.default.object,window:_propTypes.default.object,subheader:_propTypes.default.string});var _default=(0,_withTheme.default)(FrontLayer);exports.default=_default;
================================================
FILE: dist/Components/Backdrop/FrontLayer/FrontLayer.styles.js
================================================
Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({frontLayerContainer:{flex:1,backgroundColor:'white',borderTopLeftRadius:16,borderTopRightRadius:16},subheader:{fontSize:16,color:'rgba(0,0,0,.8)',marginLeft:20,marginTop:16}});var _default=styles;exports.default=_default;
================================================
FILE: dist/Components/Backdrop/FrontLayerScrim/FrontLayerScrim.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _=require("../../../");var _withTheme=_interopRequireDefault(require("../../../Theme/withTheme"));var _FrontLayerScrim=_interopRequireDefault(require("./FrontLayerScrim.styles"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Backdrop/FrontLayerScrim/FrontLayerScrim.js";var FrontLayerScrim=function(_Component){(0,_inherits2.default)(FrontLayerScrim,_Component);function FrontLayerScrim(props){(0,_classCallCheck2.default)(this,FrontLayerScrim);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(FrontLayerScrim).call(this,props));}(0,_createClass2.default)(FrontLayerScrim,[{key:"render",value:function render(){var _this$props=this.props,backRevealed=_this$props.backRevealed,toggleLayout=_this$props.toggleLayout,animate=_this$props.animate;if(!backRevealed)return null;return _react.default.createElement(_reactNative.TouchableWithoutFeedback,{onPress:function onPress(){return toggleLayout();},__source:{fileName:_jsxFileName,lineNumber:24}},_react.default.createElement(_reactNative.Animated.View,{style:[_FrontLayerScrim.default.scrimLayer,{opacity:animate}],useNativeDriver:true,__source:{fileName:_jsxFileName,lineNumber:25}},_react.default.createElement(_.Icon,{name:"expand-less",size:24,color:"rgba(0,0,0,0.56)",style:_FrontLayerScrim.default.scrimLayerIcon,__source:{fileName:_jsxFileName,lineNumber:28}})));}}]);return FrontLayerScrim;}(_react.Component);(0,_defineProperty2.default)(FrontLayerScrim,"propTypes",{backRevealed:_propTypes.default.bool,toggleLayout:_propTypes.default.func,animate:_propTypes.default.object});var _default=(0,_withTheme.default)(FrontLayerScrim);exports.default=_default;
================================================
FILE: dist/Components/Backdrop/FrontLayerScrim/FrontLayerScrim.styles.js
================================================
Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({scrimLayer:{position:'absolute',top:0,right:0,bottom:0,left:0,backgroundColor:'rgba(255,255,255,0.8)',borderTopLeftRadius:16,borderTopRightRadius:16},scrimLayerIcon:{position:'absolute',top:12,right:16}});var _default=styles;exports.default=_default;
================================================
FILE: dist/Components/Backdrop/HeaderButton/HeaderButton.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _=require("../../../");var _withTheme=_interopRequireDefault(require("../../../Theme/withTheme"));var _HeaderButton=_interopRequireDefault(require("./HeaderButton.styles"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Backdrop/HeaderButton/HeaderButton.js";var HeaderButton=function(_Component){(0,_inherits2.default)(HeaderButton,_Component);function HeaderButton(props){var _this;(0,_classCallCheck2.default)(this,HeaderButton);_this=(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(HeaderButton).call(this,props));(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"spinValue",new _reactNative.Animated.Value(0));return _this;}(0,_createClass2.default)(HeaderButton,[{key:"_handleSpin",value:function _handleSpin(){var _this2=this;var _this$props=this.props,backConcealed=_this$props.backConcealed,toggleLayout=_this$props.toggleLayout;toggleLayout();_reactNative.Animated.timing(this.spinValue,{toValue:0.5,duration:94,easing:_reactNative.Easing.linear,useNativeDriver:true}).start(function(){_reactNative.Animated.timing(_this2.spinValue,{toValue:backConcealed?1:0,duration:94,easing:_reactNative.Easing.linear,useNativeDriver:true}).start();});}},{key:"render",value:function render(){var _this3=this;var _this$props2=this.props,headerButtonStyle=_this$props2.headerButtonStyle,iconName=_this$props2.iconName;var spin=this.spinValue.interpolate({inputRange:[0,1],outputRange:['180deg','0deg']});var style=[_HeaderButton.default.container,headerButtonStyle,{transform:[{rotate:spin}]}];return _react.default.createElement(_reactNative.Animated.View,{style:style,useNativeDriver:true,__source:{fileName:_jsxFileName,lineNumber:53}},_react.default.createElement(_.Ripple,{rippleContainerBorderRadius:100,onPress:function onPress(){return _this3._handleSpin();},style:_HeaderButton.default.ripple,__source:{fileName:_jsxFileName,lineNumber:54}},_react.default.createElement(_.Icon,{name:iconName,size:24,color:"white",style:_HeaderButton.default.icon,__source:{fileName:_jsxFileName,lineNumber:58}})));}}]);return HeaderButton;}(_react.Component);(0,_defineProperty2.default)(HeaderButton,"propTypes",{headerButtonStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),toggleLayout:_propTypes.default.func,backConcealed:_propTypes.default.bool,iconName:_propTypes.default.string});var _default=(0,_withTheme.default)(HeaderButton);exports.default=_default;
================================================
FILE: dist/Components/Backdrop/HeaderButton/HeaderButton.styles.js
================================================
Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({container:{height:56,width:56,justifyContent:'center',alignItems:'center',position:'absolute'},ripple:{height:32,width:32,justifyContent:'center'},icon:{alignSelf:'center'}});var _default=styles;exports.default=_default;
================================================
FILE: dist/Components/Backdrop/index.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Backdrop.default;}});var _Backdrop=_interopRequireDefault(require("./Backdrop"));
================================================
FILE: dist/Components/Backdrop/utils.js
================================================
================================================
FILE: dist/Components/Badge/Badge.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _withTheme=_interopRequireDefault(require("../../Theme/withTheme"));var _Ripple=_interopRequireDefault(require("../Ripple/Ripple"));var _Badge=_interopRequireDefault(require("./Badge.styles"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Badge/Badge.js";var Badge=function(_Component){(0,_inherits2.default)(Badge,_Component);function Badge(props){var _this;(0,_classCallCheck2.default)(this,Badge);_this=(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Badge).call(this,props));(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{childrenWidth:0,childrenHeight:0,scale:new _reactNative.Animated.Value(0)});(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"onChildrenLayout",function(e){var _e$nativeEvent$layout=e.nativeEvent.layout,width=_e$nativeEvent$layout.width,height=_e$nativeEvent$layout.height;_this.setState({childrenWidth:width,childrenHeight:height});});return _this;}(0,_createClass2.default)(Badge,[{key:"componentDidMount",value:function componentDidMount(){var visible=this.props.visible;if(visible){this._animateBadge();}}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var visible=this.props.visible;if(visible!=prevProps.visible){this._animateBadge();}}},{key:"getFontSize",value:function getFontSize(content,maxed){var size=this.props.size;var scaleFactor=0.5;if(content&&String(content).length>3&&!maxed){scaleFactor=0.3;}return size*scaleFactor;}},{key:"getBadgeWidth",value:function getBadgeWidth(content){var size=this.props.size;var isLong=String(content).length>3;var scaleFactor=isLong?1.75:1.5;return scaleFactor*size;}},{key:"_animateBadge",value:function _animateBadge(){var visible=this.props.visible;var scale=this.state.scale;var scaleValue=visible?1:0;_reactNative.Animated.spring(scale,{toValue:scaleValue,speed:7,useNativeDriver:true}).start();}},{key:"_renderBadge",value:function _renderBadge(){var _this$props=this.props,size=_this$props.size,textColor=_this$props.textColor,color=_this$props.color,style=_this$props.style,theme=_this$props.theme,children=_this$props.children,content=_this$props.content,position=_this$props.position,right=_this$props.right,left=_this$props.left,top=_this$props.top,_this$props$maxValue=_this$props.maxValue,maxValue=_this$props$maxValue===void 0?0:_this$props$maxValue,rest=(0,_objectWithoutProperties2.default)(_this$props,["size","textColor","color","style","theme","children","content","position","right","left","top","maxValue"]);var positionStyle={right:children?0:'auto'};if(position==='left'){positionStyle={left:children?0:'auto'};}if(right)positionStyle.right=right;if(left)positionStyle.left=left;var maxedContent=parseInt(content,10);var maxed=!isNaN(maxedContent)&&maxValue&&maxedContent>maxValue;maxedContent=maxed?maxValue+"+":content;return _react.default.createElement(_reactNative.Animated.View,(0,_extends2.default)({useNativeDriver:true,style:[{height:size,width:maxed?this.getBadgeWidth(maxedContent):size,borderRadius:size,backgroundColor:color?color:theme.primary.main,alignItems:'center',justifyContent:'center',position:children?'absolute':'relative',top:top?top:0,transform:[{scale:this.state.scale}]},positionStyle,style],numberOfLines:1},rest,{__source:{fileName:_jsxFileName,lineNumber:137}}),_react.default.createElement(_reactNative.Text,{style:[_Badge.default.content,{fontSize:this.getFontSize(maxedContent,maxed),color:textColor?textColor:'white'}],__source:{fileName:_jsxFileName,lineNumber:157}},maxedContent));}},{key:"render",value:function render(){var _this$props2=this.props,children=_this$props2.children,containerStyle=_this$props2.containerStyle,onPress=_this$props2.onPress,testID=_this$props2.testID;var _this$state=this.state,childrenHeight=_this$state.childrenHeight,childrenWidth=_this$state.childrenWidth;return _react.default.createElement(_reactNative.View,{style:[{position:'relative',alignSelf:'flex-start',alignItems:'flex-start',height:children?childrenHeight:'auto',width:children?childrenWidth:'auto',maxHeight:children?childrenHeight:'auto',maxWidth:children?childrenWidth:'auto',minHeight:children?childrenHeight:'auto',minWidth:children?childrenWidth:'auto'},containerStyle],testID:testID,__source:{fileName:_jsxFileName,lineNumber:176}},_react.default.createElement(_reactNative.View,{onLayout:this.onChildrenLayout,__source:{fileName:_jsxFileName,lineNumber:192}},children),onPress?_react.default.createElement(_Ripple.default,{onPress:true,__source:{fileName:_jsxFileName,lineNumber:194}},this._renderBadge()):this._renderBadge());}}]);return Badge;}(_react.Component);(0,_defineProperty2.default)(Badge,"propTypes",{color:_propTypes.default.string,textColor:_propTypes.default.string,content:_propTypes.default.oneOfType([_propTypes.default.string,_propTypes.default.number]),maxValue:_propTypes.default.number,children:_propTypes.default.node,size:_propTypes.default.number,style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),position:_propTypes.default.string,onPress:_propTypes.default.func,theme:_propTypes.default.object,containerStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),right:_propTypes.default.oneOfType([_propTypes.default.number,_propTypes.default.string]),left:_propTypes.default.oneOfType([_propTypes.default.number,_propTypes.default.string]),top:_propTypes.default.oneOfType([_propTypes.default.number,_propTypes.default.string]),visible:_propTypes.default.bool,testID:_propTypes.default.string});(0,_defineProperty2.default)(Badge,"defaultProps",{position:'right',size:16,right:0,left:'auto',visible:true});var _default=(0,_withTheme.default)(Badge);exports.default=_default;
================================================
FILE: dist/Components/Badge/Badge.stories.js
================================================
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _=require("../..");var _Header=_interopRequireDefault(require("../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _storiesOf=require("../../storybook/helpers/storiesOf");var _storybookState=require("@sambego/storybook-state");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Badge/Badge.stories.js";var store=new _storybookState.Store({visible:true});var _default=(0,_storiesOf.storiesOf)('Components|Badge',module).addParameters({jest:['Badge']}).add('Standalone',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:16}},_react.default.createElement(_Header.default,{title:'Standalone',__source:{fileName:_jsxFileName,lineNumber:17}}),_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',marginBottom:40},__source:{fileName:_jsxFileName,lineNumber:19}},_react.default.createElement(_.Badge,{size:12,content:24,__source:{fileName:_jsxFileName,lineNumber:25}}),_react.default.createElement(_.Badge,{size:24,content:99,color:'#E91E63',__source:{fileName:_jsxFileName,lineNumber:26}}),_react.default.createElement(_.Badge,{size:36,content:2,color:'#9C27B0',__source:{fileName:_jsxFileName,lineNumber:27}}),_react.default.createElement(_.Badge,{size:48,content:102,color:'#009688',__source:{fileName:_jsxFileName,lineNumber:28}}),_react.default.createElement(_.Badge,{size:60,content:35,color:'#3F51B5',__source:{fileName:_jsxFileName,lineNumber:29}})),_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center'},__source:{fileName:_jsxFileName,lineNumber:32}},_react.default.createElement(_.Badge,{size:12,content:24,color:'black',textColor:'#E91E63',__source:{fileName:_jsxFileName,lineNumber:33}}),_react.default.createElement(_.Badge,{size:24,content:99,color:'black',textColor:'#E91E63',__source:{fileName:_jsxFileName,lineNumber:34}}),_react.default.createElement(_.Badge,{size:36,content:2,color:'black',textColor:'#9C27B0',__source:{fileName:_jsxFileName,lineNumber:35}}),_react.default.createElement(_.Badge,{size:48,content:102,color:'black',t:true,textColor:'#009688',__source:{fileName:_jsxFileName,lineNumber:36}}),_react.default.createElement(_.Badge,{size:60,content:35,color:'black',textColor:'#3F51B5',__source:{fileName:_jsxFileName,lineNumber:43}})));}).add('With Max Value',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:48}},_react.default.createElement(_Header.default,{title:'Standalone',__source:{fileName:_jsxFileName,lineNumber:49}}),_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',marginBottom:40},__source:{fileName:_jsxFileName,lineNumber:51}},_react.default.createElement(_.Badge,{size:36,content:'MB',maxValue:99,__source:{fileName:_jsxFileName,lineNumber:57}}),_react.default.createElement(_.Badge,{size:36,content:99,__source:{fileName:_jsxFileName,lineNumber:58}}),_react.default.createElement(_.Badge,{size:36,content:100,maxValue:99,__source:{fileName:_jsxFileName,lineNumber:59}}),_react.default.createElement(_.Badge,{size:36,content:1000,maxValue:999,__source:{fileName:_jsxFileName,lineNumber:60}})));}).add('On Icons',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:65}},_react.default.createElement(_Header.default,{title:'On Icons',__source:{fileName:_jsxFileName,lineNumber:66}}),_react.default.createElement(_reactNative.View,{style:{flex:1,flexDirection:'row',alignItems:'center',marginBottom:80},__source:{fileName:_jsxFileName,lineNumber:68}},_react.default.createElement(_.Badge,{size:14,content:4,__source:{fileName:_jsxFileName,lineNumber:75}},_react.default.createElement(_.Icon,{name:"favorite",size:24,__source:{fileName:_jsxFileName,lineNumber:76}})),_react.default.createElement(_.Badge,{size:16,content:77,color:'red',__source:{fileName:_jsxFileName,lineNumber:78}},_react.default.createElement(_.IconButton,{name:"mail",size:32,__source:{fileName:_jsxFileName,lineNumber:79}})),_react.default.createElement(_.Badge,{size:20,content:22,color:'#8BC34A',__source:{fileName:_jsxFileName,lineNumber:81}},_react.default.createElement(_.IconButton,{name:"album",size:46,__source:{fileName:_jsxFileName,lineNumber:82}})),_react.default.createElement(_.Badge,{size:25,content:99,color:'#03A9F4',__source:{fileName:_jsxFileName,lineNumber:84}},_react.default.createElement(_.IconButton,{name:"bookmark",size:64,color:'#E91E63',__source:{fileName:_jsxFileName,lineNumber:85}}))),_react.default.createElement(_reactNative.View,{style:{flex:1,flexDirection:'row',alignItems:'center'},__source:{fileName:_jsxFileName,lineNumber:89}},_react.default.createElement(_.Badge,{size:14,content:7,position:'left',textColor:'pink',__source:{fileName:_jsxFileName,lineNumber:90}},_react.default.createElement(_.IconButton,{name:"info",size:24,__source:{fileName:_jsxFileName,lineNumber:91}})),_react.default.createElement(_.Badge,{size:18,content:1023,position:'left',__source:{fileName:_jsxFileName,lineNumber:93}},_react.default.createElement(_.IconButton,{name:"message",size:32,color:'#8BC34A',__source:{fileName:_jsxFileName,lineNumber:94}})),_react.default.createElement(_.Badge,{size:24,content:123,position:'left',color:'black',__source:{fileName:_jsxFileName,lineNumber:96}},_react.default.createE
gitextract_7xy2lsa9/ ├── .buckconfig ├── .eslintrc ├── .flowconfig ├── .gitattributes ├── .github/ │ ├── ISSUE_TEMPLATE/ │ │ ├── bug_report.md │ │ └── feature_request.md │ └── config.yml ├── .gitignore ├── .jest-test-results.json ├── .npmignore ├── .prettierrc ├── .storybook/ │ ├── addons.js │ ├── babel.config.js │ ├── config.js │ └── webpack.config.js ├── .travis.yml ├── .watchmanconfig ├── App.js ├── LICENSE ├── README.md ├── android/ │ ├── app/ │ │ ├── BUCK │ │ ├── build.gradle │ │ ├── build_defs.bzl │ │ ├── proguard-rules.pro │ │ └── src/ │ │ └── main/ │ │ ├── AndroidManifest.xml │ │ ├── java/ │ │ │ └── com/ │ │ │ └── materialbread/ │ │ │ ├── MainActivity.java │ │ │ └── MainApplication.java │ │ └── res/ │ │ └── values/ │ │ ├── strings.xml │ │ └── styles.xml │ ├── build.gradle │ ├── gradle/ │ │ └── wrapper/ │ │ ├── gradle-wrapper.jar │ │ └── gradle-wrapper.properties │ ├── gradle.properties │ ├── gradlew │ ├── gradlew.bat │ ├── keystores/ │ │ ├── BUCK │ │ └── debug.keystore.properties │ └── settings.gradle ├── app.json ├── babel.config.js ├── dist/ │ ├── Components/ │ │ ├── Appbar/ │ │ │ ├── Appbar.js │ │ │ ├── Appbar.stories.js │ │ │ ├── Appbar.styles.js │ │ │ ├── Searchbar/ │ │ │ │ ├── Searchbar.js │ │ │ │ ├── Searchbar.stories.js │ │ │ │ └── Searchbar.styles.js │ │ │ └── index.js │ │ ├── AppbarBottom/ │ │ │ ├── AppbarBottom.js │ │ │ ├── AppbarBottom.stories.js │ │ │ ├── AppbarBottom.styles.js │ │ │ ├── AppbarBottom.svg.js │ │ │ └── index.js │ │ ├── Avatar/ │ │ │ ├── Avatar.js │ │ │ ├── Avatar.stories.js │ │ │ ├── Avatar.styles.js │ │ │ └── index.js │ │ ├── Backdrop/ │ │ │ ├── BackLayer/ │ │ │ │ ├── BackLayer.js │ │ │ │ └── BackLayer.styles.js │ │ │ ├── Backdrop.js │ │ │ ├── Backdrop.stories.js │ │ │ ├── Backdrop.styles.js │ │ │ ├── FrontLayer/ │ │ │ │ ├── FrontLayer.js │ │ │ │ └── FrontLayer.styles.js │ │ │ ├── FrontLayerScrim/ │ │ │ │ ├── FrontLayerScrim.js │ │ │ │ └── FrontLayerScrim.styles.js │ │ │ ├── HeaderButton/ │ │ │ │ ├── HeaderButton.js │ │ │ │ └── HeaderButton.styles.js │ │ │ ├── index.js │ │ │ └── utils.js │ │ ├── Badge/ │ │ │ ├── Badge.js │ │ │ ├── Badge.stories.js │ │ │ ├── Badge.styles.js │ │ │ └── index.js │ │ ├── Banner/ │ │ │ ├── Banner.js │ │ │ ├── Banner.stories.js │ │ │ ├── Banner.styles.js │ │ │ └── index.js │ │ ├── BottomNavigation/ │ │ │ ├── BottomNavigation.js │ │ │ ├── BottomNavigation.stories.js │ │ │ ├── BottomNavigation.styles.js │ │ │ ├── BottomNavigationItem/ │ │ │ │ ├── BottomNavigationItem.js │ │ │ │ ├── BottomNavigationItem.stories.js │ │ │ │ ├── BottomNavigationItem.styles.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Button/ │ │ │ ├── Button.js │ │ │ ├── Button.stories.js │ │ │ ├── Button.styles.js │ │ │ ├── ButtonBase/ │ │ │ │ └── ButtonBase.js │ │ │ ├── ContainedButton/ │ │ │ │ ├── ContainedButton.js │ │ │ │ └── ContainedButton.stories.js │ │ │ ├── FlatButton/ │ │ │ │ ├── FlatButton.js │ │ │ │ └── FlatButton.stories.js │ │ │ ├── OutlinedButton/ │ │ │ │ ├── OutlinedButton.js │ │ │ │ └── OutlinedButton.stories.js │ │ │ ├── TextButton/ │ │ │ │ ├── TextButton.js │ │ │ │ └── TextButton.stories.js │ │ │ └── index.js │ │ ├── Card/ │ │ │ ├── Card.js │ │ │ ├── Card.stories.js │ │ │ ├── Card.styles.js │ │ │ ├── CardActions/ │ │ │ │ ├── CardActions.js │ │ │ │ ├── CardActions.styles.js │ │ │ │ └── index.js │ │ │ ├── CardContent/ │ │ │ │ ├── CardContent.js │ │ │ │ ├── CardContent.styles.js │ │ │ │ └── index.js │ │ │ ├── CardHeader/ │ │ │ │ ├── CardHeader.js │ │ │ │ ├── CardHeader.styles.js │ │ │ │ └── index.js │ │ │ ├── CardMedia/ │ │ │ │ ├── CardMedia.js │ │ │ │ ├── CardMedia.styles.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Checkbox/ │ │ │ ├── Checkbox.js │ │ │ ├── Checkbox.stories.js │ │ │ ├── Checkbox.styles.js │ │ │ └── index.js │ │ ├── Chip/ │ │ │ ├── Chip.js │ │ │ ├── Chip.stories.js │ │ │ ├── Chip.styles.js │ │ │ └── index.js │ │ ├── DataTable/ │ │ │ ├── DataTable.js │ │ │ ├── DataTable.stories.js │ │ │ ├── DataTable.styles.js │ │ │ ├── DataTableCell/ │ │ │ │ ├── DataTableCell.js │ │ │ │ ├── DataTableCell.stories.js │ │ │ │ ├── DataTableCell.styles.js │ │ │ │ └── index.js │ │ │ ├── DataTableHeader/ │ │ │ │ ├── DataTableHeader.js │ │ │ │ ├── DataTableHeader.stories.js │ │ │ │ ├── DataTableHeader.styles.js │ │ │ │ └── index.js │ │ │ ├── DataTablePagination/ │ │ │ │ ├── DataTablePagination.js │ │ │ │ ├── DataTablePagination.stories.js │ │ │ │ ├── DataTablePagination.styles.js │ │ │ │ └── index.js │ │ │ ├── DataTableRow/ │ │ │ │ ├── DataTableRow.js │ │ │ │ ├── DataTableRow.stories.js │ │ │ │ ├── DataTableRow.styles.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Dialog/ │ │ │ ├── Dialog.js │ │ │ ├── Dialog.stories.js │ │ │ ├── Dialog.styles.js │ │ │ └── index.js │ │ ├── Divider/ │ │ │ ├── Divider.js │ │ │ ├── Divider.stories.js │ │ │ ├── Divider.styles.js │ │ │ └── index.js │ │ ├── Drawer/ │ │ │ ├── Drawer.js │ │ │ ├── Drawer.stories.js │ │ │ ├── Drawer.styles.js │ │ │ ├── DrawerHeader/ │ │ │ │ ├── DrawerHeader.js │ │ │ │ ├── DrawerHeader.stories.js │ │ │ │ ├── DrawerHeader.styles.js │ │ │ │ └── index.js │ │ │ ├── DrawerItem/ │ │ │ │ ├── DrawerItem.js │ │ │ │ ├── DrawerItem.stories.js │ │ │ │ ├── DrawerItem.styles.js │ │ │ │ └── index.js │ │ │ ├── DrawerSection/ │ │ │ │ ├── DrawerSection.js │ │ │ │ ├── DrawerSection.stories.js │ │ │ │ ├── DrawerSection.styles.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── DrawerBottom/ │ │ │ ├── DrawerBottom.js │ │ │ ├── DrawerBottom.stories.js │ │ │ ├── DrawerBottom.styles.js │ │ │ └── index.js │ │ ├── Fab/ │ │ │ ├── Fab.js │ │ │ ├── Fab.stories.js │ │ │ ├── Fab.styles.js │ │ │ ├── FabSpeedDial/ │ │ │ │ ├── FabSpeedDial.js │ │ │ │ ├── FabSpeedDial.stories.js │ │ │ │ ├── FabSpeedDial.styles.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Icon/ │ │ │ ├── Icon.js │ │ │ ├── Icon.styles.js │ │ │ ├── Icons.stories.js │ │ │ └── index.js │ │ ├── IconButton/ │ │ │ ├── IconButton.js │ │ │ ├── IconButton.stories.js │ │ │ ├── IconButton.styles.js │ │ │ └── index.js │ │ ├── List/ │ │ │ ├── List.js │ │ │ ├── List.stories.js │ │ │ ├── List.styles.js │ │ │ ├── ListExpand/ │ │ │ │ ├── ListExpand.js │ │ │ │ ├── ListExpand.stories.js │ │ │ │ ├── ListExpand.styles.js │ │ │ │ └── index.js │ │ │ ├── ListItem/ │ │ │ │ ├── ListItem.js │ │ │ │ ├── ListItem.stories.js │ │ │ │ ├── ListItem.styles.js │ │ │ │ └── index.js │ │ │ ├── ListSection/ │ │ │ │ ├── ListSection.js │ │ │ │ ├── ListSection.stories.js │ │ │ │ ├── ListSection.styles.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Menu/ │ │ │ ├── Menu.js │ │ │ ├── Menu.stories.js │ │ │ ├── Menu.styles.js │ │ │ ├── MenuItem/ │ │ │ │ ├── MenuItem.js │ │ │ │ ├── MenuItem.stories.js │ │ │ │ ├── MenuItem.styles.js │ │ │ │ └── index.js │ │ │ ├── ModalMenu/ │ │ │ │ ├── ModalMenu.native.styles.js │ │ │ │ ├── ModalMenu.styles.js │ │ │ │ ├── Portal.js │ │ │ │ ├── ariaAppHider.js │ │ │ │ ├── index.js │ │ │ │ ├── index.native.js │ │ │ │ ├── index.web.js │ │ │ │ └── utils.js │ │ │ └── index.js │ │ ├── Modal/ │ │ │ ├── Modal.android.js │ │ │ ├── Modal.ios.js │ │ │ ├── Modal.js │ │ │ ├── Modal.styles.js │ │ │ └── Modal.web.js │ │ ├── Paper/ │ │ │ ├── Paper.js │ │ │ ├── Paper.stories.js │ │ │ └── Paper.styles.js │ │ ├── Progress/ │ │ │ ├── ProgressBar/ │ │ │ │ ├── ProgressBar.js │ │ │ │ ├── ProgressBar.stories.js │ │ │ │ ├── ProgressBar.styles.js │ │ │ │ └── index.js │ │ │ └── ProgressCircle/ │ │ │ ├── ProgressCircle.js │ │ │ ├── ProgressCircle.stories.js │ │ │ ├── ProgressCircle.styles.js │ │ │ ├── ProgressCircleDeterminate.js │ │ │ └── index.js │ │ ├── RadioButton/ │ │ │ ├── RadioButton.js │ │ │ ├── RadioButton.stories.js │ │ │ ├── RadioButton.styles.js │ │ │ └── index.js │ │ ├── Ripple/ │ │ │ ├── Ripple.js │ │ │ ├── Ripple.stories.js │ │ │ ├── Ripple.styles.js │ │ │ └── index.js │ │ ├── Select/ │ │ │ ├── Select.js │ │ │ ├── Select.styles.js │ │ │ ├── SelectFilled/ │ │ │ │ └── SelectFilled.stories.js │ │ │ ├── SelectFlat/ │ │ │ │ └── SelectFlat.stories.js │ │ │ ├── SelectOutlined/ │ │ │ │ └── SelectOutlined.stories.js │ │ │ └── index.js │ │ ├── SheetBottom/ │ │ │ ├── SheetBottom.js │ │ │ ├── SheetBottom.native.js │ │ │ ├── SheetBottom.stories.js │ │ │ ├── SheetBottom.styles.js │ │ │ ├── SheetBottom.web.js │ │ │ └── index.js │ │ ├── SheetSide/ │ │ │ ├── SheetSide.android.js │ │ │ ├── SheetSide.ios.js │ │ │ ├── SheetSide.js │ │ │ ├── SheetSide.stories.js │ │ │ ├── SheetSide.styles.js │ │ │ ├── SheetSide.web.js │ │ │ └── index.js │ │ ├── Slider/ │ │ │ ├── Marker/ │ │ │ │ ├── Marker.js │ │ │ │ └── Marker.styles.js │ │ │ ├── MarkerContainer/ │ │ │ │ ├── MarkerContainer.js │ │ │ │ └── MarkerContainer.styles.js │ │ │ ├── Slider.js │ │ │ ├── Slider.stories.js │ │ │ ├── Slider.styles.js │ │ │ ├── Track/ │ │ │ │ ├── Track.js │ │ │ │ └── Track.styles.js │ │ │ ├── converts.js │ │ │ └── index.js │ │ ├── Snackbar/ │ │ │ ├── Snackbar.js │ │ │ ├── Snackbar.stories.js │ │ │ ├── Snackbar.styles.js │ │ │ └── index.js │ │ ├── SwipeNav/ │ │ │ ├── SwipeNav.js │ │ │ ├── SwipeNav.stories.js │ │ │ ├── SwipeNav.styles.js │ │ │ └── index.js │ │ ├── Switch/ │ │ │ ├── Switch.js │ │ │ ├── Switch.stories.js │ │ │ ├── Switch.styles.js │ │ │ └── index.js │ │ ├── Tabs/ │ │ │ ├── Tab/ │ │ │ │ ├── Tab.js │ │ │ │ ├── Tab.stories.js │ │ │ │ ├── Tab.styles.js │ │ │ │ └── index.js │ │ │ ├── Tabs.js │ │ │ ├── Tabs.stories.js │ │ │ ├── Tabs.styles.js │ │ │ ├── Underline/ │ │ │ │ ├── Underline.js │ │ │ │ └── Undrline.styles.js │ │ │ └── index.js │ │ ├── TextField/ │ │ │ ├── Searchfield/ │ │ │ │ ├── Searchfield.js │ │ │ │ ├── Searchfield.stories.js │ │ │ │ └── Searchfield.styles.js │ │ │ ├── TextField.js │ │ │ ├── TextField.styles.js │ │ │ ├── TextFieldFilled/ │ │ │ │ ├── TextFieldFilled.js │ │ │ │ ├── TextFieldFilled.stories.js │ │ │ │ └── TextFieldFilled.styles.js │ │ │ ├── TextFieldFlat/ │ │ │ │ ├── TextFieldFlat.js │ │ │ │ ├── TextFieldFlat.stories.js │ │ │ │ └── TextFieldFlat.styles.js │ │ │ ├── TextFieldHelperText/ │ │ │ │ ├── TextFieldHelperText.js │ │ │ │ ├── TextFieldHelperText.styles.js │ │ │ │ └── index.js │ │ │ ├── TextFieldLabel/ │ │ │ │ ├── TextFieldLabel.constants.js │ │ │ │ ├── TextFieldLabel.constants.native.js │ │ │ │ ├── TextFieldLabel.constants.web.js │ │ │ │ ├── TextFieldLabel.js │ │ │ │ └── TextFieldLabel.styles.js │ │ │ ├── TextFieldOutline/ │ │ │ │ ├── TextFieldOutline.js │ │ │ │ ├── TextFieldOutline.stories.js │ │ │ │ └── TextFieldOutline.styles.js │ │ │ ├── TextFieldUnderline/ │ │ │ │ ├── TextFieldUnderline.js │ │ │ │ └── TextFieldUnderline.styles.js │ │ │ └── index.js │ │ ├── ToggleButton/ │ │ │ ├── ToggleButton.js │ │ │ ├── ToggleButton.stories.js │ │ │ ├── ToggleButton.styles.js │ │ │ ├── ToggleButtonGroup/ │ │ │ │ ├── ToggleButtonGroup.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Tooltip/ │ │ │ ├── Tooltip.js │ │ │ ├── Tooltip.stories.js │ │ │ ├── Tooltip.styles.js │ │ │ └── index.js │ │ └── Typography/ │ │ ├── BaseText/ │ │ │ └── BaseText.js │ │ ├── BodyText/ │ │ │ └── BodyText.js │ │ ├── Caption/ │ │ │ └── Caption.js │ │ ├── Heading/ │ │ │ └── Heading.js │ │ ├── Overline/ │ │ │ └── Overline.js │ │ ├── Subtitle/ │ │ │ └── Subtitle.js │ │ ├── Typography.stories.js │ │ └── index.js │ ├── Core/ │ │ ├── BreadProvider.js │ │ └── colors/ │ │ ├── amber.js │ │ ├── blue.js │ │ ├── blueGrey.js │ │ ├── brown.js │ │ ├── cyan.js │ │ ├── deepOrange.js │ │ ├── deepPurple.js │ │ ├── green.js │ │ ├── grey.js │ │ ├── index.js │ │ ├── indigo.js │ │ ├── lightBlue.js │ │ ├── lightGreen.js │ │ ├── lime.js │ │ ├── orange.js │ │ ├── pink.js │ │ ├── purple.js │ │ ├── red.js │ │ ├── teal.js │ │ └── yellow.js │ ├── Theme/ │ │ ├── ThemeContext.js │ │ ├── defaultTheme.js │ │ ├── mergeTheme.js │ │ └── withTheme.js │ ├── Utils/ │ │ ├── Anchor/ │ │ │ ├── Anchor.js │ │ │ └── Anchor.stories.js │ │ ├── Hoverable/ │ │ │ ├── HoverState.js │ │ │ ├── Hoverable.js │ │ │ └── Hoverable.stories.js │ │ └── Shadow/ │ │ ├── Shadow.stories.js │ │ └── shadow.js │ ├── helpers/ │ │ ├── hasNotch.js │ │ └── statusBarHeight.js │ ├── index.d.ts │ ├── index.js │ ├── storybook/ │ │ ├── components/ │ │ │ ├── Container.js │ │ │ └── Header.js │ │ ├── helpers/ │ │ │ └── storiesOf/ │ │ │ ├── index.android.js │ │ │ ├── index.ios.js │ │ │ └── index.js │ │ ├── index.android.js │ │ ├── index.ios.js │ │ ├── index.js │ │ ├── rn-addons.js │ │ ├── stories/ │ │ │ ├── Home.stories.js │ │ │ └── index.js │ │ └── storybook.js │ └── vue-native.js ├── docs/ │ ├── .babelrc │ ├── .eslintrc │ ├── README.md │ ├── gatsby-browser.js │ ├── gatsby-config.js │ ├── gatsby-node.js │ ├── gatsby-ssr.js │ ├── package.json │ └── src/ │ ├── blog/ │ │ └── baking-material/ │ │ └── 1-appbar-bottom.md │ ├── components/ │ │ ├── BackgroundColors/ │ │ │ └── BackgroundColors.js │ │ ├── BrowserCSS.js │ │ ├── CodeBlock.js │ │ ├── CodeInline.js │ │ ├── ColorPalette/ │ │ │ ├── ColorBlock/ │ │ │ │ ├── ColorBlock.js │ │ │ │ ├── ColorBlock.styles.js │ │ │ │ └── index.js │ │ │ ├── ColorPalette.js │ │ │ └── FullPalette.js │ │ ├── ComponentPage/ │ │ │ ├── ComponentDemo.js │ │ │ ├── ComponentDemoHeader.js │ │ │ ├── ComponentDescription.js │ │ │ ├── ComponentHeader.js │ │ │ ├── ComponentMainDemo.js │ │ │ ├── ComponentPageLayout.js │ │ │ ├── ComponentProps.js │ │ │ ├── ComponentSubtitle.js │ │ │ └── ComponentUsage.js │ │ ├── Drawer/ │ │ │ ├── DrawerContent.js │ │ │ ├── DrawerHeader.js │ │ │ ├── DrawerItem.js │ │ │ └── DrawerItemExpand.js │ │ ├── Helmet.js │ │ ├── HomeLiveEdit/ │ │ │ ├── HomeLiveEdit.js │ │ │ └── HomeLiveEditToolTip.js │ │ ├── IconDirectory/ │ │ │ ├── IconBlock.js │ │ │ └── IconDirectory.js │ │ ├── Iphonex.js │ │ ├── Layout/ │ │ │ ├── Header.js │ │ │ └── PageLayout.js │ │ ├── Link.js │ │ ├── LiveEdit/ │ │ │ ├── LiveEdit.js │ │ │ └── LiveEditToolTip.js │ │ ├── Logo/ │ │ │ ├── Logo.js │ │ │ └── LogoWithText.js │ │ ├── P.js │ │ ├── PageTitle.js │ │ ├── Pixel3xl.js │ │ ├── PlatformButton.js │ │ ├── PropsTable/ │ │ │ └── index.js │ │ ├── Section.js │ │ ├── SectionHeader.js │ │ ├── SideScrollMenu/ │ │ │ └── index.js │ │ ├── Sponsored.js │ │ ├── blog/ │ │ │ ├── Layout.js │ │ │ └── seo.js │ │ ├── image.js │ │ └── index.js │ ├── content/ │ │ ├── components/ │ │ │ ├── appbar/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── CustomDemo.js │ │ │ │ │ ├── ImageDemo.js │ │ │ │ │ ├── MenuDemo.js │ │ │ │ │ ├── SearchBarDemo.js │ │ │ │ │ ├── SearchFieldDemo.js │ │ │ │ │ ├── SubtitleDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── appbar-bottom/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── CustomDemo.js │ │ │ │ │ ├── EndFabDemo.js │ │ │ │ │ ├── NoFabDemo.js │ │ │ │ │ ├── SpeedDialDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── avatar/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── CustomDemo.js │ │ │ │ │ ├── IconDemo.js │ │ │ │ │ ├── TextDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── backdrop/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── SubheaderDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── badge/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── AnimatedDemo.js │ │ │ │ │ ├── DotDemo.js │ │ │ │ │ ├── MaxDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── banner/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── SingleLineDemo.js │ │ │ │ │ ├── ThreeLineDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── bottom-navigation/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── ColoredDemo.js │ │ │ │ │ ├── IconsOnly.js │ │ │ │ │ ├── LabelsDemo.js │ │ │ │ │ ├── LandscapeDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── bottom-navigation-item/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── BadgeDemo.js │ │ │ │ │ ├── CustomDemo.js │ │ │ │ │ ├── StyledDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── button/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── ContainedDemo.js │ │ │ │ │ ├── CustomDemo.js │ │ │ │ │ ├── FlatDemo.js │ │ │ │ │ ├── FullWidthDemo.js │ │ │ │ │ ├── IconsDemo.js │ │ │ │ │ ├── OutlinedDemo.js │ │ │ │ │ ├── TextDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── card/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── ActionMediaDemo.js │ │ │ │ │ ├── ClickableDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── card-actions/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── CustomDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── card-content/ │ │ │ │ ├── Demos/ │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── card-header/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── MoreActions.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── card-media/ │ │ │ │ ├── Demos/ │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── checkbox/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── IOSDemo.js │ │ │ │ │ ├── IconsDemo.js │ │ │ │ │ ├── LabelsDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── chip/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── CustomDemo.js │ │ │ │ │ ├── DeleteChipDemo.js │ │ │ │ │ ├── IconsDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── datatable/ │ │ │ │ ├── Demos/ │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── datatable-cell/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── SortingIconDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── datatable-header/ │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── datatable-pagination/ │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── datatable-row/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── CheckboxDemo.js │ │ │ │ │ ├── SelectedDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── dialog/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── AlertDemo.js │ │ │ │ │ ├── SimpleDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── divider/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── InsetLeftDemo.js │ │ │ │ │ ├── SubheaderDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── drawer/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── ClippedDemo.js │ │ │ │ │ ├── PermanentDemo.js │ │ │ │ │ ├── PushDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── drawer-bottom/ │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── drawer-header/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── AvatarDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── drawer-item/ │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── drawer-section/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── LabelDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── fab/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── AnimatedDemo.js │ │ │ │ │ ├── ExtendedDemo.js │ │ │ │ │ ├── MiniDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── fab-speeddial/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── ExtendedDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── icon/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── AnotherSourceDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── iconbutton/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── AnotherSourceDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── list/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── SubheaderDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── list-expand/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── IconDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── list-item/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── ActionItemDemo.js │ │ │ │ │ ├── LeadingActionDemo.js │ │ │ │ │ ├── SecondaryDemo.js │ │ │ │ │ ├── SelectedDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── list-section/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── InsetDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── menu/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── ScrollingDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── menu-item/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── IconDemo.js │ │ │ │ │ ├── KeyboardDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── paper/ │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── progress-bar/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── DeterminateDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── progress-circle/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── DeterminateDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── radiobutton/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── LabelsDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── ripple/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── CenteredDemo.js │ │ │ │ │ ├── SequentialDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── searchbar/ │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── searchfield/ │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── select/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── TextFieldPropsDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── sheet-bottom/ │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── sheet-side/ │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── slider/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── RangedDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── snackbar/ │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── swipenav/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── SwipeFooter.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── switch/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── LabelsDemo.js │ │ │ │ │ ├── LoaderDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── tab/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── StyledDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── tabs/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── IconsOnly.js │ │ │ │ │ ├── LabelsDemo.js │ │ │ │ │ ├── ScrollableDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── textfield/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── DenseDemo.js │ │ │ │ │ ├── HelperTextDemo.js │ │ │ │ │ ├── LeadingIconDemo.js │ │ │ │ │ ├── PrefixSuffixDemo.js │ │ │ │ │ ├── TrailingIconDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── togglebutton/ │ │ │ │ ├── Demos/ │ │ │ │ │ ├── CustomDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── togglebutton-group/ │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── tooltip/ │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ └── typography/ │ │ │ ├── MainDemo.js │ │ │ ├── Props.js │ │ │ ├── Usage.js │ │ │ ├── index.js │ │ │ └── propData.js │ │ └── utils/ │ │ ├── anchor/ │ │ │ ├── MainDemo.js │ │ │ ├── Props.js │ │ │ ├── Usage.js │ │ │ ├── index.js │ │ │ └── propData.js │ │ ├── color/ │ │ │ ├── MainDemo.js │ │ │ ├── Usage.js │ │ │ └── index.js │ │ ├── hoverable/ │ │ │ ├── Demos/ │ │ │ │ ├── AnimatedDemo.js │ │ │ │ └── index.js │ │ │ ├── MainDemo.js │ │ │ ├── Props.js │ │ │ ├── Usage.js │ │ │ ├── index.js │ │ │ └── propData.js │ │ └── shadow/ │ │ ├── MainDemo.js │ │ ├── Usage.js │ │ └── index.js │ ├── html.js │ ├── navigation/ │ │ ├── componentPages.js │ │ ├── contributingPages.js │ │ ├── gettingStartedPages.js │ │ ├── index.js │ │ ├── stylePages.js │ │ └── utilsPages.js │ ├── pages/ │ │ ├── 404.js │ │ ├── about.js │ │ ├── baking-material.js │ │ ├── components/ │ │ │ ├── appbar-bottom.js │ │ │ ├── appbar.js │ │ │ ├── avatar.js │ │ │ ├── backdrop.js │ │ │ ├── badge.js │ │ │ ├── banner.js │ │ │ ├── bottom-navigation-item.js │ │ │ ├── bottom-navigation.js │ │ │ ├── button.js │ │ │ ├── card-actions.js │ │ │ ├── card-content.js │ │ │ ├── card-header.js │ │ │ ├── card-media.js │ │ │ ├── card.js │ │ │ ├── checkbox.js │ │ │ ├── chip.js │ │ │ ├── datatable-cell.js │ │ │ ├── datatable-header.js │ │ │ ├── datatable-pagination.js │ │ │ ├── datatable-row.js │ │ │ ├── datatable.js │ │ │ ├── dialog.js │ │ │ ├── divider.js │ │ │ ├── drawer-bottom.js │ │ │ ├── drawer-header.js │ │ │ ├── drawer-item.js │ │ │ ├── drawer-section.js │ │ │ ├── drawer.js │ │ │ ├── fab-speeddial.js │ │ │ ├── fab.js │ │ │ ├── icon.js │ │ │ ├── iconbutton.js │ │ │ ├── list-expand.js │ │ │ ├── list-item.js │ │ │ ├── list-section.js │ │ │ ├── list.js │ │ │ ├── menu-item.js │ │ │ ├── menu.js │ │ │ ├── paper.js │ │ │ ├── progress-bar.js │ │ │ ├── progress-circle.js │ │ │ ├── radiobutton.js │ │ │ ├── ripple.js │ │ │ ├── searchbar.js │ │ │ ├── searchfield.js │ │ │ ├── select.js │ │ │ ├── sheet-bottom.js │ │ │ ├── sheet-side.js │ │ │ ├── slider.js │ │ │ ├── snackbar.js │ │ │ ├── swipenav.js │ │ │ ├── switch.js │ │ │ ├── tab.js │ │ │ ├── tabs.js │ │ │ ├── textfield.js │ │ │ ├── togglebutton-group.js │ │ │ ├── togglebutton.js │ │ │ ├── tooltip.js │ │ │ └── typography.js │ │ ├── contributing/ │ │ │ ├── docs.js │ │ │ └── library.js │ │ ├── getting-started/ │ │ │ ├── electron.js │ │ │ ├── expo.js │ │ │ ├── macos.js │ │ │ ├── nextjs.js │ │ │ ├── react-native.js │ │ │ ├── vue-native.js │ │ │ ├── web.js │ │ │ └── windows.js │ │ ├── index.js │ │ ├── showcase.js │ │ ├── style/ │ │ │ ├── font.js │ │ │ ├── icons.js │ │ │ └── theme.js │ │ └── utils/ │ │ ├── anchor.js │ │ ├── color.js │ │ ├── hoverable.js │ │ └── shadow.js │ ├── styles/ │ │ ├── components/ │ │ │ ├── CodeBlock.css │ │ │ └── Logo.css │ │ ├── global/ │ │ │ └── global.css │ │ ├── pages/ │ │ │ └── index.module.css │ │ ├── templates/ │ │ │ └── Page.css │ │ └── vendor/ │ │ └── prism.css │ ├── templates/ │ │ ├── blog-post.js │ │ ├── component.js │ │ └── page.js │ └── utils/ │ └── createPropData.js ├── index.js ├── ios/ │ ├── MaterialBread/ │ │ ├── AppDelegate.h │ │ ├── AppDelegate.m │ │ ├── Base.lproj/ │ │ │ └── LaunchScreen.xib │ │ ├── Images.xcassets/ │ │ │ ├── AppIcon.appiconset/ │ │ │ │ └── Contents.json │ │ │ └── Contents.json │ │ ├── Info.plist │ │ └── main.m │ ├── MaterialBread-tvOS/ │ │ └── Info.plist │ ├── MaterialBread-tvOSTests/ │ │ └── Info.plist │ ├── MaterialBread.xcodeproj/ │ │ ├── project.pbxproj │ │ └── xcshareddata/ │ │ └── xcschemes/ │ │ ├── MaterialBread-tvOS.xcscheme │ │ └── MaterialBread.xcscheme │ └── MaterialBreadTests/ │ ├── Info.plist │ └── MaterialBreadTests.m ├── netlify.toml ├── package.json ├── public/ │ ├── index.js │ └── manifest.json ├── rn-cli.config.js ├── src/ │ ├── Components/ │ │ ├── Appbar/ │ │ │ ├── .Appbar.js.swp │ │ │ ├── Appbar.js │ │ │ ├── Appbar.stories.js │ │ │ ├── Appbar.styles.js │ │ │ ├── Appbar.test.js │ │ │ ├── Searchbar/ │ │ │ │ ├── Searchbar.js │ │ │ │ ├── Searchbar.stories.js │ │ │ │ ├── Searchbar.styles.js │ │ │ │ ├── Searchbar.test.js │ │ │ │ └── __snapshots__/ │ │ │ │ └── Searchbar.test.js.snap │ │ │ ├── __snapshots__/ │ │ │ │ └── Appbar.test.js.snap │ │ │ └── index.js │ │ ├── AppbarBottom/ │ │ │ ├── AppbarBottom.js │ │ │ ├── AppbarBottom.stories.js │ │ │ ├── AppbarBottom.styles.js │ │ │ ├── AppbarBottom.svg.js │ │ │ ├── AppbarBottom.test.js │ │ │ ├── __snapshots__/ │ │ │ │ └── AppbarBottom.test.js.snap │ │ │ └── index.js │ │ ├── Avatar/ │ │ │ ├── Avatar.js │ │ │ ├── Avatar.stories.js │ │ │ ├── Avatar.styles.js │ │ │ ├── Avatar.test.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Avatar.test.js.snap │ │ │ └── index.js │ │ ├── Backdrop/ │ │ │ ├── BackLayer/ │ │ │ │ ├── BackLayer.js │ │ │ │ └── BackLayer.styles.js │ │ │ ├── Backdrop.js │ │ │ ├── Backdrop.stories.js │ │ │ ├── Backdrop.styles.js │ │ │ ├── Backdrop.test.js │ │ │ ├── FrontLayer/ │ │ │ │ ├── FrontLayer.js │ │ │ │ └── FrontLayer.styles.js │ │ │ ├── FrontLayerScrim/ │ │ │ │ ├── FrontLayerScrim.js │ │ │ │ └── FrontLayerScrim.styles.js │ │ │ ├── HeaderButton/ │ │ │ │ ├── HeaderButton.js │ │ │ │ └── HeaderButton.styles.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Backdrop.test.js.snap │ │ │ ├── index.js │ │ │ └── utils.js │ │ ├── Badge/ │ │ │ ├── Badge.js │ │ │ ├── Badge.stories.js │ │ │ ├── Badge.styles.js │ │ │ ├── Badge.test.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Badge.test.js.snap │ │ │ └── index.js │ │ ├── Banner/ │ │ │ ├── Banner.js │ │ │ ├── Banner.stories.js │ │ │ ├── Banner.styles.js │ │ │ ├── Banner.test.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Banner.test.js.snap │ │ │ └── index.js │ │ ├── BottomNavigation/ │ │ │ ├── BottomNavigation.js │ │ │ ├── BottomNavigation.stories.js │ │ │ ├── BottomNavigation.styles.js │ │ │ ├── BottomNavigation.test.js │ │ │ ├── BottomNavigationItem/ │ │ │ │ ├── BottomNavigationItem.js │ │ │ │ ├── BottomNavigationItem.stories.js │ │ │ │ ├── BottomNavigationItem.styles.js │ │ │ │ ├── BottomNavigationItem.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── BottomNavigationItem.test.js.snap │ │ │ │ └── index.js │ │ │ ├── __snapshots__/ │ │ │ │ └── BottomNavigation.test.js.snap │ │ │ └── index.js │ │ ├── Button/ │ │ │ ├── Button.js │ │ │ ├── Button.stories.js │ │ │ ├── Button.styles.js │ │ │ ├── Button.test.js │ │ │ ├── ButtonBase/ │ │ │ │ └── ButtonBase.js │ │ │ ├── ContainedButton/ │ │ │ │ ├── ContainedButton.js │ │ │ │ └── ContainedButton.stories.js │ │ │ ├── FlatButton/ │ │ │ │ ├── FlatButton.js │ │ │ │ └── FlatButton.stories.js │ │ │ ├── OutlinedButton/ │ │ │ │ ├── OutlinedButton.js │ │ │ │ └── OutlinedButton.stories.js │ │ │ ├── TextButton/ │ │ │ │ ├── TextButton.js │ │ │ │ └── TextButton.stories.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Button.test.js.snap │ │ │ └── index.js │ │ ├── Card/ │ │ │ ├── Card.js │ │ │ ├── Card.stories.js │ │ │ ├── Card.styles.js │ │ │ ├── Card.test.js │ │ │ ├── CardActions/ │ │ │ │ ├── CardActions.js │ │ │ │ ├── CardActions.styles.js │ │ │ │ ├── CardActions.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── CardActions.test.js.snap │ │ │ │ └── index.js │ │ │ ├── CardContent/ │ │ │ │ ├── CardContent.js │ │ │ │ ├── CardContent.styles.js │ │ │ │ ├── CardContent.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── CardContent.test.js.snap │ │ │ │ └── index.js │ │ │ ├── CardHeader/ │ │ │ │ ├── CardHeader.js │ │ │ │ ├── CardHeader.styles.js │ │ │ │ ├── CardHeader.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── CardHeader.test.js.snap │ │ │ │ └── index.js │ │ │ ├── CardMedia/ │ │ │ │ ├── CardMedia.js │ │ │ │ ├── CardMedia.styles.js │ │ │ │ ├── CardMedia.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── CardMedia.test.js.snap │ │ │ │ └── index.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Card.test.js.snap │ │ │ └── index.js │ │ ├── Checkbox/ │ │ │ ├── Checkbox.js │ │ │ ├── Checkbox.stories.js │ │ │ ├── Checkbox.styles.js │ │ │ ├── Checkbox.test.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Checkbox.test.js.snap │ │ │ └── index.js │ │ ├── Chip/ │ │ │ ├── Chip.js │ │ │ ├── Chip.stories.js │ │ │ ├── Chip.styles.js │ │ │ ├── Chip.test.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Chip.test.js.snap │ │ │ └── index.js │ │ ├── DataTable/ │ │ │ ├── DataTable.js │ │ │ ├── DataTable.stories.js │ │ │ ├── DataTable.styles.js │ │ │ ├── DataTable.test.js │ │ │ ├── DataTableCell/ │ │ │ │ ├── DataTableCell.js │ │ │ │ ├── DataTableCell.stories.js │ │ │ │ ├── DataTableCell.styles.js │ │ │ │ ├── DataTableCell.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── DataTableCell.test.js.snap │ │ │ │ └── index.js │ │ │ ├── DataTableHeader/ │ │ │ │ ├── DataTableHeader.js │ │ │ │ ├── DataTableHeader.stories.js │ │ │ │ ├── DataTableHeader.styles.js │ │ │ │ ├── DataTableHeader.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── DataTableHeader.test.js.snap │ │ │ │ └── index.js │ │ │ ├── DataTablePagination/ │ │ │ │ ├── DataTablePagination.js │ │ │ │ ├── DataTablePagination.stories.js │ │ │ │ ├── DataTablePagination.styles.js │ │ │ │ ├── DataTablePagination.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── DataTablePagination.test.js.snap │ │ │ │ └── index.js │ │ │ ├── DataTableRow/ │ │ │ │ ├── DataTableRow.js │ │ │ │ ├── DataTableRow.stories.js │ │ │ │ ├── DataTableRow.styles.js │ │ │ │ ├── DataTableRow.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── DataTableRow.test.js.snap │ │ │ │ └── index.js │ │ │ ├── __snapshots__/ │ │ │ │ └── DataTable.test.js.snap │ │ │ └── index.js │ │ ├── Dialog/ │ │ │ ├── Dialog.js │ │ │ ├── Dialog.stories.js │ │ │ ├── Dialog.styles.js │ │ │ ├── Dialog.test.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Dialog.test.js.snap │ │ │ └── index.js │ │ ├── Divider/ │ │ │ ├── Divider.js │ │ │ ├── Divider.stories.js │ │ │ ├── Divider.styles.js │ │ │ ├── Divider.test.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Divider.test.js.snap │ │ │ └── index.js │ │ ├── Drawer/ │ │ │ ├── Drawer.js │ │ │ ├── Drawer.stories.js │ │ │ ├── Drawer.styles.js │ │ │ ├── Drawer.test.js │ │ │ ├── DrawerHeader/ │ │ │ │ ├── DrawerHeader.js │ │ │ │ ├── DrawerHeader.stories.js │ │ │ │ ├── DrawerHeader.styles.js │ │ │ │ ├── DrawerHeader.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── DrawerHeader.test.js.snap │ │ │ │ └── index.js │ │ │ ├── DrawerItem/ │ │ │ │ ├── DrawerItem.js │ │ │ │ ├── DrawerItem.stories.js │ │ │ │ ├── DrawerItem.styles.js │ │ │ │ ├── DrawerItem.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── DrawerItem.test.js.snap │ │ │ │ └── index.js │ │ │ ├── DrawerSection/ │ │ │ │ ├── DrawerSection.js │ │ │ │ ├── DrawerSection.stories.js │ │ │ │ ├── DrawerSection.styles.js │ │ │ │ ├── DrawerSection.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── DrawerSection.test.js.snap │ │ │ │ └── index.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Drawer.test.js.snap │ │ │ └── index.js │ │ ├── DrawerBottom/ │ │ │ ├── DrawerBottom.js │ │ │ ├── DrawerBottom.stories.js │ │ │ ├── DrawerBottom.styles.js │ │ │ ├── DrawerBottom.test.js │ │ │ ├── __snapshots__/ │ │ │ │ └── DrawerBottom.test.js.snap │ │ │ └── index.js │ │ ├── Fab/ │ │ │ ├── Fab.js │ │ │ ├── Fab.stories.js │ │ │ ├── Fab.styles.js │ │ │ ├── Fab.test.js │ │ │ ├── FabSpeedDial/ │ │ │ │ ├── FabSpeedDial.js │ │ │ │ ├── FabSpeedDial.stories.js │ │ │ │ ├── FabSpeedDial.styles.js │ │ │ │ ├── FabSpeedDial.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── FabSpeedDial.test.js.snap │ │ │ │ └── index.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Fab.test.js.snap │ │ │ └── index.js │ │ ├── Icon/ │ │ │ ├── Icon.js │ │ │ ├── Icon.styles.js │ │ │ ├── Icon.test.js │ │ │ ├── Icons.stories.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Icon.test.js.snap │ │ │ └── index.js │ │ ├── IconButton/ │ │ │ ├── IconButton.js │ │ │ ├── IconButton.stories.js │ │ │ ├── IconButton.styles.js │ │ │ ├── IconButton.test.js │ │ │ ├── __snapshots__/ │ │ │ │ └── IconButton.test.js.snap │ │ │ └── index.js │ │ ├── List/ │ │ │ ├── List.js │ │ │ ├── List.stories.js │ │ │ ├── List.styles.js │ │ │ ├── List.test.js │ │ │ ├── ListExpand/ │ │ │ │ ├── ListExpand.js │ │ │ │ ├── ListExpand.stories.js │ │ │ │ ├── ListExpand.styles.js │ │ │ │ ├── ListExpand.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── ListExpand.test.js.snap │ │ │ │ └── index.js │ │ │ ├── ListItem/ │ │ │ │ ├── ListItem.js │ │ │ │ ├── ListItem.stories.js │ │ │ │ ├── ListItem.styles.js │ │ │ │ ├── ListItem.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── ListItem.test.js.snap │ │ │ │ └── index.js │ │ │ ├── ListSection/ │ │ │ │ ├── ListSection.js │ │ │ │ ├── ListSection.stories.js │ │ │ │ ├── ListSection.styles.js │ │ │ │ ├── ListSection.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── ListSection.test.js.snap │ │ │ │ └── index.js │ │ │ ├── __snapshots__/ │ │ │ │ └── List.test.js.snap │ │ │ └── index.js │ │ ├── Menu/ │ │ │ ├── Menu.js │ │ │ ├── Menu.stories.js │ │ │ ├── Menu.styles.js │ │ │ ├── Menu.test.js │ │ │ ├── MenuItem/ │ │ │ │ ├── MenuItem.js │ │ │ │ ├── MenuItem.stories.js │ │ │ │ ├── MenuItem.styles.js │ │ │ │ ├── MenuItem.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── MenuItem.test.js.snap │ │ │ │ └── index.js │ │ │ ├── ModalMenu/ │ │ │ │ ├── ModalMenu.native.styles.js │ │ │ │ ├── ModalMenu.styles.js │ │ │ │ ├── Portal.js │ │ │ │ ├── ariaAppHider.js │ │ │ │ ├── index.js │ │ │ │ ├── index.native.js │ │ │ │ ├── index.web.js │ │ │ │ └── utils.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Menu.test.js.snap │ │ │ └── index.js │ │ ├── Modal/ │ │ │ ├── Modal.android.js │ │ │ ├── Modal.ios.js │ │ │ ├── Modal.js │ │ │ ├── Modal.styles.js │ │ │ └── Modal.web.js │ │ ├── Paper/ │ │ │ ├── Paper.js │ │ │ ├── Paper.stories.js │ │ │ ├── Paper.styles.js │ │ │ ├── Paper.test.js │ │ │ └── __snapshots__/ │ │ │ └── Paper.test.js.snap │ │ ├── Progress/ │ │ │ ├── ProgressBar/ │ │ │ │ ├── ProgressBar.js │ │ │ │ ├── ProgressBar.stories.js │ │ │ │ ├── ProgressBar.styles.js │ │ │ │ ├── ProgressBar.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── ProgressBar.test.js.snap │ │ │ │ └── index.js │ │ │ └── ProgressCircle/ │ │ │ ├── ProgressCircle.js │ │ │ ├── ProgressCircle.stories.js │ │ │ ├── ProgressCircle.styles.js │ │ │ ├── ProgressCircle.test.js │ │ │ ├── ProgressCircleDeterminate.js │ │ │ ├── __snapshots__/ │ │ │ │ └── ProgressCircle.test.js.snap │ │ │ └── index.js │ │ ├── RadioButton/ │ │ │ ├── RadioButton.js │ │ │ ├── RadioButton.stories.js │ │ │ ├── RadioButton.styles.js │ │ │ ├── RadioButton.test.js │ │ │ ├── __snapshots__/ │ │ │ │ └── RadioButton.test.js.snap │ │ │ └── index.js │ │ ├── Ripple/ │ │ │ ├── Ripple.js │ │ │ ├── Ripple.stories.js │ │ │ ├── Ripple.styles.js │ │ │ ├── Ripple.test.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Ripple.test.js.snap │ │ │ └── index.js │ │ ├── Select/ │ │ │ ├── Select.js │ │ │ ├── Select.styles.js │ │ │ ├── SelectFilled/ │ │ │ │ ├── SelectFilled.stories.js │ │ │ │ ├── SelectFilled.test.js │ │ │ │ └── __snapshots__/ │ │ │ │ └── SelectFilled.test.js.snap │ │ │ ├── SelectFlat/ │ │ │ │ ├── SelectFlat.stories.js │ │ │ │ ├── SelectFlat.test.js │ │ │ │ └── __snapshots__/ │ │ │ │ └── SelectFlat.test.js.snap │ │ │ ├── SelectOutlined/ │ │ │ │ ├── SelectOutlined.stories.js │ │ │ │ ├── SelectOutlined.test.js │ │ │ │ └── __snapshots__/ │ │ │ │ └── SelectOutlined.test.js.snap │ │ │ └── index.js │ │ ├── SheetBottom/ │ │ │ ├── SheetBottom.js │ │ │ ├── SheetBottom.native.js │ │ │ ├── SheetBottom.stories.js │ │ │ ├── SheetBottom.styles.js │ │ │ ├── SheetBottom.test.js │ │ │ ├── SheetBottom.web.js │ │ │ ├── __snapshots__/ │ │ │ │ └── SheetBottom.test.js.snap │ │ │ └── index.js │ │ ├── SheetSide/ │ │ │ ├── SheetSide.android.js │ │ │ ├── SheetSide.ios.js │ │ │ ├── SheetSide.js │ │ │ ├── SheetSide.stories.js │ │ │ ├── SheetSide.styles.js │ │ │ ├── SheetSide.test.js │ │ │ ├── SheetSide.web.js │ │ │ ├── __snapshots__/ │ │ │ │ └── SheetSide.test.js.snap │ │ │ └── index.js │ │ ├── Slider/ │ │ │ ├── Marker/ │ │ │ │ ├── Marker.js │ │ │ │ └── Marker.styles.js │ │ │ ├── MarkerContainer/ │ │ │ │ ├── MarkerContainer.js │ │ │ │ └── MarkerContainer.styles.js │ │ │ ├── Slider.js │ │ │ ├── Slider.stories.js │ │ │ ├── Slider.styles.js │ │ │ ├── Slider.test.js │ │ │ ├── Track/ │ │ │ │ ├── Track.js │ │ │ │ └── Track.styles.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Slider.test.js.snap │ │ │ ├── converts.js │ │ │ └── index.js │ │ ├── Snackbar/ │ │ │ ├── Snackbar.js │ │ │ ├── Snackbar.stories.js │ │ │ ├── Snackbar.styles.js │ │ │ ├── Snackbar.test.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Snackbar.test.js.snap │ │ │ └── index.js │ │ ├── SwipeNav/ │ │ │ ├── SwipeNav.js │ │ │ ├── SwipeNav.stories.js │ │ │ ├── SwipeNav.styles.js │ │ │ └── index.js │ │ ├── Switch/ │ │ │ ├── Switch.js │ │ │ ├── Switch.stories.js │ │ │ ├── Switch.styles.js │ │ │ ├── Switch.test.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Switch.test.js.snap │ │ │ └── index.js │ │ ├── Tabs/ │ │ │ ├── Tab/ │ │ │ │ ├── Tab.js │ │ │ │ ├── Tab.stories.js │ │ │ │ ├── Tab.styles.js │ │ │ │ ├── Tab.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── Tab.test.js.snap │ │ │ │ └── index.js │ │ │ ├── Tabs.js │ │ │ ├── Tabs.stories.js │ │ │ ├── Tabs.styles.js │ │ │ ├── Tabs.test.js │ │ │ ├── Underline/ │ │ │ │ ├── Underline.js │ │ │ │ └── Undrline.styles.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Tabs.test.js.snap │ │ │ └── index.js │ │ ├── TextField/ │ │ │ ├── Searchfield/ │ │ │ │ ├── Searchfield.js │ │ │ │ ├── Searchfield.stories.js │ │ │ │ ├── Searchfield.styles.js │ │ │ │ ├── Searchfield.test.js │ │ │ │ └── __snapshots__/ │ │ │ │ └── Searchfield.test.js.snap │ │ │ ├── TextField.js │ │ │ ├── TextField.styles.js │ │ │ ├── TextField.test.js │ │ │ ├── TextFieldFilled/ │ │ │ │ ├── TextFieldFilled.js │ │ │ │ ├── TextFieldFilled.stories.js │ │ │ │ ├── TextFieldFilled.styles.js │ │ │ │ ├── TextFieldFilled.test.js │ │ │ │ └── __snapshots__/ │ │ │ │ └── TextFieldFilled.test.js.snap │ │ │ ├── TextFieldFlat/ │ │ │ │ ├── TextFieldFlat.js │ │ │ │ ├── TextFieldFlat.stories.js │ │ │ │ ├── TextFieldFlat.styles.js │ │ │ │ ├── TextFieldFlat.test.js │ │ │ │ └── __snapshots__/ │ │ │ │ └── TextFieldFlat.test.js.snap │ │ │ ├── TextFieldHelperText/ │ │ │ │ ├── TextFieldHelperText.js │ │ │ │ ├── TextFieldHelperText.styles.js │ │ │ │ ├── TextFieldHelperText.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── TextFieldHelperText.test.js.snap │ │ │ │ └── index.js │ │ │ ├── TextFieldLabel/ │ │ │ │ ├── TextFieldLabel.constants.js │ │ │ │ ├── TextFieldLabel.constants.native.js │ │ │ │ ├── TextFieldLabel.constants.web.js │ │ │ │ ├── TextFieldLabel.js │ │ │ │ ├── TextFieldLabel.styles.js │ │ │ │ ├── TextFieldLabel.test.js │ │ │ │ └── __snapshots__/ │ │ │ │ └── TextFieldLabel.test.js.snap │ │ │ ├── TextFieldOutline/ │ │ │ │ ├── TextFieldOutline.js │ │ │ │ ├── TextFieldOutline.stories.js │ │ │ │ ├── TextFieldOutline.styles.js │ │ │ │ ├── TextFieldOutline.test.js │ │ │ │ └── __snapshots__/ │ │ │ │ └── TextFieldOutline.test.js.snap │ │ │ ├── TextFieldUnderline/ │ │ │ │ ├── TextFieldUnderline.js │ │ │ │ ├── TextFieldUnderline.styles.js │ │ │ │ ├── TextFieldUnderline.test.js │ │ │ │ └── __snapshots__/ │ │ │ │ └── TextFieldUnderline.test.js.snap │ │ │ ├── __snapshots__/ │ │ │ │ └── TextField.test.js.snap │ │ │ └── index.js │ │ ├── ToggleButton/ │ │ │ ├── ToggleButton.js │ │ │ ├── ToggleButton.stories.js │ │ │ ├── ToggleButton.styles.js │ │ │ ├── ToggleButton.test.js │ │ │ ├── ToggleButtonGroup/ │ │ │ │ ├── ToggleButtonGroup.js │ │ │ │ ├── ToggleButtonGroup.test.js │ │ │ │ ├── __snapshots__/ │ │ │ │ │ └── ToggleButtonGroup.test.js.snap │ │ │ │ └── index.js │ │ │ ├── __snapshots__/ │ │ │ │ └── ToggleButton.test.js.snap │ │ │ └── index.js │ │ ├── Tooltip/ │ │ │ ├── Tooltip.js │ │ │ ├── Tooltip.stories.js │ │ │ ├── Tooltip.styles.js │ │ │ ├── Tooltip.test.js │ │ │ ├── __snapshots__/ │ │ │ │ └── Tooltip.test.js.snap │ │ │ └── index.js │ │ └── Typography/ │ │ ├── BaseText/ │ │ │ ├── BaseTest.test.js │ │ │ ├── BaseText.js │ │ │ └── __snapshots__/ │ │ │ └── BaseTest.test.js.snap │ │ ├── BodyText/ │ │ │ ├── BodyText.js │ │ │ ├── BodyText.test.js │ │ │ └── __snapshots__/ │ │ │ └── BodyText.test.js.snap │ │ ├── Caption/ │ │ │ ├── Caption.js │ │ │ ├── Caption.test.js │ │ │ └── __snapshots__/ │ │ │ └── Caption.test.js.snap │ │ ├── Heading/ │ │ │ ├── Heading.js │ │ │ ├── Heading.test.js │ │ │ └── __snapshots__/ │ │ │ └── Heading.test.js.snap │ │ ├── Overline/ │ │ │ ├── Overline.js │ │ │ ├── Overline.test.js │ │ │ └── __snapshots__/ │ │ │ └── Overline.test.js.snap │ │ ├── Subtitle/ │ │ │ ├── Subtitle.js │ │ │ ├── Subtitle.test.js │ │ │ └── __snapshots__/ │ │ │ └── Subtitle.test.js.snap │ │ ├── Typography.stories.js │ │ └── index.js │ ├── Core/ │ │ ├── BreadProvider.js │ │ └── colors/ │ │ ├── amber.js │ │ ├── blue.js │ │ ├── blueGrey.js │ │ ├── brown.js │ │ ├── cyan.js │ │ ├── deepOrange.js │ │ ├── deepPurple.js │ │ ├── green.js │ │ ├── grey.js │ │ ├── index.js │ │ ├── indigo.js │ │ ├── lightBlue.js │ │ ├── lightGreen.js │ │ ├── lime.js │ │ ├── orange.js │ │ ├── pink.js │ │ ├── purple.js │ │ ├── red.js │ │ ├── teal.js │ │ └── yellow.js │ ├── Theme/ │ │ ├── ThemeContext.js │ │ ├── defaultTheme.js │ │ ├── mergeTheme.js │ │ └── withTheme.js │ ├── Utils/ │ │ ├── Anchor/ │ │ │ ├── Anchor.js │ │ │ └── Anchor.stories.js │ │ ├── Hoverable/ │ │ │ ├── HoverState.js │ │ │ ├── Hoverable.js │ │ │ ├── Hoverable.stories.js │ │ │ ├── Hoverable.test.js │ │ │ └── __snapshots__/ │ │ │ └── Hoverable.test.js.snap │ │ └── Shadow/ │ │ ├── Shadow.stories.js │ │ └── shadow.js │ ├── helpers/ │ │ ├── hasNotch.js │ │ └── statusBarHeight.js │ ├── index.d.ts │ ├── index.js │ ├── storybook/ │ │ ├── components/ │ │ │ ├── Container.js │ │ │ └── Header.js │ │ ├── helpers/ │ │ │ └── storiesOf/ │ │ │ ├── index.android.js │ │ │ ├── index.ios.js │ │ │ └── index.js │ │ ├── index.android.js │ │ ├── index.ios.js │ │ ├── index.js │ │ ├── rn-addons.js │ │ ├── stories/ │ │ │ ├── Home.stories.js │ │ │ └── index.js │ │ └── storybook.js │ └── vue-native.js └── webpack.config.js
SYMBOL INDEX (1433 symbols across 403 files)
FILE: .storybook/config.js
function loadStories (line 46) | function loadStories() {
FILE: android/app/src/main/java/com/materialbread/MainActivity.java
class MainActivity (line 5) | public class MainActivity extends ReactActivity {
method getMainComponentName (line 11) | @Override
FILE: android/app/src/main/java/com/materialbread/MainApplication.java
class MainApplication (line 16) | public class MainApplication extends Application implements ReactApplica...
method getUseDeveloperSupport (line 19) | @Override
method getPackages (line 24) | @Override
method getJSMainModuleName (line 33) | @Override
method getReactNativeHost (line 39) | @Override
method onCreate (line 44) | @Override
FILE: dist/Components/Appbar/Appbar.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
function Appbar (line 1) | function Appbar(){(0,_classCallCheck2.default)(this,Appbar);return(0,_po...
FILE: dist/Components/Appbar/Searchbar/Searchbar.js
function Searchbar (line 1) | function Searchbar(){(0,_classCallCheck2.default)(this,Searchbar);return...
FILE: dist/Components/Appbar/Searchbar/Searchbar.styles.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
FILE: dist/Components/AppbarBottom/AppbarBottom.js
function AppbarBottom (line 1) | function AppbarBottom(props){var _this;(0,_classCallCheck2.default)(this...
FILE: dist/Components/AppbarBottom/AppbarBottom.styles.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
FILE: dist/Components/Avatar/Avatar.js
function Avatar (line 1) | function Avatar(){(0,_classCallCheck2.default)(this,Avatar);return(0,_po...
FILE: dist/Components/Backdrop/BackLayer/BackLayer.js
function BackLayer (line 1) | function BackLayer(props){var _this;(0,_classCallCheck2.default)(this,Ba...
FILE: dist/Components/Backdrop/Backdrop.js
function Backdrop (line 1) | function Backdrop(props){var _this;(0,_classCallCheck2.default)(this,Bac...
FILE: dist/Components/Backdrop/FrontLayer/FrontLayer.js
function FrontLayer (line 1) | function FrontLayer(props){var _this;(0,_classCallCheck2.default)(this,F...
FILE: dist/Components/Backdrop/FrontLayerScrim/FrontLayerScrim.js
function FrontLayerScrim (line 1) | function FrontLayerScrim(props){(0,_classCallCheck2.default)(this,FrontL...
FILE: dist/Components/Backdrop/HeaderButton/HeaderButton.js
function HeaderButton (line 1) | function HeaderButton(props){var _this;(0,_classCallCheck2.default)(this...
FILE: dist/Components/Badge/Badge.js
function Badge (line 1) | function Badge(props){var _this;(0,_classCallCheck2.default)(this,Badge)...
FILE: dist/Components/Banner/Banner.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
function Banner (line 1) | function Banner(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.def...
FILE: dist/Components/BottomNavigation/BottomNavigation.js
function BottomNavigation (line 1) | function BottomNavigation(props){var _this;(0,_classCallCheck2.default)(...
FILE: dist/Components/BottomNavigation/BottomNavigation.styles.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
FILE: dist/Components/BottomNavigation/BottomNavigationItem/BottomNavigationItem.js
function BottomNavigationItem (line 1) | function BottomNavigationItem(){var _getPrototypeOf2;var _this;(0,_class...
FILE: dist/Components/Button/Button.js
function Button (line 1) | function Button(){(0,_classCallCheck2.default)(this,Button);return(0,_po...
FILE: dist/Components/Button/ButtonBase/ButtonBase.js
function ButtonBase (line 1) | function ButtonBase(){(0,_classCallCheck2.default)(this,ButtonBase);retu...
FILE: dist/Components/Button/ContainedButton/ContainedButton.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
function ContainedButton (line 1) | function ContainedButton(){var _getPrototypeOf2;var _this;(0,_classCallC...
FILE: dist/Components/Button/FlatButton/FlatButton.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
function FlatButton (line 1) | function FlatButton(){var _getPrototypeOf2;var _this;(0,_classCallCheck2...
FILE: dist/Components/Button/OutlinedButton/OutlinedButton.js
function OutlinedButton (line 1) | function OutlinedButton(){var _getPrototypeOf2;var _this;(0,_classCallCh...
FILE: dist/Components/Button/TextButton/TextButton.js
function TextButton (line 1) | function TextButton(){var _getPrototypeOf2;var _this;(0,_classCallCheck2...
FILE: dist/Components/Card/Card.js
function Card (line 1) | function Card(){(0,_classCallCheck2.default)(this,Card);return(0,_possib...
FILE: dist/Components/Card/CardActions/CardActions.js
function CardActions (line 1) | function CardActions(){(0,_classCallCheck2.default)(this,CardActions);re...
FILE: dist/Components/Card/CardContent/CardContent.js
function CardContent (line 1) | function CardContent(){(0,_classCallCheck2.default)(this,CardContent);re...
FILE: dist/Components/Card/CardHeader/CardHeader.js
function CardHeader (line 1) | function CardHeader(){(0,_classCallCheck2.default)(this,CardHeader);retu...
FILE: dist/Components/Card/CardMedia/CardMedia.js
function CardMedia (line 1) | function CardMedia(){(0,_classCallCheck2.default)(this,CardMedia);return...
FILE: dist/Components/Checkbox/Checkbox.js
function Checkbox (line 1) | function Checkbox(){(0,_classCallCheck2.default)(this,Checkbox);return(0...
FILE: dist/Components/Chip/Chip.js
function Chip (line 1) | function Chip(){(0,_classCallCheck2.default)(this,Chip);return(0,_possib...
FILE: dist/Components/DataTable/DataTable.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
function DataTable (line 1) | function DataTable(){(0,_classCallCheck2.default)(this,DataTable);return...
FILE: dist/Components/DataTable/DataTableCell/DataTableCell.js
function TableCell (line 1) | function TableCell(props){var _this;(0,_classCallCheck2.default)(this,Ta...
FILE: dist/Components/DataTable/DataTableHeader/DataTableHeader.js
function DataTableHeader (line 1) | function DataTableHeader(){(0,_classCallCheck2.default)(this,DataTableHe...
FILE: dist/Components/DataTable/DataTablePagination/DataTablePagination.js
function DataTablePagination (line 1) | function DataTablePagination(){var _getPrototypeOf2;var _this;(0,_classC...
FILE: dist/Components/DataTable/DataTableRow/DataTableRow.js
function DataTableRow (line 1) | function DataTableRow(props){var _this;(0,_classCallCheck2.default)(this...
FILE: dist/Components/Dialog/Dialog.js
function Dialog (line 1) | function Dialog(){(0,_classCallCheck2.default)(this,Dialog);return(0,_po...
FILE: dist/Components/Dialog/Dialog.styles.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
FILE: dist/Components/Divider/Divider.js
function Divider (line 1) | function Divider(){(0,_classCallCheck2.default)(this,Divider);return(0,_...
FILE: dist/Components/Drawer/Drawer.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
function Drawer (line 1) | function Drawer(props){var _this;(0,_classCallCheck2.default)(this,Drawe...
FILE: dist/Components/Drawer/DrawerHeader/DrawerHeader.js
function DrawerHeader (line 1) | function DrawerHeader(){(0,_classCallCheck2.default)(this,DrawerHeader);...
FILE: dist/Components/Drawer/DrawerItem/DrawerItem.js
function DrawerItem (line 1) | function DrawerItem(){(0,_classCallCheck2.default)(this,DrawerItem);retu...
FILE: dist/Components/Drawer/DrawerSection/DrawerSection.js
function DrawerSection (line 1) | function DrawerSection(){(0,_classCallCheck2.default)(this,DrawerSection...
FILE: dist/Components/DrawerBottom/DrawerBottom.js
function DrawerBottom (line 1) | function DrawerBottom(){(0,_classCallCheck2.default)(this,DrawerBottom);...
FILE: dist/Components/Fab/Fab.js
function Fab (line 1) | function Fab(props){var _this;(0,_classCallCheck2.default)(this,Fab);_th...
FILE: dist/Components/Fab/FabSpeedDial/FabSpeedDial.js
function FabSpeedDial (line 1) | function FabSpeedDial(props){var _this;(0,_classCallCheck2.default)(this...
FILE: dist/Components/Icon/Icon.js
function Icon (line 1) | function Icon(props){(0,_classCallCheck2.default)(this,Icon);return(0,_p...
FILE: dist/Components/IconButton/IconButton.js
function IconButton (line 1) | function IconButton(){var _getPrototypeOf2;var _this;(0,_classCallCheck2...
FILE: dist/Components/List/List.js
function List (line 1) | function List(){(0,_classCallCheck2.default)(this,List);return(0,_possib...
FILE: dist/Components/List/ListExpand/ListExpand.js
function ListExpand (line 1) | function ListExpand(){var _getPrototypeOf2;var _this;(0,_classCallCheck2...
FILE: dist/Components/List/ListItem/ListItem.js
function ListItem (line 1) | function ListItem(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.d...
FILE: dist/Components/List/ListSection/ListSection.js
function ListSection (line 1) | function ListSection(){(0,_classCallCheck2.default)(this,ListSection);re...
FILE: dist/Components/Menu/Menu.js
function Menu (line 1) | function Menu(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.defau...
FILE: dist/Components/Menu/Menu.styles.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
FILE: dist/Components/Menu/MenuItem/MenuItem.js
function MenuItem (line 1) | function MenuItem(props){var _this;(0,_classCallCheck2.default)(this,Men...
FILE: dist/Components/Menu/ModalMenu/Portal.js
function Portal (line 1) | function Portal(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.def...
FILE: dist/Components/Menu/ModalMenu/ariaAppHider.js
function assertNodeList (line 1) | function assertNodeList(nodeList,selector){if(!nodeList||!nodeList.lengt...
function setElement (line 1) | function setElement(element){var useElement=element;if(typeof useElement...
function validateElement (line 1) | function validateElement(appElement){if(!appElement&&!globalElement){ret...
function hide (line 1) | function hide(appElement){if(validateElement(appElement)){(appElement||g...
function show (line 1) | function show(appElement){if(validateElement(appElement)){(appElement||g...
function documentNotReadyOrSSRTesting (line 1) | function documentNotReadyOrSSRTesting(){globalElement=null;}
function resetForTesting (line 1) | function resetForTesting(){globalElement=null;}
FILE: dist/Components/Menu/ModalMenu/index.native.js
function Modal (line 1) | function Modal(){(0,_classCallCheck2.default)(this,Modal);return(0,_poss...
FILE: dist/Components/Menu/ModalMenu/index.web.js
function Modal (line 1) | function Modal(props){var _this;(0,_classCallCheck2.default)(this,Modal)...
FILE: dist/Components/Modal/Modal.android.js
function Modal (line 1) | function Modal(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.defa...
FILE: dist/Components/Modal/Modal.ios.js
function Modal (line 1) | function Modal(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.defa...
FILE: dist/Components/Modal/Modal.web.js
function Modal (line 1) | function Modal(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.defa...
FILE: dist/Components/Paper/Paper.js
function Paper (line 1) | function Paper(){(0,_classCallCheck2.default)(this,Paper);return(0,_poss...
FILE: dist/Components/Progress/ProgressBar/ProgressBar.js
function ProgressBar (line 1) | function ProgressBar(){var _getPrototypeOf2;var _this;(0,_classCallCheck...
FILE: dist/Components/Progress/ProgressCircle/ProgressCircle.js
function ProgressCircle (line 1) | function ProgressCircle(props){var _this;(0,_classCallCheck2.default)(th...
FILE: dist/Components/Progress/ProgressCircle/ProgressCircleDeterminate.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
function ProgressCircleDeterminate (line 1) | function ProgressCircleDeterminate(){var _getPrototypeOf2;var _this;(0,_...
FILE: dist/Components/RadioButton/RadioButton.js
function RadioButton (line 1) | function RadioButton(){(0,_classCallCheck2.default)(this,RadioButton);re...
FILE: dist/Components/Ripple/Ripple.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
function Ripple (line 1) | function Ripple(props){var _this;(0,_classCallCheck2.default)(this,Rippl...
FILE: dist/Components/Ripple/Ripple.styles.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
FILE: dist/Components/Select/Select.js
function Select (line 1) | function Select(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.def...
FILE: dist/Components/SheetBottom/SheetBottom.native.js
function SheetBottom (line 1) | function SheetBottom(props){var _this;(0,_classCallCheck2.default)(this,...
FILE: dist/Components/SheetBottom/SheetBottom.styles.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
FILE: dist/Components/SheetBottom/SheetBottom.web.js
function SheetBottom (line 1) | function SheetBottom(props){var _this;(0,_classCallCheck2.default)(this,...
FILE: dist/Components/SheetSide/SheetSide.android.js
function SheetSide (line 1) | function SheetSide(props){var _this;(0,_classCallCheck2.default)(this,Sh...
FILE: dist/Components/SheetSide/SheetSide.ios.js
function SheetSide (line 1) | function SheetSide(props){var _this;(0,_classCallCheck2.default)(this,Sh...
FILE: dist/Components/SheetSide/SheetSide.styles.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
FILE: dist/Components/SheetSide/SheetSide.web.js
function SheetSide (line 1) | function SheetSide(props){var _this;(0,_classCallCheck2.default)(this,Sh...
FILE: dist/Components/Slider/Marker/Marker.js
function Marker (line 1) | function Marker(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.def...
FILE: dist/Components/Slider/MarkerContainer/MarkerContainer.js
function MarkerContainer (line 1) | function MarkerContainer(){(0,_classCallCheck2.default)(this,MarkerConta...
FILE: dist/Components/Slider/Slider.js
function Slider (line 1) | function Slider(props){var _this;(0,_classCallCheck2.default)(this,Slide...
FILE: dist/Components/Slider/Track/Track.js
function Track (line 1) | function Track(){(0,_classCallCheck2.default)(this,Track);return(0,_poss...
FILE: dist/Components/Slider/converts.js
function valueToPosition (line 1) | function valueToPosition(value,valuesArray,sliderLength){var index=close...
function positionToValue (line 1) | function positionToValue(position,valuesArray,sliderLength){var arrLengt...
function createArray (line 1) | function createArray(start,end,step){var i;var length;var direction=star...
FILE: dist/Components/Snackbar/Snackbar.js
function Snackbar (line 1) | function Snackbar(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.d...
FILE: dist/Components/Snackbar/Snackbar.styles.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
FILE: dist/Components/SwipeNav/SwipeNav.js
function SwipeNav (line 1) | function SwipeNav(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.d...
FILE: dist/Components/Switch/Switch.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
function Switch (line 1) | function Switch(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.def...
FILE: dist/Components/Switch/Switch.styles.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
FILE: dist/Components/Tabs/Tab/Tab.js
function Tab (line 1) | function Tab(){(0,_classCallCheck2.default)(this,Tab);return(0,_possible...
FILE: dist/Components/Tabs/Tabs.js
function Tabs (line 1) | function Tabs(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.defau...
FILE: dist/Components/Tabs/Underline/Underline.js
function Underline (line 1) | function Underline(){(0,_classCallCheck2.default)(this,Underline);return...
FILE: dist/Components/TextField/Searchfield/Searchfield.js
function Searchfield (line 1) | function Searchfield(){(0,_classCallCheck2.default)(this,Searchfield);re...
FILE: dist/Components/TextField/Searchfield/Searchfield.styles.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
FILE: dist/Components/TextField/TextField.js
function TextField (line 1) | function TextField(){var _getPrototypeOf2;var _this;(0,_classCallCheck2....
FILE: dist/Components/TextField/TextFieldFilled/TextFieldFilled.js
function TextFieldFilled (line 1) | function TextFieldFilled(props){var _this;(0,_classCallCheck2.default)(t...
FILE: dist/Components/TextField/TextFieldFlat/TextFieldFlat.js
function TextFieldFlat (line 1) | function TextFieldFlat(props){var _this;(0,_classCallCheck2.default)(thi...
FILE: dist/Components/TextField/TextFieldHelperText/TextFieldHelperText.js
function TextFieldHelperText (line 1) | function TextFieldHelperText(){(0,_classCallCheck2.default)(this,TextFie...
FILE: dist/Components/TextField/TextFieldLabel/TextFieldLabel.js
function TextFieldLabel (line 1) | function TextFieldLabel(props){var _this;(0,_classCallCheck2.default)(th...
FILE: dist/Components/TextField/TextFieldOutline/TextFieldOutline.js
function TextFieldOutlined (line 1) | function TextFieldOutlined(props){var _this;(0,_classCallCheck2.default)...
FILE: dist/Components/TextField/TextFieldUnderline/TextFieldUnderline.js
function TextFieldUnderline (line 1) | function TextFieldUnderline(props){var _this;(0,_classCallCheck2.default...
FILE: dist/Components/ToggleButton/ToggleButton.js
function ToggleButton (line 1) | function ToggleButton(){var _getPrototypeOf2;var _this;(0,_classCallChec...
FILE: dist/Components/ToggleButton/ToggleButtonGroup/ToggleButtonGroup.js
function ToggleButtonGroup (line 1) | function ToggleButtonGroup(){var _getPrototypeOf2;var _this;(0,_classCal...
FILE: dist/Components/Tooltip/Tooltip.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
function Tooltip (line 1) | function Tooltip(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.de...
FILE: dist/Components/Typography/BaseText/BaseText.js
function BaseText (line 1) | function BaseText(){(0,_classCallCheck2.default)(this,BaseText);return(0...
FILE: dist/Components/Typography/BodyText/BodyText.js
function BodyText (line 1) | function BodyText(){(0,_classCallCheck2.default)(this,BodyText);return(0...
FILE: dist/Components/Typography/Caption/Caption.js
function Caption (line 1) | function Caption(){(0,_classCallCheck2.default)(this,Caption);return(0,_...
FILE: dist/Components/Typography/Heading/Heading.js
function Heading (line 1) | function Heading(){(0,_classCallCheck2.default)(this,Heading);return(0,_...
FILE: dist/Components/Typography/Overline/Overline.js
function Overline (line 1) | function Overline(){(0,_classCallCheck2.default)(this,Overline);return(0...
FILE: dist/Components/Typography/Subtitle/Subtitle.js
function Subtitle (line 1) | function Subtitle(){(0,_classCallCheck2.default)(this,Subtitle);return(0...
FILE: dist/Core/BreadProvider.js
function BreadProvider (line 1) | function BreadProvider(){(0,_classCallCheck2.default)(this,BreadProvider...
FILE: dist/Theme/defaultTheme.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
FILE: dist/Theme/mergeTheme.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
function mergeTheme (line 1) | function mergeTheme(userTheme){var mergedTheme=_objectSpread({},_default...
FILE: dist/Theme/withTheme.js
function withTheme (line 1) | function withTheme(Component){return function(_React$Component){(0,_inhe...
FILE: dist/Utils/Anchor/Anchor.js
function Anchor (line 1) | function Anchor(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.def...
FILE: dist/Utils/Hoverable/HoverState.js
function enableHover (line 1) | function enableHover(){if(isHoverEnabled||Date.now()-lastTouchTime<500){...
function disableHover (line 1) | function disableHover(){lastTouchTime=new Date();if(isHoverEnabled){isHo...
method isEnabled (line 1) | get isEnabled(){return isHoverEnabled;}
FILE: dist/Utils/Hoverable/Hoverable.js
function Hoverable (line 1) | function Hoverable(props){var _this;(0,_classCallCheck2.default)(this,Ho...
FILE: dist/Utils/Shadow/Shadow.stories.js
function ownKeys (line 1) | function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(...
function _objectSpread (line 1) | function _objectSpread(target){for(var i=1;i<arguments.length;i++){var s...
FILE: dist/Utils/Shadow/shadow.js
function shadow (line 1) | function shadow(elevation){return _reactNative.Platform.OS!=='android'?s...
FILE: dist/index.d.ts
type Color (line 18) | type Color = string
type Theme (line 20) | interface Theme {
type WithThemeProps (line 141) | type WithThemeProps = {
type WithTheme (line 145) | type WithTheme = <P extends object>(
type BreadProviderProps (line 151) | interface BreadProviderProps {
class BreadProvider (line 156) | class BreadProvider extends React.Component<BreadProviderProps> {
type AnchorProps (line 160) | interface AnchorProps {
class Anchor (line 167) | class Anchor extends React.Component<AnchorProps> {
type HoverableProps (line 171) | interface HoverableProps {
class Hoverable (line 178) | class Hoverable extends React.Component<HoverableProps> {
type ShadowElevation (line 182) | type ShadowElevation =
type ShadowAndroidReturn (line 209) | type ShadowAndroidReturn = {
type ShadowDefaultReturn (line 213) | type ShadowDefaultReturn = {
type ColorRange (line 227) | type ColorRange = {
type AvatarProps (line 266) | interface AvatarProps {
class Avatar (line 284) | class Avatar extends React.Component<AvatarProps> {
type BadgeProps (line 288) | interface BadgeProps {
class Badge (line 309) | class Badge extends React.Component<BadgeProps> {
type BaseButtonProps (line 313) | interface BaseButtonProps {
type ContainedButtonProps (line 350) | interface ContainedButtonProps {
type FlatButtonProps (line 363) | interface FlatButtonProps {
type OutlinedButtonProps (line 374) | interface OutlinedButtonProps {
type TextButtonProps (line 384) | interface TextButtonProps {
type SpecificButtonProps (line 393) | type SpecificButtonProps =
type ButtonProps (line 399) | type ButtonProps = BaseButtonProps & SpecificButtonProps
class Button (line 401) | class Button extends React.Component<ButtonProps> {
type CheckboxProps (line 405) | interface CheckboxProps {
class Checkbox (line 433) | class Checkbox extends React.Component<CheckboxProps> {
type ChipProps (line 437) | interface ChipProps {
class Chip (line 463) | class Chip extends React.Component<ChipProps> {
type DividerProps (line 467) | interface DividerProps {
class Divider (line 477) | class Divider extends React.Component<DividerProps> {
type FabProps (line 481) | interface FabProps {
class Fab (line 500) | class Fab extends React.Component<FabProps> {
type IconProps (line 504) | interface IconProps {
class Icon (line 515) | class Icon extends React.Component<IconProps> {
type IconButtonProps (line 519) | interface IconButtonProps {
class IconButton (line 532) | class IconButton extends React.Component<IconButtonProps> {
type ListExpandProps (line 536) | interface ListExpandProps {
class ListExpand (line 549) | class ListExpand extends React.Component<ListExpandProps> {
type ListItemProps (line 553) | interface ListItemProps {
class ListItem (line 573) | class ListItem extends React.Component<ListItemProps> {
type ListSectionProps (line 577) | interface ListSectionProps {
class ListSection (line 589) | class ListSection extends React.Component<ListSectionProps> {
type ListProps (line 593) | interface ListProps {
class List (line 601) | class List extends React.Component<ListProps> {
type ModalProps (line 605) | interface ModalProps {
class Modal (line 616) | class Modal extends React.Component<ModalProps> {
type PaperProps (line 620) | interface PaperProps {
class Paper (line 630) | class Paper extends React.Component<PaperProps> {
type ProgressBarProps (line 634) | interface ProgressBarProps {
class ProgressBar (line 650) | class ProgressBar extends React.Component<ProgressBarProps> {
type ProgressCircleProps (line 654) | interface ProgressCircleProps {
type ProgressCircleDeterminateProps (line 666) | interface ProgressCircleDeterminateProps {
class ProgressCircle (line 682) | class ProgressCircle extends React.Component<
type RadioButtonProps (line 688) | interface RadioButtonProps {
class RadioButton (line 707) | class RadioButton extends React.Component<RadioButtonProps> {
type RippleProps (line 711) | interface RippleProps
class Ripple (line 729) | class Ripple extends React.Component<RippleProps> {
type SliderProps (line 733) | interface SliderProps {
class Slider (line 756) | class Slider extends React.Component<SliderProps> {
type SwitchProps (line 760) | interface SwitchProps {
class Switch (line 776) | class Switch extends React.Component<SwitchProps> {
type SearchfieldProps (line 780) | interface SearchfieldProps {
class Searchfield (line 794) | class Searchfield extends React.Component<SearchfieldProps> {
type TextFieldFilledProps (line 798) | interface TextFieldFilledProps {
type TextFieldFlatProps (line 824) | interface TextFieldFlatProps {
type TextFieldOutlineProps (line 850) | interface TextFieldOutlineProps {
type TextFieldPropsBase (line 874) | interface TextFieldPropsBase {
type TextFieldSpecialProps (line 883) | type TextFieldSpecialProps =
type TextFieldProps (line 887) | type TextFieldProps = TextFieldPropsBase & TextFieldSpecialProps
class TextField (line 889) | class TextField extends React.Component<TextFieldProps> {
type TextFieldHelperTextProps (line 893) | interface TextFieldHelperTextProps {
class TextFieldHelperText (line 900) | class TextFieldHelperText extends React.Component<TextFieldProps> {
type ToggleButtonProps (line 904) | interface ToggleButtonProps {
class ToggleButton (line 917) | class ToggleButton extends React.Component<ToggleButtonProps> {
type ToggleButtonGroupProps (line 921) | interface ToggleButtonGroupProps {
class ToggleButtonGroup (line 926) | class ToggleButtonGroup extends React.Component<
type TooltipProps (line 932) | interface TooltipProps {
class Tooltip (line 941) | class Tooltip extends React.Component<TooltipProps> {
type BaseTextProps (line 945) | interface BaseTextProps {
class BaseText (line 956) | class BaseText extends React.Component<BaseTextProps> {
type BodyTextProps (line 960) | interface BodyTextProps extends BaseTextProps {
class BodyText (line 968) | class BodyText extends React.Component<BodyTextProps> {
type CaptionProps (line 972) | interface CaptionProps extends BaseTextProps {
class Caption (line 978) | class Caption extends React.Component<CaptionProps> {
type HeadingProps (line 982) | interface HeadingProps extends BaseTextProps {
class Heading (line 989) | class Heading extends React.Component<HeadingProps> {
type OverlineProps (line 993) | interface OverlineProps extends BaseTextProps {
class Overline (line 999) | class Overline extends React.Component<OverlineProps> {
type SubtitleProps (line 1003) | interface SubtitleProps extends BaseTextProps {
class Subtitle (line 1010) | class Subtitle extends React.Component<SubtitleProps> {
type AppbarProps (line 1014) | interface AppbarProps {
class Appbar (line 1038) | class Appbar extends React.Component<AppbarProps> {
type AppbarBottomProps (line 1042) | interface AppbarBottomProps {
class AppbarBottom (line 1061) | class AppbarBottom extends React.Component<AppbarBottomProps> {
type BackdropProps (line 1065) | interface BackdropProps {
class Backdrop (line 1081) | class Backdrop extends React.Component<BackdropProps> {
type BannerProps (line 1085) | interface BannerProps {
class Banner (line 1098) | class Banner extends React.Component<BannerProps> {
type BottomNavigationProps (line 1102) | interface BottomNavigationProps {
class BottomNavigation (line 1115) | class BottomNavigation extends React.Component<BottomNavigationProps> {
type BottomNavigationItemProps (line 1119) | interface BottomNavigationItemProps {
class BottomNavigationItem (line 1139) | class BottomNavigationItem extends React.Component<
type CardActionsProps (line 1145) | interface CardActionsProps {
class CardActions (line 1152) | class CardActions extends React.Component<CardActionsProps> {
type CardContentProps (line 1156) | interface CardContentProps {
class CardContent (line 1163) | class CardContent extends React.Component<CardContentProps> {
type CardHeaderProps (line 1167) | interface CardHeaderProps {
class CardHeader (line 1178) | class CardHeader extends React.Component<CardHeaderProps> {
type CardMediaProps (line 1182) | interface CardMediaProps {
class CardMedia (line 1193) | class CardMedia extends React.Component<CardMediaProps> {
type CardProps (line 1197) | interface CardProps {
class Card (line 1208) | class Card extends React.Component<CardProps> {
type DataTableCellProps (line 1212) | interface DataTableCellProps {
class DataTableCell (line 1228) | class DataTableCell extends React.Component<DataTableCellProps> {
type DataTableHeaderProps (line 1232) | interface DataTableHeaderProps {
class DataTableHeader (line 1240) | class DataTableHeader extends React.Component<DataTableHeaderProps> {
type DataTablePaginationProps (line 1244) | interface DataTablePaginationProps {
class DataTablePagination (line 1257) | class DataTablePagination extends React.Component<
type DataTableRowProps (line 1263) | interface DataTableRowProps {
class DataTableRow (line 1276) | class DataTableRow extends React.Component<DataTableRowProps> {
type DataTableProps (line 1280) | interface DataTableProps {
class DataTable (line 1286) | class DataTable extends React.Component<DataTableProps> {
type DialogProps (line 1290) | interface DialogProps {
class Dialog (line 1307) | class Dialog extends React.Component<DialogProps> {
type DrawerHeaderProps (line 1311) | interface DrawerHeaderProps {
class DrawerHeader (line 1319) | class DrawerHeader extends React.Component<DrawerHeaderProps> {
type DrawerItemProps (line 1323) | interface DrawerItemProps {
class DrawerItem (line 1332) | class DrawerItem extends React.Component<DrawerItemProps> {
type DrawerSectionProps (line 1336) | interface DrawerSectionProps {
class DrawerSection (line 1345) | class DrawerSection extends React.Component<DrawerSectionProps> {
type DrawerProps (line 1349) | interface DrawerProps {
class Drawer (line 1377) | class Drawer extends React.Component<DrawerProps> {
type DrawerBottomProps (line 1381) | interface DrawerBottomProps extends SheetBottomProps {
class DrawerBottom (line 1386) | class DrawerBottom extends React.Component<DrawerBottomProps> {
type FabSpeedDialProps (line 1390) | interface FabSpeedDialProps {
class FabSpeedDial (line 1399) | class FabSpeedDial extends React.Component<FabSpeedDialProps> {
type MenuItemProps (line 1403) | interface MenuItemProps {
class MenuItem (line 1414) | class MenuItem extends React.Component<MenuItemProps> {
type MenuProps (line 1418) | interface MenuProps {
class Menu (line 1435) | class Menu extends React.Component<MenuProps> {
type SearchbarProps (line 1439) | interface SearchbarProps {
class Searchbar (line 1448) | class Searchbar extends React.Component<SearchbarProps> {
type SelectProps (line 1452) | interface SelectProps {
class Select (line 1467) | class Select extends React.Component<SelectProps> {
type SheetBottomProps (line 1471) | interface SheetBottomProps {
class SheetBottom (line 1485) | class SheetBottom extends React.Component<SheetBottomProps> {
type SheetSideProps (line 1489) | interface SheetSideProps {
class SheetSide (line 1505) | class SheetSide extends React.Component<SheetSideProps> {
type SnackbarProps (line 1509) | interface SnackbarProps {
class Snackbar (line 1520) | class Snackbar extends React.Component<SnackbarProps> {
type SwipeNavProps (line 1524) | interface SwipeNavProps {
class SwipeNav (line 1536) | class SwipeNav extends React.Component<SwipeNavProps> {
type TabsProps (line 1540) | interface TabsProps {
class Tabs (line 1552) | class Tabs extends React.Component<TabsProps> {
type TabProps (line 1556) | interface TabProps {
class Tab (line 1570) | class Tab extends React.Component<TabProps> {
FILE: dist/storybook/components/Container.js
function Container (line 1) | function Container(){(0,_classCallCheck2.default)(this,Container);return...
FILE: dist/storybook/components/Header.js
function Header (line 1) | function Header(){(0,_classCallCheck2.default)(this,Header);return(0,_po...
FILE: dist/storybook/storybook.js
function StorybookUIHMRRoot (line 1) | function StorybookUIHMRRoot(){(0,_classCallCheck2.default)(this,Storyboo...
FILE: docs/src/components/BackgroundColors/BackgroundColors.js
class BackgroundColors (line 4) | class BackgroundColors extends Component {
method constructor (line 5) | constructor(props) {
method render (line 15) | render() {
FILE: docs/src/components/CodeBlock.js
class CodeBlock (line 6) | class CodeBlock extends Component {
method constructor (line 7) | constructor(props) {
method componentDidMount (line 24) | componentDidMount() {
method render (line 41) | render() {
FILE: docs/src/components/CodeInline.js
class CodeInline (line 4) | class CodeInline extends Component {
method constructor (line 5) | constructor(props) {
method render (line 14) | render() {
FILE: docs/src/components/ColorPalette/ColorBlock/ColorBlock.js
class ColorBlock (line 8) | class ColorBlock extends Component {
method constructor (line 9) | constructor(props) {
method render (line 29) | render() {
FILE: docs/src/components/ColorPalette/ColorPalette.js
class ColorPalette (line 9) | class ColorPalette extends Component {
method constructor (line 10) | constructor(props) {
method render (line 21) | render() {
FILE: docs/src/components/ColorPalette/FullPalette.js
class FullPalette (line 25) | class FullPalette extends Component {
method constructor (line 26) | constructor(props) {
method render (line 30) | render() {
FILE: docs/src/components/ComponentPage/ComponentDemo.js
class ComponentDemo (line 5) | class ComponentDemo extends Component {
method constructor (line 6) | constructor(props) {
method render (line 20) | render() {
FILE: docs/src/components/ComponentPage/ComponentDemoHeader.js
class ComponentDemoHeader (line 6) | class ComponentDemoHeader extends Component {
method constructor (line 7) | constructor(props) {
method _defaultDemoHeader (line 16) | _defaultDemoHeader() {
method render (line 27) | render() {
FILE: docs/src/components/ComponentPage/ComponentDescription.js
class ComponentDescription (line 4) | class ComponentDescription extends Component {
method constructor (line 5) | constructor(props) {
method render (line 13) | render() {
FILE: docs/src/components/ComponentPage/ComponentHeader.js
class ComponentHeader (line 8) | class ComponentHeader extends Component {
method constructor (line 9) | constructor(props) {
method render (line 20) | render() {
FILE: docs/src/components/ComponentPage/ComponentMainDemo.js
class ComponentDemo (line 5) | class ComponentDemo extends Component {
method constructor (line 6) | constructor(props) {
method render (line 19) | render() {
FILE: docs/src/components/ComponentPage/ComponentPageLayout.js
class ComponentPageLayout (line 12) | class ComponentPageLayout extends Component {
method constructor (line 13) | constructor(props) {
method componentDidMount (line 27) | componentDidMount() {
method render (line 31) | render() {
FILE: docs/src/components/ComponentPage/ComponentProps.js
class ComponentProps (line 5) | class ComponentProps extends Component {
method constructor (line 6) | constructor(props) {
method render (line 16) | render() {
FILE: docs/src/components/ComponentPage/ComponentSubtitle.js
class ComponentSubtitle (line 4) | class ComponentSubtitle extends Component {
method constructor (line 5) | constructor(props) {
method _renderDocsLink (line 14) | _renderDocsLink() {
method render (line 24) | render() {
FILE: docs/src/components/ComponentPage/ComponentUsage.js
class ComponentUsage (line 5) | class ComponentUsage extends Component {
method constructor (line 6) | constructor(props) {
method render (line 17) | render() {
FILE: docs/src/components/Drawer/DrawerContent.js
class DrawerContent (line 15) | class DrawerContent extends React.PureComponent {
method componentDidMount (line 25) | componentDidMount() {
method handleSectionExanded (line 35) | handleSectionExanded(pathArray) {
method handleSelectedItem (line 53) | handleSelectedItem(pathArray, pathName) {
method render (line 76) | render() {
FILE: docs/src/components/Drawer/DrawerHeader.js
class DrawerContent (line 6) | class DrawerContent extends React.PureComponent {
method render (line 7) | render() {
FILE: docs/src/components/Drawer/DrawerItem.js
class DrawerItem (line 7) | class DrawerItem extends Component {
method render (line 25) | render() {
FILE: docs/src/components/Drawer/DrawerItemExpand.js
class DrawerItemExpand (line 6) | class DrawerItemExpand extends Component {
method componentDidMount (line 21) | componentDidMount() {
method componentDidUpdate (line 27) | componentDidUpdate(prevProps) {
method renderMarkdownMenuItems (line 42) | renderMarkdownMenuItems() {
method renderReactMenuItems (line 58) | renderReactMenuItems() {
method render (line 75) | render() {
FILE: docs/src/components/Helmet.js
class HemletHelper (line 5) | class HemletHelper extends Component {
method constructor (line 6) | constructor(props) {
method render (line 16) | render() {
FILE: docs/src/components/HomeLiveEdit/HomeLiveEdit.js
class LiveEdit (line 103) | class LiveEdit extends Component {
method constructor (line 104) | constructor(props) {
method render (line 116) | render() {
FILE: docs/src/components/HomeLiveEdit/HomeLiveEditToolTip.js
class LiveEditToolTip (line 4) | class LiveEditToolTip extends Component {
method constructor (line 5) | constructor(props) {
method render (line 13) | render() {
FILE: docs/src/components/IconDirectory/IconBlock.js
class IconBlock (line 6) | class IconBlock extends Component {
method constructor (line 7) | constructor(props) {
method handleHover (line 19) | handleHover(toggle) {
method render (line 34) | render() {
FILE: docs/src/components/IconDirectory/IconDirectory.js
class IconDirectory (line 8) | class IconDirectory extends Component {
method constructor (line 9) | constructor(props) {
method render (line 49) | render() {
FILE: docs/src/components/Iphonex.js
function IphoneX (line 4) | function IphoneX({ children }) {
FILE: docs/src/components/Layout/Header.js
class Header (line 10) | class Header extends Component {
method constructor (line 11) | constructor(props) {
method componentDidMount (line 26) | componentDidMount() {
method componentDidUpdate (line 49) | componentDidUpdate(prevProps, prevState) {
method render (line 60) | render() {
FILE: docs/src/components/Layout/PageLayout.js
class PageLayout (line 17) | class PageLayout extends Component {
method componentDidMount (line 31) | componentDidMount() {
method componentDidUpdate (line 69) | componentDidUpdate(prevProps, prevState) {
method _renderMain (line 101) | _renderMain() {
method render (line 130) | render() {
FILE: docs/src/components/Link.js
class Link (line 5) | class Link extends Component {
method constructor (line 6) | constructor(props) {
method handleHover (line 20) | handleHover(toggle) {
method render (line 24) | render() {
FILE: docs/src/components/LiveEdit/LiveEdit.js
class LiveEdit (line 6) | class LiveEdit extends Component {
method constructor (line 7) | constructor(props) {
method render (line 19) | render() {
FILE: docs/src/components/LiveEdit/LiveEditToolTip.js
class LiveEditToolTip (line 4) | class LiveEditToolTip extends Component {
method constructor (line 5) | constructor(props) {
method render (line 13) | render() {
FILE: docs/src/components/Logo/Logo.js
function Logo (line 5) | function Logo({ animated, width, height, style }) {
FILE: docs/src/components/Logo/LogoWithText.js
function LogoWithText (line 5) | function LogoWithText({ subtitle, style, height, width }) {
FILE: docs/src/components/P.js
class P (line 4) | class P extends Component {
method constructor (line 5) | constructor(props) {
method render (line 15) | render() {
FILE: docs/src/components/PageTitle.js
class PageTitle (line 4) | class PageTitle extends Component {
method constructor (line 5) | constructor(props) {
method render (line 13) | render() {
FILE: docs/src/components/Pixel3xl.js
function Pixel3xl (line 4) | function Pixel3xl({ children }) {
FILE: docs/src/components/PlatformButton.js
class Section (line 6) | class Section extends Component {
method constructor (line 7) | constructor(props) {
method handleHover (line 22) | handleHover(toggle) {
method render (line 28) | render() {
FILE: docs/src/components/PropsTable/index.js
class PropsTable (line 6) | class PropsTable extends Component {
method constructor (line 7) | constructor(props) {
method render (line 16) | render() {
FILE: docs/src/components/Section.js
class Section (line 5) | class Section extends Component {
method constructor (line 6) | constructor(props) {
method render (line 18) | render() {
FILE: docs/src/components/SectionHeader.js
class PageTitle (line 4) | class PageTitle extends Component {
method constructor (line 5) | constructor(props) {
method render (line 14) | render() {
FILE: docs/src/components/SideScrollMenu/index.js
class SideScrollMenu (line 6) | class SideScrollMenu extends Component {
method constructor (line 7) | constructor(props) {
method componentDidMount (line 20) | componentDidMount() {
method formatLinkFromName (line 25) | formatLinkFromName(str) {
method handleLinks (line 30) | handleLinks() {
method renderMenuItems (line 38) | renderMenuItems(item, index) {
method animateSlideItem (line 52) | animateSlideItem(id) {
method render (line 59) | render() {
FILE: docs/src/components/blog/Layout.js
class Layout (line 3) | class Layout extends React.Component {
method render (line 4) | render() {
FILE: docs/src/components/blog/seo.js
function SEO (line 13) | function SEO({ description, lang, meta, title, thumbnail }) {
FILE: docs/src/content/components/appbar-bottom/Demos/index.js
class Demos (line 10) | class Demos extends Component {
method render (line 14) | render() {
FILE: docs/src/content/components/appbar-bottom/index.js
class AppbarPage (line 19) | class AppbarPage extends Component {
method render (line 20) | render() {
FILE: docs/src/content/components/appbar/Demos/index.js
class Demos (line 12) | class Demos extends Component {
method render (line 16) | render() {
FILE: docs/src/content/components/appbar/index.js
class AppbarPage (line 22) | class AppbarPage extends Component {
method render (line 23) | render() {
FILE: docs/src/content/components/avatar/Demos/index.js
class Demos (line 9) | class Demos extends Component {
method render (line 13) | render() {
FILE: docs/src/content/components/avatar/index.js
class AvatarPage (line 18) | class AvatarPage extends Component {
method render (line 19) | render() {
FILE: docs/src/content/components/backdrop/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/backdrop/index.js
class BackdropPage (line 16) | class BackdropPage extends Component {
method render (line 17) | render() {
FILE: docs/src/content/components/badge/Demos/index.js
class Demos (line 9) | class Demos extends Component {
method render (line 13) | render() {
FILE: docs/src/content/components/badge/index.js
class BadgePage (line 18) | class BadgePage extends Component {
method render (line 19) | render() {
FILE: docs/src/content/components/banner/Demos/index.js
class Demos (line 8) | class Demos extends Component {
method render (line 12) | render() {
FILE: docs/src/content/components/banner/index.js
class BadgePage (line 17) | class BadgePage extends Component {
method render (line 18) | render() {
FILE: docs/src/content/components/bottom-navigation-item/Demos/index.js
class Demos (line 9) | class Demos extends Component {
method render (line 13) | render() {
FILE: docs/src/content/components/bottom-navigation-item/index.js
class BadgePage (line 18) | class BadgePage extends Component {
method render (line 19) | render() {
FILE: docs/src/content/components/bottom-navigation/Demos/index.js
class Demos (line 10) | class Demos extends Component {
method render (line 14) | render() {
FILE: docs/src/content/components/bottom-navigation/index.js
class BadgePage (line 19) | class BadgePage extends Component {
method render (line 20) | render() {
FILE: docs/src/content/components/button/Demos/index.js
class Demos (line 13) | class Demos extends Component {
method render (line 17) | render() {
FILE: docs/src/content/components/button/index.js
class ButtonPage (line 22) | class ButtonPage extends Component {
method render (line 23) | render() {
FILE: docs/src/content/components/card-actions/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/card-actions/index.js
class CardPage (line 16) | class CardPage extends Component {
method render (line 17) | render() {
FILE: docs/src/content/components/card-content/Demos/index.js
class Demos (line 5) | class Demos extends Component {
method render (line 9) | render() {
FILE: docs/src/content/components/card-content/index.js
class CardContentPage (line 14) | class CardContentPage extends Component {
method render (line 15) | render() {
FILE: docs/src/content/components/card-header/Demos/index.js
class Demos (line 6) | class Demos extends Component {
method render (line 10) | render() {
FILE: docs/src/content/components/card-header/index.js
class CardHeaderPage (line 17) | class CardHeaderPage extends Component {
method render (line 18) | render() {
FILE: docs/src/content/components/card-media/Demos/index.js
class Demos (line 5) | class Demos extends Component {
method render (line 9) | render() {
FILE: docs/src/content/components/card-media/index.js
class CardMediaPage (line 16) | class CardMediaPage extends Component {
method render (line 17) | render() {
FILE: docs/src/content/components/card/Demos/index.js
class Demos (line 8) | class Demos extends Component {
method render (line 12) | render() {
FILE: docs/src/content/components/card/index.js
class CardPage (line 16) | class CardPage extends Component {
method render (line 17) | render() {
FILE: docs/src/content/components/checkbox/Demos/index.js
class Demos (line 9) | class Demos extends Component {
method render (line 13) | render() {
FILE: docs/src/content/components/checkbox/index.js
class CheckboxPage (line 18) | class CheckboxPage extends Component {
method render (line 19) | render() {
FILE: docs/src/content/components/chip/Demos/index.js
class Demos (line 9) | class Demos extends Component {
method render (line 13) | render() {
FILE: docs/src/content/components/chip/index.js
class ChipPage (line 19) | class ChipPage extends Component {
method render (line 20) | render() {
FILE: docs/src/content/components/datatable-cell/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/datatable-cell/index.js
class DataTableCellPage (line 16) | class DataTableCellPage extends Component {
method render (line 17) | render() {
FILE: docs/src/content/components/datatable-header/index.js
class DataTableHeaderPage (line 10) | class DataTableHeaderPage extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/datatable-pagination/index.js
class DataTablePaginationPage (line 9) | class DataTablePaginationPage extends Component {
method render (line 10) | render() {
FILE: docs/src/content/components/datatable-row/Demos/index.js
class Demos (line 8) | class Demos extends Component {
method render (line 12) | render() {
FILE: docs/src/content/components/datatable-row/index.js
class DataTableRowPage (line 17) | class DataTableRowPage extends Component {
method render (line 18) | render() {
FILE: docs/src/content/components/datatable/Demos/index.js
class Demos (line 5) | class Demos extends Component {
method render (line 9) | render() {
FILE: docs/src/content/components/datatable/index.js
class DataTablePage (line 15) | class DataTablePage extends Component {
method render (line 16) | render() {
FILE: docs/src/content/components/dialog/Demos/index.js
class Demos (line 8) | class Demos extends Component {
method render (line 12) | render() {
FILE: docs/src/content/components/dialog/index.js
class DialogPage (line 17) | class DialogPage extends Component {
method render (line 18) | render() {
FILE: docs/src/content/components/divider/Demos/index.js
class Demos (line 8) | class Demos extends Component {
method render (line 12) | render() {
FILE: docs/src/content/components/divider/index.js
class DividerPage (line 17) | class DividerPage extends Component {
method render (line 18) | render() {
FILE: docs/src/content/components/drawer-bottom/index.js
class DropdownPage (line 9) | class DropdownPage extends Component {
method render (line 10) | render() {
FILE: docs/src/content/components/drawer-header/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/drawer-header/index.js
class DrawerPage (line 16) | class DrawerPage extends Component {
method render (line 17) | render() {
FILE: docs/src/content/components/drawer-item/index.js
class DrawerPage (line 14) | class DrawerPage extends Component {
method render (line 15) | render() {
FILE: docs/src/content/components/drawer-section/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/drawer-section/index.js
class DrawerPage (line 16) | class DrawerPage extends Component {
method render (line 17) | render() {
FILE: docs/src/content/components/drawer/Demos/index.js
class Demos (line 9) | class Demos extends Component {
method render (line 13) | render() {
FILE: docs/src/content/components/drawer/index.js
class DrawerPage (line 18) | class DrawerPage extends Component {
method render (line 19) | render() {
FILE: docs/src/content/components/fab-speeddial/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/fab-speeddial/index.js
class FabPage (line 17) | class FabPage extends Component {
method render (line 18) | render() {
FILE: docs/src/content/components/fab/Demos/index.js
class Demos (line 9) | class Demos extends Component {
method render (line 13) | render() {
FILE: docs/src/content/components/fab/index.js
class FabPage (line 20) | class FabPage extends Component {
method render (line 21) | render() {
FILE: docs/src/content/components/icon/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/icon/index.js
class IconPage (line 16) | class IconPage extends Component {
method render (line 17) | render() {
FILE: docs/src/content/components/iconbutton/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/iconbutton/index.js
class IconPage (line 17) | class IconPage extends Component {
method render (line 18) | render() {
FILE: docs/src/content/components/list-expand/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/list-expand/index.js
class ListPage (line 18) | class ListPage extends Component {
method render (line 19) | render() {
FILE: docs/src/content/components/list-item/Demos/index.js
class Demos (line 10) | class Demos extends Component {
method render (line 14) | render() {
FILE: docs/src/content/components/list-item/index.js
class ListPage (line 21) | class ListPage extends Component {
method render (line 22) | render() {
FILE: docs/src/content/components/list-section/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/list-section/index.js
class ListPage (line 18) | class ListPage extends Component {
method render (line 19) | render() {
FILE: docs/src/content/components/list/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/list/index.js
class ListPage (line 18) | class ListPage extends Component {
method render (line 19) | render() {
FILE: docs/src/content/components/menu-item/Demos/index.js
class Demos (line 8) | class Demos extends Component {
method render (line 12) | render() {
FILE: docs/src/content/components/menu-item/index.js
class MenuPage (line 17) | class MenuPage extends Component {
method render (line 18) | render() {
FILE: docs/src/content/components/menu/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/menu/index.js
class MenuPage (line 16) | class MenuPage extends Component {
method render (line 17) | render() {
FILE: docs/src/content/components/paper/index.js
class PaperPage (line 9) | class PaperPage extends Component {
method render (line 10) | render() {
FILE: docs/src/content/components/progress-bar/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/progress-bar/index.js
class DataTableHeaderPage (line 17) | class DataTableHeaderPage extends Component {
method render (line 18) | render() {
FILE: docs/src/content/components/progress-circle/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/progress-circle/index.js
class DataTableHeaderPage (line 16) | class DataTableHeaderPage extends Component {
method render (line 17) | render() {
FILE: docs/src/content/components/radiobutton/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/radiobutton/index.js
class RadioButtonPage (line 16) | class RadioButtonPage extends Component {
method render (line 17) | render() {
FILE: docs/src/content/components/ripple/Demos/index.js
class Demos (line 8) | class Demos extends Component {
method render (line 12) | render() {
FILE: docs/src/content/components/ripple/index.js
class RipplePage (line 18) | class RipplePage extends Component {
method render (line 19) | render() {
FILE: docs/src/content/components/searchbar/index.js
class SearchBarPage (line 9) | class SearchBarPage extends Component {
method render (line 10) | render() {
FILE: docs/src/content/components/searchfield/index.js
class SearchBarPage (line 9) | class SearchBarPage extends Component {
method render (line 10) | render() {
FILE: docs/src/content/components/select/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/select/index.js
class DropdownPage (line 16) | class DropdownPage extends Component {
method render (line 17) | render() {
FILE: docs/src/content/components/sheet-bottom/index.js
class DropdownPage (line 9) | class DropdownPage extends Component {
method render (line 10) | render() {
FILE: docs/src/content/components/sheet-side/index.js
class DropdownPage (line 9) | class DropdownPage extends Component {
method render (line 10) | render() {
FILE: docs/src/content/components/slider/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/slider/index.js
class DropdownPage (line 16) | class DropdownPage extends Component {
method render (line 17) | render() {
FILE: docs/src/content/components/snackbar/index.js
class Snackbarpage (line 9) | class Snackbarpage extends Component {
method render (line 10) | render() {
FILE: docs/src/content/components/swipenav/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/swipenav/index.js
class Snackbarpage (line 16) | class Snackbarpage extends Component {
method render (line 17) | render() {
FILE: docs/src/content/components/switch/Demos/index.js
class Demos (line 8) | class Demos extends Component {
method render (line 12) | render() {
FILE: docs/src/content/components/switch/index.js
class SwitchPage (line 17) | class SwitchPage extends Component {
method render (line 18) | render() {
FILE: docs/src/content/components/tab/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/tab/index.js
class TabsPage (line 16) | class TabsPage extends Component {
method render (line 17) | render() {
FILE: docs/src/content/components/tabs/Demos/index.js
class Demos (line 9) | class Demos extends Component {
method render (line 13) | render() {
FILE: docs/src/content/components/tabs/index.js
class TabsPage (line 18) | class TabsPage extends Component {
method render (line 19) | render() {
FILE: docs/src/content/components/textfield/Demos/index.js
class Demos (line 11) | class Demos extends Component {
method render (line 15) | render() {
FILE: docs/src/content/components/textfield/index.js
class TextFieldPage (line 20) | class TextFieldPage extends Component {
method render (line 21) | render() {
FILE: docs/src/content/components/togglebutton-group/index.js
class ToggleButtonPage (line 9) | class ToggleButtonPage extends Component {
method render (line 10) | render() {
FILE: docs/src/content/components/togglebutton/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/components/togglebutton/index.js
class ToggleButtonPage (line 16) | class ToggleButtonPage extends Component {
method render (line 17) | render() {
FILE: docs/src/content/components/tooltip/index.js
class Snackbarpage (line 9) | class Snackbarpage extends Component {
method render (line 10) | render() {
FILE: docs/src/content/components/typography/index.js
class TypographyPage (line 9) | class TypographyPage extends Component {
method render (line 10) | render() {
FILE: docs/src/content/utils/anchor/index.js
class AnchorPage (line 10) | class AnchorPage extends Component {
method render (line 11) | render() {
FILE: docs/src/content/utils/color/index.js
class ColorPage (line 15) | class ColorPage extends Component {
method render (line 16) | render() {
FILE: docs/src/content/utils/hoverable/Demos/index.js
class Demos (line 7) | class Demos extends Component {
method render (line 11) | render() {
FILE: docs/src/content/utils/hoverable/index.js
class HoverablePage (line 16) | class HoverablePage extends Component {
method render (line 17) | render() {
FILE: docs/src/content/utils/shadow/index.js
class ShadowPage (line 8) | class ShadowPage extends Component {
method render (line 9) | render() {
FILE: docs/src/html.js
function HTML (line 4) | function HTML(props) {
FILE: docs/src/pages/about.js
class Index (line 12) | class Index extends Component {
method componentDidMount (line 13) | componentDidMount() {
method render (line 16) | render() {
FILE: docs/src/pages/baking-material.js
class Index (line 12) | class Index extends Component {
method componentDidMount (line 13) | componentDidMount() {
method render (line 16) | render() {
FILE: docs/src/pages/contributing/docs.js
class Index (line 17) | class Index extends Component {
method componentDidMount (line 18) | componentDidMount() {
method render (line 21) | render() {
FILE: docs/src/pages/contributing/library.js
class Index (line 22) | class Index extends Component {
method componentDidMount (line 23) | componentDidMount() {
method render (line 26) | render() {
FILE: docs/src/pages/getting-started/electron.js
class Index (line 204) | class Index extends Component {
method componentDidMount (line 205) | componentDidMount() {
method render (line 208) | render() {
FILE: docs/src/pages/getting-started/expo.js
class Index (line 48) | class Index extends Component {
method componentDidMount (line 49) | componentDidMount() {
method render (line 52) | render() {
FILE: docs/src/pages/getting-started/macos.js
class Index (line 124) | class Index extends Component {
method componentDidMount (line 125) | componentDidMount() {
method render (line 128) | render() {
FILE: docs/src/pages/getting-started/nextjs.js
class Index (line 140) | class Index extends Component {
method componentDidMount (line 141) | componentDidMount() {
method render (line 144) | render() {
FILE: docs/src/pages/getting-started/react-native.js
class Index (line 37) | class Index extends Component {
method componentDidMount (line 38) | componentDidMount() {
method render (line 41) | render() {
FILE: docs/src/pages/getting-started/vue-native.js
class Index (line 69) | class Index extends Component {
method componentDidMount (line 70) | componentDidMount() {
method render (line 73) | render() {
FILE: docs/src/pages/getting-started/web.js
class Index (line 87) | class Index extends Component {
method componentDidMount (line 88) | componentDidMount() {
method render (line 91) | render() {
FILE: docs/src/pages/getting-started/windows.js
class Index (line 124) | class Index extends Component {
method componentDidMount (line 125) | componentDidMount() {
method render (line 128) | render() {
FILE: docs/src/pages/index.js
class Index (line 12) | class Index extends Component {
method componentDidMount (line 13) | componentDidMount() {
method changePreview (line 21) | changePreview(preview) {
method render (line 25) | render() {
FILE: docs/src/pages/showcase.js
class Index (line 16) | class Index extends Component {
method componentDidMount (line 17) | componentDidMount() {
method render (line 20) | render() {
FILE: docs/src/pages/style/font.js
class FontPage (line 5) | class FontPage extends Component {
method render (line 6) | render() {
FILE: docs/src/pages/style/icons.js
class IconPage (line 4) | class IconPage extends Component {
method render (line 5) | render() {
FILE: docs/src/pages/style/theme.js
class IconPage (line 48) | class IconPage extends Component {
method render (line 49) | render() {
FILE: docs/src/templates/blog-post.js
class BlogPostTemplate (line 8) | class BlogPostTemplate extends React.Component {
method render (line 9) | render() {
FILE: docs/src/utils/createPropData.js
function createPropData (line 2) | function createPropData(name, description, type, defaultValue) {
function createTableData (line 7) | function createTableData(data) {
FILE: src/Components/Appbar/Appbar.js
class Appbar (line 10) | class Appbar extends Component {
method _renderAppbarContent (line 38) | _renderAppbarContent() {
method _renderNavigation (line 63) | _renderNavigation() {
method _renderTitle (line 86) | _renderTitle() {
method _renderTitleInner (line 99) | _renderTitleInner() {
method _renderActionItems (line 152) | _renderActionItems() {
method appbarHeight (line 179) | appbarHeight() {
method render (line 192) | render() {
FILE: src/Components/Appbar/Searchbar/Searchbar.js
class Searchbar (line 7) | class Searchbar extends Component {
method _renderNavigation (line 22) | _renderNavigation() {
method _renderClose (line 48) | _renderClose() {
method render (line 66) | render() {
FILE: src/Components/AppbarBottom/AppbarBottom.js
class AppbarBottom (line 9) | class AppbarBottom extends Component {
method constructor (line 10) | constructor(props) {
method _renderNavigation (line 37) | _renderNavigation() {
method _renderFab (line 55) | _renderFab() {
method _renderCutout (line 84) | _renderCutout() {
method _renderActionItems (line 99) | _renderActionItems() {
method _renderAppBarContent (line 126) | _renderAppBarContent() {
method render (line 145) | render() {
FILE: src/Components/Avatar/Avatar.js
class Avatar (line 9) | class Avatar extends Component {
method _renderImage (line 37) | _renderImage() {
method _renderIcon (line 45) | _renderIcon() {
method _renderTypographyText (line 64) | _renderTypographyText() {
method _renderItem (line 88) | _renderItem() {
method _renderAvatarContent (line 99) | _renderAvatarContent() {
method render (line 119) | render() {
FILE: src/Components/Backdrop/BackLayer/BackLayer.js
class BackLayer (line 7) | class BackLayer extends Component {
method constructor (line 8) | constructor(props) {
method render (line 75) | render() {
FILE: src/Components/Backdrop/Backdrop.js
class Backdrop (line 10) | class Backdrop extends PureComponent {
method constructor (line 31) | constructor(props) {
method toggleLayout (line 47) | toggleLayout() {
method render (line 74) | render() {
FILE: src/Components/Backdrop/FrontLayer/FrontLayer.js
constant IOS (line 9) | const IOS = Platform.OS === 'ios';
class FrontLayer (line 11) | class FrontLayer extends PureComponent {
method constructor (line 12) | constructor(props) {
method render (line 61) | render() {
FILE: src/Components/Backdrop/FrontLayerScrim/FrontLayerScrim.js
class FrontLayerScrim (line 8) | class FrontLayerScrim extends Component {
method constructor (line 9) | constructor(props) {
method render (line 18) | render() {
FILE: src/Components/Backdrop/HeaderButton/HeaderButton.js
class HeaderButton (line 8) | class HeaderButton extends Component {
method constructor (line 9) | constructor(props) {
method _handleSpin (line 21) | _handleSpin() {
method render (line 39) | render() {
FILE: src/Components/Badge/Badge.js
class Badge (line 8) | class Badge extends Component {
method constructor (line 9) | constructor(props) {
method componentDidMount (line 47) | componentDidMount() {
method componentDidUpdate (line 55) | componentDidUpdate(prevProps) {
method getFontSize (line 63) | getFontSize(content, maxed) {
method getBadgeWidth (line 72) | getBadgeWidth(content) {
method _animateBadge (line 89) | _animateBadge() {
method _renderBadge (line 102) | _renderBadge() {
method render (line 171) | render() {
FILE: src/Components/Banner/Banner.js
class Banner (line 10) | class Banner extends Component {
method componentDidUpdate (line 31) | componentDidUpdate(prevProps, prevState) {
method componentDidMount (line 46) | componentDidMount() {
method componentWillUnmount (line 54) | componentWillUnmount() {
method animateBanner (line 69) | animateBanner(show) {
method _renderActionItems (line 80) | _renderActionItems() {
method _renderContent (line 111) | _renderContent() {
method _renderBody (line 131) | _renderBody() {
method getPlatformStyles (line 142) | getPlatformStyles() {
method render (line 205) | render() {
FILE: src/Components/BottomNavigation/BottomNavigation.js
class BottomNavigation (line 10) | class BottomNavigation extends Component {
method constructor (line 29) | constructor(props) {
method componentWillUnmount (line 47) | componentWillUnmount() {
method _renderActionItems (line 71) | _renderActionItems() {
method render (line 123) | render() {
FILE: src/Components/BottomNavigation/BottomNavigationItem/BottomNavigationItem.js
class BottomNavigationItem (line 11) | class BottomNavigationItem extends Component {
method componentDidMount (line 40) | componentDidMount() {
method componentDidUpdate (line 47) | componentDidUpdate(prevProps) {
method _animateActive (line 55) | _animateActive(show) {
method _renderText (line 71) | _renderText(containerColor) {
method _handleIconColor (line 107) | _handleIconColor(containerColor) {
method _renderWrapper (line 122) | _renderWrapper(context) {
method _renderContent (line 163) | _renderContent(context) {
method _renderIcon (line 195) | _renderIcon(context) {
method render (line 206) | render() {
FILE: src/Components/Button/Button.js
class Button (line 9) | class Button extends Component {
method render (line 14) | render() {
FILE: src/Components/Button/ButtonBase/ButtonBase.js
class ButtonBase (line 8) | class ButtonBase extends Component {
method _renderText (line 52) | _renderText() {
method _renderLoader (line 79) | _renderLoader() {
method _renderIcon (line 98) | _renderIcon() {
method getDensityHeight (line 117) | getDensityHeight() {
method render (line 127) | render() {
FILE: src/Components/Button/ContainedButton/ContainedButton.js
class ContainedButton (line 11) | class ContainedButton extends Component {
method animateShadow (line 33) | animateShadow(active) {
method getShadowStyle (line 78) | getShadowStyle() {
method getButtonStyles (line 103) | getButtonStyles() {
method getBackgroundColor (line 114) | getBackgroundColor() {
method getRippleColor (line 125) | getRippleColor() {
method getTextColor (line 134) | getTextColor() {
method getOverlayColor (line 143) | getOverlayColor(normalColor, lightOverlay, darkOverlay) {
method handleHover (line 160) | handleHover(toggle) {
method render (line 183) | render() {
FILE: src/Components/Button/FlatButton/FlatButton.js
class FlatButton (line 9) | class FlatButton extends Component {
method getButtonStyles (line 25) | getButtonStyles() {
method getBackgroundColor (line 36) | getBackgroundColor() {
method getRippleColor (line 47) | getRippleColor() {
method getTextColor (line 56) | getTextColor() {
method getOverlayColor (line 65) | getOverlayColor(bgColor, lightOverlay, darkOverlay) {
method handleHover (line 82) | handleHover(toggle) {
method render (line 91) | render() {
FILE: src/Components/Button/OutlinedButton/OutlinedButton.js
class OutlinedButton (line 9) | class OutlinedButton extends Component {
method getButtonStyles (line 24) | getButtonStyles() {
method getRippleColor (line 53) | getRippleColor() {
method getTextColor (line 65) | getTextColor() {
method handleHover (line 73) | handleHover(toggle) {
method render (line 84) | render() {
FILE: src/Components/Button/TextButton/TextButton.js
class TextButton (line 9) | class TextButton extends Component {
method getButtonStyles (line 23) | getButtonStyles() {
method getRippleColor (line 48) | getRippleColor() {
method getTextColor (line 60) | getTextColor() {
method handleHover (line 68) | handleHover(toggle) {
method render (line 78) | render() {
FILE: src/Components/Card/Card.js
class Card (line 8) | class Card extends Component {
method _renderRipple (line 25) | _renderRipple() {
method render (line 34) | render() {
FILE: src/Components/Card/CardActions/CardActions.js
class CardActions (line 9) | class CardActions extends Component {
method _leftActionItems (line 17) | _leftActionItems() {
method _rightActionItems (line 29) | _rightActionItems() {
method render (line 49) | render() {
FILE: src/Components/Card/CardContent/CardContent.js
class CardContent (line 8) | class CardContent extends Component {
method render (line 16) | render() {
FILE: src/Components/Card/CardHeader/CardHeader.js
class CardHeader (line 7) | class CardHeader extends Component {
method _renderAction (line 19) | _renderAction() {
method _renderText (line 25) | _renderText() {
method _renderTitle (line 34) | _renderTitle() {
method _renderSubtitle (line 40) | _renderSubtitle() {
method render (line 46) | render() {
FILE: src/Components/Card/CardMedia/CardMedia.js
class CardMedia (line 7) | class CardMedia extends Component {
method _renderText (line 23) | _renderText() {
method _renderTitle (line 32) | _renderTitle() {
method _renderSubtitle (line 38) | _renderSubtitle() {
method render (line 44) | render() {
FILE: src/Components/Checkbox/Checkbox.js
class Checkbox (line 10) | class Checkbox extends Component {
method _getRippleColor (line 47) | _getRippleColor() {
method _getCheckBoxColor (line 60) | _getCheckBoxColor() {
method _renderLabel (line 73) | _renderLabel() {
method _renderIconContainer (line 86) | _renderIconContainer() {
method _renderIcon (line 109) | _renderIcon() {
method render (line 164) | render() {
FILE: src/Components/Chip/Chip.js
class Chip (line 11) | class Chip extends Component {
method _renderText (line 44) | _renderText() {
method _renderIcon (line 79) | _renderIcon(icon, position) {
method _renderRightIcon (line 104) | _renderRightIcon() {
method _renderDeleteIcon (line 111) | _renderDeleteIcon() {
method render (line 135) | render() {
FILE: src/Components/DataTable/DataTable.js
class DataTable (line 7) | class DataTable extends Component {
method render (line 13) | render() {
FILE: src/Components/DataTable/DataTableCell/DataTableCell.js
class TableCell (line 14) | class TableCell extends Component {
method constructor (line 15) | constructor(props) {
method componentDidUpdate (line 41) | componentDidUpdate(prevProps) {
method animateSortingIcon (line 50) | animateSortingIcon(type) {
method _renderSortingIcon (line 59) | _renderSortingIcon() {
method _renderText (line 78) | _renderText() {
method render (line 86) | render() {
FILE: src/Components/DataTable/DataTableHeader/DataTableHeader.js
class DataTableHeader (line 8) | class DataTableHeader extends Component {
method _renderTitle (line 20) | _renderTitle() {
method _renderActions (line 29) | _renderActions(actionItems, position) {
method _renderContent (line 62) | _renderContent() {
method render (line 83) | render() {
FILE: src/Components/DataTable/DataTablePagination/DataTablePagination.js
class DataTablePagination (line 10) | class DataTablePagination extends Component {
method _handleChangeRowsPerPage (line 25) | _handleChangeRowsPerPage(item) {
method _renderPossiblePagesPerRow (line 31) | _renderPossiblePagesPerRow() {
method _renderRowsPerPage (line 43) | _renderRowsPerPage() {
method _renderCurrentPage (line 74) | _renderCurrentPage() {
method _renderNavigation (line 88) | _renderNavigation() {
method render (line 115) | render() {
FILE: src/Components/DataTable/DataTableRow/DataTableRow.js
class DataTableRow (line 8) | class DataTableRow extends Component {
method constructor (line 9) | constructor(props) {
method _renderContent (line 33) | _renderContent() {
method render (line 79) | render() {
FILE: src/Components/Dialog/Dialog.js
class Dialog (line 10) | class Dialog extends Component {
method _renderActionItems (line 36) | _renderActionItems() {
method _renderContent (line 48) | _renderContent() {
method render (line 77) | render() {
FILE: src/Components/Divider/Divider.js
class Divider (line 8) | class Divider extends Component {
method _renderSubheader (line 19) | _renderSubheader() {
method _renderDivider (line 34) | _renderDivider() {
method render (line 66) | render() {
FILE: src/Components/Drawer/Drawer.js
class Drawer (line 19) | class Drawer extends PureComponent {
method constructor (line 20) | constructor(props) {
method componentDidMount (line 80) | componentDidMount() {
method componentDidUpdate (line 104) | componentDidUpdate() {
method _renderAppBar (line 159) | _renderAppBar() {
method _renderScrim (line 168) | _renderScrim() {
method _renderAppContent (line 211) | _renderAppContent() {
method _renderDrawer (line 245) | _renderDrawer() {
method render (line 289) | render() {
FILE: src/Components/Drawer/DrawerHeader/DrawerHeader.js
class DrawerHeader (line 6) | class DrawerHeader extends Component {
method _renderAvatar (line 16) | _renderAvatar() {
method render (line 22) | render() {
FILE: src/Components/Drawer/DrawerItem/DrawerItem.js
class DrawerItem (line 8) | class DrawerItem extends Component {
method render (line 20) | render() {
FILE: src/Components/Drawer/DrawerSection/DrawerSection.js
class DrawerSection (line 8) | class DrawerSection extends Component {
method render (line 18) | render() {
FILE: src/Components/DrawerBottom/DrawerBottom.js
class DrawerBottom (line 6) | class DrawerBottom extends Component {
method render (line 11) | render() {
FILE: src/Components/Fab/Fab.js
class Fab (line 12) | class Fab extends Component {
method constructor (line 13) | constructor(props) {
method componentDidMount (line 45) | componentDidMount() {
method componentDidUpdate (line 55) | componentDidUpdate(prevProps) {
method _animate (line 63) | _animate() {
method _renderContent (line 76) | _renderContent() {
method _renderLabel (line 87) | _renderLabel() {
method _renderIcon (line 102) | _renderIcon() {
method render (line 117) | render() {
FILE: src/Components/Fab/FabSpeedDial/FabSpeedDial.js
class FabSpeedDial (line 8) | class FabSpeedDial extends Component {
method constructor (line 9) | constructor(props) {
method toggleSpeedDial (line 47) | toggleSpeedDial() {
method toggleFabIcon (line 51) | toggleFabIcon() {
method animateActions (line 65) | animateActions() {
method openAnimation (line 83) | openAnimation() {
method closeAnimation (line 113) | closeAnimation() {
method renderActions (line 139) | renderActions() {
method _renderFab (line 166) | _renderFab() {
method render (line 189) | render() {
FILE: src/Components/Icon/Icon.js
class Icon (line 6) | class Icon extends Component {
method constructor (line 7) | constructor(props) {
method render (line 19) | render() {
FILE: src/Components/IconButton/IconButton.js
class IconButton (line 8) | class IconButton extends Component {
method getRippleColor (line 26) | getRippleColor() {
method render (line 38) | render() {
FILE: src/Components/List/List.js
class List (line 8) | class List extends Component {
method _renderSubheader (line 17) | _renderSubheader() {
method render (line 22) | render() {
FILE: src/Components/List/ListExpand/ListExpand.js
class ListExpand (line 11) | class ListExpand extends Component {
method componentDidMount (line 32) | componentDidMount() {
method componentDidUpdate (line 39) | componentDidUpdate(prevProps) {
method renderExpandedContent (line 83) | renderExpandedContent() {
method _renderIcon (line 110) | _renderIcon() {
method handleHover (line 131) | handleHover(toggle) {
method render (line 167) | render() {
FILE: src/Components/List/ListItem/ListItem.js
class ListItem (line 13) | class ListItem extends Component {
method _renderText (line 42) | _renderText() {
method _renderIcon (line 83) | _renderIcon() {
method _renderActionitem (line 91) | _renderActionitem() {
method _renderLeadingActionItem (line 102) | _renderLeadingActionItem() {
method handleHover (line 134) | handleHover(toggle) {
method render (line 171) | render() {
FILE: src/Components/List/ListSection/ListSection.js
class ListSection (line 9) | class ListSection extends Component {
method render (line 22) | render() {
FILE: src/Components/Menu/Menu.js
class Menu (line 8) | class Menu extends Component {
method componentDidMount (line 40) | componentDidMount() {
method componentDidUpdate (line 48) | componentDidUpdate(prevProps) {
method toggle (line 100) | toggle() {
method render (line 147) | render() {
FILE: src/Components/Menu/MenuItem/MenuItem.js
class MenuItem (line 10) | class MenuItem extends Component {
method constructor (line 11) | constructor(props) {
method handleHover (line 32) | handleHover(toggle) {
method _renderIcon (line 40) | _renderIcon() {
method _renderKeyboardCommand (line 48) | _renderKeyboardCommand() {
method _renderText (line 58) | _renderText() {
method render (line 77) | render() {
FILE: src/Components/Menu/ModalMenu/Portal.js
class Portal (line 5) | class Portal extends Component {
method componentDidMount (line 16) | componentDidMount() {
method componentWillUnmount (line 27) | componentWillUnmount() {
method render (line 31) | render() {
FILE: src/Components/Menu/ModalMenu/ariaAppHider.js
function assertNodeList (line 21) | function assertNodeList(nodeList, selector) {
function setElement (line 29) | function setElement(element) {
function validateElement (line 40) | function validateElement(appElement) {
function hide (line 59) | function hide(appElement) {
function show (line 65) | function show(appElement) {
function documentNotReadyOrSSRTesting (line 71) | function documentNotReadyOrSSRTesting() {
function resetForTesting (line 75) | function resetForTesting() {
FILE: src/Components/Menu/ModalMenu/index.native.js
class Modal (line 14) | class Modal extends Component {
method render (line 30) | render() {
FILE: src/Components/Menu/ModalMenu/index.web.js
class Modal (line 19) | class Modal extends Component {
method setAppElement (line 20) | static setAppElement(element) {
method constructor (line 54) | constructor(props) {
method componentDidMount (line 66) | componentDidMount() {
method componentDidUpdate (line 70) | componentDidUpdate(prevProps) {
method handleShow (line 75) | handleShow() {
method handleClose (line 92) | handleClose() {
method getAnimationStyle (line 228) | getAnimationStyle() {
method render (line 255) | render() {
FILE: src/Components/Modal/Modal.android.js
class Modal (line 14) | class Modal extends Component {
method componentDidUpdate (line 37) | componentDidUpdate(prevProps) {
method toggle (line 44) | toggle() {
method render (line 97) | render() {
FILE: src/Components/Modal/Modal.ios.js
class Modal (line 14) | class Modal extends Component {
method componentDidUpdate (line 37) | componentDidUpdate(prevProps) {
method toggle (line 44) | toggle() {
method render (line 97) | render() {
FILE: src/Components/Modal/Modal.web.js
class Modal (line 17) | class Modal extends Component {
method componentDidUpdate (line 40) | componentDidUpdate(prevProps) {
method toggle (line 47) | toggle() {
method render (line 100) | render() {
FILE: src/Components/Paper/Paper.js
class Paper (line 7) | class Paper extends Component {
method render (line 16) | render() {
FILE: src/Components/Progress/ProgressBar/ProgressBar.js
class ProgressBar (line 8) | class ProgressBar extends PureComponent {
method componentDidMount (line 40) | componentDidMount() {
method componentDidUpdate (line 50) | componentDidUpdate(prevProps) {
method animateTrackHeight (line 62) | animateTrackHeight() {
method startDeterminateAnimation (line 86) | startDeterminateAnimation() {
method startIndeterminateAnimation (line 100) | startIndeterminateAnimation() {
method render (line 137) | render() {
FILE: src/Components/Progress/ProgressCircle/ProgressCircle.js
class ProgressCircle (line 7) | class ProgressCircle extends PureComponent {
method constructor (line 30) | constructor(props) {
method componentDidMount (line 39) | componentDidMount() {
method componentDidUpdate (line 47) | componentDidUpdate(prevProps) {
method startIndeterminateAnimation (line 55) | startIndeterminateAnimation() {
method stopAnimation (line 73) | stopAnimation() {
method getLayerStyle (line 77) | getLayerStyle() {
method getViewportStyle (line 98) | getViewportStyle() {
method getInputRange (line 116) | getInputRange() {
method getOutputRange (line 126) | getOutputRange() {
method render (line 149) | render() {
FILE: src/Components/Progress/ProgressCircle/ProgressCircleDeterminate.js
class ProgressCircleDeterminate (line 6) | class ProgressCircleDeterminate extends Component {
method onChange (line 35) | onChange() {}
method onChangeAnimationEnd (line 36) | onChangeAnimationEnd() {}
method componentDidMount (line 48) | componentDidMount() {
method componentDidUpdate (line 54) | componentDidUpdate(prevProps) {
method getFullCircleStyle (line 62) | getFullCircleStyle() {
method getHalfCircleContainerStyle (line 70) | getHalfCircleContainerStyle() {
method getAnimationMethod (line 80) | getAnimationMethod() {
method render (line 150) | render() {
FILE: src/Components/RadioButton/RadioButton.js
class RadioButton (line 8) | class RadioButton extends Component {
method _renderLabel (line 31) | _renderLabel() {
method render (line 43) | render() {
FILE: src/Components/Ripple/Ripple.js
class Ripple (line 12) | class Ripple extends PureComponent {
method constructor (line 50) | constructor(props) {
method componentDidMount (line 77) | componentDidMount() {
method componentWillUnmount (line 81) | componentWillUnmount() {
method onLayout (line 85) | onLayout(event) {
method onPress (line 96) | onPress(event) {
method onLongPress (line 104) | onLongPress(event) {
method onPressIn (line 114) | onPressIn(event) {
method onPressOut (line 130) | onPressOut(event) {
method onAnimationEnd (line 141) | onAnimationEnd(event) {
method signalAnimationEnd (line 153) | signalAnimationEnd() {
method forceAnimationEnd (line 159) | forceAnimationEnd() {
method webGetPositionInElement (line 167) | webGetPositionInElement(e) {
method startRipple (line 174) | startRipple(event) {
method renderRipple (line 224) | renderRipple({ unique, progress, locationX, locationY, R }) {
method render (line 259) | render() {
FILE: src/Components/Select/Select.js
class Select (line 21) | class Select extends Component {
method showMenu (line 47) | showMenu() {
method hideMenu (line 53) | hideMenu() {
method render (line 59) | render() {
FILE: src/Components/SheetBottom/SheetBottom.native.js
class SheetBottom (line 14) | class SheetBottom extends Component {
method constructor (line 15) | constructor(props) {
method componentDidMount (line 47) | componentDidMount() {
method componentDidUpdate (line 63) | componentDidUpdate(prevProps) {
method animateSheet (line 96) | animateSheet(visible) {
method _open (line 157) | _open() {
method _handlePlatform (line 172) | _handlePlatform() {
method _renderContent (line 187) | _renderContent() {
method render (line 224) | render() {
FILE: src/Components/SheetBottom/SheetBottom.web.js
class SheetBottom (line 15) | class SheetBottom extends Component {
method constructor (line 16) | constructor(props) {
method componentDidMount (line 48) | componentDidMount() {
method componentDidUpdate (line 65) | componentDidUpdate(prevProps) {
method animateSheet (line 95) | animateSheet(visible) {
method _open (line 156) | _open() {
method _handlePlatform (line 170) | _handlePlatform() {
method _renderContent (line 196) | _renderContent() {
method render (line 235) | render() {
FILE: src/Components/SheetSide/SheetSide.android.js
class SheetSide (line 17) | class SheetSide extends Component {
method constructor (line 18) | constructor(props) {
method componentDidMount (line 57) | componentDidMount() {
method componentDidUpdate (line 76) | componentDidUpdate(prevProps) {
method animateSheet (line 102) | animateSheet(visible) {
method _open (line 165) | _open() {
method _handlePlatform (line 179) | _handlePlatform() {
method _handleSafeView (line 193) | _handleSafeView() {
method _renderContent (line 214) | _renderContent() {
method render (line 253) | render() {
FILE: src/Components/SheetSide/SheetSide.ios.js
class SheetSide (line 17) | class SheetSide extends Component {
method constructor (line 18) | constructor(props) {
method componentDidMount (line 57) | componentDidMount() {
method componentDidUpdate (line 76) | componentDidUpdate(prevProps) {
method animateSheet (line 102) | animateSheet(visible) {
method _open (line 165) | _open() {
method _handlePlatform (line 179) | _handlePlatform() {
method _handleSafeView (line 193) | _handleSafeView() {
method _renderContent (line 214) | _renderContent() {
method render (line 253) | render() {
FILE: src/Components/SheetSide/SheetSide.web.js
class SheetSide (line 18) | class SheetSide extends Component {
method constructor (line 19) | constructor(props) {
method componentDidMount (line 58) | componentDidMount() {
method componentDidUpdate (line 77) | componentDidUpdate(prevProps) {
method animateSheet (line 103) | animateSheet(visible) {
method _open (line 163) | _open() {
method _handlePlatform (line 177) | _handlePlatform() {
method _handleSafeView (line 203) | _handleSafeView() {
method _renderContent (line 224) | _renderContent() {
method render (line 266) | render() {
FILE: src/Components/Slider/Marker/Marker.js
class Marker (line 11) | class Marker extends Component {
method render (line 25) | render() {
FILE: src/Components/Slider/MarkerContainer/MarkerContainer.js
class MarkerContainer (line 9) | class MarkerContainer extends Component {
method render (line 22) | render() {
FILE: src/Components/Slider/Slider.js
class Slider (line 11) | class Slider extends Component {
method constructor (line 50) | constructor(props) {
method componentWillReceiveProps (line 108) | componentWillReceiveProps(nextProps) {
method _renderMarkerRight (line 299) | _renderMarkerRight() {
method _renderMarkerLeft (line 324) | _renderMarkerLeft() {
method _renderTracks (line 349) | _renderTracks() {
method render (line 377) | render() {
FILE: src/Components/Slider/Track/Track.js
class Track (line 8) | class Track extends Component {
method render (line 23) | render() {
FILE: src/Components/Slider/converts.js
function valueToPosition (line 41) | function valueToPosition(value, valuesArray, sliderLength) {
function positionToValue (line 50) | function positionToValue(position, valuesArray, sliderLength) {
function createArray (line 63) | function createArray(start, end, step) {
FILE: src/Components/Snackbar/Snackbar.js
class Snackbar (line 9) | class Snackbar extends Component {
method componentDidMount (line 28) | componentDidMount() {
method componentDidUpdate (line 33) | componentDidUpdate(prevProps) {
method show (line 43) | show() {
method hide (line 66) | hide() {
method _renderAction (line 85) | _renderAction() {
method render (line 91) | render() {
FILE: src/Components/SwipeNav/SwipeNav.js
class SwipeNav (line 8) | class SwipeNav extends Component {
method animateHeader (line 68) | animateHeader(hide) {
method animateFooter (line 86) | animateFooter(hide) {
method renderScrollView (line 104) | renderScrollView() {
method renderCustomScrollView (line 131) | renderCustomScrollView() {
method _renderHeader (line 150) | _renderHeader() {
method _renderFooter (line 169) | _renderFooter() {
method render (line 188) | render() {
FILE: src/Components/Switch/Switch.js
class Switch (line 16) | class Switch extends Component {
method componentDidMount (line 38) | componentDidMount() {
method componentDidUpdate (line 48) | componentDidUpdate(prevProps) {
method _renderLabel (line 55) | _renderLabel() {
method handleSwitch (line 71) | handleSwitch() {
method render (line 111) | render() {
FILE: src/Components/Tabs/Tab/Tab.js
class Tab (line 10) | class Tab extends Component {
method _renderIcon (line 32) | _renderIcon(color) {
method _renderText (line 37) | _renderText(color) {
method _renderTab (line 54) | _renderTab() {
method getHeight (line 74) | getHeight() {
method render (line 81) | render() {
FILE: src/Components/Tabs/Tabs.js
class Tabs (line 11) | class Tabs extends Component {
method componentDidUpdate (line 39) | componentDidUpdate(prevProps) {
method shouldComponentUpdate (line 51) | shouldComponentUpdate(nextProps) {
method getAnimateValues (line 61) | getAnimateValues() {
method selectTab (line 103) | selectTab() {
method getTabWidth (line 118) | getTabWidth(width) {
method getColor (line 133) | getColor() {
method _renderTabs (line 142) | _renderTabs() {
method _renderContent (line 183) | _renderContent() {
method _renderScrollView (line 204) | _renderScrollView() {
method render (line 228) | render() {
FILE: src/Components/Tabs/Underline/Underline.js
class Underline (line 8) | class Underline extends Component {
method render (line 23) | render() {
FILE: src/Components/TextField/Searchfield/Searchfield.js
class Searchfield (line 8) | class Searchfield extends Component {
method render (line 25) | render() {
FILE: src/Components/TextField/TextField.js
class TextField (line 8) | class TextField extends Component {
method render (line 40) | render() {
FILE: src/Components/TextField/TextFieldFilled/TextFieldFilled.js
class TextFieldFilled (line 11) | class TextFieldFilled extends Component {
method constructor (line 12) | constructor(props) {
method componentDidUpdate (line 51) | componentDidUpdate(prevProps) {
method _renderLeadingIcon (line 58) | _renderLeadingIcon() {
method _renderTrailingIcon (line 69) | _renderTrailingIcon() {
method _renderPrefix (line 79) | _renderPrefix() {
method _renderSuffix (line 92) | _renderSuffix() {
method render (line 124) | render() {
FILE: src/Components/TextField/TextFieldFlat/TextFieldFlat.js
class TextFieldFlat (line 11) | class TextFieldFlat extends Component {
method constructor (line 12) | constructor(props) {
method _renderLeadingIcon (line 55) | _renderLeadingIcon() {
method _renderTrailingIcon (line 66) | _renderTrailingIcon() {
method _renderPrefix (line 77) | _renderPrefix() {
method _renderSuffix (line 90) | _renderSuffix() {
method render (line 122) | render() {
FILE: src/Components/TextField/TextFieldHelperText/TextFieldHelperText.js
class TextFieldHelperText (line 7) | class TextFieldHelperText extends Component {
method render (line 14) | render() {
FILE: src/Components/TextField/TextFieldLabel/TextFieldLabel.js
class TextFieldLabel (line 12) | class TextFieldLabel extends Component {
method constructor (line 13) | constructor(props) {
method componentDidMount (line 47) | componentDidMount() {
method componentDidUpdate (line 67) | componentDidUpdate(prevProps) {
method _handlePrefix (line 79) | _handlePrefix() {
method _handleLabelAnimation (line 95) | _handleLabelAnimation() {
method _handleLabelOutlinedAnimation (line 124) | _handleLabelOutlinedAnimation() {
method render (line 159) | render() {
FILE: src/Components/TextField/TextFieldOutline/TextFieldOutline.js
class TextFieldOutlined (line 9) | class TextFieldOutlined extends Component {
method constructor (line 10) | constructor(props) {
method componentDidUpdate (line 46) | componentDidUpdate(prevProps) {
method _renderLeadingIcon (line 53) | _renderLeadingIcon() {
method _renderTrailingIcon (line 64) | _renderTrailingIcon() {
method _renderPrefix (line 74) | _renderPrefix() {
method _renderSuffix (line 87) | _renderSuffix() {
method render (line 110) | render() {
FILE: src/Components/TextField/TextFieldOutline/TextFieldOutline.styles.js
constant OUTLINED_LEFT_PADDING (line 3) | const OUTLINED_LEFT_PADDING = 14;
FILE: src/Components/TextField/TextFieldUnderline/TextFieldUnderline.js
class TextFieldUnderline (line 7) | class TextFieldUnderline extends Component {
method constructor (line 8) | constructor(props) {
method componentDidUpdate (line 26) | componentDidUpdate(prevProps) {
method _handleUnderlineAnimation (line 33) | _handleUnderlineAnimation() {
method render (line 51) | render() {
FILE: src/Components/ToggleButton/ToggleButton.js
class ToggleButton (line 8) | class ToggleButton extends Component {
method componentDidMount (line 29) | componentDidMount() {
method componentDidUpdate (line 35) | componentDidUpdate(prevProps) {
method handleToggle (line 43) | handleToggle() {
method render (line 51) | render() {
FILE: src/Components/ToggleButton/ToggleButtonGroup/ToggleButtonGroup.js
class ToggleButtonGroup (line 10) | class ToggleButtonGroup extends Component {
method render (line 24) | render() {
FILE: src/Components/Tooltip/Tooltip.js
class Tooltip (line 13) | class Tooltip extends Component {
method render (line 48) | render() {
FILE: src/Components/Typography/BaseText/BaseText.js
class BaseText (line 5) | class BaseText extends Component {
method render (line 17) | render() {
FILE: src/Components/Typography/BodyText/BodyText.js
class BodyText (line 6) | class BodyText extends Component {
method render (line 15) | render() {
FILE: src/Components/Typography/Caption/Caption.js
class Caption (line 5) | class Caption extends Component {
method render (line 12) | render() {
FILE: src/Components/Typography/Heading/Heading.js
class Heading (line 6) | class Heading extends Component {
method numberToStyle (line 14) | numberToStyle(num) {
method render (line 27) | render() {
FILE: src/Components/Typography/Overline/Overline.js
class Overline (line 6) | class Overline extends Component {
method render (line 13) | render() {
FILE: src/Components/Typography/Subtitle/Subtitle.js
class Subtitle (line 6) | class Subtitle extends Component {
method numberToStyle (line 14) | numberToStyle(num) {
method render (line 20) | render() {
FILE: src/Core/BreadProvider.js
class BreadProvider (line 5) | class BreadProvider extends Component {
method render (line 15) | render() {
FILE: src/Theme/mergeTheme.js
function mergeTheme (line 3) | function mergeTheme(userTheme) {
FILE: src/Theme/withTheme.js
function withTheme (line 5) | function withTheme(Component) {
FILE: src/Utils/Anchor/Anchor.js
class Anchor (line 10) | class Anchor extends Component {
method render (line 22) | render() {
FILE: src/Utils/Hoverable/HoverState.js
function enableHover (line 12) | function enableHover() {
function disableHover (line 19) | function disableHover() {
method isEnabled (line 32) | get isEnabled() {
FILE: src/Utils/Hoverable/Hoverable.js
class Hoverable (line 10) | class Hoverable extends Component {
method constructor (line 12) | constructor(props) {
method componentDidMount (line 25) | componentDidMount() {
method componentWillUnmount (line 31) | componentWillUnmount() {
method render (line 67) | render() {
FILE: src/Utils/Shadow/shadow.js
function shadow (line 3) | function shadow(elevation) {
FILE: src/helpers/hasNotch.js
constant IPHONE_XS_HEIGHT (line 3) | const IPHONE_XS_HEIGHT = 812;
constant IPHONE_XR_HEIGHT (line 4) | const IPHONE_XR_HEIGHT = 896;
FILE: src/index.d.ts
type Color (line 18) | type Color = string
type Theme (line 20) | interface Theme {
type WithThemeProps (line 141) | type WithThemeProps = {
type WithTheme (line 145) | type WithTheme = <P extends object>(
type BreadProviderProps (line 151) | interface BreadProviderProps {
class BreadProvider (line 156) | class BreadProvider extends React.Component<BreadProviderProps> {
type AnchorProps (line 160) | interface AnchorProps {
class Anchor (line 167) | class Anchor extends React.Component<AnchorProps> {
type HoverableProps (line 171) | interface HoverableProps {
class Hoverable (line 178) | class Hoverable extends React.Component<HoverableProps> {
type ShadowElevation (line 182) | type ShadowElevation =
type ShadowAndroidReturn (line 209) | type ShadowAndroidReturn = {
type ShadowDefaultReturn (line 213) | type ShadowDefaultReturn = {
type ColorRange (line 227) | type ColorRange = {
type AvatarProps (line 266) | interface AvatarProps {
class Avatar (line 284) | class Avatar extends React.Component<AvatarProps> {
type BadgeProps (line 288) | interface BadgeProps {
class Badge (line 309) | class Badge extends React.Component<BadgeProps> {
type BaseButtonProps (line 313) | interface BaseButtonProps {
type ContainedButtonProps (line 350) | interface ContainedButtonProps {
type FlatButtonProps (line 363) | interface FlatButtonProps {
type OutlinedButtonProps (line 374) | interface OutlinedButtonProps {
type TextButtonProps (line 384) | interface TextButtonProps {
type SpecificButtonProps (line 393) | type SpecificButtonProps =
type ButtonProps (line 399) | type ButtonProps = BaseButtonProps & SpecificButtonProps
class Button (line 401) | class Button extends React.Component<ButtonProps> {
type CheckboxProps (line 405) | interface CheckboxProps {
class Checkbox (line 433) | class Checkbox extends React.Component<CheckboxProps> {
type ChipProps (line 437) | interface ChipProps {
class Chip (line 463) | class Chip extends React.Component<ChipProps> {
type DividerProps (line 467) | interface DividerProps {
class Divider (line 477) | class Divider extends React.Component<DividerProps> {
type FabProps (line 481) | interface FabProps {
class Fab (line 500) | class Fab extends React.Component<FabProps> {
type IconProps (line 504) | interface IconProps {
class Icon (line 515) | class Icon extends React.Component<IconProps> {
type IconButtonProps (line 519) | interface IconButtonProps {
class IconButton (line 532) | class IconButton extends React.Component<IconButtonProps> {
type ListExpandProps (line 536) | interface ListExpandProps {
class ListExpand (line 549) | class ListExpand extends React.Component<ListExpandProps> {
type ListItemProps (line 553) | interface ListItemProps {
class ListItem (line 573) | class ListItem extends React.Component<ListItemProps> {
type ListSectionProps (line 577) | interface ListSectionProps {
class ListSection (line 589) | class ListSection extends React.Component<ListSectionProps> {
type ListProps (line 593) | interface ListProps {
class List (line 601) | class List extends React.Component<ListProps> {
type ModalProps (line 605) | interface ModalProps {
class Modal (line 616) | class Modal extends React.Component<ModalProps> {
type PaperProps (line 620) | interface PaperProps {
class Paper (line 630) | class Paper extends React.Component<PaperProps> {
type ProgressBarProps (line 634) | interface ProgressBarProps {
class ProgressBar (line 650) | class ProgressBar extends React.Component<ProgressBarProps> {
type ProgressCircleProps (line 654) | interface ProgressCircleProps {
type ProgressCircleDeterminateProps (line 666) | interface ProgressCircleDeterminateProps {
class ProgressCircle (line 682) | class ProgressCircle extends React.Component<
type RadioButtonProps (line 688) | interface RadioButtonProps {
class RadioButton (line 707) | class RadioButton extends React.Component<RadioButtonProps> {
type RippleProps (line 711) | interface RippleProps
class Ripple (line 729) | class Ripple extends React.Component<RippleProps> {
type SliderProps (line 733) | interface SliderProps {
class Slider (line 756) | class Slider extends React.Component<SliderProps> {
type SwitchProps (line 760) | interface SwitchProps {
class Switch (line 776) | class Switch extends React.Component<SwitchProps> {
type SearchfieldProps (line 780) | interface SearchfieldProps {
class Searchfield (line 794) | class Searchfield extends React.Component<SearchfieldProps> {
type TextFieldFilledProps (line 798) | interface TextFieldFilledProps {
type TextFieldFlatProps (line 824) | interface TextFieldFlatProps {
type TextFieldOutlineProps (line 850) | interface TextFieldOutlineProps {
type TextFieldPropsBase (line 874) | interface TextFieldPropsBase {
type TextFieldSpecialProps (line 883) | type TextFieldSpecialProps =
type TextFieldProps (line 887) | type TextFieldProps = TextFieldPropsBase & TextFieldSpecialProps
class TextField (line 889) | class TextField extends React.Component<TextFieldProps> {
type TextFieldHelperTextProps (line 893) | interface TextFieldHelperTextProps {
class TextFieldHelperText (line 900) | class TextFieldHelperText extends React.Component<TextFieldProps> {
type ToggleButtonProps (line 904) | interface ToggleButtonProps {
class ToggleButton (line 917) | class ToggleButton extends React.Component<ToggleButtonProps> {
type ToggleButtonGroupProps (line 921) | interface ToggleButtonGroupProps {
class ToggleButtonGroup (line 926) | class ToggleButtonGroup extends React.Component<
type TooltipProps (line 932) | interface TooltipProps {
class Tooltip (line 941) | class Tooltip extends React.Component<TooltipProps> {
type BaseTextProps (line 945) | interface BaseTextProps {
class BaseText (line 956) | class BaseText extends React.Component<BaseTextProps> {
type BodyTextProps (line 960) | interface BodyTextProps extends BaseTextProps {
class BodyText (line 968) | class BodyText extends React.Component<BodyTextProps> {
type CaptionProps (line 972) | interface CaptionProps extends BaseTextProps {
class Caption (line 978) | class Caption extends React.Component<CaptionProps> {
type HeadingProps (line 982) | interface HeadingProps extends BaseTextProps {
class Heading (line 989) | class Heading extends React.Component<HeadingProps> {
type OverlineProps (line 993) | interface OverlineProps extends BaseTextProps {
class Overline (line 999) | class Overline extends React.Component<OverlineProps> {
type SubtitleProps (line 1003) | interface SubtitleProps extends BaseTextProps {
class Subtitle (line 1010) | class Subtitle extends React.Component<SubtitleProps> {
type AppbarProps (line 1014) | interface AppbarProps {
class Appbar (line 1038) | class Appbar extends React.Component<AppbarProps> {
type AppbarBottomProps (line 1042) | interface AppbarBottomProps {
class AppbarBottom (line 1061) | class AppbarBottom extends React.Component<AppbarBottomProps> {
type BackdropProps (line 1065) | interface BackdropProps {
class Backdrop (line 1081) | class Backdrop extends React.Component<BackdropProps> {
type BannerProps (line 1085) | interface BannerProps {
class Banner (line 1098) | class Banner extends React.Component<BannerProps> {
type BottomNavigationProps (line 1102) | interface BottomNavigationProps {
class BottomNavigation (line 1115) | class BottomNavigation extends React.Component<BottomNavigationProps> {
type BottomNavigationItemProps (line 1119) | interface BottomNavigationItemProps {
class BottomNavigationItem (line 1139) | class BottomNavigationItem extends React.Component<
type CardActionsProps (line 1145) | interface CardActionsProps {
class CardActions (line 1152) | class CardActions extends React.Component<CardActionsProps> {
type CardContentProps (line 1156) | interface CardContentProps {
class CardContent (line 1163) | class CardContent extends React.Component<CardContentProps> {
type CardHeaderProps (line 1167) | interface CardHeaderProps {
class CardHeader (line 1178) | class CardHeader extends React.Component<CardHeaderProps> {
type CardMediaProps (line 1182) | interface CardMediaProps {
class CardMedia (line 1193) | class CardMedia extends React.Component<CardMediaProps> {
type CardProps (line 1197) | interface CardProps {
class Card (line 1208) | class Card extends React.Component<CardProps> {
type DataTableCellProps (line 1212) | interface DataTableCellProps {
class DataTableCell (line 1228) | class DataTableCell extends React.Component<DataTableCellProps> {
type DataTableHeaderProps (line 1232) | interface DataTableHeaderProps {
class DataTableHeader (line 1240) | class DataTableHeader extends React.Component<DataTableHeaderProps> {
type DataTablePaginationProps (line 1244) | interface DataTablePaginationProps {
class DataTablePagination (line 1257) | class DataTablePagination extends React.Component<
type DataTableRowProps (line 1263) | interface DataTableRowProps {
class DataTableRow (line 1276) | class DataTableRow extends React.Component<DataTableRowProps> {
type DataTableProps (line 1280) | interface DataTableProps {
class DataTable (line 1286) | class DataTable extends React.Component<DataTableProps> {
type DialogProps (line 1290) | interface DialogProps {
class Dialog (line 1307) | class Dialog extends React.Component<DialogProps> {
type DrawerHeaderProps (line 1311) | interface DrawerHeaderProps {
class DrawerHeader (line 1319) | class DrawerHeader extends React.Component<DrawerHeaderProps> {
type DrawerItemProps (line 1323) | interface DrawerItemProps {
class DrawerItem (line 1332) | class DrawerItem extends React.Component<DrawerItemProps> {
type DrawerSectionProps (line 1336) | interface DrawerSectionProps {
class DrawerSection (line 1345) | class DrawerSection extends React.Component<DrawerSectionProps> {
type DrawerProps (line 1349) | interface DrawerProps {
class Drawer (line 1377) | class Drawer extends React.Component<DrawerProps> {
type DrawerBottomProps (line 1381) | interface DrawerBottomProps extends SheetBottomProps {
class DrawerBottom (line 1386) | class DrawerBottom extends React.Component<DrawerBottomProps> {
type FabSpeedDialProps (line 1390) | interface FabSpeedDialProps {
class FabSpeedDial (line 1399) | class FabSpeedDial extends React.Component<FabSpeedDialProps> {
type MenuItemProps (line 1403) | interface MenuItemProps {
class MenuItem (line 1414) | class MenuItem extends React.Component<MenuItemProps> {
type MenuProps (line 1418) | interface MenuProps {
class Menu (line 1435) | class Menu extends React.Component<MenuProps> {
type SearchbarProps (line 1439) | interface SearchbarProps {
class Searchbar (line 1448) | class Searchbar extends React.Component<SearchbarProps> {
type SelectProps (line 1452) | interface SelectProps {
class Select (line 1467) | class Select extends React.Component<SelectProps> {
type SheetBottomProps (line 1471) | interface SheetBottomProps {
class SheetBottom (line 1485) | class SheetBottom extends React.Component<SheetBottomProps> {
type SheetSideProps (line 1489) | interface SheetSideProps {
class SheetSide (line 1505) | class SheetSide extends React.Component<SheetSideProps> {
type SnackbarProps (line 1509) | interface SnackbarProps {
class Snackbar (line 1520) | class Snackbar extends React.Component<SnackbarProps> {
type SwipeNavProps (line 1524) | interface SwipeNavProps {
class SwipeNav (line 1536) | class SwipeNav extends React.Component<SwipeNavProps> {
type TabsProps (line 1540) | interface TabsProps {
class Tabs (line 1552) | class Tabs extends React.Component<TabsProps> {
type TabProps (line 1556) | interface TabProps {
class Tab (line 1570) | class Tab extends React.Component<TabProps> {
FILE: src/storybook/components/Container.js
class Container (line 6) | class Container extends Component {
method render (line 13) | render() {
FILE: src/storybook/components/Header.js
class Header (line 6) | class Header extends Component {
method render (line 12) | render() {
FILE: src/storybook/storybook.js
class StorybookUIHMRRoot (line 17) | class StorybookUIHMRRoot extends Component {
method render (line 18) | render() {
FILE: src/vue-native.js
method install (line 76) | install(Vue) {
Condensed preview — 1505 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (3,162K chars).
[
{
"path": ".buckconfig",
"chars": 114,
"preview": "\n[android]\n target = Google Inc.:Google APIs:23\n\n[maven_repositories]\n central = https://repo1.maven.org/maven2\n"
},
{
"path": ".eslintrc",
"chars": 637,
"preview": "{\n \"env\": {\n \"node\": true,\n \"browser\": true,\n \"es6\": true,\n \"jest\": true\n },\n \"extends\": [\n \"eslint:re"
},
{
"path": ".flowconfig",
"chars": 2307,
"preview": "[ignore]\n; We fork some components by platform\n.*/*[.]android.js\n\n; Ignore \"BUCK\" generated dirs\n<PROJECT_ROOT>/\\.buckd/"
},
{
"path": ".gitattributes",
"chars": 16,
"preview": "*.pbxproj -text\n"
},
{
"path": ".github/ISSUE_TEMPLATE/bug_report.md",
"chars": 834,
"preview": "---\nname: Bug report\nabout: Create a report to help us improve\ntitle: ''\nlabels: ''\nassignees: ''\n\n---\n\n**Describe the b"
},
{
"path": ".github/ISSUE_TEMPLATE/feature_request.md",
"chars": 450,
"preview": "---\nname: Feature request\nabout: Suggest an idea for this project\ntitle: \"[New]\"\nlabels: enhancement\nassignees: ''\n\n---\n"
},
{
"path": ".github/config.yml",
"chars": 1445,
"preview": "# Configuration for request-info - https://github.com/behaviorbot/request-info\n\n# *OPTIONAL* Comment to reply with\n# Can"
},
{
"path": ".gitignore",
"chars": 942,
"preview": "# OSX\n#\n.DS_Store\nsrc/DS_Store\n*.DS_Store\n# Xcode\n#\nbuild/\n*.pbxuser\n!default.pbxuser\n*.mode1v3\n!default.mode1v3\n*.mode2"
},
{
"path": ".jest-test-results.json",
"chars": 25773,
"preview": "{\"numFailedTestSuites\":0,\"numFailedTests\":0,\"numPassedTestSuites\":72,\"numPassedTests\":73,\"numPendingTestSuites\":0,\"numPe"
},
{
"path": ".npmignore",
"chars": 1411,
"preview": "# OSX\n#\n.DS_Store\nsrc/DS_Store\n*.DS_Store\n# Xcode\n#\nbuild/\n*.pbxuser\n!default.pbxuser\n*.mode1v3\n!default.mode1v3\n*.mode2"
},
{
"path": ".prettierrc",
"chars": 120,
"preview": "{\n \"singleQuote\": true,\n \"trailingComma\": \"all\",\n \"bracketSpacing\": true,\n \"jsxBracketSameLine\": true\n }\n "
},
{
"path": ".storybook/addons.js",
"chars": 368,
"preview": "import '@storybook/addon-links/register';\nimport '@storybook/addon-storysource/register';\n// import '@storybook/addon-ac"
},
{
"path": ".storybook/babel.config.js",
"chars": 208,
"preview": "module.exports = function(api) {\n api.cache(true);\n return {\n presets: ['module:metro-react-native-babel-preset'],\n"
},
{
"path": ".storybook/config.js",
"chars": 1459,
"preview": "import {\n addDecorator,\n configure,\n setAddon,\n addParameters,\n} from '@storybook/react';\nimport { withTests } from "
},
{
"path": ".storybook/webpack.config.js",
"chars": 655,
"preview": "const path = require('path');\nconst webpack = require('webpack');\n\nmodule.exports = ({ config, mode }) => {\n config.mod"
},
{
"path": ".travis.yml",
"chars": 158,
"preview": "sudo: false\nlanguage: node_js\nnode_js:\n - \"8\"\ncache:\n directories:\n - node_modules\ninstall:\n - yarn install\nscript"
},
{
"path": ".watchmanconfig",
"chars": 2,
"preview": "{}"
},
{
"path": "App.js",
"chars": 39,
"preview": "export default from './src/storybook';\n"
},
{
"path": "LICENSE",
"chars": 1068,
"preview": "MIT License\n\nCopyright (c) 2019 Cody Pearce\n\nPermission is hereby granted, free of charge, to any person obtaining a cop"
},
{
"path": "README.md",
"chars": 14723,
"preview": "<p align=\"center\" style=\"margin-bottom: 0px !important;\">\n <img width=\"200\" src=\"http://material-bread.org/logo-shadow."
},
{
"path": "android/app/BUCK",
"chars": 1320,
"preview": "# To learn about Buck see [Docs](https://buckbuild.com/).\n# To run your application with Buck:\n# - install Buck\n# - `npm"
},
{
"path": "android/app/build.gradle",
"chars": 6083,
"preview": "apply plugin: \"com.android.application\"\n\nimport com.android.build.OutputFile\n\n/**\n * The react.gradle file registers a t"
},
{
"path": "android/app/build_defs.bzl",
"chars": 602,
"preview": "\"\"\"Helper definitions to glob .aar and .jar targets\"\"\"\n\ndef create_aar_targets(aarfiles):\n for aarfile in aarfiles:\n "
},
{
"path": "android/app/proguard-rules.pro",
"chars": 667,
"preview": "# Add project specific ProGuard rules here.\n# By default, the flags in this file are appended to flags specified\n# in /u"
},
{
"path": "android/app/src/main/AndroidManifest.xml",
"chars": 1052,
"preview": "<manifest xmlns:android=\"http://schemas.android.com/apk/res/android\"\n package=\"com.materialbread\">\n\n <uses-permissio"
},
{
"path": "android/app/src/main/java/com/materialbread/MainActivity.java",
"chars": 371,
"preview": "package com.materialbread;\n\nimport com.facebook.react.ReactActivity;\n\npublic class MainActivity extends ReactActivity {\n"
},
{
"path": "android/app/src/main/java/com/materialbread/MainApplication.java",
"chars": 1203,
"preview": "package com.materialbread;\n\nimport android.app.Application;\n\nimport com.facebook.react.ReactApplication;\nimport com.horc"
},
{
"path": "android/app/src/main/res/values/strings.xml",
"chars": 76,
"preview": "<resources>\n <string name=\"app_name\">MaterialBread</string>\n</resources>\n"
},
{
"path": "android/app/src/main/res/values/styles.xml",
"chars": 192,
"preview": "<resources>\n\n <!-- Base application theme. -->\n <style name=\"AppTheme\" parent=\"Theme.AppCompat.Light.NoActionBar\">"
},
{
"path": "android/build.gradle",
"chars": 974,
"preview": "// Top-level build file where you can add configuration options common to all sub-projects/modules.\n\nbuildscript {\n e"
},
{
"path": "android/gradle/wrapper/gradle-wrapper.properties",
"chars": 203,
"preview": "distributionBase=GRADLE_USER_HOME\ndistributionPath=wrapper/dists\nzipStoreBase=GRADLE_USER_HOME\nzipStorePath=wrapper/dist"
},
{
"path": "android/gradle.properties",
"chars": 858,
"preview": "# Project-wide Gradle settings.\n\n# IDE (e.g. Android Studio) users:\n# Gradle settings configured through the IDE *will o"
},
{
"path": "android/gradlew",
"chars": 5296,
"preview": "#!/usr/bin/env sh\n\n##############################################################################\n##\n## Gradle start up"
},
{
"path": "android/gradlew.bat",
"chars": 2260,
"preview": "@if \"%DEBUG%\" == \"\" @echo off\r\n@rem ##########################################################################\r\n@rem\r\n@r"
},
{
"path": "android/keystores/BUCK",
"chars": 152,
"preview": "keystore(\n name = \"debug\",\n properties = \"debug.keystore.properties\",\n store = \"debug.keystore\",\n visibility"
},
{
"path": "android/keystores/debug.keystore.properties",
"chars": 105,
"preview": "key.store=debug.keystore\nkey.alias=androiddebugkey\nkey.store.password=android\nkey.alias.password=android\n"
},
{
"path": "android/settings.gradle",
"chars": 372,
"preview": "rootProject.name = 'MaterialBread'\ninclude ':react-native-svg'\nproject(':react-native-svg').projectDir = new File(rootPr"
},
{
"path": "app.json",
"chars": 63,
"preview": "{\n \"name\": \"MaterialBread\",\n \"displayName\": \"MaterialBread\"\n}"
},
{
"path": "babel.config.js",
"chars": 354,
"preview": "module.exports = function(api) {\n api.cache(true);\n return {\n presets: ['module:metro-react-native-babel-preset'],\n"
},
{
"path": "dist/Components/Appbar/Appbar.js",
"chars": 8589,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Appbar/Appbar.stories.js",
"chars": 16289,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Appbar/Appbar.styles.js",
"chars": 596,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Appbar/Searchbar/Searchbar.js",
"chars": 4171,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Appbar/Searchbar/Searchbar.stories.js",
"chars": 1644,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Appbar/Searchbar/Searchbar.styles.js",
"chars": 1342,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Appbar/index.js",
"chars": 299,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/AppbarBottom/AppbarBottom.js",
"chars": 6877,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/AppbarBottom/AppbarBottom.stories.js",
"chars": 16094,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/AppbarBottom/AppbarBottom.styles.js",
"chars": 1858,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/AppbarBottom/AppbarBottom.svg.js",
"chars": 2214,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/AppbarBottom/index.js",
"chars": 317,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Avatar/Avatar.js",
"chars": 4777,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Avatar/Avatar.stories.js",
"chars": 4626,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Avatar/Avatar.styles.js",
"chars": 212,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Avatar/index.js",
"chars": 299,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Backdrop/BackLayer/BackLayer.js",
"chars": 3955,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Backdrop/BackLayer/BackLayer.styles.js",
"chars": 271,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Backdrop/Backdrop.js",
"chars": 5827,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Backdrop/Backdrop.stories.js",
"chars": 10004,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Backdrop/Backdrop.styles.js",
"chars": 239,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Backdrop/FrontLayer/FrontLayer.js",
"chars": 4402,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Backdrop/FrontLayer/FrontLayer.styles.js",
"chars": 385,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Backdrop/FrontLayerScrim/FrontLayerScrim.js",
"chars": 2642,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Backdrop/FrontLayerScrim/FrontLayerScrim.styles.js",
"chars": 414,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Backdrop/HeaderButton/HeaderButton.js",
"chars": 3545,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Backdrop/HeaderButton/HeaderButton.styles.js",
"chars": 384,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Backdrop/index.js",
"chars": 305,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Backdrop/utils.js",
"chars": 0,
"preview": ""
},
{
"path": "dist/Components/Badge/Badge.js",
"chars": 7015,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Badge/Badge.stories.js",
"chars": 11840,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Badge/Badge.styles.js",
"chars": 284,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Badge/index.js",
"chars": 296,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Banner/Banner.js",
"chars": 8396,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Banner/Banner.stories.js",
"chars": 5202,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Banner/Banner.styles.js",
"chars": 425,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Banner/index.js",
"chars": 299,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/BottomNavigation/BottomNavigation.js",
"chars": 6324,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/BottomNavigation/BottomNavigation.stories.js",
"chars": 16320,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/BottomNavigation/BottomNavigation.styles.js",
"chars": 1381,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/BottomNavigation/BottomNavigationItem/BottomNavigationItem.js",
"chars": 7618,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/BottomNavigation/BottomNavigationItem/BottomNavigationItem.stories.js",
"chars": 12443,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/BottomNavigation/BottomNavigationItem/BottomNavigationItem.styles.js",
"chars": 393,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/BottomNavigation/BottomNavigationItem/index.js",
"chars": 341,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/BottomNavigation/index.js",
"chars": 543,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Button/Button.js",
"chars": 2879,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Button/Button.stories.js",
"chars": 1633,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Button/Button.styles.js",
"chars": 0,
"preview": ""
},
{
"path": "dist/Components/Button/ButtonBase/ButtonBase.js",
"chars": 6721,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Button/ContainedButton/ContainedButton.js",
"chars": 9359,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Button/ContainedButton/ContainedButton.stories.js",
"chars": 15818,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Button/FlatButton/FlatButton.js",
"chars": 5928,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Button/FlatButton/FlatButton.stories.js",
"chars": 15677,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Button/OutlinedButton/OutlinedButton.js",
"chars": 5227,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Button/OutlinedButton/OutlinedButton.stories.js",
"chars": 15656,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Button/TextButton/TextButton.js",
"chars": 4840,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Button/TextButton/TextButton.stories.js",
"chars": 15135,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Button/index.js",
"chars": 299,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Card/Card.js",
"chars": 3008,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Card/Card.stories.js",
"chars": 26475,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Card/Card.styles.js",
"chars": 0,
"preview": ""
},
{
"path": "dist/Components/Card/CardActions/CardActions.js",
"chars": 3517,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Card/CardActions/CardActions.styles.js",
"chars": 439,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Card/CardActions/index.js",
"chars": 314,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Card/CardContent/CardContent.js",
"chars": 2596,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Card/CardContent/CardContent.styles.js",
"chars": 302,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Card/CardContent/index.js",
"chars": 314,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Card/CardHeader/CardHeader.js",
"chars": 3755,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Card/CardHeader/CardHeader.styles.js",
"chars": 761,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Card/CardHeader/index.js",
"chars": 311,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Card/CardMedia/CardMedia.js",
"chars": 3427,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Card/CardMedia/CardMedia.styles.js",
"chars": 545,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Card/CardMedia/index.js",
"chars": 308,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Card/index.js",
"chars": 993,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Checkbox/Checkbox.js",
"chars": 6675,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Checkbox/Checkbox.stories.js",
"chars": 18655,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Checkbox/Checkbox.styles.js",
"chars": 400,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Checkbox/index.js",
"chars": 305,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Chip/Chip.js",
"chars": 6594,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Chip/Chip.stories.js",
"chars": 5450,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Chip/Chip.styles.js",
"chars": 487,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Chip/index.js",
"chars": 293,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/DataTable/DataTable.js",
"chars": 3168,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/DataTable/DataTable.stories.js",
"chars": 7974,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/DataTable/DataTable.styles.js",
"chars": 563,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/DataTable/DataTableCell/DataTableCell.js",
"chars": 5163,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/DataTable/DataTableCell/DataTableCell.stories.js",
"chars": 7694,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/DataTable/DataTableCell/DataTableCell.styles.js",
"chars": 512,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/DataTable/DataTableCell/index.js",
"chars": 320,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/DataTable/DataTableHeader/DataTableHeader.js",
"chars": 4090,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/DataTable/DataTableHeader/DataTableHeader.stories.js",
"chars": 4167,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/DataTable/DataTableHeader/DataTableHeader.styles.js",
"chars": 588,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/DataTable/DataTableHeader/index.js",
"chars": 326,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/DataTable/DataTablePagination/DataTablePagination.js",
"chars": 6119,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/DataTable/DataTablePagination/DataTablePagination.stories.js",
"chars": 3774,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/DataTable/DataTablePagination/DataTablePagination.styles.js",
"chars": 639,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/DataTable/DataTablePagination/index.js",
"chars": 338,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/DataTable/DataTableRow/DataTableRow.js",
"chars": 4212,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/DataTable/DataTableRow/DataTableRow.stories.js",
"chars": 15747,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/DataTable/DataTableRow/DataTableRow.styles.js",
"chars": 410,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/DataTable/DataTableRow/index.js",
"chars": 317,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/DataTable/index.js",
"chars": 1080,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Dialog/Dialog.js",
"chars": 4947,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Dialog/Dialog.stories.js",
"chars": 11608,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Dialog/Dialog.styles.js",
"chars": 1951,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Dialog/index.js",
"chars": 299,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Divider/Divider.js",
"chars": 3878,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Divider/Divider.stories.js",
"chars": 4098,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Divider/Divider.styles.js",
"chars": 271,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Divider/index.js",
"chars": 302,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Drawer/Drawer.js",
"chars": 11164,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Drawer/Drawer.stories.js",
"chars": 17053,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Drawer/Drawer.styles.js",
"chars": 510,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Drawer/DrawerHeader/DrawerHeader.js",
"chars": 2821,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Drawer/DrawerHeader/DrawerHeader.stories.js",
"chars": 6264,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Drawer/DrawerHeader/DrawerHeader.styles.js",
"chars": 512,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Drawer/DrawerHeader/index.js",
"chars": 317,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Drawer/DrawerItem/DrawerItem.js",
"chars": 3029,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Drawer/DrawerItem/DrawerItem.stories.js",
"chars": 5975,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Drawer/DrawerItem/DrawerItem.styles.js",
"chars": 389,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Drawer/DrawerItem/index.js",
"chars": 311,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Drawer/DrawerSection/DrawerSection.js",
"chars": 3005,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Drawer/DrawerSection/DrawerSection.stories.js",
"chars": 6554,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Drawer/DrawerSection/DrawerSection.styles.js",
"chars": 273,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Drawer/DrawerSection/index.js",
"chars": 320,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Drawer/index.js",
"chars": 841,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/DrawerBottom/DrawerBottom.js",
"chars": 2310,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/DrawerBottom/DrawerBottom.stories.js",
"chars": 2583,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/DrawerBottom/DrawerBottom.styles.js",
"chars": 0,
"preview": ""
},
{
"path": "dist/Components/DrawerBottom/index.js",
"chars": 317,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Fab/Fab.js",
"chars": 6559,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Fab/Fab.stories.js",
"chars": 6126,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Fab/Fab.styles.js",
"chars": 457,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Fab/FabSpeedDial/FabSpeedDial.js",
"chars": 6471,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Fab/FabSpeedDial/FabSpeedDial.stories.js",
"chars": 3066,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Fab/FabSpeedDial/FabSpeedDial.styles.js",
"chars": 312,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/Fab/FabSpeedDial/index.js",
"chars": 317,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Fab/index.js",
"chars": 472,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Icon/Icon.js",
"chars": 2713,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/Icon/Icon.styles.js",
"chars": 0,
"preview": ""
},
{
"path": "dist/Components/Icon/Icons.stories.js",
"chars": 4367,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/Icon/index.js",
"chars": 293,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/IconButton/IconButton.js",
"chars": 4039,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/IconButton/IconButton.stories.js",
"chars": 4407,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/IconButton/IconButton.styles.js",
"chars": 0,
"preview": ""
},
{
"path": "dist/Components/IconButton/index.js",
"chars": 311,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/List/List.js",
"chars": 2586,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/List/List.stories.js",
"chars": 6316,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/List/List.styles.js",
"chars": 276,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/List/ListExpand/ListExpand.js",
"chars": 7521,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/List/ListExpand/ListExpand.stories.js",
"chars": 3923,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/List/ListExpand/ListExpand.styles.js",
"chars": 354,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/List/ListExpand/index.js",
"chars": 311,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/List/ListItem/ListItem.js",
"chars": 8637,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/List/ListItem/ListItem.stories.js",
"chars": 17932,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/List/ListItem/ListItem.styles.js",
"chars": 333,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/List/ListItem/index.js",
"chars": 305,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/List/ListSection/ListSection.js",
"chars": 3451,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");var _interopRequireWildcard=require(\""
},
{
"path": "dist/Components/List/ListSection/ListSection.stories.js",
"chars": 7450,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
},
{
"path": "dist/Components/List/ListSection/ListSection.styles.js",
"chars": 296,
"preview": "Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _reactNative=require(\"react-native\")"
},
{
"path": "dist/Components/List/ListSection/index.js",
"chars": 314,
"preview": "var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esMo"
}
]
// ... and 1305 more files (download for full content)
About this extraction
This page contains the full source code of the codypearce/material-bread GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 1505 files (2.8 MB), approximately 822.6k tokens, and a symbol index with 1433 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.