"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DetailsListCustomFooterPageProps = exports.DetailsListShimmerPageProps = exports.DetailsListNavigatingFocusPageProps = exports.DetailsListDragDropPageProps = exports.DetailsListProportionalColumnsProps = exports.DetailsListAdvancedPageProps = exports.DetailsListCustomGroupHeadersPageProps = exports.DetailsListCustomRowsPageProps = exports.DetailsListCustomColumnsPageProps = exports.DetailsListLargeGroupedPageProps = exports.DetailsListSimpleGroupedPageProps = exports.DetailsListCompactPageProps = exports.DetailsListAnimationPageProps = exports.DetailsListBasicPageProps = exports.DetailsListPageProps = void 0;
var React = require("react");
var DetailsList_Basic_Example_1 = require("./DetailsList.Basic.Example");
var DetailsListBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DetailsList/DetailsList.Basic.Example.tsx');
var DetailsList_Animation_Example_1 = require("./DetailsList.Animation.Example");
var DetailsListAnimationExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DetailsList/DetailsList.Animation.Example.tsx');
var DetailsList_Compact_Example_1 = require("./DetailsList.Compact.Example");
var DetailsListCompactExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DetailsList/DetailsList.Compact.Example.tsx');
var DetailsList_CustomColumns_Example_1 = require("./DetailsList.CustomColumns.Example");
var DetailsListCustomColumnsExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DetailsList/DetailsList.CustomColumns.Example.tsx');
var DetailsList_CustomRows_Example_1 = require("./DetailsList.CustomRows.Example");
var DetailsListCustomRowsExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DetailsList/DetailsList.CustomRows.Example.tsx');
var DetailsList_CustomGroupHeaders_Example_1 = require("./DetailsList.CustomGroupHeaders.Example");
var DetailsListCustomGroupHeadersExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DetailsList/DetailsList.CustomGroupHeaders.Example.tsx');
var DetailsList_Advanced_Example_1 = require("./DetailsList.Advanced.Example");
var DetailsListAdvancedExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DetailsList/DetailsList.Advanced.Example.tsx');
var DetailsList_ProportionalColumns_Example_1 = require("./DetailsList.ProportionalColumns.Example");
var DetailsListProportionalColumnsCode = require('!raw-loader!@fluentui/react-examples/src/react/DetailsList/DetailsList.ProportionalColumns.Example.tsx');
var DetailsList_Grouped_Example_1 = require("./DetailsList.Grouped.Example");
var DetailsListGroupedExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DetailsList/DetailsList.Grouped.Example.tsx');
var DetailsList_Grouped_Large_Example_1 = require("./DetailsList.Grouped.Large.Example");
var DetailsListGroupedLargeExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DetailsList/DetailsList.Grouped.Large.Example.tsx');
var DetailsList_DragDrop_Example_1 = require("./DetailsList.DragDrop.Example");
var DetailsListDragDropExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DetailsList/DetailsList.DragDrop.Example.tsx');
var DetailsList_Documents_Example_1 = require("./DetailsList.Documents.Example");
var DetailsListDocumentsExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DetailsList/DetailsList.Documents.Example.tsx');
var DetailsList_NavigatingFocus_Example_1 = require("./DetailsList.NavigatingFocus.Example");
var DetailsListNavigatingFocusExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DetailsList/DetailsList.NavigatingFocus.Example.tsx');
var Shimmer_Application_Example_1 = require("../Shimmer/Shimmer.Application.Example");
var DetailsListShimmerExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Shimmer/Shimmer.Application.Example.tsx');
var DetailsList_CustomFooter_Example_1 = require("./DetailsList.CustomFooter.Example");
var DetailsListCustomFooterExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DetailsList/DetailsList.CustomFooter.Example.tsx');
exports.DetailsListPageProps = {
    title: 'DetailsList',
    componentName: 'DetailsList',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/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?esModule=false!@fluentui/react-examples/src/react/DetailsList/docs/DetailsListOverview.md'),
    bestPractices: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DetailsList/docs/DetailsListBestPractices.md'),
    isHeaderVisible: true,
};
function generateProps(example) {
    return {
        title: example.title,
        componentName: 'DetailsList',
        componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/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