@cimpress/react-components/dist/docs/components/currencyselector/index.js

React components to support the MCP styleguide

"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    var desc = Object.getOwnPropertyDescriptor(m, k);
    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
      desc = { enumerable: true, get: function() { return m[k]; } };
    }
    Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
    Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
    o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
    __setModuleDefault(result, mod);
    return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importStar(require("react"));
const react_components_1 = require("@cimpress/react-components");
const currencyselector_jsx_1 = __importDefault(require("!raw-loader!./currencyselector.jsx"));
const TabbedComponentDoc_1 = __importDefault(require("../../shared/TabbedComponentDoc"));
const currencyselector_1 = __importDefault(require("./currencyselector"));
const propInfos = [
    {
        name: 'currency',
        type: 'string | string[]',
        default: '',
        description: 'String or array of strings representing the currently selected currency code(s).',
    },
    {
        name: 'onChange',
        type: 'function',
        default: '',
        description: (react_1.default.createElement("div", null,
            react_1.default.createElement("p", null, "Callback function that is fired when a user selects a currency. "),
            react_1.default.createElement("p", null,
                "Signature:",
                ' ',
                react_1.default.createElement("code", null,
                    "function({ value: string, label: string, flag: node, symbol: string, country: string, iso2: string }) ",
                    '=>',
                    " void"),
                ' '),
            react_1.default.createElement("p", null,
                react_1.default.createElement("code", null, "value:"),
                " 3-letter code for the selected currency."),
            react_1.default.createElement("p", null,
                react_1.default.createElement("code", null, "label:"),
                " The name of the currency's originating country or region.",
                react_1.default.createElement("br", null)),
            react_1.default.createElement("p", null,
                react_1.default.createElement("code", null, "flag:"),
                " Image for the flag of the currency's originating country or region.",
                react_1.default.createElement("br", null)),
            react_1.default.createElement("p", null,
                react_1.default.createElement("code", null, "symbol:"),
                " The symbol (ie $) representing the currency.",
                react_1.default.createElement("br", null)),
            react_1.default.createElement("p", null,
                react_1.default.createElement("code", null, "country:"),
                " The name of the currency's originating country or region.",
                react_1.default.createElement("br", null)),
            react_1.default.createElement("p", null,
                react_1.default.createElement("code", null, "iso2:"),
                " The 2-character iso code for the currency's originating country or region.",
                react_1.default.createElement("br", null)))),
    },
    {
        name: 'className',
        type: 'string',
        default: '',
        description: 'Additional className to apply to the selector.',
    },
    {
        name: 'isDisabled',
        type: 'boolean',
        default: 'false',
        description: 'Boolean determining whether to disable the selector.',
    },
    {
        name: 'disabledCurrencies',
        type: 'string[]',
        default: '[]',
        description: 'A list of ISO 4217 3-letter currency codes to disable.',
    },
    {
        name: 'isMulti',
        type: 'boolean',
        default: 'false',
        description: 'Boolean determining whether to allow multiple currency selections.',
    },
    {
        name: 'label',
        type: 'string',
        default: 'Currency',
        description: 'Floating label for the Select input element.',
    },
    {
        name: 'displayFullName',
        type: 'boolean',
        default: 'false',
        description: 'Boolean determining whether to display full currency names or 3-character currency codes.',
    },
    {
        name: 'isClearable',
        type: 'boolean',
        default: 'false',
        description: 'Boolean determining whether the Select element is clearable.',
    },
];
class CurrencySelectorDocs extends react_1.PureComponent {
    render() {
        return (react_1.default.createElement(TabbedComponentDoc_1.default, { name: "Currency Selector", propInfos: propInfos },
            react_1.default.createElement(currencyselector_1.default, null),
            react_1.default.createElement(react_components_1.CodeExample, { code: currencyselector_jsx_1.default })));
    }
}
exports.default = CurrencySelectorDocs;
//# sourceMappingURL=index.js.map