lucid-ui/dist/cjs/components/IconSelect/examples/4.disabled-icon-select.js

A UI component library from AppNexus.

"use strict";
var __spreadArrays = (this && this.__spreadArrays) || function () {
    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
    for (var r = Array(s), k = 0, i = 0; i < il; i++)
        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
            r[k] = a[j];
    return r;
};
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({
    getInitialState: function () {
        return {
            selectedIcons: ['item2'],
            isDisabled: true,
        };
    },
    isSelected: function (id) {
        return this.state.selectedIcons.includes(id);
    },
    handleSelect: function (selectedId) {
        var selectedIcons = this.state.selectedIcons;
        // if selected, then remove from list
        if (this.isSelected(selectedId)) {
            this.setState({
                selectedIcons: selectedIcons.filter(function (id) { return id !== selectedId; }),
            });
        }
        else {
            // add it to list
            this.setState({
                selectedIcons: __spreadArrays(selectedIcons, [selectedId]),
            });
        }
    },
    handleToggleDisabled: function () {
        this.setState({
            isDisabled: !this.state.isDisabled,
        });
    },
    render: function () {
        var isDisabled = this.state.isDisabled;
        return (react_1.default.createElement("section", null,
            react_1.default.createElement(index_1.SwitchLabeled, { Label: "IconSelect " + (isDisabled ? 'Disabled' : 'Enabled'), isSelected: !isDisabled, onSelect: this.handleToggleDisabled }),
            react_1.default.createElement(index_1.IconSelect, { isDisabled: isDisabled, onSelect: this.handleSelect, items: [
                    {
                        id: 'item1',
                        icon: react_1.default.createElement(index_1.ClockIcon, null),
                        isSelected: this.isSelected('item1'),
                        label: 'Always Disabled',
                        isDisabled: true,
                    },
                    {
                        id: 'item2',
                        icon: react_1.default.createElement(index_1.ClockIcon, null),
                        isSelected: this.isSelected('item2'),
                        label: 'Bax Tar',
                    },
                ] })));
    },
});
//# sourceMappingURL=4.disabled-icon-select.js.map