/*
 * Copyright 2020 The Kubernetes Authors
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
import React from 'react';
import { flatten } from '@kui-shell/core/mdist/api/Util';
import { uiThemes } from '@kui-shell/core/mdist/api/Settings';
import { eventChannelUnsafe } from '@kui-shell/core/mdist/api/Events';
import { getPersistedThemeChoice } from '@kui-shell/core/mdist/api/Themes';
import { encodeComponent, pexecInCurrentTab } from '@kui-shell/core/mdist/api/Exec';
import DropdownWidget from './DropdownWidget';
export default class Settings extends React.PureComponent {
    constructor(props) {
        super(props);
        this.state = {
            currentTheme: undefined,
            actions: []
        };
    }
    componentDidMount() {
        eventChannelUnsafe.on('/theme/change', ({ theme }) => {
            this.setState({ currentTheme: theme });
        });
        this.recomputeThemeList();
    }
    recomputeThemeList() {
        return __awaiter(this, void 0, void 0, function* () {
            const [currentTheme, themes] = yield Promise.all([
                getPersistedThemeChoice(),
                uiThemes()
                    .then(_ => _.map(({ themes }) => themes))
                    .then(flatten)
            ]);
            this.setState({
                currentTheme,
                actions: themes.map(_ => ({
                    label: _.name,
                    isSelected: _.name === currentTheme,
                    handler: () => pexecInCurrentTab(`theme set ${encodeComponent(_.name)}`, undefined, true)
                }))
            });
        });
    }
    render() {
        if (!this.state || !this.state.currentTheme) {
            return React.createElement(React.Fragment, null);
        }
        return React.createElement(DropdownWidget, { noPadding: true, id: "kui--settings-widget", actions: this.state.actions });
    }
}
//# sourceMappingURL=Settings.js.map