{"map":"{\"version\":3,\"file\":\"QuickButtonForm.base.js\",\"sourceRoot\":\"\",\"sources\":[\"../../../../../src/lib/components/QuickButtonForm/QuickButtonForm.base.tsx\"],\"names\":[],\"mappings\":\"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\"}","code":"import * as tslib_1 from \"tslib\";\r\nimport * as React from 'react';\r\nimport Axios from 'axios';\r\nimport { Fabric } from 'office-ui-fabric-react/lib/Fabric';\r\nimport { classNamesFunction } from 'office-ui-fabric-react/lib/Utilities';\r\nimport { CommandBar } from 'office-ui-fabric-react/lib/CommandBar';\r\nimport { TextField } from 'office-ui-fabric-react/lib/TextField';\r\nimport { Dropdown } from 'office-ui-fabric-react/lib/Dropdown';\r\nimport { Icon } from 'office-ui-fabric-react/lib/Icon';\r\nimport { Title } from '../Title';\r\nimport './QuickButtonForm.css';\r\nvar getClassNames = classNamesFunction();\r\nvar QuickButtonFormBase = (function (_super) {\r\n    tslib_1.__extends(QuickButtonFormBase, _super);\r\n    function QuickButtonFormBase(props) {\r\n        var _this = _super.call(this, props) || this;\r\n        _this.result = { name: '', template: '', icon: '' };\r\n        _this.loadTemplates = function (url, selectedId) {\r\n            Axios.get(url)\r\n                .then(function (response) {\r\n                var values = [];\r\n                response.data.data.forEach(function (element) {\r\n                    var isSelected = selectedId ? element.id === selectedId : false;\r\n                    var value = { key: element.id, text: element.name, selected: isSelected };\r\n                    values.push(value);\r\n                });\r\n                _this.setState({\r\n                    selectedTemplateKey: selectedId,\r\n                    templates: values\r\n                });\r\n            })\r\n                .catch(function (error) { return _this.setState({ error: error }); });\r\n        };\r\n        _this.getFormCommandBarItems = function (id) {\r\n            var _a = _this.props, labelCmdBarBtnSave = _a.labelCmdBarBtnSave, labelCmdBarBtnEdit = _a.labelCmdBarBtnEdit, labelCmdBarBtnCancel = _a.labelCmdBarBtnCancel;\r\n            var formCommandBarItems = [\r\n                {\r\n                    key: 'Save',\r\n                    name: labelCmdBarBtnSave,\r\n                    iconProps: {\r\n                        iconName: 'Save'\r\n                    },\r\n                    onClick: function () { return _this.onSubmit(); }\r\n                },\r\n                {\r\n                    key: 'Edit',\r\n                    name: labelCmdBarBtnEdit,\r\n                    iconProps: {\r\n                        iconName: 'Edit'\r\n                    },\r\n                    onClick: function () { return _this.onSubmit(); }\r\n                },\r\n                {\r\n                    key: 'Cancel',\r\n                    name: labelCmdBarBtnCancel,\r\n                    iconProps: {\r\n                        iconName: 'Cancel'\r\n                    },\r\n                    onClick: function () { return _this.props.onCancel(); }\r\n                }\r\n            ];\r\n            var removeIdx = id ? 0 : 1;\r\n            formCommandBarItems.splice(removeIdx, 1);\r\n            return formCommandBarItems;\r\n        };\r\n        _this.logResult = function (result) {\r\n            var msg = '\\n----------------------';\r\n            msg += '\\n Quick Button form Details';\r\n            msg += '\\n----------------------';\r\n            msg += '\\n';\r\n            if (result.id) {\r\n                msg += \"\\n\\tId: \" + result.id;\r\n            }\r\n            msg += \"\\n\\tName: \" + result.name;\r\n            msg += \"\\n\\tTemplate ID: \" + result.template;\r\n            msg += \"\\n\\tIcon: \" + result.icon;\r\n            msg += '\\n----------------------';\r\n            console.log(msg);\r\n        };\r\n        _this.state = {\r\n            id: _this.props.id,\r\n            name: '',\r\n            templates: [],\r\n            icon: '',\r\n            selectedTemplateKey: undefined,\r\n            error: undefined\r\n        };\r\n        _this.onSubmit = _this.onSubmit.bind(_this);\r\n        return _this;\r\n    }\r\n    QuickButtonFormBase.prototype.componentDidMount = function () {\r\n        var id = this.props.id;\r\n        if (id) {\r\n            this.componentDidMountEdit();\r\n        }\r\n        else {\r\n            this.componentDidMountNew();\r\n        }\r\n    };\r\n    QuickButtonFormBase.prototype.componentDidMountNew = function () {\r\n        var url = this.props.url;\r\n        var templatesUrl = url + \"/templates\";\r\n        this.loadTemplates(templatesUrl);\r\n    };\r\n    QuickButtonFormBase.prototype.componentDidMountEdit = function () {\r\n        var _this = this;\r\n        var _a = this.props, url = _a.url, id = _a.id;\r\n        var editUrl = url + \"/quickbuttons/\" + id;\r\n        var templatesUrl = url + \"/templates\";\r\n        console.log(editUrl);\r\n        Axios.get(editUrl)\r\n            .then(function (response) {\r\n            _this.result.name = response.data.name;\r\n            _this.result.id = response.data.id;\r\n            _this.result.icon = response.data.icon;\r\n            _this.result.template = response.data.template;\r\n            _this.setState({\r\n                name: response.data.name,\r\n                id: response.data.id,\r\n                icon: response.data.icon\r\n            }, function () { return _this.loadTemplates(templatesUrl, response.data.template); });\r\n        })\r\n            .catch(function (error) { return _this.setState({ error: error }); });\r\n    };\r\n    QuickButtonFormBase.prototype.render = function () {\r\n        var _this = this;\r\n        var _a = this.props, className = _a.className, styles = _a.styles, theme = _a.theme, id = _a.id, title = _a.title, labelFormTitleName = _a.labelFormTitleName, labelFormTitleIcon = _a.labelFormTitleIcon, labelFormTitleTemplate = _a.labelFormTitleTemplate;\r\n        var classNames = getClassNames(styles, { theme: theme, className: className });\r\n        var _b = this.state, name = _b.name, templates = _b.templates, icon = _b.icon, selectedTemplateKey = _b.selectedTemplateKey;\r\n        var titleFull = title ? title + \" [\" + name + \"]\" : '';\r\n        return (React.createElement(Fabric, { className: \"ms-Grid \" + classNames.root },\r\n            React.createElement(\"div\", { className: \"ms-Grid-row\" },\r\n                React.createElement(\"div\", { className: \"ms-Grid-col ms-sm12 ms-md12 ms-lg12\" },\r\n                    React.createElement(CommandBar, { items: this.getFormCommandBarItems(id) }))),\r\n            React.createElement(\"div\", { className: \"ms-Grid-row qb-nl-lg\" },\r\n                React.createElement(\"div\", { className: \"ms-Grid-col ms-sm12 ms-md12 ms-lg12\" })),\r\n            title && (React.createElement(\"div\", { className: \"ms-Grid-row\" },\r\n                React.createElement(\"div\", { className: \"ms-Grid-col ms-sm12 ms-md12 ms-lg12\" },\r\n                    React.createElement(Title, { title: titleFull, icon: true })))),\r\n            React.createElement(\"div\", { className: \"ms-Grid-row\" },\r\n                React.createElement(\"div\", { className: \"ms-Grid-col ms-sm10 ms-md10 ms-lg10\" },\r\n                    React.createElement(\"div\", { className: \"ms-Grid\" },\r\n                        React.createElement(\"div\", { className: \"ms-Grid-row\" },\r\n                            React.createElement(\"div\", { className: \"ms-Grid-col ms-sm12 ms-md12 ms-lg12\" },\r\n                                React.createElement(TextField, { key: \"TemplateName\", value: name, label: labelFormTitleName, required: true, onBlur: function (e) {\r\n                                        _this.result.name = e.target.value;\r\n                                        _this.setState({ name: _this.result.name });\r\n                                    } }))),\r\n                        React.createElement(\"div\", { className: \"ms-Grid-row\" },\r\n                            React.createElement(\"div\", { className: \"ms-Grid-col ms-sm12 ms-md12 ms-lg12\" },\r\n                                React.createElement(Dropdown, { key: \"TemplatesDropdown\", options: templates, label: labelFormTitleTemplate, required: true, onChange: function (event, option) {\r\n                                        _this.result.template = option.key;\r\n                                    }, defaultSelectedKey: selectedTemplateKey }))),\r\n                        React.createElement(\"div\", { className: \"ms-Grid-row\" },\r\n                            React.createElement(\"div\", { className: \"ms-Grid-col ms-sm12 ms-md12 ms-lg12\" },\r\n                                React.createElement(TextField, { key: \"IconName\", value: icon, label: labelFormTitleIcon, required: true, onBlur: function (e) {\r\n                                        _this.result.icon = e.target.value;\r\n                                        _this.setState({ icon: _this.result.icon });\r\n                                    } }))))),\r\n                React.createElement(\"div\", { className: \"ms-Grid-col ms-sm2 ms-md2 ms-lg2 icon-preview-col\" },\r\n                    React.createElement(\"div\", { className: \"icon-preview-div\" },\r\n                        React.createElement(Icon, { className: \"icon-preview\", iconName: icon }))))));\r\n    };\r\n    QuickButtonFormBase.prototype.onSubmit = function () {\r\n        var _a = this.props, id = _a.id, url = _a.url, onSubmitSuccess = _a.onSubmitSuccess, onSubmitError = _a.onSubmitError;\r\n        if (this.result === null) {\r\n            console.log('result empty');\r\n            return;\r\n        }\r\n        this.logResult(this.result);\r\n        var jsonResult = JSON.stringify({\r\n            id: this.result.id,\r\n            name: this.result.name,\r\n            template: this.result.template,\r\n            icon: this.result.icon\r\n        });\r\n        var method = id ? 'POST' : 'PUT';\r\n        var apiUrl = id ? url + \"/quickbuttons/\" + id : url + \"/quickbuttons\";\r\n        console.log('Data Submited to server by', method, jsonResult);\r\n        Axios({\r\n            url: apiUrl,\r\n            method: method,\r\n            data: jsonResult,\r\n            headers: {\r\n                Accept: 'application/json',\r\n                'Content-Type': 'application/json'\r\n            }\r\n        })\r\n            .then(function (response) {\r\n            onSubmitSuccess(response.data);\r\n        })\r\n            .catch(function (error) { return onSubmitError(error); });\r\n    };\r\n    QuickButtonFormBase.defaultProps = {\r\n        labelCmdBarBtnSave: 'Save',\r\n        labelCmdBarBtnEdit: 'Edit',\r\n        labelCmdBarBtnCancel: 'Cancel',\r\n        labelFormTitleName: 'Button Label',\r\n        labelFormTitleTemplate: 'Search Template',\r\n        labelFormTitleIcon: 'Name of Icon'\r\n    };\r\n    return QuickButtonFormBase;\r\n}(React.PureComponent));\r\nexport { QuickButtonFormBase };\r\n//# sourceMappingURL=QuickButtonForm.base.js.map","dts":{"name":"C:/WORK/ImageTag/Tests/react-ktx-3530/dist/types/lib/components/QuickButtonForm/QuickButtonForm.base.d.ts","writeByteOrderMark":false,"text":"import * as React from 'react';\r\nimport { IQuickButtonFormProps } from './QuickButtonForm.types';\r\nimport './QuickButtonForm.css';\r\nexport interface IQuickButtonFormState {\r\n    id: number | undefined;\r\n    name: string;\r\n    templates: any[];\r\n    selectedTemplateKey: number | undefined;\r\n    icon: string;\r\n    error: any;\r\n}\r\nexport declare class QuickButtonFormBase extends React.PureComponent<IQuickButtonFormProps, IQuickButtonFormState> {\r\n    private result;\r\n    static defaultProps: {\r\n        labelCmdBarBtnSave: string;\r\n        labelCmdBarBtnEdit: string;\r\n        labelCmdBarBtnCancel: string;\r\n        labelFormTitleName: string;\r\n        labelFormTitleTemplate: string;\r\n        labelFormTitleIcon: string;\r\n    };\r\n    constructor(props: IQuickButtonFormProps);\r\n    componentDidMount(): void;\r\n    componentDidMountNew(): void;\r\n    private loadTemplates;\r\n    componentDidMountEdit(): void;\r\n    render(): JSX.Element;\r\n    private getFormCommandBarItems;\r\n    private logResult;\r\n    private onSubmit;\r\n}\r\n"}}