lucid-ui/dist/cjs/components/Paginator/examples/4.show-object-count.js

A UI component library from AppNexus.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var create_react_class_1 = __importDefault(require("create-react-class"));
var index_1 = require("../../../index");
exports.default = create_react_class_1.default({
    render: function () {
        return (react_1.default.createElement("div", null,
            react_1.default.createElement("p", null, "A paginator displaying a total count of objects."),
            react_1.default.createElement("section", null,
                react_1.default.createElement(index_1.Paginator, { hasPageSizeSelector: true, showTotalObjects: true, totalCount: 12321313, SingleSelect: {
                        DropMenu: { direction: 'up' },
                    } }),
                react_1.default.createElement("p", null,
                    "Total count is hidden if ",
                    react_1.default.createElement("code", null, "totalCount"),
                    " is not a valid number"),
                react_1.default.createElement(index_1.Paginator, { hasPageSizeSelector: true, showTotalObjects: true, SingleSelect: {
                        DropMenu: { direction: 'up' },
                    } })),
            react_1.default.createElement("section", null,
                react_1.default.createElement("p", null,
                    "The label can be changed using ",
                    react_1.default.createElement("code", null, "objectLabel"),
                    " and",
                    ' ',
                    react_1.default.createElement("code", null, "objectLabelPlural")),
                react_1.default.createElement(index_1.Paginator, { hasPageSizeSelector: true, showTotalObjects: true, totalCount: 1, objectLabel: 'singular object' }),
                react_1.default.createElement(index_1.Paginator, { hasPageSizeSelector: true, showTotalObjects: true, totalCount: 2, objectLabelPlural: 'is more than one' }),
                react_1.default.createElement("p", null,
                    react_1.default.createElement("code", null, "objectLabelPlural"),
                    " will default to appending an \"s\" after ",
                    react_1.default.createElement("code", null, "objectLabel"),
                    "."),
                react_1.default.createElement(index_1.Paginator, { hasPageSizeSelector: true, showTotalObjects: true, totalCount: 20, objectLabel: 'dog' })),
            react_1.default.createElement("section", null,
                react_1.default.createElement("p", null,
                    "Pass a custom formatter function as",
                    ' ',
                    react_1.default.createElement("code", null, "showTotalObjects(count)"),
                    " to format the total count number."),
                react_1.default.createElement(index_1.Paginator, { hasPageSizeSelector: true, showTotalObjects: function (count) { return "--" + count + "--"; }, totalCount: 20, objectLabel: 'object', objectLabelPlural: 'objects' }))));
    },
});
//# sourceMappingURL=4.show-object-count.js.map