office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
109 lines • 8.56 kB
JavaScript
define(["require", "exports", "react", "./DetailsList.checklist", "./examples/DetailsList.Basic.Example", "./examples/DetailsList.Compact.Example", "./examples/DetailsList.CustomColumns.Example", "./examples/DetailsList.CustomRows.Example", "./examples/DetailsList.CustomGroupHeaders.Example", "./examples/DetailsList.Advanced.Example", "./examples/DetailsList.Grouped.Example", "./examples/DetailsList.Grouped.Large.Example", "./examples/DetailsList.DragDrop.Example", "./examples/DetailsList.Documents.Example", "./examples/DetailsList.NavigatingFocus.Example", "./examples/DetailsList.Shimmer.Example", "./examples/DetailsList.CustomFooter.Example"], function (require, exports, React, DetailsList_checklist_1, DetailsList_Basic_Example_1, DetailsList_Compact_Example_1, DetailsList_CustomColumns_Example_1, DetailsList_CustomRows_Example_1, DetailsList_CustomGroupHeaders_Example_1, DetailsList_Advanced_Example_1, DetailsList_Grouped_Example_1, DetailsList_Grouped_Large_Example_1, DetailsList_DragDrop_Example_1, DetailsList_Documents_Example_1, DetailsList_NavigatingFocus_Example_1, DetailsList_Shimmer_Example_1, DetailsList_CustomFooter_Example_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var DetailsListBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.Basic.Example.tsx');
var DetailsListCompactExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.Compact.Example.tsx');
var DetailsListCustomColumnsExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.CustomColumns.Example.tsx');
var DetailsListCustomRowsExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.CustomRows.Example.tsx');
var DetailsListCustomGroupHeadersExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.CustomGroupHeaders.Example.tsx');
var DetailsListAdvancedExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.Advanced.Example.tsx');
var DetailsListGroupedExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.Grouped.Example.tsx');
var DetailsListGroupedLargeExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.Grouped.Large.Example.tsx');
var DetailsListDragDropExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.DragDrop.Example.tsx');
var DetailsListDocumentsExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.Documents.Example.tsx');
var DetailsListNavigatingFocusExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.NavigatingFocus.Example.tsx');
var DetailsListShimmerExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.Shimmer.Example.tsx');
var DetailsListCustomFooterExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.CustomFooter.Example.tsx');
exports.DetailsListPageProps = {
title: 'DetailsList',
componentName: 'DetailsList',
componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/DetailsList',
componentStatus: DetailsList_checklist_1.DetailsListStatus,
examples: [
{
title: 'Document DetailsList with 500 items, sorting, filtering, marquee selection, justified columns',
code: DetailsListDocumentsExampleCode,
view: React.createElement(DetailsList_Documents_Example_1.DetailsListDocumentsExample, null)
}
],
propertiesTablesSources: [
require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/DetailsList.types.ts')
],
overview: require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/docs/DetailsListOverview.md'),
bestPractices: '',
dos: require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/docs/DetailsListDos.md'),
donts: require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/docs/DetailsListDonts.md'),
isHeaderVisible: true
};
function generateProps(example) {
return {
title: example.title,
componentName: 'DetailsList',
componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/DetailsList',
examples: [example],
isHeaderVisible: false,
isFeedbackVisible: true
};
}
exports.DetailsListBasicPageProps = generateProps({
title: 'Simple DetailsList with 500 items, filtering, marquee selection',
code: DetailsListBasicExampleCode,
view: React.createElement(DetailsList_Basic_Example_1.DetailsListBasicExample, null)
});
exports.DetailsListCompactPageProps = generateProps({
title: 'Compact DetailsList with 500 items, filtering, marquee selection',
code: DetailsListCompactExampleCode,
view: React.createElement(DetailsList_Compact_Example_1.DetailsListCompactExample, null)
});
exports.DetailsListSimpleGroupedPageProps = generateProps({
title: 'Simple Grouped DetailsList',
code: DetailsListGroupedExampleCode,
view: React.createElement(DetailsList_Grouped_Example_1.DetailsListGroupedExample, null)
});
exports.DetailsListLargeGroupedPageProps = generateProps({
title: 'Large Grouped DetailsList',
code: DetailsListGroupedLargeExampleCode,
view: React.createElement(DetailsList_Grouped_Large_Example_1.DetailsListGroupedLargeExample, null)
});
exports.DetailsListCustomColumnsPageProps = generateProps({
title: 'Rendering custom item columns with sorting',
code: DetailsListCustomColumnsExampleCode,
view: React.createElement(DetailsList_CustomColumns_Example_1.DetailsListCustomColumnsExample, null)
});
exports.DetailsListCustomRowsPageProps = generateProps({
title: 'Rendering custom item rows',
code: DetailsListCustomRowsExampleCode,
view: React.createElement(DetailsList_CustomRows_Example_1.DetailsListCustomRowsExample, null)
});
exports.DetailsListCustomGroupHeadersPageProps = generateProps({
title: 'Rendering custom group headers',
code: DetailsListCustomGroupHeadersExampleCode,
view: React.createElement(DetailsList_CustomGroupHeaders_Example_1.DetailsListCustomGroupHeadersExample, null)
});
exports.DetailsListAdvancedPageProps = generateProps({
title: 'Advanced DetailsList of 5000 items, variable row heights',
code: DetailsListAdvancedExampleCode,
view: React.createElement(DetailsList_Advanced_Example_1.DetailsListAdvancedExample, null)
});
exports.DetailsListDragDropPageProps = generateProps({
title: 'Drag and Drop DetailsList with 10 items',
code: DetailsListDragDropExampleCode,
view: React.createElement(DetailsList_DragDrop_Example_1.DetailsListDragDropExample, null)
});
exports.DetailsListNavigatingFocusPageProps = generateProps({
title: 'Navigating to new content preserving keyboard focus with initialFocusedIndex',
code: DetailsListNavigatingFocusExampleCode,
view: React.createElement(DetailsList_NavigatingFocus_Example_1.DetailsListNavigatingFocusExample, null)
});
exports.DetailsListShimmerPageProps = generateProps({
title: 'DetailsList Shimmer - usually show before retrieving data from network',
code: DetailsListShimmerExampleCode,
view: React.createElement(DetailsList_Shimmer_Example_1.DetailsListShimmerExample, null)
});
exports.DetailsListCustomFooterPageProps = generateProps({
title: 'Rendering custom details list footer',
code: DetailsListCustomFooterExampleCode,
view: React.createElement(DetailsList_CustomFooter_Example_1.DetailsListCustomFooterExample, null)
});
});
//# sourceMappingURL=DetailsList.doc.js.map