@craftercms/studio-ui
Version:
Services, components, models & utils to build CrafterCMS authoring extensions.
87 lines (85 loc) • 3.11 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 { usePossibleTranslation } from '../../hooks/usePossibleTranslation';
import WidgetDialog from '../WidgetDialog';
import React from 'react';
import SystemIcon from '../SystemIcon';
import { useEnhancedDialogState } from '../../hooks/useEnhancedDialogState';
import { IconButton, Tooltip } from '@mui/material';
import { useWithPendingChangesCloseRequest } from '../../hooks/useWithPendingChangesCloseRequest';
export function WidgetDialogIconButton(props) {
const title = usePossibleTranslation(props.title);
const {
open,
onOpen,
onClose,
hasPendingChanges,
isSubmitting,
isMinimized,
onMinimize,
onMaximize,
onSubmittingAndOrPendingChange
} = useEnhancedDialogState();
const widgetDialogPendingChangesCloseRequest = useWithPendingChangesCloseRequest(onClose);
const openEmbeddedApp = () => {
if (isMinimized) {
onMaximize();
}
onOpen();
};
return React.createElement(
React.Fragment,
null,
React.createElement(
Tooltip,
{ title: title },
React.createElement(
IconButton,
{ onClick: openEmbeddedApp },
React.createElement(SystemIcon, { icon: props.icon, fontIconProps: { fontSize: 'small' } })
)
),
React.createElement(WidgetDialog, {
title: title,
open: open,
onClose: () => onClose(),
widget: props.widget,
hasPendingChanges: hasPendingChanges,
onSubmittingAndOrPendingChange: onSubmittingAndOrPendingChange,
onWithPendingChangesCloseRequest: widgetDialogPendingChangesCloseRequest,
onMaximize: onMaximize,
onMinimize: onMinimize,
isMinimized: isMinimized,
isSubmitting: isSubmitting
})
);
}
export default WidgetDialogIconButton;