office-ui-fabric-react/lib-amd/components/SpinButton/SpinButtonPage.js

Reusable React components for building experiences for Office 365.

define(["require", "exports", "tslib", "react", "@uifabric/example-app-base", "./examples/SpinButton.Basic.Example", "./examples/SpinButton.BasicDisabled.Example", "./examples/SpinButton.Stateful.Example", "./examples/SpinButton.BasicWithIcon.Example", "./examples/SpinButton.BasicWithIconDisabled.Example", "./examples/SpinButton.BasicWithEndPosition.Example", "./examples/SpinButton.CustomStyled.Example", "../../demo/ComponentStatus/ComponentStatus", "./SpinButton.checklist"], function (require, exports, tslib_1, React, example_app_base_1, SpinButton_Basic_Example_1, SpinButton_BasicDisabled_Example_1, SpinButton_Stateful_Example_1, SpinButton_BasicWithIcon_Example_1, SpinButton_BasicWithIconDisabled_Example_1, SpinButton_BasicWithEndPosition_Example_1, SpinButton_CustomStyled_Example_1, ComponentStatus_1, SpinButton_checklist_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var SpinButtonBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/SpinButton/examples/SpinButton.Basic.Example.tsx');
    var SpinButtonBasicDisabledExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/SpinButton/examples/SpinButton.BasicDisabled.Example.tsx');
    var SpinButtonStatefulExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/SpinButton/examples/SpinButton.Stateful.Example.tsx');
    var SpinButtonBasicWithIconExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/SpinButton/examples/SpinButton.BasicWithIcon.Example.tsx');
    var SpinButtonBasicWithIconDisabledExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/SpinButton/examples/SpinButton.BasicWithIconDisabled.Example.tsx');
    var SpinButtonBasicWithEndPositionExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/SpinButton/examples/SpinButton.BasicWithEndPosition.Example.tsx');
    var SpinButtonCustomStyledExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/SpinButton/examples/SpinButton.CustomStyled.Example.tsx');
    var SpinButtonPage = /** @class */ (function (_super) {
        tslib_1.__extends(SpinButtonPage, _super);
        function SpinButtonPage() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        SpinButtonPage.prototype.render = function () {
            return (React.createElement(example_app_base_1.ComponentPage, { title: 'SpinButton', componentName: 'SpinButtonExample', componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/SpinButton', exampleCards: React.createElement("div", null,
                    React.createElement(example_app_base_1.ExampleCard, { title: 'Basic SpinButton', code: SpinButtonBasicExampleCode },
                        React.createElement(SpinButton_Basic_Example_1.SpinButtonBasicExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: 'Basic Disabled SpinButton', code: SpinButtonBasicDisabledExampleCode },
                        React.createElement(SpinButton_BasicDisabled_Example_1.SpinButtonBasicDisabledExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: 'Stateful SpinButton', code: SpinButtonStatefulExampleCode },
                        React.createElement(SpinButton_Stateful_Example_1.SpinButtonStatefulExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: 'Basic SpinButton With Icon', code: SpinButtonBasicWithIconExampleCode },
                        React.createElement(SpinButton_BasicWithIcon_Example_1.SpinButtonBasicWithIconExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: 'Basic SpinButton With Icon Disabled', code: SpinButtonBasicWithIconDisabledExampleCode },
                        React.createElement(SpinButton_BasicWithIconDisabled_Example_1.SpinButtonBasicWithIconDisabledExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: 'Basic SpinButton With Icon and Positioned at the End', code: SpinButtonBasicWithEndPositionExampleCode },
                        React.createElement(SpinButton_BasicWithEndPosition_Example_1.SpinButtonBasicWithEndPositionExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: 'Custom Styled SpinButton', code: SpinButtonCustomStyledExampleCode },
                        React.createElement(SpinButton_CustomStyled_Example_1.SpinButtonCustomStyledExample, null))), propertiesTables: React.createElement(example_app_base_1.PropertiesTableSet, { sources: [
                        require('!raw-loader!office-ui-fabric-react/src/components/SpinButton/SpinButton.types.ts')
                    ] }), overview: React.createElement(example_app_base_1.PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/SpinButton/docs/SpinButtonOverview.md')), bestPractices: React.createElement("div", null), dos: React.createElement(example_app_base_1.PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/SpinButton/docs/SpinButtonDos.md')), donts: React.createElement(example_app_base_1.PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/SpinButton/docs/SpinButtonDonts.md')), isHeaderVisible: this.props.isHeaderVisible, componentStatus: React.createElement(ComponentStatus_1.ComponentStatus, tslib_1.__assign({}, SpinButton_checklist_1.SpinButtonStatus)) }));
        };
        return SpinButtonPage;
    }(React.Component));
    exports.SpinButtonPage = SpinButtonPage;
});
//# sourceMappingURL=SpinButtonPage.js.map