@red-hat-developer-hub/backstage-plugin-intelligent-assistant 5.0.1 → 5.0.2

package/dist/components/notebooks/AddDocumentModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddDocumentModal.esm.js","sources":["../../../src/components/notebooks/AddDocumentModal.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useContext, useEffect, useState } from 'react';\nimport { FileRejection } from 'react-dropzone';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\nimport {\n  Alert,\n  MultipleFileUpload,\n  MultipleFileUploadContext,\n  MultipleFileUploadMain,\n  Tooltip,\n} from '@patternfly/react-core';\nimport { UploadIcon } from '@patternfly/react-icons';\n\nimport {\n  NOTEBOOK_EXTENSION_TO_FILE_TYPE,\n  NOTEBOOK_MAX_FILES,\n} from '../../const';\nimport { useUploadDocument } from '../../hooks/notebooks/useUploadDocument';\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { runFileUploads } from '../../utils/notebook-upload-runner';\nimport {\n  getNotebookAcceptedFileTypes,\n  validateFiles,\n} from '../../utils/notebook-upload-utils';\nimport { getScopedDialogProps } from '../../utils/scoped-dialog-utils';\nimport { FileListItem } from './FileListItem';\nimport { notebookDialogStyles } from './notebookDialogStyles';\n\nconst UNIQUE_FILE_TYPE_LABELS = [\n  ...new Set(Object.values(NOTEBOOK_EXTENSION_TO_FILE_TYPE)),\n].map(t => t.toUpperCase());\n\nconst useStyles = makeStyles(theme => ({\n  ...notebookDialogStyles(theme),\n  titleTextCompact: {\n    fontWeight: 600,\n    fontSize: '1.125rem',\n    lineHeight: '1.5rem',\n    letterSpacing: '-0.25px',\n  },\n  errorAlert: {\n    marginBottom: theme.spacing(2),\n    '--pf-v6-c-alert--PaddingBlockEnd': '0',\n    '& .pf-v6-c-alert__title': {\n      marginBlockStart: 0,\n    },\n  },\n  dropzone: {\n    borderColor: 'var(--pf-t--global--border--color--brand--default)',\n    borderWidth: 2,\n    borderStyle: 'dashed',\n    borderRadius: theme.spacing(1),\n    padding: theme.spacing(2),\n    transition: 'background-color 0.2s ease',\n    cursor: 'pointer',\n    '&:hover': {\n      backgroundColor:\n        'color-mix(in srgb, var(--pf-t--global--color--brand--default) 10%, transparent)',\n    },\n    '& .pf-v6-c-multiple-file-upload__main': {\n      border: 'none',\n      paddingBottom: 0,\n    },\n    '& .pf-v6-c-multiple-file-upload__title-icon': {\n      fontSize: '2rem',\n    },\n  },\n  fileListContainer: {\n    marginTop: theme.spacing(2),\n    maxHeight: 200,\n    overflowY: 'auto',\n  },\n  fileListHeader: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    marginBottom: theme.spacing(1),\n  },\n  fileCount: {\n    fontSize: '0.875rem',\n    color: theme.palette.text.secondary,\n  },\n  dialogActions: {\n    padding: '16px 24px',\n    justifyContent: 'flex-start',\n    gap: theme.spacing(1),\n  },\n  dialogActionsCompact: {\n    padding: '12px 16px !important',\n    justifyContent: 'flex-start',\n    gap: theme.spacing(1),\n  },\n  addButton: {\n    textTransform: 'none',\n  },\n  cancelButton: {\n    textTransform: 'none',\n  },\n  uploadIcon: {\n    color: 'var(--pf-t--global--icon--color--brand--default)',\n  },\n  supportedFormatsLabel: {\n    fontSize: '0.875rem',\n    color: theme.palette.text.secondary,\n    textAlign: 'center',\n    marginTop: theme.spacing(1),\n  },\n  chipContainer: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: theme.spacing(0.75),\n    justifyContent: 'center',\n    marginTop: theme.spacing(0.5),\n  },\n  fileTypeChip: {\n    display: 'inline-block',\n    padding: '2px 10px',\n    borderRadius: 12,\n    fontSize: '0.75rem',\n    fontWeight: 500,\n    backgroundColor:\n      theme.palette.type === 'dark'\n        ? 'rgba(255, 255, 255, 0.1)'\n        : 'rgba(0, 0, 0, 0.08)',\n    color: theme.palette.text.secondary,\n  },\n  maxFileSizeText: {\n    fontSize: '0.875rem',\n    color: theme.palette.text.secondary,\n    textAlign: 'center',\n    marginTop: theme.spacing(1),\n  },\n  dropzoneDisabled: {\n    opacity: 0.5,\n    pointerEvents: 'none',\n    cursor: 'default',\n    '&:hover': {\n      backgroundColor: 'transparent',\n    },\n  },\n}));\n\nconst DropzoneClickArea = ({\n  children,\n  isDisabled,\n  ariaLabel,\n}: {\n  children: React.ReactNode;\n  isDisabled?: boolean;\n  ariaLabel?: string;\n}) => {\n  const { open } = useContext(MultipleFileUploadContext);\n  return (\n    <div\n      role=\"button\"\n      aria-label={ariaLabel}\n      tabIndex={isDisabled ? -1 : 0}\n      onClick={isDisabled ? undefined : open}\n      onKeyDown={\n        isDisabled\n          ? undefined\n          : e => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                open();\n              }\n            }\n      }\n      style={{ cursor: isDisabled ? 'default' : 'pointer' }}\n    >\n      {children}\n    </div>\n  );\n};\n\ntype AddDocumentModalProps = {\n  isOpen: boolean;\n  onClose: () => void;\n  sessionId: string;\n  existingDocumentNames: string[];\n  hasUploadsInProgress?: boolean;\n  onFilesUploading?: (files: File[]) => void;\n  onUploadStarted?: (info: { fileName: string; documentId: string }) => void;\n  onUploadFailed?: (fileName: string) => void;\n  onDuplicatesFound?: (duplicateFiles: File[], allFiles: File[]) => void;\n  filesToAdd?: File[];\n  onFilesAdded?: () => void;\n  isCompact?: boolean;\n};\n\nexport const AddDocumentModal = ({\n  isOpen,\n  onClose,\n  sessionId,\n  existingDocumentNames,\n  hasUploadsInProgress,\n  onFilesUploading,\n  onUploadStarted,\n  onUploadFailed,\n  onDuplicatesFound,\n  filesToAdd,\n  onFilesAdded,\n  isCompact = false,\n}: AddDocumentModalProps) => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n  const uploadMutation = useUploadDocument();\n  const [validationErrors, setValidationErrors] = useState<string[]>([]);\n  const [selectedFiles, setSelectedFiles] = useState<File[]>([]);\n  const totalExistingAndSelected =\n    existingDocumentNames.length + selectedFiles.length;\n  const remainingSlots = NOTEBOOK_MAX_FILES - totalExistingAndSelected;\n\n  useEffect(() => {\n    if (!isOpen) {\n      setSelectedFiles([]);\n      setValidationErrors([]);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (filesToAdd && filesToAdd.length > 0) {\n      setSelectedFiles(prev => [...prev, ...filesToAdd]);\n      onFilesAdded?.();\n    }\n  }, [filesToAdd, onFilesAdded]);\n\n  const handleFileDrop = (_event: unknown, files: File[]) => {\n    setValidationErrors([]);\n\n    const { valid, errors } = validateFiles(files, totalExistingAndSelected);\n\n    if (errors.length > 0) {\n      setValidationErrors(errors);\n      return;\n    }\n\n    if (valid.length === 0) return;\n\n    const alreadySelectedNames = new Set(selectedFiles.map(f => f.name));\n    const newFiles = valid.filter(f => !alreadySelectedNames.has(f.name));\n\n    if (newFiles.length > 0) {\n      setSelectedFiles(prev => [...prev, ...newFiles]);\n    }\n  };\n\n  const handleRemoveFile = (index: number) => {\n    setSelectedFiles(prev => prev.filter((_, i) => i !== index));\n  };\n\n  const handleAddFiles = () => {\n    if (selectedFiles.length === 0) return;\n\n    const duplicateFiles = selectedFiles.filter(f =>\n      existingDocumentNames.includes(f.name),\n    );\n\n    if (duplicateFiles.length > 0) {\n      onDuplicatesFound?.(duplicateFiles, selectedFiles);\n      return;\n    }\n\n    runFileUploads(uploadMutation, sessionId, selectedFiles, {\n      onUploading: onFilesUploading,\n      onStarted: onUploadStarted,\n      onFailed: onUploadFailed,\n    });\n\n    setSelectedFiles([]);\n    setValidationErrors([]);\n    onClose();\n  };\n\n  const handleDropRejected = (rejections: FileRejection[]) => {\n    const hasInvalidType = rejections.some(r =>\n      r.errors.some(e => e.code === 'file-invalid-type'),\n    );\n    if (hasInvalidType) {\n      setValidationErrors(['notebook.upload.error.unsupportedType']);\n    }\n  };\n\n  const handleClose = () => {\n    setSelectedFiles([]);\n    setValidationErrors([]);\n    onClose();\n  };\n\n  const scopedProps = getScopedDialogProps(isCompact);\n\n  return (\n    <Dialog\n      open={isOpen}\n      onClose={handleClose}\n      aria-labelledby=\"add-document-modal-title\"\n      {...scopedProps}\n      PaperProps={{\n        className: isCompact ? classes.dialogPaperCompact : classes.dialogPaper,\n        ...scopedProps.PaperProps,\n      }}\n    >\n      <DialogTitle\n        className={isCompact ? classes.dialogTitleCompact : classes.dialogTitle}\n      >\n        <Typography\n          component=\"h2\"\n          className={isCompact ? classes.titleTextCompact : classes.titleText}\n        >\n          {t('notebook.upload.modal.title')}\n          {selectedFiles.length > 0 &&\n            ` (${selectedFiles.length}/${NOTEBOOK_MAX_FILES - existingDocumentNames.length})`}\n        </Typography>\n        <IconButton\n          aria-label={t('common.close')}\n          onClick={handleClose}\n          className={classes.closeButton}\n          size=\"small\"\n        >\n          <CloseIcon />\n        </IconButton>\n      </DialogTitle>\n\n      <DialogContent\n        className={\n          isCompact ? classes.dialogContentCompact : classes.dialogContent\n        }\n      >\n        {validationErrors.length > 0 && (\n          <Alert\n            variant=\"danger\"\n            isInline\n            className={classes.errorAlert}\n            title={validationErrors\n              .map(errorKey => {\n                const message = (t as Function)(errorKey) as string;\n                return errorKey === 'notebook.upload.error.tooManyFiles'\n                  ? message.replace('{{max}}', String(NOTEBOOK_MAX_FILES))\n                  : message;\n              })\n              .join('\\n')}\n          />\n        )}\n\n        {hasUploadsInProgress && (\n          <Alert\n            variant=\"info\"\n            isInline\n            className={classes.errorAlert}\n            title={t('notebook.view.documents.uploadsInProgress')}\n          />\n        )}\n\n        {(() => {\n          const isDropzoneDisabled = remainingSlots <= 0;\n          const dropzoneContent = (\n            <MultipleFileUpload\n              className={`${classes.dropzone} ${isDropzoneDisabled ? classes.dropzoneDisabled : ''}`}\n              dropzoneProps={{\n                accept: getNotebookAcceptedFileTypes(),\n                onDropRejected: handleDropRejected,\n                disabled: isDropzoneDisabled,\n              }}\n              onFileDrop={handleFileDrop}\n            >\n              <DropzoneClickArea\n                isDisabled={isDropzoneDisabled}\n                ariaLabel={t('notebook.upload.modal.dragDropTitle')}\n              >\n                <MultipleFileUploadMain\n                  titleIcon={<UploadIcon className={classes.uploadIcon} />}\n                  titleText={t('notebook.upload.modal.dragDropTitle')}\n                  isUploadButtonHidden\n                />\n                <Typography className={classes.supportedFormatsLabel}>\n                  {t('notebook.upload.modal.supportedFormats')}\n                </Typography>\n                <div className={classes.chipContainer}>\n                  {UNIQUE_FILE_TYPE_LABELS.map(label => (\n                    <span key={label} className={classes.fileTypeChip}>\n                      {label}\n                    </span>\n                  ))}\n                </div>\n                <Typography className={classes.maxFileSizeText}>\n                  {t('notebook.upload.modal.maxFileSize')}\n                </Typography>\n              </DropzoneClickArea>\n            </MultipleFileUpload>\n          );\n\n          return isDropzoneDisabled ? (\n            <Tooltip\n              content={t('notebook.view.documents.maxReached')}\n              position=\"top\"\n            >\n              <div>{dropzoneContent}</div>\n            </Tooltip>\n          ) : (\n            dropzoneContent\n          );\n        })()}\n\n        {selectedFiles.length > 0 && (\n          <Box className={classes.fileListContainer}>\n            <Box className={classes.fileListHeader}>\n              <Typography className={classes.fileCount}>\n                {(t as Function)('notebook.upload.modal.selectedFiles', {\n                  count: selectedFiles.length,\n                  max: NOTEBOOK_MAX_FILES - existingDocumentNames.length,\n                })}\n              </Typography>\n            </Box>\n            {selectedFiles.map((file, index) => (\n              <FileListItem\n                key={`${file.name}-${index}`}\n                file={file}\n                onRemove={() => handleRemoveFile(index)}\n                removeAriaLabel={(t as Function)(\n                  'notebook.upload.modal.removeFile',\n                  {\n                    fileName: file.name,\n                  },\n                )}\n              />\n            ))}\n          </Box>\n        )}\n      </DialogContent>\n\n      <DialogActions\n        className={\n          isCompact ? classes.dialogActionsCompact : classes.dialogActions\n        }\n      >\n        <Button\n          onClick={handleAddFiles}\n          className={classes.addButton}\n          variant=\"contained\"\n          color=\"primary\"\n          disabled={selectedFiles.length === 0 || hasUploadsInProgress}\n        >\n          {selectedFiles.length > 0\n            ? (t as Function)('notebook.upload.modal.addButton', {\n                count: selectedFiles.length,\n              })\n            : t('notebook.upload.modal.addButtonEmpty')}\n        </Button>\n        <Button\n          onClick={handleClose}\n          className={classes.cancelButton}\n          color=\"inherit\"\n        >\n          {t('common.cancel')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AddDocumentModal.esm.js","sources":["../../../src/components/notebooks/AddDocumentModal.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  KeyboardEvent,\n  MouseEvent,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport { FileRejection } from 'react-dropzone';\n\nimport CloseIcon from '@mui/icons-material/Close';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport {\n  Alert,\n  MultipleFileUpload,\n  MultipleFileUploadContext,\n  MultipleFileUploadMain,\n  Tooltip,\n} from '@patternfly/react-core';\nimport { UploadIcon } from '@patternfly/react-icons';\n\nimport {\n  NOTEBOOK_EXTENSION_TO_FILE_TYPE,\n  NOTEBOOK_MAX_FILES,\n} from '../../const';\nimport { useUploadDocument } from '../../hooks/notebooks/useUploadDocument';\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { runFileUploads } from '../../utils/notebook-upload-runner';\nimport {\n  getNotebookAcceptedFileTypes,\n  validateFiles,\n} from '../../utils/notebook-upload-utils';\nimport { getScopedDialogProps } from '../../utils/scoped-dialog-utils';\nimport { FileListItem } from './FileListItem';\nimport {\n  notebookDialogActionsSx,\n  notebookDialogCloseButtonSx,\n  notebookDialogContentSx,\n  notebookDialogPaperSx,\n  notebookDialogTitleSx,\n  notebookDialogTitleTextSx,\n  optionalStyle,\n} from './notebookDialogStyles';\n\nconst UNIQUE_FILE_TYPE_LABELS = [\n  ...new Set(Object.values(NOTEBOOK_EXTENSION_TO_FILE_TYPE)),\n].map(t => t.toUpperCase());\n\nconst ErrorAlert = styled(Alert)(({ theme }) => ({\n  marginBottom: theme.spacing(2),\n  '--pf-v6-c-alert--PaddingBlockEnd': '0',\n  '& .pf-v6-c-alert__title': {\n    marginBlockStart: 0,\n  },\n}));\n\nconst Dropzone = styled('div', {\n  shouldForwardProp: prop => prop !== 'isDropzoneDisabled',\n})<{ isDropzoneDisabled?: boolean }>(({ theme, isDropzoneDisabled }) => ({\n  borderColor: 'var(--pf-t--global--border--color--brand--default)',\n  borderWidth: 2,\n  borderStyle: 'dashed',\n  borderRadius: theme.spacing(1),\n  transition: 'background-color 0.2s ease',\n  cursor: isDropzoneDisabled ? 'default' : 'pointer',\n  ...(isDropzoneDisabled\n    ? {\n        opacity: 0.5,\n        pointerEvents: 'none',\n        '&:hover': {\n          backgroundColor: 'transparent',\n        },\n      }\n    : {\n        '&:hover': {\n          backgroundColor:\n            'color-mix(in srgb, var(--pf-t--global--color--brand--default) 10%, transparent)',\n        },\n      }),\n  '& .pf-v6-c-multiple-file-upload__main': {\n    border: 'none',\n    paddingBottom: 0,\n  },\n  '& .pf-v6-c-multiple-file-upload__title-icon': {\n    fontSize: '2rem',\n  },\n}));\n\nconst DropzoneClickAreaRoot = styled('div')(({ theme }) => ({\n  display: 'block',\n  padding: theme.spacing(2),\n  cursor: 'pointer',\n  '&[aria-disabled=\"true\"]': {\n    cursor: 'default',\n  },\n}));\n\nconst StyledUploadIcon = styled(UploadIcon)({\n  color: 'var(--pf-t--global--icon--color--brand--default)',\n});\n\nconst FileTypeChip = styled('span')(({ theme }) => ({\n  display: 'inline-block',\n  padding: '2px 10px',\n  borderRadius: 12,\n  fontSize: '0.75rem',\n  fontWeight: 500,\n  backgroundColor:\n    theme.palette.mode === 'dark'\n      ? 'rgba(255, 255, 255, 0.1)'\n      : 'rgba(0, 0, 0, 0.08)',\n  color: theme.palette.text.secondary,\n}));\n\nconst DropzoneClickArea = ({\n  children,\n  isDisabled,\n  ariaLabel,\n}: {\n  children: React.ReactNode;\n  isDisabled?: boolean;\n  ariaLabel?: string;\n}) => {\n  const { open } = useContext(MultipleFileUploadContext);\n  const openFilePicker = (event: MouseEvent | KeyboardEvent) => {\n    event.stopPropagation();\n    open();\n  };\n  return (\n    <DropzoneClickAreaRoot\n      role=\"button\"\n      aria-label={ariaLabel}\n      aria-disabled={isDisabled}\n      tabIndex={isDisabled ? -1 : 0}\n      onClick={isDisabled ? undefined : openFilePicker}\n      onKeyDown={\n        isDisabled\n          ? undefined\n          : e => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                openFilePicker(e);\n              }\n            }\n      }\n    >\n      {children}\n    </DropzoneClickAreaRoot>\n  );\n};\n\ntype AddDocumentModalProps = {\n  isOpen: boolean;\n  onClose: () => void;\n  sessionId: string;\n  existingDocumentNames: string[];\n  hasUploadsInProgress?: boolean;\n  onFilesUploading?: (files: File[]) => void;\n  onUploadStarted?: (info: { fileName: string; documentId: string }) => void;\n  onUploadFailed?: (fileName: string) => void;\n  onDuplicatesFound?: (duplicateFiles: File[], allFiles: File[]) => void;\n  filesToAdd?: File[];\n  onFilesAdded?: () => void;\n  isCompact?: boolean;\n};\n\nexport const AddDocumentModal = ({\n  isOpen,\n  onClose,\n  sessionId,\n  existingDocumentNames,\n  hasUploadsInProgress,\n  onFilesUploading,\n  onUploadStarted,\n  onUploadFailed,\n  onDuplicatesFound,\n  filesToAdd,\n  onFilesAdded,\n  isCompact = false,\n}: AddDocumentModalProps) => {\n  const { t } = useTranslation();\n  const uploadMutation = useUploadDocument();\n  const [validationErrors, setValidationErrors] = useState<string[]>([]);\n  const [selectedFiles, setSelectedFiles] = useState<File[]>([]);\n  const totalExistingAndSelected =\n    existingDocumentNames.length + selectedFiles.length;\n  const remainingSlots = NOTEBOOK_MAX_FILES - totalExistingAndSelected;\n\n  useEffect(() => {\n    if (!isOpen) {\n      setSelectedFiles([]);\n      setValidationErrors([]);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (filesToAdd && filesToAdd.length > 0) {\n      setSelectedFiles(prev => [...prev, ...filesToAdd]);\n      onFilesAdded?.();\n    }\n  }, [filesToAdd, onFilesAdded]);\n\n  const handleFileDrop = (_event: unknown, files: File[]) => {\n    setValidationErrors([]);\n\n    const { valid, errors } = validateFiles(files, totalExistingAndSelected);\n\n    if (errors.length > 0) {\n      setValidationErrors(errors);\n      return;\n    }\n\n    if (valid.length === 0) return;\n\n    const alreadySelectedNames = new Set(selectedFiles.map(f => f.name));\n    const newFiles = valid.filter(f => !alreadySelectedNames.has(f.name));\n\n    if (newFiles.length > 0) {\n      setSelectedFiles(prev => [...prev, ...newFiles]);\n    }\n  };\n\n  const handleRemoveFile = (index: number) => {\n    setSelectedFiles(prev => prev.filter((_, i) => i !== index));\n  };\n\n  const handleAddFiles = () => {\n    if (selectedFiles.length === 0) return;\n\n    const duplicateFiles = selectedFiles.filter(f =>\n      existingDocumentNames.includes(f.name),\n    );\n\n    if (duplicateFiles.length > 0) {\n      onDuplicatesFound?.(duplicateFiles, selectedFiles);\n      return;\n    }\n\n    runFileUploads(uploadMutation, sessionId, selectedFiles, {\n      onUploading: onFilesUploading,\n      onStarted: onUploadStarted,\n      onFailed: onUploadFailed,\n    });\n\n    setSelectedFiles([]);\n    setValidationErrors([]);\n    onClose();\n  };\n\n  const handleDropRejected = (rejections: FileRejection[]) => {\n    const hasInvalidType = rejections.some(r =>\n      r.errors.some(e => e.code === 'file-invalid-type'),\n    );\n    if (hasInvalidType) {\n      setValidationErrors(['notebook.upload.error.unsupportedType']);\n    }\n  };\n\n  const handleClose = () => {\n    setSelectedFiles([]);\n    setValidationErrors([]);\n    onClose();\n  };\n\n  const scopedProps = getScopedDialogProps(isCompact);\n\n  return (\n    <Dialog\n      open={isOpen}\n      onClose={handleClose}\n      aria-labelledby=\"add-document-modal-title\"\n      {...scopedProps}\n      PaperProps={{\n        ...scopedProps.PaperProps,\n        sx: [\n          notebookDialogPaperSx(isCompact),\n          optionalStyle(scopedProps.PaperProps?.sx),\n        ],\n      }}\n    >\n      <DialogTitle sx={notebookDialogTitleSx(isCompact)}>\n        <Typography component=\"h2\" sx={notebookDialogTitleTextSx(isCompact)}>\n          {t('notebook.upload.modal.title')}\n          {selectedFiles.length > 0 &&\n            ` (${selectedFiles.length}/${NOTEBOOK_MAX_FILES - existingDocumentNames.length})`}\n        </Typography>\n        <IconButton\n          aria-label={t('common.close')}\n          onClick={handleClose}\n          sx={notebookDialogCloseButtonSx}\n          size=\"small\"\n        >\n          <CloseIcon />\n        </IconButton>\n      </DialogTitle>\n\n      <DialogContent sx={notebookDialogContentSx(isCompact)}>\n        {validationErrors.length > 0 && (\n          <ErrorAlert\n            variant=\"danger\"\n            isInline\n            title={validationErrors\n              .map(errorKey => {\n                const message = (t as Function)(errorKey) as string;\n                return errorKey === 'notebook.upload.error.tooManyFiles'\n                  ? message.replace('{{max}}', String(NOTEBOOK_MAX_FILES))\n                  : message;\n              })\n              .join('\\n')}\n          />\n        )}\n\n        {hasUploadsInProgress && (\n          <ErrorAlert\n            variant=\"info\"\n            isInline\n            title={t('notebook.view.documents.uploadsInProgress')}\n          />\n        )}\n\n        {(() => {\n          const isDropzoneDisabled = remainingSlots <= 0;\n          const dropzoneContent = (\n            <Dropzone isDropzoneDisabled={isDropzoneDisabled}>\n              <MultipleFileUpload\n                dropzoneProps={{\n                  accept: getNotebookAcceptedFileTypes(),\n                  onDropRejected: handleDropRejected,\n                  disabled: isDropzoneDisabled,\n                  noClick: true,\n                }}\n                onFileDrop={handleFileDrop}\n              >\n                <DropzoneClickArea\n                  isDisabled={isDropzoneDisabled}\n                  ariaLabel={t('notebook.upload.modal.dragDropTitle')}\n                >\n                  <MultipleFileUploadMain\n                    titleIcon={<StyledUploadIcon />}\n                    titleText={t('notebook.upload.modal.dragDropTitle')}\n                    isUploadButtonHidden\n                  />\n                  <Typography\n                    sx={{\n                      fontSize: '0.875rem',\n                      color: 'text.secondary',\n                      textAlign: 'center',\n                      mt: 1,\n                    }}\n                  >\n                    {t('notebook.upload.modal.supportedFormats')}\n                  </Typography>\n                  <Box\n                    sx={{\n                      display: 'flex',\n                      flexWrap: 'wrap',\n                      gap: 0.75,\n                      justifyContent: 'center',\n                      mt: 0.5,\n                    }}\n                  >\n                    {UNIQUE_FILE_TYPE_LABELS.map(label => (\n                      <FileTypeChip key={label}>{label}</FileTypeChip>\n                    ))}\n                  </Box>\n                  <Typography\n                    sx={{\n                      fontSize: '0.875rem',\n                      color: 'text.secondary',\n                      textAlign: 'center',\n                      mt: 1,\n                    }}\n                  >\n                    {t('notebook.upload.modal.maxFileSize')}\n                  </Typography>\n                </DropzoneClickArea>\n              </MultipleFileUpload>\n            </Dropzone>\n          );\n\n          return isDropzoneDisabled ? (\n            <Tooltip\n              content={t('notebook.view.documents.maxReached')}\n              position=\"top\"\n            >\n              <div>{dropzoneContent}</div>\n            </Tooltip>\n          ) : (\n            dropzoneContent\n          );\n        })()}\n\n        {selectedFiles.length > 0 && (\n          <Box sx={{ mt: 2, maxHeight: 200, overflowY: 'auto' }}>\n            <Box\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'space-between',\n                mb: 1,\n              }}\n            >\n              <Typography\n                sx={{ fontSize: '0.875rem', color: 'text.secondary' }}\n              >\n                {(t as Function)('notebook.upload.modal.selectedFiles', {\n                  count: selectedFiles.length,\n                  max: NOTEBOOK_MAX_FILES - existingDocumentNames.length,\n                })}\n              </Typography>\n            </Box>\n            {selectedFiles.map((file, index) => (\n              <FileListItem\n                key={`${file.name}-${index}`}\n                file={file}\n                onRemove={() => handleRemoveFile(index)}\n                removeAriaLabel={(t as Function)(\n                  'notebook.upload.modal.removeFile',\n                  {\n                    fileName: file.name,\n                  },\n                )}\n              />\n            ))}\n          </Box>\n        )}\n      </DialogContent>\n\n      <DialogActions sx={notebookDialogActionsSx(isCompact)}>\n        <Button\n          onClick={handleAddFiles}\n          sx={{ textTransform: 'none' }}\n          variant=\"contained\"\n          color=\"primary\"\n          disabled={selectedFiles.length === 0 || hasUploadsInProgress}\n        >\n          {selectedFiles.length > 0\n            ? (t as Function)('notebook.upload.modal.addButton', {\n                count: selectedFiles.length,\n              })\n            : t('notebook.upload.modal.addButtonEmpty')}\n        </Button>\n        <Button\n          onClick={handleClose}\n          sx={{ textTransform: 'none' }}\n          color=\"inherit\"\n        >\n          {t('common.cancel')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/notebooks/DeleteDocumentModal.esm.js

@@ -1,5 +1,4 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles } from '@material-ui/core/styles';
 import CloseIcon from '@mui/icons-material/Close';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
@@ -12,64 +11,9 @@ import Typography from '@mui/material/Typography';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { getScopedDialogProps } from '../../utils/scoped-dialog-utils.esm.js';
 import { Trans } from '../Trans.esm.js';
+import { optionalStyle } from './notebookDialogStyles.esm.js';
 
-const useStyles = makeStyles((theme) => ({
-  dialogPaper: {
-    borderRadius: 16
-  },
-  dialogPaperCompact: {
-    borderRadius: 12
-  },
-  dialogTitle: {
-    padding: "16px 20px",
-    fontStyle: "inherit"
-  },
-  dialogTitleCompact: {
-    padding: "12px 16px !important",
-    fontStyle: "inherit"
-  },
-  dialogContent: {
-    paddingTop: 0
-  },
-  dialogContentCompact: {
-    paddingTop: "0 !important",
-    paddingBottom: `${theme.spacing(1)}px !important`,
-    paddingLeft: `${theme.spacing(2)}px !important`,
-    paddingRight: `${theme.spacing(2)}px !important`
-  },
-  titleRow: {
-    display: "flex",
-    alignItems: "center",
-    gap: theme.spacing(1)
-  },
-  titleText: {
-    fontWeight: "bold"
-  },
-  closeButton: {
-    position: "absolute",
-    right: theme.spacing(1),
-    top: theme.spacing(1),
-    color: theme.palette.text.primary
-  },
-  dialogActions: {
-    justifyContent: "left",
-    padding: theme.spacing(2.5),
-    gap: theme.spacing(1)
-  },
-  dialogActionsCompact: {
-    justifyContent: "left",
-    padding: `${theme.spacing(1.5)}px !important`,
-    gap: theme.spacing(1)
-  },
-  removeButton: {
-    textTransform: "none",
-    borderRadius: 999
-  },
-  cancelButton: {
-    textTransform: "none",
-    borderRadius: 999
-  }
-}));
+const pillButtonSx = { textTransform: "none", borderRadius: 999 };
 const DeleteDocumentModal = ({
   isOpen,
   onClose,
@@ -78,7 +22,6 @@ const DeleteDocumentModal = ({
   isCompact = false
 }) => {
   const scopedProps = getScopedDialogProps(isCompact);
-  const classes = useStyles();
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs(
     Dialog,
@@ -90,16 +33,22 @@ const DeleteDocumentModal = ({
       fullWidth: true,
       ...scopedProps,
       PaperProps: {
-        className: isCompact ? classes.dialogPaperCompact : classes.dialogPaper,
-        ...scopedProps.PaperProps
+        ...scopedProps.PaperProps,
+        sx: [
+          { borderRadius: isCompact ? "12px" : "16px" },
+          optionalStyle(scopedProps.PaperProps?.sx)
+        ]
       },
       children: [
         /* @__PURE__ */ jsx(
           DialogTitle,
           {
-            className: isCompact ? classes.dialogTitleCompact : classes.dialogTitle,
-            children: /* @__PURE__ */ jsxs(Box, { className: classes.titleRow, children: [
-              /* @__PURE__ */ jsx(Typography, { component: "span", className: classes.titleText, children: t("notebook.document.delete.title") }),
+            sx: {
+              p: isCompact ? "12px 16px !important" : "16px 20px",
+              fontStyle: "inherit"
+            },
+            children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+              /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontWeight: "bold" }, children: t("notebook.document.delete.title") }),
               /* @__PURE__ */ jsx(
                 IconButton,
                 {
@@ -107,7 +56,12 @@ const DeleteDocumentModal = ({
                   onClick: onClose,
                   title: t("common.close"),
                   size: isCompact ? "small" : "large",
-                  className: classes.closeButton,
+                  sx: {
+                    position: "absolute",
+                    right: 1,
+                    top: 1,
+                    color: "text.primary"
+                  },
                   children: /* @__PURE__ */ jsx(CloseIcon, {})
                 }
               )
@@ -118,7 +72,15 @@ const DeleteDocumentModal = ({
           DialogContent,
           {
             id: "delete-document-modal-body",
-            className: isCompact ? classes.dialogContentCompact : classes.dialogContent,
+            sx: (theme) => ({
+              pt: 0,
+              ...isCompact && {
+                paddingTop: "0 !important",
+                paddingBottom: `${theme.spacing(1)} !important`,
+                paddingLeft: `${theme.spacing(2)} !important`,
+                paddingRight: `${theme.spacing(2)} !important`
+              }
+            }),
             children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsx(
               Trans,
               {
@@ -133,27 +95,23 @@ const DeleteDocumentModal = ({
         /* @__PURE__ */ jsxs(
           DialogActions,
           {
-            className: isCompact ? classes.dialogActionsCompact : classes.dialogActions,
+            sx: {
+              justifyContent: "left",
+              p: isCompact ? "12px !important" : 2.5,
+              gap: 1
+            },
             children: [
               /* @__PURE__ */ jsx(
                 Button,
                 {
                   variant: "contained",
                   color: "error",
-                  className: classes.removeButton,
+                  sx: pillButtonSx,
                   onClick: onConfirm,
                   children: t("notebook.document.delete.action")
                 }
               ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "outlined",
-                  className: classes.cancelButton,
-                  onClick: onClose,
-                  children: t("common.cancel")
-                }
-              )
+              /* @__PURE__ */ jsx(Button, { variant: "outlined", sx: pillButtonSx, onClick: onClose, children: t("common.cancel") })
             ]
           }
         )

package/dist/components/notebooks/DeleteDocumentModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteDocumentModal.esm.js","sources":["../../../src/components/notebooks/DeleteDocumentModal.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\n\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { getScopedDialogProps } from '../../utils/scoped-dialog-utils';\nimport { Trans } from '../Trans';\n\nconst useStyles = makeStyles(theme => ({\n  dialogPaper: {\n    borderRadius: 16,\n  },\n  dialogPaperCompact: {\n    borderRadius: 12,\n  },\n  dialogTitle: {\n    padding: '16px 20px',\n    fontStyle: 'inherit',\n  },\n  dialogTitleCompact: {\n    padding: '12px 16px !important',\n    fontStyle: 'inherit',\n  },\n  dialogContent: {\n    paddingTop: 0,\n  },\n  dialogContentCompact: {\n    paddingTop: '0 !important',\n    paddingBottom: `${theme.spacing(1)}px !important`,\n    paddingLeft: `${theme.spacing(2)}px !important`,\n    paddingRight: `${theme.spacing(2)}px !important`,\n  },\n  titleRow: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  },\n  titleText: {\n    fontWeight: 'bold',\n  },\n  closeButton: {\n    position: 'absolute',\n    right: theme.spacing(1),\n    top: theme.spacing(1),\n    color: theme.palette.text.primary,\n  },\n  dialogActions: {\n    justifyContent: 'left',\n    padding: theme.spacing(2.5),\n    gap: theme.spacing(1),\n  },\n  dialogActionsCompact: {\n    justifyContent: 'left',\n    padding: `${theme.spacing(1.5)}px !important`,\n    gap: theme.spacing(1),\n  },\n  removeButton: {\n    textTransform: 'none',\n    borderRadius: 999,\n  },\n  cancelButton: {\n    textTransform: 'none',\n    borderRadius: 999,\n  },\n}));\n\ntype DeleteDocumentModalProps = {\n  isOpen: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  documentName: string;\n  isCompact?: boolean;\n};\n\nexport const DeleteDocumentModal = ({\n  isOpen,\n  onClose,\n  onConfirm,\n  documentName,\n  isCompact = false,\n}: DeleteDocumentModalProps) => {\n  const scopedProps = getScopedDialogProps(isCompact);\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  return (\n    <Dialog\n      open={isOpen}\n      onClose={onClose}\n      aria-labelledby=\"delete-document-modal\"\n      aria-describedby=\"delete-document-modal-body\"\n      fullWidth\n      {...scopedProps}\n      PaperProps={{\n        className: isCompact ? classes.dialogPaperCompact : classes.dialogPaper,\n        ...scopedProps.PaperProps,\n      }}\n    >\n      <DialogTitle\n        className={isCompact ? classes.dialogTitleCompact : classes.dialogTitle}\n      >\n        <Box className={classes.titleRow}>\n          <Typography component=\"span\" className={classes.titleText}>\n            {t('notebook.document.delete.title')}\n          </Typography>\n          <IconButton\n            aria-label={t('common.close')}\n            onClick={onClose}\n            title={t('common.close')}\n            size={isCompact ? 'small' : 'large'}\n            className={classes.closeButton}\n          >\n            <CloseIcon />\n          </IconButton>\n        </Box>\n      </DialogTitle>\n      <DialogContent\n        id=\"delete-document-modal-body\"\n        className={\n          isCompact ? classes.dialogContentCompact : classes.dialogContent\n        }\n      >\n        <Typography variant=\"body2\">\n          <Trans\n            message=\"notebook.document.delete.description\"\n            components={{\n              '<documentName/>': <strong>{documentName}</strong>,\n            }}\n          />\n        </Typography>\n      </DialogContent>\n      <DialogActions\n        className={\n          isCompact ? classes.dialogActionsCompact : classes.dialogActions\n        }\n      >\n        <Button\n          variant=\"contained\"\n          color=\"error\"\n          className={classes.removeButton}\n          onClick={onConfirm}\n        >\n          {t('notebook.document.delete.action')}\n        </Button>\n        <Button\n          variant=\"outlined\"\n          className={classes.cancelButton}\n          onClick={onClose}\n        >\n          {t('common.cancel')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DeleteDocumentModal.esm.js","sources":["../../../src/components/notebooks/DeleteDocumentModal.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport CloseIcon from '@mui/icons-material/Close';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\n\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { getScopedDialogProps } from '../../utils/scoped-dialog-utils';\nimport { Trans } from '../Trans';\nimport { optionalStyle } from './notebookDialogStyles';\n\nconst pillButtonSx = { textTransform: 'none', borderRadius: 999 } as const;\n\ntype DeleteDocumentModalProps = {\n  isOpen: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  documentName: string;\n  isCompact?: boolean;\n};\n\nexport const DeleteDocumentModal = ({\n  isOpen,\n  onClose,\n  onConfirm,\n  documentName,\n  isCompact = false,\n}: DeleteDocumentModalProps) => {\n  const scopedProps = getScopedDialogProps(isCompact);\n  const { t } = useTranslation();\n\n  return (\n    <Dialog\n      open={isOpen}\n      onClose={onClose}\n      aria-labelledby=\"delete-document-modal\"\n      aria-describedby=\"delete-document-modal-body\"\n      fullWidth\n      {...scopedProps}\n      PaperProps={{\n        ...scopedProps.PaperProps,\n        sx: [\n          { borderRadius: isCompact ? '12px' : '16px' },\n          optionalStyle(scopedProps.PaperProps?.sx),\n        ],\n      }}\n    >\n      <DialogTitle\n        sx={{\n          p: isCompact ? '12px 16px !important' : '16px 20px',\n          fontStyle: 'inherit',\n        }}\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n          <Typography component=\"span\" sx={{ fontWeight: 'bold' }}>\n            {t('notebook.document.delete.title')}\n          </Typography>\n          <IconButton\n            aria-label={t('common.close')}\n            onClick={onClose}\n            title={t('common.close')}\n            size={isCompact ? 'small' : 'large'}\n            sx={{\n              position: 'absolute',\n              right: 1,\n              top: 1,\n              color: 'text.primary',\n            }}\n          >\n            <CloseIcon />\n          </IconButton>\n        </Box>\n      </DialogTitle>\n      <DialogContent\n        id=\"delete-document-modal-body\"\n        sx={theme => ({\n          pt: 0,\n          ...(isCompact && {\n            paddingTop: '0 !important',\n            paddingBottom: `${theme.spacing(1)} !important`,\n            paddingLeft: `${theme.spacing(2)} !important`,\n            paddingRight: `${theme.spacing(2)} !important`,\n          }),\n        })}\n      >\n        <Typography variant=\"body2\">\n          <Trans\n            message=\"notebook.document.delete.description\"\n            components={{\n              '<documentName/>': <strong>{documentName}</strong>,\n            }}\n          />\n        </Typography>\n      </DialogContent>\n      <DialogActions\n        sx={{\n          justifyContent: 'left',\n          p: isCompact ? '12px !important' : 2.5,\n          gap: 1,\n        }}\n      >\n        <Button\n          variant=\"contained\"\n          color=\"error\"\n          sx={pillButtonSx}\n          onClick={onConfirm}\n        >\n          {t('notebook.document.delete.action')}\n        </Button>\n        <Button variant=\"outlined\" sx={pillButtonSx} onClick={onClose}>\n          {t('common.cancel')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/notebooks/DeleteNotebookModal.esm.js

@@ -1,5 +1,4 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles } from '@material-ui/core/styles';
 import CloseIcon from '@mui/icons-material/Close';
 import Alert from '@mui/material/Alert';
 import Box from '@mui/material/Box';
@@ -13,75 +12,9 @@ import Typography from '@mui/material/Typography';
 import { useDeleteNotebook } from '../../hooks/notebooks/useDeleteNotebook.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { getScopedDialogProps } from '../../utils/scoped-dialog-utils.esm.js';
+import { optionalStyle } from './notebookDialogStyles.esm.js';
 
-const useStyles = makeStyles((theme) => ({
-  dialogPaper: {
-    borderRadius: 16
-  },
-  dialogPaperCompact: {
-    borderRadius: 12
-  },
-  dialogTitle: {
-    padding: "16px 20px",
-    fontStyle: "inherit"
-  },
-  dialogTitleCompact: {
-    padding: "12px 16px !important",
-    fontStyle: "inherit"
-  },
-  dialogContent: {
-    paddingTop: 0,
-    paddingBottom: theme.spacing(5)
-  },
-  dialogContentCompact: {
-    paddingTop: "0 !important",
-    paddingBottom: `${theme.spacing(2)}px !important`,
-    paddingLeft: `${theme.spacing(2)}px !important`,
-    paddingRight: `${theme.spacing(2)}px !important`
-  },
-  titleRow: {
-    display: "flex",
-    alignItems: "center",
-    gap: theme.spacing(1)
-  },
-  titleText: {
-    fontWeight: "bold"
-  },
-  closeButton: {
-    position: "absolute",
-    right: theme.spacing(1),
-    top: theme.spacing(1),
-    color: theme.palette.text.primary
-  },
-  errorBox: {
-    maxWidth: 650,
-    marginLeft: theme.spacing(2.5),
-    marginRight: theme.spacing(2.5)
-  },
-  errorBoxCompact: {
-    maxWidth: "100%",
-    marginLeft: theme.spacing(2),
-    marginRight: theme.spacing(2)
-  },
-  dialogActions: {
-    justifyContent: "left",
-    padding: theme.spacing(2.5),
-    gap: theme.spacing(1)
-  },
-  dialogActionsCompact: {
-    justifyContent: "left",
-    padding: `${theme.spacing(1.5)}px !important`,
-    gap: theme.spacing(1)
-  },
-  deleteButton: {
-    textTransform: "none",
-    borderRadius: 999
-  },
-  cancelButton: {
-    textTransform: "none",
-    borderRadius: 999
-  }
-}));
+const pillButtonSx = { textTransform: "none", borderRadius: 999 };
 const DeleteNotebookModal = ({
   isOpen,
   onClose,
@@ -90,7 +23,6 @@ const DeleteNotebookModal = ({
   name,
   isCompact = false
 }) => {
-  const classes = useStyles();
   const { t } = useTranslation();
   const { mutateAsync: deleteNotebook, isError, error } = useDeleteNotebook();
   const handleDelete = async () => {
@@ -113,16 +45,22 @@ const DeleteNotebookModal = ({
       fullWidth: true,
       ...scopedProps,
       PaperProps: {
-        className: isCompact ? classes.dialogPaperCompact : classes.dialogPaper,
-        ...scopedProps.PaperProps
+        ...scopedProps.PaperProps,
+        sx: [
+          { borderRadius: isCompact ? "12px" : "16px" },
+          optionalStyle(scopedProps.PaperProps?.sx)
+        ]
       },
       children: [
         /* @__PURE__ */ jsx(
           DialogTitle,
           {
-            className: isCompact ? classes.dialogTitleCompact : classes.dialogTitle,
-            children: /* @__PURE__ */ jsxs(Box, { className: classes.titleRow, children: [
-              /* @__PURE__ */ jsx(Typography, { component: "span", className: classes.titleText, children: t("notebooks.delete.title", { name }) }),
+            sx: {
+              p: isCompact ? "12px 16px !important" : "16px 20px",
+              fontStyle: "inherit"
+            },
+            children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+              /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontWeight: "bold" }, children: t("notebooks.delete.title", { name }) }),
               /* @__PURE__ */ jsx(
                 IconButton,
                 {
@@ -130,7 +68,12 @@ const DeleteNotebookModal = ({
                   onClick: onClose,
                   title: t("common.close"),
                   size: isCompact ? "small" : "large",
-                  className: classes.closeButton,
+                  sx: {
+                    position: "absolute",
+                    right: 1,
+                    top: 1,
+                    color: "text.primary"
+                  },
                   children: /* @__PURE__ */ jsx(CloseIcon, {})
                 }
               )
@@ -141,22 +84,44 @@ const DeleteNotebookModal = ({
           DialogContent,
           {
             id: "delete-notebook-modal-body",
-            className: isCompact ? classes.dialogContentCompact : classes.dialogContent,
+            sx: (theme) => ({
+              pt: 0,
+              pb: 5,
+              ...isCompact && {
+                paddingTop: "0 !important",
+                paddingBottom: `${theme.spacing(2)} !important`,
+                paddingLeft: `${theme.spacing(2)} !important`,
+                paddingRight: `${theme.spacing(2)} !important`
+              }
+            }),
             children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: t("notebooks.delete.message") })
           }
         ),
-        isError && /* @__PURE__ */ jsx(Box, { className: isCompact ? classes.errorBoxCompact : classes.errorBox, children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: String(error) }) }),
+        isError && /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: {
+              maxWidth: isCompact ? "100%" : 650,
+              mx: isCompact ? 2 : 2.5
+            },
+            children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: String(error) })
+          }
+        ),
         /* @__PURE__ */ jsxs(
           DialogActions,
           {
-            className: isCompact ? classes.dialogActionsCompact : classes.dialogActions,
+            sx: {
+              justifyContent: "left",
+              p: isCompact ? "12px !important" : 2.5,
+              gap: 1
+            },
             children: [
               /* @__PURE__ */ jsx(
                 Button,
                 {
                   variant: "contained",
                   color: "error",
-                  className: classes.deleteButton,
+                  sx: pillButtonSx,
                   onClick: handleDelete,
                   children: t("notebooks.delete.action")
                 }
@@ -165,7 +130,7 @@ const DeleteNotebookModal = ({
                 Button,
                 {
                   variant: "outlined",
-                  className: classes.cancelButton,
+                  sx: pillButtonSx,
                   onClick: onClose,
                   children: t("common.cancel")
                 },

package/dist/components/notebooks/DeleteNotebookModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteNotebookModal.esm.js","sources":["../../../src/components/notebooks/DeleteNotebookModal.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\n\nimport { useDeleteNotebook } from '../../hooks/notebooks/useDeleteNotebook';\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { getScopedDialogProps } from '../../utils/scoped-dialog-utils';\n\nconst useStyles = makeStyles(theme => ({\n  dialogPaper: {\n    borderRadius: 16,\n  },\n  dialogPaperCompact: {\n    borderRadius: 12,\n  },\n  dialogTitle: {\n    padding: '16px 20px',\n    fontStyle: 'inherit',\n  },\n  dialogTitleCompact: {\n    padding: '12px 16px !important',\n    fontStyle: 'inherit',\n  },\n  dialogContent: {\n    paddingTop: 0,\n    paddingBottom: theme.spacing(5),\n  },\n  dialogContentCompact: {\n    paddingTop: '0 !important',\n    paddingBottom: `${theme.spacing(2)}px !important`,\n    paddingLeft: `${theme.spacing(2)}px !important`,\n    paddingRight: `${theme.spacing(2)}px !important`,\n  },\n  titleRow: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  },\n  titleText: {\n    fontWeight: 'bold',\n  },\n  closeButton: {\n    position: 'absolute',\n    right: theme.spacing(1),\n    top: theme.spacing(1),\n    color: theme.palette.text.primary,\n  },\n  errorBox: {\n    maxWidth: 650,\n    marginLeft: theme.spacing(2.5),\n    marginRight: theme.spacing(2.5),\n  },\n  errorBoxCompact: {\n    maxWidth: '100%',\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2),\n  },\n  dialogActions: {\n    justifyContent: 'left',\n    padding: theme.spacing(2.5),\n    gap: theme.spacing(1),\n  },\n  dialogActionsCompact: {\n    justifyContent: 'left',\n    padding: `${theme.spacing(1.5)}px !important`,\n    gap: theme.spacing(1),\n  },\n  deleteButton: {\n    textTransform: 'none',\n    borderRadius: 999,\n  },\n  cancelButton: {\n    textTransform: 'none',\n    borderRadius: 999,\n  },\n}));\n\nexport const DeleteNotebookModal = ({\n  isOpen,\n  onClose,\n  onDeleted,\n  sessionId,\n  name,\n  isCompact = false,\n}: {\n  isOpen: boolean;\n  onClose: () => void;\n  onDeleted: () => void;\n  sessionId: string;\n  name: string;\n  isCompact?: boolean;\n}) => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n  const { mutateAsync: deleteNotebook, isError, error } = useDeleteNotebook();\n\n  const handleDelete = async () => {\n    try {\n      await deleteNotebook(sessionId);\n      onDeleted();\n      onClose();\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.warn(e);\n    }\n  };\n\n  const scopedProps = getScopedDialogProps(isCompact);\n\n  return (\n    <Dialog\n      open={isOpen}\n      onClose={onClose}\n      aria-labelledby=\"delete-notebook-modal\"\n      aria-describedby=\"delete-notebook-modal-body\"\n      fullWidth\n      {...scopedProps}\n      PaperProps={{\n        className: isCompact ? classes.dialogPaperCompact : classes.dialogPaper,\n        ...scopedProps.PaperProps,\n      }}\n    >\n      <DialogTitle\n        className={isCompact ? classes.dialogTitleCompact : classes.dialogTitle}\n      >\n        <Box className={classes.titleRow}>\n          <Typography component=\"span\" className={classes.titleText}>\n            {t('notebooks.delete.title', { name } as any)}\n          </Typography>\n          <IconButton\n            aria-label={t('common.close')}\n            onClick={onClose}\n            title={t('common.close')}\n            size={isCompact ? 'small' : 'large'}\n            className={classes.closeButton}\n          >\n            <CloseIcon />\n          </IconButton>\n        </Box>\n      </DialogTitle>\n      <DialogContent\n        id=\"delete-notebook-modal-body\"\n        className={\n          isCompact ? classes.dialogContentCompact : classes.dialogContent\n        }\n      >\n        <Typography variant=\"body2\">{t('notebooks.delete.message')}</Typography>\n      </DialogContent>\n      {isError && (\n        <Box className={isCompact ? classes.errorBoxCompact : classes.errorBox}>\n          <Alert severity=\"error\">{String(error)}</Alert>\n        </Box>\n      )}\n      <DialogActions\n        className={\n          isCompact ? classes.dialogActionsCompact : classes.dialogActions\n        }\n      >\n        <Button\n          variant=\"contained\"\n          color=\"error\"\n          className={classes.deleteButton}\n          onClick={handleDelete}\n        >\n          {t('notebooks.delete.action')}\n        </Button>\n        <Button\n          key=\"cancel\"\n          variant=\"outlined\"\n          className={classes.cancelButton}\n          onClick={onClose}\n        >\n          {t('common.cancel')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DeleteNotebookModal.esm.js","sources":["../../../src/components/notebooks/DeleteNotebookModal.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport CloseIcon from '@mui/icons-material/Close';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\n\nimport { useDeleteNotebook } from '../../hooks/notebooks/useDeleteNotebook';\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { getScopedDialogProps } from '../../utils/scoped-dialog-utils';\nimport { optionalStyle } from './notebookDialogStyles';\n\nconst pillButtonSx = { textTransform: 'none', borderRadius: 999 } as const;\n\nexport const DeleteNotebookModal = ({\n  isOpen,\n  onClose,\n  onDeleted,\n  sessionId,\n  name,\n  isCompact = false,\n}: {\n  isOpen: boolean;\n  onClose: () => void;\n  onDeleted: () => void;\n  sessionId: string;\n  name: string;\n  isCompact?: boolean;\n}) => {\n  const { t } = useTranslation();\n  const { mutateAsync: deleteNotebook, isError, error } = useDeleteNotebook();\n\n  const handleDelete = async () => {\n    try {\n      await deleteNotebook(sessionId);\n      onDeleted();\n      onClose();\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.warn(e);\n    }\n  };\n\n  const scopedProps = getScopedDialogProps(isCompact);\n\n  return (\n    <Dialog\n      open={isOpen}\n      onClose={onClose}\n      aria-labelledby=\"delete-notebook-modal\"\n      aria-describedby=\"delete-notebook-modal-body\"\n      fullWidth\n      {...scopedProps}\n      PaperProps={{\n        ...scopedProps.PaperProps,\n        sx: [\n          { borderRadius: isCompact ? '12px' : '16px' },\n          optionalStyle(scopedProps.PaperProps?.sx),\n        ],\n      }}\n    >\n      <DialogTitle\n        sx={{\n          p: isCompact ? '12px 16px !important' : '16px 20px',\n          fontStyle: 'inherit',\n        }}\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n          <Typography component=\"span\" sx={{ fontWeight: 'bold' }}>\n            {t('notebooks.delete.title', { name } as any)}\n          </Typography>\n          <IconButton\n            aria-label={t('common.close')}\n            onClick={onClose}\n            title={t('common.close')}\n            size={isCompact ? 'small' : 'large'}\n            sx={{\n              position: 'absolute',\n              right: 1,\n              top: 1,\n              color: 'text.primary',\n            }}\n          >\n            <CloseIcon />\n          </IconButton>\n        </Box>\n      </DialogTitle>\n      <DialogContent\n        id=\"delete-notebook-modal-body\"\n        sx={theme => ({\n          pt: 0,\n          pb: 5,\n          ...(isCompact && {\n            paddingTop: '0 !important',\n            paddingBottom: `${theme.spacing(2)} !important`,\n            paddingLeft: `${theme.spacing(2)} !important`,\n            paddingRight: `${theme.spacing(2)} !important`,\n          }),\n        })}\n      >\n        <Typography variant=\"body2\">{t('notebooks.delete.message')}</Typography>\n      </DialogContent>\n      {isError && (\n        <Box\n          sx={{\n            maxWidth: isCompact ? '100%' : 650,\n            mx: isCompact ? 2 : 2.5,\n          }}\n        >\n          <Alert severity=\"error\">{String(error)}</Alert>\n        </Box>\n      )}\n      <DialogActions\n        sx={{\n          justifyContent: 'left',\n          p: isCompact ? '12px !important' : 2.5,\n          gap: 1,\n        }}\n      >\n        <Button\n          variant=\"contained\"\n          color=\"error\"\n          sx={pillButtonSx}\n          onClick={handleDelete}\n        >\n          {t('notebooks.delete.action')}\n        </Button>\n        <Button\n          key=\"cancel\"\n          variant=\"outlined\"\n          sx={pillButtonSx}\n          onClick={onClose}\n        >\n          {t('common.cancel')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}