META-INF.resources.page_editor.app.components.ItemConfigurationSidebar.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of com.liferay.layout.content.page.editor.web

Liferay Layout Content Page Editor 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 {ClayButtonWithIcon} from '@clayui/button';
import ClayEmptyState from '@clayui/empty-state';
import {ReactPortal} from '@liferay/frontend-js-react-web';
import classNames from 'classnames';
import React from 'react';

import MultiSelectMessage from '../../common/components/MultiSelectMessage';
import {config} from '../config/index';
import {useActiveItemIds, useActiveItemType} from '../contexts/ControlsContext';
import {useDispatch, useSelector} from '../contexts/StoreContext';
import selectItemConfigurationOpen from '../selectors/selectItemConfigurationOpen';
import switchSidebarPanel from '../thunks/switchSidebarPanel';
import ItemConfiguration from './ItemConfiguration';

export default function ItemConfigurationSidebar() {
	const activeItemIds = useActiveItemIds();
	const activeItemType = useActiveItemType();
	const dispatch = useDispatch();

	const [activeItemId] = activeItemIds;

	const itemConfigurationOpen = useSelector(selectItemConfigurationOpen);

	const ItemConfigurationSidebarContent = () => {
		if (activeItemIds.length > 1) {
			return ;
		}
		else if (activeItemId) {
			return (
				
			);
		}
		else {
			return (
				
			);
		}
	};

	return (
		
			
				
					 {
							dispatch(
								switchSidebarPanel({
									itemConfigurationOpen: false,
								})
							);

							document
								.getElementById(
									'page-editor__toolbar__configuration-button'
								)
								?.focus();
						}}
						size="sm"
						symbol="times"
						title={Liferay.Language.get('close')}
					/>
				

				
			
		
	);
}