@craftercms/studio-ui
Version:
Services, components, models & utils to build CrafterCMS authoring extensions.
83 lines (81 loc) • 3.01 kB
JavaScript
/*
* Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Lesser General Public License version 3 as published by
* the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
/*
* Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License version 3 as published by
* the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
import React from 'react';
import ToolsPanelListItemButton from '../ToolsPanelListItemButton';
import WidgetDialog from '../WidgetDialog';
import { usePossibleTranslation } from '../../hooks/usePossibleTranslation';
import { useEnhancedDialogState } from '../../hooks/useEnhancedDialogState';
import { useWithPendingChangesCloseRequest } from '../../hooks/useWithPendingChangesCloseRequest';
export function ToolsPanelEmbeddedAppViewButton(props) {
const {
open,
onOpen,
onClose,
hasPendingChanges,
isSubmitting,
isMinimized,
onMinimize,
onMaximize,
onSubmittingAndOrPendingChange
} = useEnhancedDialogState();
const title = usePossibleTranslation(props.title);
const widgetDialogPendingChangesCloseRequest = useWithPendingChangesCloseRequest(onClose);
const openEmbeddedApp = () => {
if (isMinimized) {
onMaximize();
}
onOpen();
};
return React.createElement(
React.Fragment,
null,
React.createElement(ToolsPanelListItemButton, { ...props, onClick: openEmbeddedApp }),
React.createElement(WidgetDialog, {
title: title,
open: open,
onClose: onClose,
widget: props.widget,
extraProps: {
onMinimize,
onMaximize,
onClose
},
hasPendingChanges: hasPendingChanges,
onSubmittingAndOrPendingChange: onSubmittingAndOrPendingChange,
onWithPendingChangesCloseRequest: widgetDialogPendingChangesCloseRequest,
onMaximize: onMaximize,
onMinimize: onMinimize,
isMinimized: isMinimized,
isSubmitting: isSubmitting
})
);
}
export default ToolsPanelEmbeddedAppViewButton;