office-ui-fabric-react/lib-commonjs/components/Panel/Panel.doc.js

Reusable React components for building experiences for Office 365.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var Panel_Custom_Example_1 = require("./examples/Panel.Custom.Example");
var Panel_ExtraLarge_Example_1 = require("./examples/Panel.ExtraLarge.Example");
var Panel_Footer_Example_1 = require("./examples/Panel.Footer.Example");
var Panel_HandleDismissTarget_Example_1 = require("./examples/Panel.HandleDismissTarget.Example");
var Panel_HiddenOnDismiss_Example_1 = require("./examples/Panel.HiddenOnDismiss.Example");
var Panel_Large_Example_1 = require("./examples/Panel.Large.Example");
var Panel_LargeFixed_Example_1 = require("./examples/Panel.LargeFixed.Example");
var Panel_LightDismiss_Example_1 = require("./examples/Panel.LightDismiss.Example");
var Panel_LightDismissCustom_Example_1 = require("./examples/Panel.LightDismissCustom.Example");
var Panel_Medium_Example_1 = require("./examples/Panel.Medium.Example");
var Panel_NonModal_Example_1 = require("./examples/Panel.NonModal.Example");
var Panel_PreventDefault_Example_1 = require("./examples/Panel.PreventDefault.Example");
var Panel_SmallFluid_Example_1 = require("./examples/Panel.SmallFluid.Example");
var Panel_SmallLeft_Example_1 = require("./examples/Panel.SmallLeft.Example");
var Panel_SmallRight_Example_1 = require("./examples/Panel.SmallRight.Example");
var Panel_checklist_1 = require("./Panel.checklist");
var PanelSmallRightExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.SmallRight.Example.tsx');
var PanelSmallRightExampleCodepen = require('!raw-loader!office-ui-fabric-react/lib/codepen/components/Panel/Panel.SmallRight.Example.Codepen.txt');
var PanelSmallLeftExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.SmallLeft.Example.tsx');
var PanelSmallFluidExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.SmallFluid.Example.tsx');
var PanelMediumExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.Medium.Example.tsx');
var PanelLargeExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.Large.Example.tsx');
var PanelLargeFixedExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.LargeFixed.Example.tsx');
var PanelExtraLargeExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.ExtraLarge.Example.tsx');
var PanelCustomExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.Custom.Example.tsx');
var PanelHiddenOnDismissExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.HiddenOnDismiss.Example.tsx');
var PanelLightDismissExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.LightDismiss.Example.tsx');
var PanelLightDismissCustomExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.LightDismissCustom.Example.tsx');
var PanelNonModalExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.NonModal.Example.tsx');
var PanelFooterExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.Footer.Example.tsx');
var PanelPreventDefaultExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.PreventDefault.Example.tsx');
var PanelHandleDismissTargetExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.HandleDismissTarget.Example.tsx');
exports.PanelPageProps = {
    title: 'Panel',
    componentName: 'Panel',
    componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/Panel',
    componentStatus: Panel_checklist_1.PanelStatus,
    examples: [
        {
            title: 'Panel - Small Panel, Anchored Right, Fixed Width',
            code: PanelSmallRightExampleCode,
            view: React.createElement(Panel_SmallRight_Example_1.PanelSmallRightExample, null),
            codepenJS: PanelSmallRightExampleCodepen
        },
        {
            title: 'Panel - Small Panel, Anchored Left, Fixed Width',
            code: PanelSmallLeftExampleCode,
            view: React.createElement(Panel_SmallLeft_Example_1.PanelSmallLeftExample, null)
        },
        {
            title: 'Panel - Small Panel, Full Screen, Fluid Width',
            code: PanelSmallFluidExampleCode,
            view: React.createElement(Panel_SmallFluid_Example_1.PanelSmallFluidExample, null)
        },
        {
            title: 'Panel - Medium',
            code: PanelMediumExampleCode,
            view: React.createElement(Panel_Medium_Example_1.PanelMediumExample, null)
        },
        {
            title: 'Panel - Large',
            code: PanelLargeExampleCode,
            view: React.createElement(Panel_Large_Example_1.PanelLargeExample, null)
        },
        {
            title: 'Panel - LargeFixed',
            code: PanelLargeFixedExampleCode,
            view: React.createElement(Panel_LargeFixed_Example_1.PanelLargeFixedExample, null)
        },
        {
            title: 'Panel - Extra Large',
            code: PanelExtraLargeExampleCode,
            view: React.createElement(Panel_ExtraLarge_Example_1.PanelExtraLargeExample, null)
        },
        {
            title: 'Panel - Custom',
            code: PanelCustomExampleCode,
            view: React.createElement(Panel_Custom_Example_1.PanelCustomExample, null)
        },
        {
            title: 'Panel - Hidden on Dismiss',
            code: PanelHiddenOnDismissExampleCode,
            view: React.createElement(Panel_HiddenOnDismiss_Example_1.PanelHiddenOnDismissExample, null)
        },
        {
            title: 'Panel - Light Dismiss',
            code: PanelLightDismissExampleCode,
            view: React.createElement(Panel_LightDismiss_Example_1.PanelLightDismissExample, null)
        },
        {
            title: 'Panel - Custom Light Dismiss',
            code: PanelLightDismissCustomExampleCode,
            view: React.createElement(Panel_LightDismissCustom_Example_1.PanelLightDismissCustomExample, null)
        },
        {
            title: 'Panel - Non-Modal',
            code: PanelNonModalExampleCode,
            view: React.createElement(Panel_NonModal_Example_1.PanelNonModalExample, null)
        },
        {
            title: 'Panel - Footer',
            code: PanelFooterExampleCode,
            view: React.createElement(Panel_Footer_Example_1.PanelFooterExample, null)
        },
        {
            title: 'Panel - Prevent Default Sample',
            code: PanelPreventDefaultExampleCode,
            view: React.createElement(Panel_PreventDefault_Example_1.PanelPreventDefaultExample, null)
        },
        {
            title: 'Panel - Handle Dismiss Target Sample',
            code: PanelHandleDismissTargetExampleCode,
            view: React.createElement(Panel_HandleDismissTarget_Example_1.PanelHandleDismissTargetExample, null)
        }
    ],
    propertiesTablesSources: [require('!raw-loader!office-ui-fabric-react/src/components/Panel/Panel.types.ts')],
    overview: require('!raw-loader!office-ui-fabric-react/src/components/Panel/docs/PanelOverview.md'),
    bestPractices: '',
    dos: require('!raw-loader!office-ui-fabric-react/src/components/Panel/docs/PanelDos.md'),
    donts: require('!raw-loader!office-ui-fabric-react/src/components/Panel/docs/PanelDonts.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
    allowNativeProps: true
};
//# sourceMappingURL=Panel.doc.js.map