react-toolbox/docs/app/components/layout/main/modules/components.js

229 lines
6.5 KiB
JavaScript
Raw Normal View History

// Documentation files
2015-10-29 07:48:59 +03:00
import AppBar from 'react-toolbox/app_bar/readme';
import Autocomplete from 'react-toolbox/autocomplete/readme';
2015-11-28 00:27:06 +03:00
import Avatar from 'react-toolbox/avatar/readme';
import Button from 'react-toolbox/button/readme';
import Card from 'react-toolbox/card/readme';
2015-10-29 07:48:59 +03:00
import Checkbox from 'react-toolbox/checkbox/readme';
2016-04-10 23:14:03 +03:00
import Chip from 'react-toolbox/chip/readme';
2015-10-29 07:48:59 +03:00
import DatePicker from 'react-toolbox/date_picker/readme';
import Dialog from 'react-toolbox/dialog/readme';
import Drawer from 'react-toolbox/drawer/readme';
import Dropdown from 'react-toolbox/dropdown/readme';
import FontIcon from 'react-toolbox/font_icon/readme';
import Input from 'react-toolbox/input/readme';
import Layout from 'react-toolbox/layout/readme';
2015-10-29 07:48:59 +03:00
import Link from 'react-toolbox/link/readme';
import List from 'react-toolbox/list/readme';
import Menu from 'react-toolbox/menu/readme';
import Navigation from 'react-toolbox/navigation/readme';
import ProgressBar from 'react-toolbox/progress_bar/readme';
import RadioGroup from 'react-toolbox/radio/readme';
2015-12-20 21:18:31 +03:00
import Ripple from 'react-toolbox/ripple/readme';
2015-10-29 07:48:59 +03:00
import Slider from 'react-toolbox/slider/readme';
import Snackbar from 'react-toolbox/snackbar/readme';
import Switch from 'react-toolbox/switch/readme';
2015-11-04 06:25:33 +03:00
import Table from 'react-toolbox/table/readme';
2015-10-29 07:48:59 +03:00
import Tabs from 'react-toolbox/tabs/readme';
import Tooltip from 'react-toolbox/tooltip/readme';
2015-10-29 07:48:59 +03:00
import TimePicker from 'react-toolbox/time_picker/readme';
// Examples for the Playground
2016-11-02 23:20:21 +03:00
import AppBarExample1 from './examples/app_bar_example_1.txt';
import AutocompleteExample1 from './examples/autocomplete_example_1.txt';
2015-11-28 00:27:06 +03:00
import AvatarExample1 from './examples/avatar_example_1.txt';
import ButtonExample1 from './examples/button_example_1.txt';
import CardExample1 from './examples/card_example_1.txt';
2016-04-10 23:14:03 +03:00
import ChipExample1 from './examples/chip_example_1.txt';
2015-10-31 21:42:33 +03:00
import CheckboxExample1 from './examples/checkbox_example_1.txt';
import DatePickerExample1 from './examples/datepicker_example_1.txt';
2015-10-31 22:35:19 +03:00
import DialogExample1 from './examples/dialog_example_1.txt';
2015-10-31 23:39:51 +03:00
import DrawerExample1 from './examples/drawer_example_1.txt';
import DrodpownExample1 from './examples/dropdown_example_1.txt';
2015-11-01 00:43:54 +03:00
import FontIconExample1 from './examples/font_icon_example_1.txt';
2015-11-01 10:41:40 +03:00
import InputExample1 from './examples/input_example_1.txt';
2015-11-01 11:14:36 +03:00
import LinkExample1 from './examples/link_example_1.txt';
2015-11-01 12:48:12 +03:00
import ListExample1 from './examples/list_example_1.txt';
import MenuExample1 from './examples/menu_example_1.txt';
2015-11-01 14:39:49 +03:00
import NavigationExample1 from './examples/navigation_example_1.txt';
2015-11-01 14:53:23 +03:00
import ProgressBarExample1 from './examples/progressbar_example_1.txt';
2015-11-01 15:16:14 +03:00
import RadioExample1 from './examples/radio_example_1.txt';
2015-11-01 16:14:36 +03:00
import SliderExample1 from './examples/slider_example_1.txt';
2015-12-20 21:18:31 +03:00
import RippleExample1 from './examples/ripple_example_1.txt';
2015-11-01 17:19:45 +03:00
import SnackbarExample1 from './examples/snackbar_example_1.txt';
2015-11-01 17:38:12 +03:00
import SwitchExample1 from './examples/switch_example_1.txt';
2015-11-04 06:25:33 +03:00
import TableExample1 from './examples/table_example_1.txt';
2015-11-01 17:54:17 +03:00
import TabsExample1 from './examples/tabs_example_1.txt';
import TooltipExample1 from './examples/tooltip_example_1.txt';
2015-11-01 17:54:17 +03:00
import TimePickerExample1 from './examples/timepicker_example_1.txt';
export default {
2015-10-29 07:48:59 +03:00
app_bar: {
name: 'App Bar',
docs: AppBar,
2016-11-02 23:20:21 +03:00
path: '/components/app_bar',
examples: [AppBarExample1]
2015-10-29 07:48:59 +03:00
},
autocomplete: {
name: 'Autocomplete',
docs: Autocomplete,
path: '/components/autocomplete',
examples: [AutocompleteExample1]
},
2015-11-28 00:27:06 +03:00
avatar: {
name: 'Avatar',
docs: Avatar,
path: '/components/avatar',
examples: [AvatarExample1]
},
button: {
name: 'Button',
docs: Button,
path: '/components/button',
examples: [ButtonExample1]
},
card: {
name: 'Card',
docs: Card,
path: '/components/card',
examples: [CardExample1]
2015-10-29 07:48:59 +03:00
},
2016-04-10 23:14:03 +03:00
chip: {
name: 'Chip',
docs: Chip,
path: '/components/chip',
examples: [ChipExample1]
},
2015-10-29 07:48:59 +03:00
checkbox: {
name: 'Checkbox',
docs: Checkbox,
2015-10-31 21:42:33 +03:00
path: '/components/checkbox',
examples: [CheckboxExample1]
2015-10-29 07:48:59 +03:00
},
date_picker: {
name: 'Date Picker',
docs: DatePicker,
path: '/components/date_picker',
examples: [DatePickerExample1]
2015-10-29 07:48:59 +03:00
},
dialog: {
name: 'Dialog',
docs: Dialog,
2015-10-31 22:35:19 +03:00
path: '/components/dialog',
examples: [DialogExample1]
2015-10-29 07:48:59 +03:00
},
drawer: {
name: 'Drawer',
docs: Drawer,
2015-10-31 23:39:51 +03:00
path: '/components/drawer',
examples: [DrawerExample1]
2015-10-29 07:48:59 +03:00
},
dropdown: {
name: 'Dropdown',
docs: Dropdown,
path: '/components/dropdown',
examples: [DrodpownExample1]
2015-10-29 07:48:59 +03:00
},
font_icon: {
name: 'Font Icon',
docs: FontIcon,
2015-11-01 00:43:54 +03:00
path: '/components/font_icon',
examples: [FontIconExample1]
2015-10-29 07:48:59 +03:00
},
input: {
name: 'Input',
docs: Input,
2015-11-01 10:41:40 +03:00
path: '/components/input',
examples: [InputExample1]
2015-10-29 07:48:59 +03:00
},
layout: {
name: 'Layout',
docs: Layout,
Migrate styles to PostCSS (#666) * Add postcss-next postcss-include and reporter * Add stylelint * Add CSS colors * Add CSS custom media queries * Use dashes for CSS colors * Add base CSS variables * Remove AppBar SASS dependency from spec page * Migrate AppBar style to PostCSS * Migrate Avatar style to PostCSS * Migrate Ripple style to PostCSS * Remove unneeded media CSS import in Avatar * Add shadows to CSS variables * Migrate Button style to PostCSS * Update webpack test config and linting from npm * Migrate Input style to PostCSS * Add missing input config variables for Dropdown and Autocomplete * Migrate Chip style to PostCSS * Migrate Autocomplete style to PostCSS * Migrate Dropdown style to PostCSS * Migrate animations to PostCSS * Migrate Card style to PostCSS * Migrate Checkbox style to PostCSS * Migrate DataPicker style to PostCSS * Migrate Dialog style to PostCSS * Migrate Drawer style to PostCSS * Add postcss-mixins and postcss-each * Migrate Layout style to PostCSS * Fix bug in button theme * Bugfix in avatar css * Add some missing nesting notations * Migrate Link style to PostCSS * Migrate List style to PostCSS * Migrate Menu style to PostCSS * Migrate Navigation style to PostCSS * Migrate Overlay style to PostCSS * Migrate ProgressBar style to PostCSS * Migrate Radio style to PostCSS * Migrate Slider style to PostCSS * Migrate Snackbar style to PostCSS * Migrate Switch style to PostCSS * Migrate Table style to PostCSS * Migrate Tabs style to PostCSS * Migrate TimePicker to PostCSS * Migrate Tooltip styles to PostCSS * Update webpack config for testing and tests * Migrate commons to PostCSS * Remove sass from main project * Bye from docs to sass * Build with CSS * Remove unneded deps for sass in docs subproject * Fix tests * use 4p shadow in AppBar as spec indicates * Fixed typo in list/config.css * Fix tests * Fix linter errors * Latest build * Release 2.0.0-beta.0 * Remove sass lint * fixes old sass var in css config * Update linter * New Table implementation * Fix old sass var in list/config.css See da0c47041ecf2d8b118b06fba9f53cc4d7e1e79f. * Remove normalize.css from commons.css * Update dependencies * Latest build * Input ready to accept visible hint * Prepare slider and progress to be disabled * Render Snackbar using Portal * Refactor Dialog, Drawer and Overlay to be used in Layout * Add inner layer to AppBar * New layout * Use Layout in spec * Latest build * remove layout playground example * add smTablet and lgTablet to NavDrawer in Layout readme * add default prop className to Layout, NavDrawer and Sidebar * fix css linter errors in card and slider * Typings for Table component * Add missing Drawer identifier * Update lib build * Adds onQueryChange callback property to Autocomplete The onQueryChange callback is called when the value of the query changes in Autocomplete. It is called with the new query value. * Fix #966 * Fix #965 * Fixes #976 * Updated css-related dependencies Removed usages of `addDependencyTo` since it's deprecated and not needed anymore. See https://github.com/postcss/postcss-import#adddependencyto * Enabled HMR for styles by disabling extracting them to a CSS file * Remove lib from repo * Remove lib * Fixes #1021 * Build using Gulp * Export ThemeProvider from react-css-themr * Add CHANGELOG to release command * Release 2.0.0-beta.1 * Remove immutability helper * Update dependencies * Fix Tooltip trying to render after it's been unmounted * Fixes #1038 * Release 2.0.0-beta.2 * Add ramda, refactor utils and remove slide animation modules * Remove separate slide animations modules * Remove box-sizing reset and body rule * Remove commons.css * Release 2.0.0-beta.4 * Update dependencies * Fixes #1061 * More aggresive guard condition for multiple autocomplete * Fix typeof check in isBrowser function * Fixes an issue when specs are opened with browsers that do not support Object.entries(). * Import from ramda using the 'import XXX from "ramda/src/XXX"' pattern so that bundle sizes will be smaller for not including the whole ramda package. * Fix #1032 * Fix tests * Update yarn.lock * Fixes #1064
2017-01-05 04:42:18 +03:00
path: '/components/layout'
},
2015-10-29 07:48:59 +03:00
link: {
name: 'Link',
docs: Link,
2015-11-01 11:14:36 +03:00
path: '/components/link',
examples: [LinkExample1]
2015-10-29 07:48:59 +03:00
},
list: {
name: 'List',
docs: List,
2015-11-01 12:48:12 +03:00
path: '/components/list',
examples: [ListExample1]
2015-10-29 07:48:59 +03:00
},
menu: {
name: 'Menu',
docs: Menu,
path: '/components/menu',
examples: [MenuExample1]
2015-10-29 07:48:59 +03:00
},
navigation: {
name: 'Navigation',
docs: Navigation,
2015-11-01 14:39:49 +03:00
path: '/components/navigation',
examples: [NavigationExample1]
2015-10-29 07:48:59 +03:00
},
progress_bar: {
name: 'Progress Bar',
docs: ProgressBar,
2015-11-01 14:53:23 +03:00
path: '/components/progress_bar',
examples: [ProgressBarExample1]
2015-10-29 07:48:59 +03:00
},
radio_group: {
2015-11-01 15:16:14 +03:00
name: 'Radio Buttons',
2015-10-29 07:48:59 +03:00
docs: RadioGroup,
2015-11-01 15:16:14 +03:00
path: '/components/radio_group',
examples: [RadioExample1]
2015-10-29 07:48:59 +03:00
},
2015-12-20 21:18:31 +03:00
ripple: {
name: 'Ripple',
docs: Ripple,
path: '/components/ripple',
examples: [RippleExample1]
},
2015-10-29 07:48:59 +03:00
slider: {
name: 'Slider',
docs: Slider,
2015-11-01 16:14:36 +03:00
path: '/components/slider',
examples: [SliderExample1]
2015-10-29 07:48:59 +03:00
},
snackbar: {
name: 'Snackbar',
docs: Snackbar,
2015-11-01 17:19:45 +03:00
path: '/components/snackbar',
examples: [SnackbarExample1]
2015-10-29 07:48:59 +03:00
},
switch: {
name: 'Switch',
docs: Switch,
2015-11-01 17:38:12 +03:00
path: '/components/switch',
examples: [SwitchExample1]
2015-10-29 07:48:59 +03:00
},
table: {
name: 'Table',
docs: Table,
path: '/components/table',
examples: [TableExample1]
},
2015-10-29 11:27:18 +03:00
tabs: {
2015-10-29 07:48:59 +03:00
name: 'Tabs',
docs: Tabs,
2015-11-01 17:54:17 +03:00
path: '/components/tabs',
examples: [TabsExample1]
2015-10-29 07:48:59 +03:00
},
tooltip: {
name: 'Tooltip',
docs: Tooltip,
path: '/components/tooltip',
examples: [TooltipExample1]
2015-11-04 06:25:33 +03:00
},
2015-10-29 07:48:59 +03:00
time_picker: {
name: 'Time Picker',
docs: TimePicker,
2015-10-31 22:12:45 +03:00
path: '/components/time_picker',
2015-11-01 17:54:17 +03:00
examples: [TimePickerExample1]
}
};