office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
388 lines • 17.8 kB
JavaScript
define(["require", "exports", "tslib", "react", "@uifabric/example-app-base", "../components/DetailsList/examples/DetailsList.Basic.Example"], function (require, exports, tslib_1, React, example_app_base_1, DetailsList_Basic_Example_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.AppDefinition = {
appTitle: 'Fabric - React',
testPages: [
{
component: DetailsList_Basic_Example_1.DetailsListBasicExample,
key: 'DetailsListBasicExample',
name: 'DetailsListBasicExample',
url: '#/tests/detailslistbasicexample'
}
],
examplePages: [
{
links: [
{
component: require('../components/ActivityItem/ActivityItemPage').ActivityItemPage,
key: 'ActivityItem',
name: 'ActivityItem',
url: '#/examples/activityitem'
},
{
component: require('../components/Breadcrumb/BreadcrumbPage').BreadcrumbPage,
key: 'Breadcrumb',
name: 'Breadcrumb',
url: '#/examples/breadcrumb'
},
{
component: require('../components/Button/ButtonPage').ButtonPage,
key: 'Button',
name: 'Button',
url: '#/examples/button'
},
{
component: require('../components/Calendar/CalendarPage').CalendarPage,
key: 'Calendar',
name: 'Calendar',
url: '#/examples/calendar'
},
{
component: require('../components/Callout/CalloutPage').CalloutPage,
key: 'Callout',
name: 'Callout',
url: '#/examples/callout'
},
{
component: require('../components/Checkbox/CheckboxPage').CheckboxPage,
key: 'Checkbox',
name: 'Checkbox',
url: '#/examples/checkbox'
},
{
component: require('../components/ChoiceGroup/ChoiceGroupPage').ChoiceGroupPage,
key: 'ChoiceGroup',
name: 'ChoiceGroup',
url: '#/examples/choicegroup'
},
{
component: require('../components/ComboBox/ComboBoxPage').ComboBoxPage,
key: 'ComboBox',
name: 'ComboBox',
url: '#/examples/ComboBox'
},
{
component: require('../components/CommandBar/CommandBarPage').CommandBarPage,
key: 'CommandBar',
name: 'CommandBar',
url: '#/examples/commandbar'
},
{
component: require('../components/ContextualMenu/ContextualMenuPage').ContextualMenuPage,
key: 'ContextualMenu',
name: 'ContextualMenu',
url: '#/examples/contextmenu'
},
{
component: require('../components/DatePicker/DatePickerPage').DatePickerPage,
key: 'DatePicker',
name: 'DatePicker',
url: '#/examples/datepicker'
},
{
component: require('../components/DetailsList/DetailsListPage').DetailsListPage,
key: 'DetailsList',
name: 'DetailsList',
url: '#/examples/detailslist'
},
{
component: require('../components/Dialog/DialogPage').DialogPage,
key: 'Dialog',
name: 'Dialog',
url: '#/examples/dialog'
},
{
component: require('../components/Divider/DividerPage').DividerPage,
key: 'Divider',
name: 'Divider',
url: '#/examples/Divider'
},
{
component: require('../components/DocumentCard/DocumentCardPage').DocumentCardPage,
key: 'DocumentCard',
name: 'DocumentCard',
url: '#/examples/documentcard'
},
{
component: require('../components/Dropdown/DropdownPage').DropdownPage,
key: 'Dropdown',
name: 'Dropdown',
url: '#/examples/dropdown'
},
{
component: require('../components/Facepile/FacepilePage').FacepilePage,
key: 'Facepile',
name: 'Facepile',
url: '#/examples/facepile'
},
{
component: require('../components/HoverCard/HoverCardPage').HoverCardPage,
key: 'HoverCard',
name: 'HoverCard',
url: '#/examples/hovercard'
},
{
component: require('../components/Icon/IconPage').IconPage,
key: 'Icon',
name: 'Icon',
url: '#/examples/icon'
},
{
component: require('../components/Label/LabelPage').LabelPage,
key: 'Label',
name: 'Label',
url: '#/examples/label'
},
{
component: require('../components/Link/LinkPage').LinkPage,
key: 'Link',
name: 'Link',
url: '#/examples/link'
},
{
component: require('../components/List/ListPage').ListPage,
key: 'List',
name: 'List',
url: '#/examples/list'
},
{
component: require('../components/MessageBar/MessageBarPage').MessageBarPage,
key: 'MessageBar',
name: 'MessageBar',
url: '#/examples/messagebar'
},
{
component: require('../components/Modal/ModalPage').ModalPage,
key: 'Modal',
name: 'Modal',
url: '#/examples/modal'
},
{
component: require('../components/Overlay/OverlayPage').OverlayPage,
key: 'Overlay',
name: 'Overlay',
url: '#/examples/overlay'
},
{
component: require('../components/OverflowSet/OverflowSetPage').OverflowSetPage,
key: 'OverflowSet',
name: 'OverflowSet',
url: '#/examples/overflowset'
},
{
component: require('../components/Panel/PanelPage').PanelPage,
key: 'Panel',
name: 'Panel',
url: '#/examples/panel'
},
{
component: require('../components/pickers/PickersPage').PickersPage,
key: 'Pickers',
name: 'Pickers',
url: '#/examples/pickers'
},
{
component: require('../components/pickers/PeoplePicker/PeoplePickerPage').PeoplePickerPage,
key: 'PeoplePicker',
name: 'PeoplePicker',
url: '#/examples/PeoplePicker'
},
{
component: require('../components/Persona/PersonaPage').PersonaPage,
key: 'Persona',
name: 'Persona',
url: '#/examples/persona'
},
{
component: require('../components/Pivot/PivotPage').PivotPage,
key: 'Pivot',
name: 'Pivot',
url: '#/examples/pivot'
},
{
component: require('../components/ProgressIndicator/ProgressIndicatorPage').ProgressIndicatorPage,
key: 'ProgressIndicator',
name: 'ProgressIndicator',
url: '#/examples/progressindicator'
},
{
component: require('../components/Rating/RatingPage').RatingPage,
key: 'Rating',
name: 'Rating',
url: '#/examples/rating'
},
{
component: require('../components/ResizeGroup/ResizeGroupPage').ResizeGroupPage,
key: 'ResizeGroup',
name: 'ResizeGroup',
url: '#/examples/resizegroup'
},
{
component: require('../components/ScrollablePane/ScrollablePanePage').ScrollablePanePage,
key: 'ScrollablePane',
name: 'ScrollablePane',
url: '#/examples/scrollablepane'
},
{
component: require('../components/SearchBox/SearchBoxPage').SearchBoxPage,
key: 'SearchBox',
name: 'SearchBox',
url: '#/examples/searchbox'
},
{
component: require('../components/SpinButton/SpinButtonPage').SpinButtonPage,
key: 'SpinButton',
name: 'SpinButton',
url: '#/examples/spinbutton'
},
{
component: require('../components/Spinner/SpinnerPage').SpinnerPage,
key: 'Spinner',
name: 'Spinner',
url: '#/examples/spinner'
},
{
component: require('../components/SwatchColorPicker/SwatchColorPickerPage').SwatchColorPickerPage,
key: 'SwatchColorPicker',
name: 'SwatchColorPicker',
url: '#/examples/swatchcolorpicker'
},
{
component: require('../components/TeachingBubble/TeachingBubblePage').TeachingBubblePage,
key: 'TeachingBubble',
name: 'TeachingBubble',
url: '#/examples/teachingbubble'
},
{
component: require('../components/TextField/TextFieldPage').TextFieldPage,
key: 'TextField',
name: 'TextField',
url: '#/examples/textfield'
},
{
component: require('../components/Toggle/TogglePage').TogglePage,
key: 'Toggle',
name: 'Toggle',
url: '#/examples/toggle'
},
{
component: require('../components/Tooltip/TooltipPage').TooltipPage,
key: 'Tooltip',
name: 'Tooltip',
url: '#/examples/Tooltip'
}
],
name: 'Basic components'
},
{
links: [
{
component: require('../components/ColorPicker/ColorPickerPage').ColorPickerPage,
key: 'ColorPicker',
name: 'ColorPicker',
url: '#/examples/colorpicker'
},
{
component: require('../components/GroupedList/GroupedListPage').GroupedListPage,
key: 'GroupedList',
name: 'GroupedList',
url: '#examples/groupedlist'
},
{
component: require('../components/Image/ImagePage').ImagePage,
key: 'Image',
name: 'Image',
url: '#/examples/image'
},
{
component: require('../components/Layer/LayerPage').LayerPage,
key: 'Layer',
name: 'Layer',
url: '#/examples/layer'
},
{
component: require('../components/Nav/NavPage').NavPage,
key: 'Nav',
name: 'Nav',
url: '#/examples/nav'
},
{
component: require('../components/Slider/SliderPage').SliderPage,
key: 'Slider',
name: 'Slider',
url: '#/examples/slider'
}
],
name: 'Extended components'
},
{
links: [
{
component: require('../components/FocusTrapZone/FocusTrapZonePage').FocusTrapZonePage,
key: 'FocusTrapZone',
name: 'FocusTrapZone',
url: '#examples/focustrapzone'
},
{
component: require('../components/FocusZone/FocusZonePage').FocusZonePage,
key: 'FocusZone',
name: 'FocusZone',
url: '#examples/focuszone'
},
{
component: require('../components/MarqueeSelection/MarqueeSelectionPage').MarqueeSelectionPage,
key: 'MarqueeSelection',
name: 'MarqueeSelection',
url: '#examples/marqueeselection'
},
{
component: require('../utilities/selection/SelectionPage').SelectionPage,
key: 'Selection',
name: 'Selection',
url: '#examples/selection'
},
{
component: require('../components/Theme/ThemePage').ThemePage,
key: 'Theme',
name: 'Themes',
url: '#examples/themes'
},
{
component: require('../components/ThemeGenerator/ThemeGeneratorPage').ThemeGeneratorPage,
key: 'Theme Generator',
name: 'Beta Theme Generator',
url: '#examples/themeGenerator'
},
{
component: require('./ComponentStatus/ComponentStatusPage').ComponentStatusPage,
key: 'Components Status',
name: 'Components Checklist',
url: '#/components-status'
}
],
name: 'Utilities'
}
],
headerLinks: [
{
name: 'Getting started',
url: '#/'
},
{
name: 'Components Checklist',
url: '#/components-status'
},
{
name: 'Fabric',
url: 'http://dev.office.com/fabric'
},
{
name: 'Github',
url: 'http://www.github.com/officedev'
}
]
};
exports.App = function (props) { return React.createElement(example_app_base_1.App, tslib_1.__assign({ appDefinition: exports.AppDefinition }, props)); };
});
//# sourceMappingURL=AppDefinition.js.map