office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
339 lines (338 loc) • 16.2 kB
JavaScript
define(["require", "exports", '../../pages/BreadcrumbPage/BreadcrumbPage', '../../pages/ButtonPage/ButtonPage', '../../pages/CalloutPage/CalloutPage', '../../pages/ColorPickerPage/ColorPickerPage', '../../pages/DocumentCardPage/DocumentCardPage', '../../pages/CheckboxPage/CheckboxPage', '../../pages/ChoiceGroupPage/ChoiceGroupPage', '../../pages/CommandBarPage/CommandBarPage', '../../pages/ContextualMenuPage/ContextualMenuPage', '../../pages/DatePickerPage/DatePickerPage', '../../pages/DetailsListPage/DetailsListPage', '../../pages/DialogPage/DialogPage', '../../pages/DropdownPage/DropdownPage', '../../pages/Facepile/FacepilePage', '../../pages/FocusZonePage/FocusZonePage', '../../pages/FocusTrapZonePage/FocusTrapZonePage', '../../pages/GroupedListPage/GroupedListPage', '../../pages/ImagePage/ImagePage', '../../pages/LabelPage/LabelPage', '../../pages/LayerPage/LayerPage', '../../pages/LinkPage/LinkPage', '../../pages/ListPage/ListPage', '../../pages/MarqueeSelectionPage/MarqueeSelectionPage', '../../pages/MessageBarPage/MessageBarPage', '../../pages/NavPage/NavPage', '../../pages/OverlayPage/OverlayPage', '../../pages/PanelPage/PanelPage', '../../pages/PeoplePickerPage/PeoplePickerPage', '../../pages/PickersPage/PickersPage', '../../pages/PersonaPage/PersonaPage', '../../pages/PivotPage/PivotPage', '../../pages/ProgressIndicatorPage/ProgressIndicatorPage', '../../pages/SearchBoxPage/SearchBoxPage', '../../pages/SelectionPage/SelectionPage', '../../pages/SliderPage/SliderPage', '../../pages/SpinnerPage/SpinnerPage', '../../pages/TeachingBubblePage/TeachingBubblePage', '../../pages/TextFieldPage/TextFieldPage', '../../pages/TogglePage/TogglePage', '../../pages/TooltipPage/TooltipPage', '../../pages/ThemePage/ThemePage', '../../pages/DetailsListPage/examples/DetailsList.Basic.Example'], function (require, exports, BreadcrumbPage_1, ButtonPage_1, CalloutPage_1, ColorPickerPage_1, DocumentCardPage_1, CheckboxPage_1, ChoiceGroupPage_1, CommandBarPage_1, ContextualMenuPage_1, DatePickerPage_1, DetailsListPage_1, DialogPage_1, DropdownPage_1, FacepilePage_1, FocusZonePage_1, FocusTrapZonePage_1, GroupedListPage_1, ImagePage_1, LabelPage_1, LayerPage_1, LinkPage_1, ListPage_1, MarqueeSelectionPage_1, MessageBarPage_1, NavPage_1, OverlayPage_1, PanelPage_1, PeoplePickerPage_1, PickersPage_1, PersonaPage_1, PivotPage_1, ProgressIndicatorPage_1, SearchBoxPage_1, SelectionPage_1, SliderPage_1, SpinnerPage_1, TeachingBubblePage_1, TextFieldPage_1, TogglePage_1, TooltipPage_1, ThemePage_1, DetailsList_Basic_Example_1) {
"use strict";
(function (ExampleStatus) {
ExampleStatus[ExampleStatus["placeholder"] = 0] = "placeholder";
ExampleStatus[ExampleStatus["started"] = 1] = "started";
ExampleStatus[ExampleStatus["beta"] = 2] = "beta";
ExampleStatus[ExampleStatus["release"] = 3] = "release";
})(exports.ExampleStatus || (exports.ExampleStatus = {}));
var ExampleStatus = exports.ExampleStatus;
exports.AppState = {
appTitle: 'Fabric - React',
testPages: [
{
component: DetailsList_Basic_Example_1.DetailsListBasicExample,
key: 'DetailsListBasicExample',
name: 'DetailsListBasicExample',
url: '#/tests/detailslistbasicexample'
}
],
examplePages: [
{
links: [
{
component: BreadcrumbPage_1.BreadcrumbPage,
key: 'Breadcrumb',
name: 'Breadcrumb',
status: ExampleStatus.beta,
url: '#/examples/breadcrumb'
},
{
component: ButtonPage_1.ButtonPage,
key: 'Button',
name: 'Button',
status: ExampleStatus.beta,
url: '#/examples/button'
},
{
component: CalloutPage_1.CalloutPage,
key: 'Callout',
name: 'Callout',
status: ExampleStatus.beta,
url: '#/examples/callout'
},
{
component: CheckboxPage_1.CheckboxPage,
key: 'Checkbox',
name: 'Checkbox',
status: ExampleStatus.beta,
url: '#/examples/checkbox'
},
{
component: ChoiceGroupPage_1.ChoiceGroupPage,
key: 'ChoiceGroup',
name: 'ChoiceGroup',
status: ExampleStatus.beta,
url: '#/examples/choicegroup'
},
{
component: CommandBarPage_1.CommandBarPage,
key: 'CommandBar',
name: 'CommandBar',
status: ExampleStatus.beta,
url: '#/examples/commandbar'
},
{
component: ContextualMenuPage_1.ContextualMenuPage,
key: 'ContextualMenu',
name: 'ContextualMenu',
status: ExampleStatus.beta,
url: '#/examples/contextmenu'
},
{
component: DatePickerPage_1.DatePickerPage,
key: 'DatePicker',
name: 'DatePicker',
status: ExampleStatus.beta,
url: '#/examples/datepicker'
},
{
component: DetailsListPage_1.DetailsListPage,
key: 'DetailsList',
name: 'DetailsList',
status: ExampleStatus.beta,
url: '#/examples/detailslist'
},
{
component: DialogPage_1.DialogPage,
key: 'Dialog',
name: 'Dialog',
status: ExampleStatus.beta,
url: '#/examples/dialog'
},
{
component: DocumentCardPage_1.DocumentCardPage,
key: 'DocumentCard',
name: 'DocumentCard',
status: ExampleStatus.beta,
url: '#/examples/documentcard'
},
{
component: DropdownPage_1.DropdownPage,
key: 'Dropdown',
name: 'Dropdown',
status: ExampleStatus.beta,
url: '#/examples/dropdown'
},
{
component: FacepilePage_1.FacepilePage,
key: 'Facepile',
name: 'Facepile',
status: ExampleStatus.started,
url: '#/examples/facepile'
},
{
component: LabelPage_1.LabelPage,
key: 'Label',
name: 'Label',
status: ExampleStatus.beta,
url: '#/examples/label'
},
{
component: LinkPage_1.LinkPage,
key: 'Link',
name: 'Link',
status: ExampleStatus.beta,
url: '#/examples/link'
},
{
component: ListPage_1.ListPage,
key: 'List',
name: 'List',
status: ExampleStatus.beta,
url: '#/examples/list'
},
{
component: MessageBarPage_1.MessageBarPage,
key: 'MessageBar',
name: 'MessageBar',
status: ExampleStatus.placeholder,
url: '#/examples/messagebar'
},
{
component: OverlayPage_1.OverlayPage,
key: 'Overlay',
name: 'Overlay',
status: ExampleStatus.beta,
url: '#/examples/overlay'
},
{
component: PanelPage_1.PanelPage,
key: 'Panel',
name: 'Panel',
status: ExampleStatus.beta,
url: '#/examples/panel'
},
{
component: PickersPage_1.PickersPage,
key: 'Pickers',
name: 'Pickers',
status: ExampleStatus.started,
url: '#/examples/pickers'
},
{
component: PeoplePickerPage_1.PeoplePickerPage,
key: 'PeoplePicker',
name: 'PeoplePicker',
status: ExampleStatus.started,
url: '#/examples/PeoplePicker'
},
{
component: PersonaPage_1.PersonaPage,
key: 'Persona',
name: 'Persona',
status: ExampleStatus.beta,
url: '#/examples/persona'
},
{
component: PivotPage_1.PivotPage,
key: 'Pivot',
name: 'Pivot',
status: ExampleStatus.started,
url: '#/examples/pivot'
},
{
component: ProgressIndicatorPage_1.ProgressIndicatorPage,
key: 'ProgressIndicator',
name: 'ProgressIndicator',
status: ExampleStatus.beta,
url: '#/examples/progressindicator'
},
{
component: SearchBoxPage_1.SearchBoxPage,
key: 'SearchBox',
name: 'SearchBox',
status: ExampleStatus.started,
url: '#/examples/searchbox'
},
{
component: SpinnerPage_1.SpinnerPage,
key: 'Spinner',
name: 'Spinner',
status: ExampleStatus.beta,
url: '#/examples/spinner'
},
{
component: TeachingBubblePage_1.TeachingBubblePage,
key: 'TeachingBubble',
name: 'TeachingBubble',
status: ExampleStatus.beta,
url: '#/examples/teachingbubble'
},
{
component: TextFieldPage_1.TextFieldPage,
key: 'TextField',
name: 'TextField',
status: ExampleStatus.beta,
url: '#/examples/textfield'
},
{
component: TogglePage_1.TogglePage,
key: 'Toggle',
name: 'Toggle',
status: ExampleStatus.beta,
url: '#/examples/toggle'
},
{
component: TooltipPage_1.TooltipPage,
key: 'Tooltip',
name: 'Tooltip',
status: ExampleStatus.beta,
url: '#/examples/Tooltip'
}
],
name: 'Basic components'
},
{
links: [
{
component: ColorPickerPage_1.ColorPickerPage,
key: 'ColorPicker',
name: 'ColorPicker',
status: ExampleStatus.started,
url: '#/examples/colorpicker'
},
{
component: GroupedListPage_1.GroupedListPage,
key: 'GroupedList',
name: 'GroupedList',
status: ExampleStatus.started,
url: '#examples/groupedlist'
},
{
component: ImagePage_1.ImagePage,
key: 'Image',
name: 'Image',
status: ExampleStatus.beta,
url: '#/examples/image'
},
{
component: LayerPage_1.LayerPage,
key: 'Layer',
name: 'Layer',
status: ExampleStatus.beta,
url: '#/examples/layer'
},
{
component: NavPage_1.NavPage,
key: 'Nav',
name: 'Nav',
status: ExampleStatus.started,
url: '#/examples/nav'
},
{
component: SliderPage_1.SliderPage,
key: 'Slider',
name: 'Slider',
status: ExampleStatus.beta,
url: '#/examples/slider'
}
],
name: 'Extended components'
},
{
links: [
{
component: FocusTrapZonePage_1.FocusTrapZonePage,
key: 'FocusTrapZone',
name: 'FocusTrapZone',
status: ExampleStatus.beta,
url: '#examples/focustrapzone'
},
{
component: FocusZonePage_1.FocusZonePage,
key: 'FocusZone',
name: 'FocusZone',
status: ExampleStatus.beta,
url: '#examples/focuszone'
},
{
component: MarqueeSelectionPage_1.MarqueeSelectionPage,
key: 'MarqueeSelection',
name: 'MarqueeSelection',
status: ExampleStatus.beta,
url: '#examples/marqueeselection'
},
{
component: SelectionPage_1.SelectionPage,
key: 'Selection',
name: 'Selection',
status: ExampleStatus.beta,
url: '#examples/selection'
},
{
component: ThemePage_1.ThemePage,
key: 'Themes',
name: 'Themes',
url: '#examples/themes'
}
],
name: 'Utilities'
}
],
headerLinks: [
{
name: 'Getting started',
url: '#/'
},
{
name: 'Fabric',
url: 'http://dev.office.com/fabric'
},
{
name: 'Github',
url: 'http://www.github.com/officedev'
}
]
};
});