META-INF.resources.js.ddm_template_editor.components.PropertiesSidebarPanel.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of com.liferay.template.web

Liferay Template Web

There is a newer version: 1.0.95

/**
 * 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 ClayLoadingIndicator from '@clayui/loading-indicator';
import {useIsMounted} from '@liferay/frontend-js-react-web';
import classNames from 'classnames';
import {fetch, runScriptsInElement} from 'frontend-js-web';
import PropTypes from 'prop-types';
import React, {useContext, useEffect, useState} from 'react';

import {AppContext} from './AppContext';

export default function PropertiesSidebarPanel({className}) {
	const [loading, setLoading] = useState(true);
	const [content, setContent] = useState('');
	const isMounted = useIsMounted();

	const {propertiesViewURL} = useContext(AppContext);

	useEffect(() => {
		if (!propertiesViewURL) {
			return;
		}

		fetch(propertiesViewURL)
			.then((response) => response.text())
			.then((content) => {
				if (isMounted()) {
					setContent(content);
					setLoading(false);
				}
			})
			.catch((error) => {
				if (process.env.NODE_ENV === 'development') {
					console.error(error);
				}
			});
	}, [isMounted, propertiesViewURL]);

	return (
		
			
				{Liferay.Language.get('properties')}
			

			
				{loading ? (
					
				) : (
					
				)}
			
		
	);
}

PropertiesSidebarPanel.propTypes = {
	className: PropTypes.string,
};

class PropertiesSidebarPanelBody extends React.Component {
	constructor(props) {
		super(props);

		this._ref = React.createRef();
	}

	componentDidMount() {
		if (this._ref.current) {
			runScriptsInElement(this._ref.current);

			this._ref.current.addEventListener('change', this._handleOnChange);
		}
	}
	shouldComponentUpdate() {
		return false;
	}

	render() {
		return (
			
		);
	}
}