focus-components-v3/panel/edit-save-buttons.js

Focus web components to build applications (based on Material Design)

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _button = require('../button');

var _button2 = _interopRequireDefault(_button);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var renderEditingButtons = function renderEditingButtons(toggleEdit, getUserInput, save, saving) {
    return _react2.default.createElement(
        'span',
        { style: { display: "flex" } },
        _react2.default.createElement(_button2.default, { className: 'panel-button-save', icon: 'save', label: 'focus.components.button.save', processLabel: 'focus.components.button.save', saving: saving, color: 'primary', onClick: function onClick() {
                return save(getUserInput());
            }, shape: null, type: 'button' }),
        _react2.default.createElement(_button2.default, { className: 'panel-button-cancel', icon: 'clear', label: 'focus.components.button.cancel', onClick: function onClick() {
                return toggleEdit(false);
            }, disabled: saving, shape: null, type: 'button' })
    );
};

var renderConsultingButtons = function renderConsultingButtons(toggleEdit) {
    return _react2.default.createElement(_button2.default, { className: 'panel-button-edit', icon: 'edit', label: 'focus.components.button.edit', onClick: function onClick() {
            return toggleEdit(true);
        }, shape: null, type: 'button' });
};

/**
* [description]
* @param  {[boolean]} {editing         form is in Editing mode or not
* @param  {[function]} toggleEdit      function to display the button corresponding to form mode
* @param  {[object]}   getUserInput    object with data modify by the user
* @param  {[function]} save}           save function which will be call on save button click
* @return {[element]}                  Buttons dipending on the form mode (edit or not)
*/
var renderButtons = function renderButtons(_ref) {
    var editing = _ref.editing,
        toggleEdit = _ref.toggleEdit,
        getUserInput = _ref.getUserInput,
        save = _ref.save,
        saving = _ref.saving;
    return editing ? renderEditingButtons(toggleEdit, getUserInput, save, saving) : renderConsultingButtons(toggleEdit);
};
exports.default = renderButtons;
module.exports = exports['default'];
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZyLUZSLmpzIl0sIm5hbWVzIjpbInJlbmRlckVkaXRpbmdCdXR0b25zIiwidG9nZ2xlRWRpdCIsImdldFVzZXJJbnB1dCIsInNhdmUiLCJzYXZpbmciLCJkaXNwbGF5IiwicmVuZGVyQ29uc3VsdGluZ0J1dHRvbnMiLCJyZW5kZXJCdXR0b25zIiwiZWRpdGluZyJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7Ozs7QUFDQTs7Ozs7O0FBRUEsSUFBTUEsdUJBQXVCLFNBQXZCQSxvQkFBdUIsQ0FBQ0MsVUFBRCxFQUFhQyxZQUFiLEVBQTJCQyxJQUEzQixFQUFpQ0MsTUFBakM7QUFBQSxXQUN6QjtBQUFBO0FBQUEsVUFBTSxPQUFPLEVBQUNDLFNBQVMsTUFBVixFQUFiO0FBQ0ksMERBQVEsV0FBVSxtQkFBbEIsRUFBc0MsTUFBSyxNQUEzQyxFQUFrRCxPQUFNLDhCQUF4RCxFQUF1RixjQUFhLDhCQUFwRyxFQUFtSSxRQUFRRCxNQUEzSSxFQUFtSixPQUFNLFNBQXpKLEVBQW1LLFNBQVM7QUFBQSx1QkFBTUQsS0FBS0QsY0FBTCxDQUFOO0FBQUEsYUFBNUssRUFBd00sT0FBTyxJQUEvTSxFQUFxTixNQUFLLFFBQTFOLEdBREo7QUFFSSwwREFBUSxXQUFVLHFCQUFsQixFQUF3QyxNQUFLLE9BQTdDLEVBQXFELE9BQU0sZ0NBQTNELEVBQTRGLFNBQVM7QUFBQSx1QkFBTUQsV0FBVyxLQUFYLENBQU47QUFBQSxhQUFyRyxFQUE4SCxVQUFVRyxNQUF4SSxFQUFnSixPQUFPLElBQXZKLEVBQTZKLE1BQUssUUFBbEs7QUFGSixLQUR5QjtBQUFBLENBQTdCOztBQVFBLElBQU1FLDBCQUEwQixTQUExQkEsdUJBQTBCLENBQUNMLFVBQUQ7QUFBQSxXQUM1QixrREFBUSxXQUFVLG1CQUFsQixFQUFzQyxNQUFLLE1BQTNDLEVBQWtELE9BQU0sOEJBQXhELEVBQXVGLFNBQVM7QUFBQSxtQkFBTUEsV0FBVyxJQUFYLENBQU47QUFBQSxTQUFoRyxFQUF3SCxPQUFPLElBQS9ILEVBQXFJLE1BQUssUUFBMUksR0FENEI7QUFBQSxDQUFoQzs7QUFJQTs7Ozs7Ozs7QUFRQSxJQUFNTSxnQkFBZ0IsU0FBaEJBLGFBQWdCO0FBQUEsUUFBRUMsT0FBRixRQUFFQSxPQUFGO0FBQUEsUUFBV1AsVUFBWCxRQUFXQSxVQUFYO0FBQUEsUUFBdUJDLFlBQXZCLFFBQXVCQSxZQUF2QjtBQUFBLFFBQXFDQyxJQUFyQyxRQUFxQ0EsSUFBckM7QUFBQSxRQUEyQ0MsTUFBM0MsUUFBMkNBLE1BQTNDO0FBQUEsV0FDbEJJLFVBQVVSLHFCQUFxQkMsVUFBckIsRUFBaUNDLFlBQWpDLEVBQStDQyxJQUEvQyxFQUFxREMsTUFBckQsQ0FBVixHQUF5RUUsd0JBQXdCTCxVQUF4QixDQUR2RDtBQUFBLENBQXRCO2tCQUdlTSxhIiwiZmlsZSI6ImZyLUZSLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7Q29tcG9uZW50LCBQcm9wVHlwZXN9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi9idXR0b24nO1xyXG5cclxuY29uc3QgcmVuZGVyRWRpdGluZ0J1dHRvbnMgPSAodG9nZ2xlRWRpdCwgZ2V0VXNlcklucHV0LCBzYXZlLCBzYXZpbmcpID0+IChcclxuICAgIDxzcGFuIHN0eWxlPXt7ZGlzcGxheTogXCJmbGV4XCJ9fT5cclxuICAgICAgICA8QnV0dG9uIGNsYXNzTmFtZT0ncGFuZWwtYnV0dG9uLXNhdmUnIGljb249J3NhdmUnIGxhYmVsPSdmb2N1cy5jb21wb25lbnRzLmJ1dHRvbi5zYXZlJyBwcm9jZXNzTGFiZWw9J2ZvY3VzLmNvbXBvbmVudHMuYnV0dG9uLnNhdmUnIHNhdmluZz17c2F2aW5nfSBjb2xvcj0ncHJpbWFyeScgb25DbGljaz17KCkgPT4gc2F2ZShnZXRVc2VySW5wdXQoKSl9IHNoYXBlPXtudWxsfSB0eXBlPSdidXR0b24nIC8+XHJcbiAgICAgICAgPEJ1dHRvbiBjbGFzc05hbWU9J3BhbmVsLWJ1dHRvbi1jYW5jZWwnIGljb249J2NsZWFyJyBsYWJlbD0nZm9jdXMuY29tcG9uZW50cy5idXR0b24uY2FuY2VsJyBvbkNsaWNrPXsoKSA9PiB0b2dnbGVFZGl0KGZhbHNlKX0gZGlzYWJsZWQ9e3NhdmluZ30gc2hhcGU9e251bGx9IHR5cGU9J2J1dHRvbicgLz5cclxuICAgIDwvc3Bhbj5cclxuKTtcclxuXHJcblxyXG5jb25zdCByZW5kZXJDb25zdWx0aW5nQnV0dG9ucyA9ICh0b2dnbGVFZGl0KSA9PiAoXHJcbiAgICA8QnV0dG9uIGNsYXNzTmFtZT0ncGFuZWwtYnV0dG9uLWVkaXQnIGljb249J2VkaXQnIGxhYmVsPSdmb2N1cy5jb21wb25lbnRzLmJ1dHRvbi5lZGl0JyBvbkNsaWNrPXsoKSA9PiB0b2dnbGVFZGl0KHRydWUpfSBzaGFwZT17bnVsbH0gdHlwZT0nYnV0dG9uJyAvPlxyXG4pO1xyXG5cclxuLyoqXHJcbiogW2Rlc2NyaXB0aW9uXVxyXG4qIEBwYXJhbSAge1tib29sZWFuXX0ge2VkaXRpbmcgICAgICAgICBmb3JtIGlzIGluIEVkaXRpbmcgbW9kZSBvciBub3RcclxuKiBAcGFyYW0gIHtbZnVuY3Rpb25dfSB0b2dnbGVFZGl0ICAgICAgZnVuY3Rpb24gdG8gZGlzcGxheSB0aGUgYnV0dG9uIGNvcnJlc3BvbmRpbmcgdG8gZm9ybSBtb2RlXHJcbiogQHBhcmFtICB7W29iamVjdF19ICAgZ2V0VXNlcklucHV0ICAgIG9iamVjdCB3aXRoIGRhdGEgbW9kaWZ5IGJ5IHRoZSB1c2VyXHJcbiogQHBhcmFtICB7W2Z1bmN0aW9uXX0gc2F2ZX0gICAgICAgICAgIHNhdmUgZnVuY3Rpb24gd2hpY2ggd2lsbCBiZSBjYWxsIG9uIHNhdmUgYnV0dG9uIGNsaWNrXHJcbiogQHJldHVybiB7W2VsZW1lbnRdfSAgICAgICAgICAgICAgICAgIEJ1dHRvbnMgZGlwZW5kaW5nIG9uIHRoZSBmb3JtIG1vZGUgKGVkaXQgb3Igbm90KVxyXG4qL1xyXG5jb25zdCByZW5kZXJCdXR0b25zID0gKHtlZGl0aW5nLCB0b2dnbGVFZGl0LCBnZXRVc2VySW5wdXQsIHNhdmUsIHNhdmluZ30pID0+IChcclxuICAgIGVkaXRpbmcgPyByZW5kZXJFZGl0aW5nQnV0dG9ucyh0b2dnbGVFZGl0LCBnZXRVc2VySW5wdXQsIHNhdmUsIHNhdmluZykgOiByZW5kZXJDb25zdWx0aW5nQnV0dG9ucyh0b2dnbGVFZGl0KVxyXG4pO1xyXG5leHBvcnQgZGVmYXVsdCByZW5kZXJCdXR0b25zO1xyXG4iXX0=