--- /dev/null
+'use strict';
+
+const Select = require('./select');
+const Form = require('./form');
+const form = Form.prototype;
+
+class Editable extends Select {
+ constructor(options) {
+ super({ ...options, multiple: true });
+ this.align = [this.options.align, 'left'].find(v => v != null);
+ this.emptyError = '';
+ this.values = {};
+ }
+
+ dispatch(char, key) {
+ let choice = this.focused;
+ let parent = choice.parent || {};
+ if (!choice.editable && !parent.editable) {
+ if (char === 'a' || char === 'i') return super[char]();
+ }
+ return form.dispatch.call(this, char, key);
+ }
+
+ append(char, key) {
+ return form.append.call(this, char, key);
+ }
+
+ delete(char, key) {
+ return form.delete.call(this, char, key);
+ }
+
+ space(char) {
+ return this.focused.editable ? this.append(char) : super.space();
+ }
+
+ number(char) {
+ return this.focused.editable ? this.append(char) : super.number(char);
+ }
+
+ next() {
+ return this.focused.editable ? form.next.call(this) : super.next();
+ }
+
+ prev() {
+ return this.focused.editable ? form.prev.call(this) : super.prev();
+ }
+
+ async indicator(choice, i) {
+ let symbol = choice.indicator || '';
+ let value = choice.editable ? symbol : super.indicator(choice, i);
+ return await this.resolve(value, this.state, choice, i) || '';
+ }
+
+ indent(choice) {
+ return choice.role === 'heading' ? '' : (choice.editable ? ' ' : ' ');
+ }
+
+ async renderChoice(choice, i) {
+ choice.indent = '';
+ if (choice.editable) return form.renderChoice.call(this, choice, i);
+ return super.renderChoice(choice, i);
+ }
+
+ error() {
+ return '';
+ }
+
+ footer() {
+ return this.state.error;
+ }
+
+ async validate() {
+ let result = true;
+
+ for (let choice of this.choices) {
+ if (typeof choice.validate !== 'function') {
+ continue;
+ }
+
+ if (choice.role === 'heading') {
+ continue;
+ }
+
+ let val = choice.parent ? this.value[choice.parent.name] : this.value;
+
+ if (choice.editable) {
+ val = choice.value === choice.name ? choice.initial || '' : choice.value;
+ } else if (!this.isDisabled(choice)) {
+ val = choice.enabled === true;
+ }
+
+ result = await choice.validate(val, this.state);
+
+ if (result !== true) {
+ break;
+ }
+ }
+
+ if (result !== true) {
+ this.state.error = typeof result === 'string' ? result : 'Invalid Input';
+ }
+
+ return result;
+ }
+
+ submit() {
+ if (this.focused.newChoice === true) return super.submit();
+ if (this.choices.some(ch => ch.newChoice)) {
+ return this.alert();
+ }
+
+ this.value = {};
+
+ for (let choice of this.choices) {
+ let val = choice.parent ? this.value[choice.parent.name] : this.value;
+
+ if (choice.role === 'heading') {
+ this.value[choice.name] = {};
+ continue;
+ }
+
+ if (choice.editable) {
+ val[choice.name] = choice.value === choice.name
+ ? (choice.initial || '')
+ : choice.value;
+
+ } else if (!this.isDisabled(choice)) {
+ val[choice.name] = choice.enabled === true;
+ }
+ }
+
+ return this.base.submit.call(this);
+ }
+}
+
+module.exports = Editable;