META-INF.resources.js.data_set.visualization_modes.components.AddCustomFieldModalContent.tsx Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of com.liferay.frontend.data.set.admin.web

Liferay Frontend Data Set Admin Web

The newest version!

/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

import ClayButton from '@clayui/button';
import ClayForm, {ClayInput} from '@clayui/form';
import ClayIcon from '@clayui/icon';
import ClayModal from '@clayui/modal';
import classNames from 'classnames';
import React, {useState} from 'react';

import RequiredMark from '../../../components/RequiredMark';
import ValidationFeedback from '../../../components/ValidationFeedback';
import {IField} from '../../../utils/types';

const AddCustomFieldModalContent = ({
	closeModal,
	namespace,
	onSaveButtonClick,
}: {
	closeModal: Function;
	namespace: string;
	onSaveButtonClick: (selectedField: IField) => void;
}) => {
	const [fieldName, setFieldName] = useState();
	const [
		requiredFieldNameValidationError,
		setRequiredFieldNameValidationError,
	] = useState(false);

	return (
		<>
			
				{Liferay.Language.get('add-field-manually')}
			

			
				
					
						{Liferay.Language.get('field-name')}

						

						
							
						
					

					 {
							setRequiredFieldNameValidationError(false);
							setFieldName(event.target.value);
						}}
						placeholder={Liferay.Language.get('type-field-here')}
						type="text"
					/>

					{requiredFieldNameValidationError && (
						
					)}
				
			
			
						 closeModal()}
						>
							{Liferay.Language.get('cancel')}
						

						 {
								if (!fieldName) {
									setRequiredFieldNameValidationError(true);
								}
								else {
									onSaveButtonClick({name: fieldName});
								}
							}}
						>
							{Liferay.Language.get('add')}
						
					
				}
			/>
		
	);
};

export default AddCustomFieldModalContent;