/****************************************************************************
 * Copyright 2017 EPAM Systems
 *
 * 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.
 ***************************************************************************/

import { capitalize } from 'lodash/fp';

import { h } from 'preact';
import { connect } from 'preact-redux';
/** @jsx h */

import element from '../../chem/element';

import Dialog from '../component/dialog';
import { Form, Field } from '../component/form';

export const labelEditSchema = {
	title: "Label Edit",
	type: "object",
	required: ["label"],
	properties: {
		label: {
			title: "Atom",
			default: ''
		}
	}
};

function serialize(lc) {
	const charge = Math.abs(lc.charge);
	const radical = ['', ':', '.', '^^'][lc.radical] || '';
	let sign = '';
	if (charge)
		sign = lc.charge < 0 ? '-' : '+';
	return (lc.isotope || '') + lc.label + radical +
		   (charge > 1 ? charge: '') + sign;
}

function deserialize(value) {
	const match = value.match(/^(\d+)?([a-z*]{1,3})(\.|:|\^\^)?(\d+[-+]|[-+])?$/i); // TODO: radical on last place
	if (match) {
		const label = match[2] === '*' ? 'A' : capitalize(match[2]);
		let charge = 0;
		let isotope = 0;
		let radical = 0;

		if (match[1])
			isotope = parseInt(match[1]);

		if (match[3])
			radical = { ':': 1, '.': 2, '^^': 3 }[match[3]];

		if (match[4]) {
			charge = parseInt(match[4]);
			if (isNaN(charge)) // NaN => [-+]
				charge = 1;
			if (match[4].endsWith('-'))
				charge = -charge;
		}
		// Not consistant
		if (label === 'A' || label === 'Q' || label === 'X' || label === 'M' || element.map[label])
			return { label, charge, isotope, radical };
	}
	return null;
}

function LabelEdit(props) {
	const init = { label: props.letter || serialize(props) };
	const { formState, ...prop} = props;
	const { result, valid } = formState;

	return (
		<Dialog title="Label Edit" className="labeledit" valid={() => valid}
				result={() => deserialize(result.label)} params={prop}>
			<Form schema={labelEditSchema} customValid={{label: l => deserialize(l)}}
				  init={init} {...formState}>
				<Field name="label" maxlength="20" size="10"/>
			</Form>
		</Dialog>
	);
}

export default connect(
	(store) => ({ formState: store.modal.form })
)(LabelEdit);