define(["require", "exports", "react", "./DetailsList.Basic.Example", "./DetailsList.Animation.Example", "./DetailsList.Compact.Example", "./DetailsList.CustomColumns.Example", "./DetailsList.CustomRows.Example", "./DetailsList.CustomGroupHeaders.Example", "./DetailsList.Advanced.Example", "./DetailsList.ProportionalColumns.Example", "./DetailsList.Grouped.Example", "./DetailsList.Grouped.Large.Example", "./DetailsList.DragDrop.Example", "./DetailsList.Documents.Example", "./DetailsList.NavigatingFocus.Example", "../Shimmer/Shimmer.Application.Example", "./DetailsList.CustomFooter.Example"], function (require, exports, React, DetailsList_Basic_Example_1, DetailsList_Animation_Example_1, DetailsList_Compact_Example_1, DetailsList_CustomColumns_Example_1, DetailsList_CustomRows_Example_1, DetailsList_CustomGroupHeaders_Example_1, DetailsList_Advanced_Example_1, DetailsList_ProportionalColumns_Example_1, DetailsList_Grouped_Example_1, DetailsList_Grouped_Large_Example_1, DetailsList_DragDrop_Example_1, DetailsList_Documents_Example_1, DetailsList_NavigatingFocus_Example_1, Shimmer_Application_Example_1, DetailsList_CustomFooter_Example_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var DetailsListBasicExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/DetailsList/DetailsList.Basic.Example.tsx');
    var DetailsListAnimationExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/DetailsList/DetailsList.Animation.Example.tsx');
    var DetailsListCompactExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/DetailsList/DetailsList.Compact.Example.tsx');
    var DetailsListCustomColumnsExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/DetailsList/DetailsList.CustomColumns.Example.tsx');
    var DetailsListCustomRowsExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/DetailsList/DetailsList.CustomRows.Example.tsx');
    var DetailsListCustomGroupHeadersExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/DetailsList/DetailsList.CustomGroupHeaders.Example.tsx');
    var DetailsListAdvancedExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/DetailsList/DetailsList.Advanced.Example.tsx');
    var DetailsListProportionalColumnsCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/DetailsList/DetailsList.ProportionalColumns.Example.tsx');
    var DetailsListGroupedExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/DetailsList/DetailsList.Grouped.Example.tsx');
    var DetailsListGroupedLargeExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/DetailsList/DetailsList.Grouped.Large.Example.tsx');
    var DetailsListDragDropExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/DetailsList/DetailsList.DragDrop.Example.tsx');
    var DetailsListDocumentsExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/DetailsList/DetailsList.Documents.Example.tsx');
    var DetailsListNavigatingFocusExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/DetailsList/DetailsList.NavigatingFocus.Example.tsx');
    var DetailsListShimmerExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Shimmer/Shimmer.Application.Example.tsx');
    var DetailsListCustomFooterExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/DetailsList/DetailsList.CustomFooter.Example.tsx');
    exports.DetailsListPageProps = {
        title: 'DetailsList',
        componentName: 'DetailsList',
        componentUrl: 'https://github.com/microsoft/fluentui/tree/7.0/packages/office-ui-fabric-react/src/components/DetailsList',
        examples: [
            {
                title: 'DetailsList with 500 documents, sorting, filtering, marquee selection, justified columns',
                code: DetailsListDocumentsExampleCode,
                view: React.createElement(DetailsList_Documents_Example_1.DetailsListDocumentsExample, null),
            },
        ],
        overview: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/DetailsList/docs/DetailsListOverview.md'),
        bestPractices: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/DetailsList/docs/DetailsListBestPractices.md'),
        isHeaderVisible: true,
    };
    function generateProps(example) {
        return {
            title: example.title,
            componentName: 'DetailsList',
            componentUrl: 'https://github.com/microsoft/fluentui/tree/7.0/packages/office-ui-fabric-react/src/components/DetailsList',
            examples: [example],
            isHeaderVisible: false,
            isFeedbackVisible: true,
        };
    }
    exports.DetailsListBasicPageProps = generateProps({
        title: 'Simple DetailsList with filtering and marquee selection',
        code: DetailsListBasicExampleCode,
        view: React.createElement(DetailsList_Basic_Example_1.DetailsListBasicExample, null),
    });
    exports.DetailsListAnimationPageProps = generateProps({
        title: 'DetailsList with Row animation when cell content changed',
        code: DetailsListAnimationExampleCode,
        view: React.createElement(DetailsList_Animation_Example_1.DetailsListAnimationExample, null),
    });
    exports.DetailsListCompactPageProps = generateProps({
        title: 'Compact DetailsList with filtering and 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 with variable row heights',
        code: DetailsListAdvancedExampleCode,
        view: React.createElement(DetailsList_Advanced_Example_1.DetailsListAdvancedExample, null),
    });
    exports.DetailsListProportionalColumnsProps = generateProps({
        title: 'Rendering proportional and fixed columns',
        code: DetailsListProportionalColumnsCode,
        view: React.createElement(DetailsList_ProportionalColumns_Example_1.DetailsListProportionalColumnsExample, null),
    });
    exports.DetailsListDragDropPageProps = generateProps({
        title: 'DetailsList supporting drag and drop',
        code: DetailsListDragDropExampleCode,
        view: React.createElement(DetailsList_DragDrop_Example_1.DetailsListDragDropExample, null),
    });
    exports.DetailsListNavigatingFocusPageProps = generateProps({
        title: 'Navigating to new content while preserving keyboard focus',
        code: DetailsListNavigatingFocusExampleCode,
        view: React.createElement(DetailsList_NavigatingFocus_Example_1.DetailsListNavigatingFocusExample, null),
    });
    exports.DetailsListShimmerPageProps = generateProps({
        title: 'Shimmered DetailsList - usually shown while retrieving data',
        code: DetailsListShimmerExampleCode,
        view: React.createElement(Shimmer_Application_Example_1.ShimmerApplicationExample, null),
    });
    exports.DetailsListCustomFooterPageProps = generateProps({
        title: 'Rendering custom DetailsList footer',
        code: DetailsListCustomFooterExampleCode,
        view: React.createElement(DetailsList_CustomFooter_Example_1.DetailsListCustomFooterExample, null),
    });
});
//# sourceMappingURL=DetailsList.doc.js.map