META-INF.resources.page_editor.common.components.SidebarPanelHeader.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 classNames from 'classnames';
import React from 'react';

import {switchSidebarPanel} from '../../app/actions/index';
import {useDispatch, useSelector} from '../../app/contexts/StoreContext';

export default function SidebarPanelHeader({
	children,
	iconLeft = null,
	iconRight = null,
	showCloseButton = true,
}) {
	const dispatch = useDispatch();

	const sidebar = useSelector((state) => state.sidebar);

	return (
		
			{iconLeft}

			{children}

			{iconRight}

			{showCloseButton && (
				 {
						dispatch(
							switchSidebarPanel({
								itemConfigurationOpen:
									sidebar.itemConfigurationOpen,
								sidebarOpen: false,
							})
						);

						document
							.querySelector(
								`[data-panel-id="${sidebar.panelId}"]`
							)
							?.focus();
					}}
					size="sm"
					symbol="times"
					title={Liferay.Language.get('close')}
				/>
			)}
		
	);
}