@red-hat-developer-hub/backstage-plugin-lightspeed 2.4.0 → 2.5.1

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

@@ -1,9 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 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';
+import Button from '@mui/material/Button';
 import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
 import DialogContent from '@mui/material/DialogContent';
 import DialogTitle from '@mui/material/DialogTitle';
 import IconButton from '@mui/material/IconButton';
@@ -14,6 +17,7 @@ import { NOTEBOOK_MAX_FILES } from '../../const.esm.js';
 import { useUploadDocument } from '../../hooks/notebooks/useUploadDocument.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { getNotebookAcceptedFileTypes, validateFiles } from '../../utils/notebook-upload-utils.esm.js';
+import { FileListItem } from './FileListItem.esm.js';
 
 const useStyles = makeStyles((theme) => ({
   dialogPaper: {
@@ -50,6 +54,32 @@ const useStyles = makeStyles((theme) => ({
     "& .pf-v6-c-multiple-file-upload__main:hover": {
       backgroundColor: "color-mix(in srgb, var(--pf-t--global--color--brand--default) 10%, transparent)"
     }
+  },
+  fileListContainer: {
+    marginTop: theme.spacing(2),
+    maxHeight: 200,
+    overflowY: "auto"
+  },
+  fileListHeader: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    marginBottom: theme.spacing(1)
+  },
+  fileCount: {
+    fontSize: "0.875rem",
+    color: theme.palette.text.secondary
+  },
+  dialogActions: {
+    padding: "16px 24px",
+    justifyContent: "flex-end",
+    gap: theme.spacing(1)
+  },
+  addButton: {
+    textTransform: "none"
+  },
+  cancelButton: {
+    textTransform: "none"
   }
 }));
 const AddDocumentModal = ({
@@ -60,42 +90,63 @@ const AddDocumentModal = ({
   onFilesUploading,
   onUploadStarted,
   onUploadFailed,
-  onDuplicatesFound
+  onDuplicatesFound,
+  filesToAdd,
+  onFilesAdded
 }) => {
   const classes = useStyles();
   const { t } = useTranslation();
   const uploadMutation = useUploadDocument();
   const [validationErrors, setValidationErrors] = useState([]);
+  const [selectedFiles, setSelectedFiles] = useState([]);
+  const totalExistingAndSelected = existingDocumentNames.length + selectedFiles.length;
+  const remainingSlots = NOTEBOOK_MAX_FILES - totalExistingAndSelected;
+  useEffect(() => {
+    if (filesToAdd && filesToAdd.length > 0) {
+      setSelectedFiles((prev) => [...prev, ...filesToAdd]);
+      onFilesAdded?.();
+    }
+  }, [filesToAdd, onFilesAdded]);
   const handleFileDrop = (_event, files) => {
     setValidationErrors([]);
-    const { valid, errors } = validateFiles(
-      files,
-      existingDocumentNames.length
-    );
+    const { valid, errors } = validateFiles(files, totalExistingAndSelected);
     if (errors.length > 0) {
       setValidationErrors(errors);
       return;
     }
     if (valid.length === 0) return;
-    const existingNamesSet = new Set(existingDocumentNames);
+    const existingNamesSet = /* @__PURE__ */ new Set([
+      ...existingDocumentNames,
+      ...selectedFiles.map((f) => f.name)
+    ]);
     const newFiles = valid.filter((f) => !existingNamesSet.has(f.name));
-    const duplicateFiles = valid.filter((f) => existingNamesSet.has(f.name));
-    if (newFiles.length > 0) {
-      onFilesUploading?.(newFiles);
-      for (const file of newFiles) {
-        uploadMutation.mutateAsync({ sessionId, file }).then((data) => {
-          onUploadStarted?.({
-            fileName: file.name,
-            documentId: data.document_id
-          });
-        }).catch(() => {
-          onUploadFailed?.(file.name);
-        });
-      }
-    }
+    const duplicateFiles = valid.filter(
+      (f) => existingDocumentNames.includes(f.name)
+    );
     if (duplicateFiles.length > 0) {
       onDuplicatesFound?.(duplicateFiles);
     }
+    if (newFiles.length > 0) {
+      setSelectedFiles((prev) => [...prev, ...newFiles]);
+    }
+  };
+  const handleRemoveFile = (index) => {
+    setSelectedFiles((prev) => prev.filter((_, i) => i !== index));
+  };
+  const handleAddFiles = () => {
+    if (selectedFiles.length === 0) return;
+    onFilesUploading?.(selectedFiles);
+    for (const file of selectedFiles) {
+      uploadMutation.mutateAsync({ sessionId, file }).then((data) => {
+        onUploadStarted?.({
+          fileName: file.name,
+          documentId: data.document_id
+        });
+      }).catch(() => {
+        onUploadFailed?.(file.name);
+      });
+    }
+    setSelectedFiles([]);
     setValidationErrors([]);
     onClose();
   };
@@ -108,6 +159,7 @@ const AddDocumentModal = ({
     }
   };
   const handleClose = () => {
+    setSelectedFiles([]);
     setValidationErrors([]);
     onClose();
   };
@@ -122,7 +174,10 @@ const AddDocumentModal = ({
       },
       children: [
         /* @__PURE__ */ jsxs(DialogTitle, { className: classes.dialogTitle, children: [
-          /* @__PURE__ */ jsx(Typography, { component: "h2", className: classes.titleText, children: t("notebook.upload.modal.title") }),
+          /* @__PURE__ */ jsxs(Typography, { component: "h2", className: classes.titleText, children: [
+            t("notebook.upload.modal.title"),
+            selectedFiles.length > 0 && ` (${selectedFiles.length}/${NOTEBOOK_MAX_FILES - existingDocumentNames.length})`
+          ] }),
           /* @__PURE__ */ jsx(
             IconButton,
             {
@@ -139,7 +194,7 @@ const AddDocumentModal = ({
             const message = t(errorKey);
             return errorKey === "notebook.upload.error.tooManyFiles" ? message.replace("{{max}}", String(NOTEBOOK_MAX_FILES)) : message;
           }).join("\n") }),
-          /* @__PURE__ */ jsx(
+          remainingSlots > 0 && /* @__PURE__ */ jsx(
             MultipleFileUpload,
             {
               className: classes.dropzone,
@@ -159,6 +214,50 @@ const AddDocumentModal = ({
                 }
               )
             }
+          ),
+          selectedFiles.length > 0 && /* @__PURE__ */ jsxs(Box, { className: classes.fileListContainer, children: [
+            /* @__PURE__ */ jsx(Box, { className: classes.fileListHeader, children: /* @__PURE__ */ jsx(Typography, { className: classes.fileCount, children: t("notebook.upload.modal.selectedFiles", {
+              count: selectedFiles.length,
+              max: NOTEBOOK_MAX_FILES - existingDocumentNames.length
+            }) }) }),
+            selectedFiles.map((file, index) => /* @__PURE__ */ jsx(
+              FileListItem,
+              {
+                file,
+                onRemove: () => handleRemoveFile(index),
+                removeAriaLabel: t(
+                  "notebook.upload.modal.removeFile",
+                  {
+                    fileName: file.name
+                  }
+                )
+              },
+              `${file.name}-${index}`
+            ))
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(DialogActions, { className: classes.dialogActions, children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: handleClose,
+              className: classes.cancelButton,
+              color: "inherit",
+              children: t("common.cancel")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: handleAddFiles,
+              className: classes.addButton,
+              variant: "contained",
+              color: "primary",
+              disabled: selectedFiles.length === 0,
+              children: t("notebook.upload.modal.addButton", {
+                count: selectedFiles.length
+              })
+            }
           )
         ] })
       ]

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 { useState } from 'react';\nimport { FileRejection } from 'react-dropzone';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Alert from '@mui/material/Alert';\nimport Dialog from '@mui/material/Dialog';\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  MultipleFileUpload,\n  MultipleFileUploadMain,\n} from '@patternfly/react-core';\nimport { UploadIcon } from '@patternfly/react-icons';\n\nimport { NOTEBOOK_MAX_FILES } from '../../const';\nimport { useUploadDocument } from '../../hooks/notebooks/useUploadDocument';\nimport { useTranslation } from '../../hooks/useTranslation';\nimport {\n  getNotebookAcceptedFileTypes,\n  validateFiles,\n} from '../../utils/notebook-upload-utils';\n\nconst useStyles = makeStyles(theme => ({\n  dialogPaper: {\n    borderRadius: 24,\n    maxWidth: 578,\n  },\n  dialogTitle: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '24px 24px 16px',\n  },\n  titleText: {\n    fontWeight: 500,\n    fontSize: '1.25rem',\n    lineHeight: '1.625rem',\n    letterSpacing: '-0.25px',\n  },\n  closeButton: {\n    color: theme.palette.grey[700],\n  },\n  dialogContent: {\n    padding: '0 24px 24px',\n  },\n  errorAlert: {\n    marginBottom: theme.spacing(2),\n  },\n  dropzone: {\n    '& .pf-v6-c-multiple-file-upload__main': {\n      borderColor: 'var(--pf-t--global--border--color--brand--default)',\n      transition: 'background-color 0.2s ease',\n      cursor: 'pointer',\n    },\n    '& .pf-v6-c-multiple-file-upload__main:hover': {\n      backgroundColor:\n        'color-mix(in srgb, var(--pf-t--global--color--brand--default) 10%, transparent)',\n    },\n  },\n}));\n\ntype AddDocumentModalProps = {\n  isOpen: boolean;\n  onClose: () => void;\n  sessionId: string;\n  existingDocumentNames: string[];\n  onFilesUploading?: (files: File[]) => void;\n  onUploadStarted?: (info: { fileName: string; documentId: string }) => void;\n  onUploadFailed?: (fileName: string) => void;\n  onDuplicatesFound?: (files: File[]) => void;\n};\n\nexport const AddDocumentModal = ({\n  isOpen,\n  onClose,\n  sessionId,\n  existingDocumentNames,\n  onFilesUploading,\n  onUploadStarted,\n  onUploadFailed,\n  onDuplicatesFound,\n}: AddDocumentModalProps) => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n  const uploadMutation = useUploadDocument();\n  const [validationErrors, setValidationErrors] = useState<string[]>([]);\n\n  const handleFileDrop = (_event: unknown, files: File[]) => {\n    setValidationErrors([]);\n\n    const { valid, errors } = validateFiles(\n      files,\n      existingDocumentNames.length,\n    );\n\n    if (errors.length > 0) {\n      setValidationErrors(errors);\n      return;\n    }\n\n    if (valid.length === 0) return;\n\n    const existingNamesSet = new Set(existingDocumentNames);\n    const newFiles = valid.filter(f => !existingNamesSet.has(f.name));\n    const duplicateFiles = valid.filter(f => existingNamesSet.has(f.name));\n\n    if (newFiles.length > 0) {\n      onFilesUploading?.(newFiles);\n      for (const file of newFiles) {\n        uploadMutation\n          .mutateAsync({ sessionId, file })\n          .then(data => {\n            onUploadStarted?.({\n              fileName: file.name,\n              documentId: data.document_id,\n            });\n          })\n          .catch(() => {\n            onUploadFailed?.(file.name);\n          });\n      }\n    }\n\n    if (duplicateFiles.length > 0) {\n      onDuplicatesFound?.(duplicateFiles);\n    }\n\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    setValidationErrors([]);\n    onClose();\n  };\n\n  return (\n    <Dialog\n      open={isOpen}\n      onClose={handleClose}\n      aria-labelledby=\"add-document-modal-title\"\n      PaperProps={{\n        className: classes.dialogPaper,\n      }}\n    >\n      <DialogTitle className={classes.dialogTitle}>\n        <Typography component=\"h2\" className={classes.titleText}>\n          {t('notebook.upload.modal.title')}\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 className={classes.dialogContent}>\n        {validationErrors.length > 0 && (\n          <Alert severity=\"error\" className={classes.errorAlert}>\n            {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          </Alert>\n        )}\n\n        <MultipleFileUpload\n          className={classes.dropzone}\n          dropzoneProps={{\n            accept: getNotebookAcceptedFileTypes(),\n            onDropRejected: handleDropRejected,\n          }}\n          onFileDrop={handleFileDrop}\n        >\n          <MultipleFileUploadMain\n            titleIcon={<UploadIcon />}\n            titleText={t('notebook.upload.modal.dragDropTitle')}\n            titleTextSeparator={t('notebook.upload.modal.separator')}\n            infoText={t('notebook.upload.modal.infoText')}\n            browseButtonText={t('notebook.upload.modal.browseButton')}\n          />\n        </MultipleFileUpload>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAyCA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,WAAa,EAAA;AAAA,IACX,YAAc,EAAA,EAAA;AAAA,IACd,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,WAAa,EAAA;AAAA,IACX,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,eAAA;AAAA,IAChB,OAAS,EAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA,SAAA;AAAA,IACV,UAAY,EAAA,UAAA;AAAA,IACZ,aAAe,EAAA;AAAA,GACjB;AAAA,EACA,WAAa,EAAA;AAAA,IACX,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA,GAC/B;AAAA,EACA,aAAe,EAAA;AAAA,IACb,OAAS,EAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,GAC/B;AAAA,EACA,QAAU,EAAA;AAAA,IACR,uCAAyC,EAAA;AAAA,MACvC,WAAa,EAAA,oDAAA;AAAA,MACb,UAAY,EAAA,4BAAA;AAAA,MACZ,MAAQ,EAAA;AAAA,KACV;AAAA,IACA,6CAA+C,EAAA;AAAA,MAC7C,eACE,EAAA;AAAA;AACJ;AAEJ,CAAE,CAAA,CAAA;AAaK,MAAM,mBAAmB,CAAC;AAAA,EAC/B,MAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,qBAAA;AAAA,EACA,gBAAA;AAAA,EACA,eAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAA6B,KAAA;AAC3B,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,iBAAiB,iBAAkB,EAAA;AACzC,EAAA,MAAM,CAAC,gBAAkB,EAAA,mBAAmB,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AAErE,EAAM,MAAA,cAAA,GAAiB,CAAC,MAAA,EAAiB,KAAkB,KAAA;AACzD,IAAA,mBAAA,CAAoB,EAAE,CAAA;AAEtB,IAAM,MAAA,EAAE,KAAO,EAAA,MAAA,EAAW,GAAA,aAAA;AAAA,MACxB,KAAA;AAAA,MACA,qBAAsB,CAAA;AAAA,KACxB;AAEA,IAAI,IAAA,MAAA,CAAO,SAAS,CAAG,EAAA;AACrB,MAAA,mBAAA,CAAoB,MAAM,CAAA;AAC1B,MAAA;AAAA;AAGF,IAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AAExB,IAAM,MAAA,gBAAA,GAAmB,IAAI,GAAA,CAAI,qBAAqB,CAAA;AACtD,IAAM,MAAA,QAAA,GAAW,MAAM,MAAO,CAAA,CAAA,CAAA,KAAK,CAAC,gBAAiB,CAAA,GAAA,CAAI,CAAE,CAAA,IAAI,CAAC,CAAA;AAChE,IAAM,MAAA,cAAA,GAAiB,MAAM,MAAO,CAAA,CAAA,CAAA,KAAK,iBAAiB,GAAI,CAAA,CAAA,CAAE,IAAI,CAAC,CAAA;AAErE,IAAI,IAAA,QAAA,CAAS,SAAS,CAAG,EAAA;AACvB,MAAA,gBAAA,GAAmB,QAAQ,CAAA;AAC3B,MAAA,KAAA,MAAW,QAAQ,QAAU,EAAA;AAC3B,QAAA,cAAA,CACG,YAAY,EAAE,SAAA,EAAW,MAAM,CAAA,CAC/B,KAAK,CAAQ,IAAA,KAAA;AACZ,UAAkB,eAAA,GAAA;AAAA,YAChB,UAAU,IAAK,CAAA,IAAA;AAAA,YACf,YAAY,IAAK,CAAA;AAAA,WAClB,CAAA;AAAA,SACF,CACA,CAAA,KAAA,CAAM,MAAM;AACX,UAAA,cAAA,GAAiB,KAAK,IAAI,CAAA;AAAA,SAC3B,CAAA;AAAA;AACL;AAGF,IAAI,IAAA,cAAA,CAAe,SAAS,CAAG,EAAA;AAC7B,MAAA,iBAAA,GAAoB,cAAc,CAAA;AAAA;AAGpC,IAAA,mBAAA,CAAoB,EAAE,CAAA;AACtB,IAAQ,OAAA,EAAA;AAAA,GACV;AAEA,EAAM,MAAA,kBAAA,GAAqB,CAAC,UAAgC,KAAA;AAC1D,IAAA,MAAM,iBAAiB,UAAW,CAAA,IAAA;AAAA,MAAK,OACrC,CAAE,CAAA,MAAA,CAAO,KAAK,CAAK,CAAA,KAAA,CAAA,CAAE,SAAS,mBAAmB;AAAA,KACnD;AACA,IAAA,IAAI,cAAgB,EAAA;AAClB,MAAoB,mBAAA,CAAA,CAAC,uCAAuC,CAAC,CAAA;AAAA;AAC/D,GACF;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,mBAAA,CAAoB,EAAE,CAAA;AACtB,IAAQ,OAAA,EAAA;AAAA,GACV;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,WAAA;AAAA,MACT,iBAAgB,EAAA,0BAAA;AAAA,MAChB,UAAY,EAAA;AAAA,QACV,WAAW,OAAQ,CAAA;AAAA,OACrB;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,IAAA,CAAA,WAAA,EAAA,EAAY,SAAW,EAAA,OAAA,CAAQ,WAC9B,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,UAAA,EAAA,EAAW,WAAU,IAAK,EAAA,SAAA,EAAW,QAAQ,SAC3C,EAAA,QAAA,EAAA,CAAA,CAAE,6BAA6B,CAClC,EAAA,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAY,EAAE,cAAc,CAAA;AAAA,cAC5B,OAAS,EAAA,WAAA;AAAA,cACT,WAAW,OAAQ,CAAA,WAAA;AAAA,cACnB,IAAK,EAAA,OAAA;AAAA,cAEL,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA;AACb,SACF,EAAA,CAAA;AAAA,wBAEC,IAAA,CAAA,aAAA,EAAA,EAAc,SAAW,EAAA,OAAA,CAAQ,aAC/B,EAAA,QAAA,EAAA;AAAA,UAAiB,gBAAA,CAAA,MAAA,GAAS,CACzB,oBAAA,GAAA,CAAC,KAAM,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,SAAA,EAAW,OAAQ,CAAA,UAAA,EACxC,QACE,EAAA,gBAAA,CAAA,GAAA,CAAI,CAAY,QAAA,KAAA;AACf,YAAM,MAAA,OAAA,GAAW,EAAe,QAAQ,CAAA;AACxC,YAAO,OAAA,QAAA,KAAa,uCAChB,OAAQ,CAAA,OAAA,CAAQ,WAAW,MAAO,CAAA,kBAAkB,CAAC,CACrD,GAAA,OAAA;AAAA,WACL,CAAA,CACA,IAAK,CAAA,IAAI,CACd,EAAA,CAAA;AAAA,0BAGF,GAAA;AAAA,YAAC,kBAAA;AAAA,YAAA;AAAA,cACC,WAAW,OAAQ,CAAA,QAAA;AAAA,cACnB,aAAe,EAAA;AAAA,gBACb,QAAQ,4BAA6B,EAAA;AAAA,gBACrC,cAAgB,EAAA;AAAA,eAClB;AAAA,cACA,UAAY,EAAA,cAAA;AAAA,cAEZ,QAAA,kBAAA,GAAA;AAAA,gBAAC,sBAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,sBAAY,UAAW,EAAA,EAAA,CAAA;AAAA,kBACvB,SAAA,EAAW,EAAE,qCAAqC,CAAA;AAAA,kBAClD,kBAAA,EAAoB,EAAE,iCAAiC,CAAA;AAAA,kBACvD,QAAA,EAAU,EAAE,gCAAgC,CAAA;AAAA,kBAC5C,gBAAA,EAAkB,EAAE,oCAAoC;AAAA;AAAA;AAC1D;AAAA;AACF,SACF,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"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 { 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 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';\nimport {\n  MultipleFileUpload,\n  MultipleFileUploadMain,\n} from '@patternfly/react-core';\nimport { UploadIcon } from '@patternfly/react-icons';\n\nimport { NOTEBOOK_MAX_FILES } from '../../const';\nimport { useUploadDocument } from '../../hooks/notebooks/useUploadDocument';\nimport { useTranslation } from '../../hooks/useTranslation';\nimport {\n  getNotebookAcceptedFileTypes,\n  validateFiles,\n} from '../../utils/notebook-upload-utils';\nimport { FileListItem } from './FileListItem';\n\nconst useStyles = makeStyles(theme => ({\n  dialogPaper: {\n    borderRadius: 24,\n    maxWidth: 578,\n  },\n  dialogTitle: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '24px 24px 16px',\n  },\n  titleText: {\n    fontWeight: 500,\n    fontSize: '1.25rem',\n    lineHeight: '1.625rem',\n    letterSpacing: '-0.25px',\n  },\n  closeButton: {\n    color: theme.palette.grey[700],\n  },\n  dialogContent: {\n    padding: '0 24px 24px',\n  },\n  errorAlert: {\n    marginBottom: theme.spacing(2),\n  },\n  dropzone: {\n    '& .pf-v6-c-multiple-file-upload__main': {\n      borderColor: 'var(--pf-t--global--border--color--brand--default)',\n      transition: 'background-color 0.2s ease',\n      cursor: 'pointer',\n    },\n    '& .pf-v6-c-multiple-file-upload__main:hover': {\n      backgroundColor:\n        'color-mix(in srgb, var(--pf-t--global--color--brand--default) 10%, transparent)',\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-end',\n    gap: theme.spacing(1),\n  },\n  addButton: {\n    textTransform: 'none',\n  },\n  cancelButton: {\n    textTransform: 'none',\n  },\n}));\n\ntype AddDocumentModalProps = {\n  isOpen: boolean;\n  onClose: () => void;\n  sessionId: string;\n  existingDocumentNames: string[];\n  onFilesUploading?: (files: File[]) => void;\n  onUploadStarted?: (info: { fileName: string; documentId: string }) => void;\n  onUploadFailed?: (fileName: string) => void;\n  onDuplicatesFound?: (files: File[]) => void;\n  filesToAdd?: File[];\n  onFilesAdded?: () => void;\n};\n\nexport const AddDocumentModal = ({\n  isOpen,\n  onClose,\n  sessionId,\n  existingDocumentNames,\n  onFilesUploading,\n  onUploadStarted,\n  onUploadFailed,\n  onDuplicatesFound,\n  filesToAdd,\n  onFilesAdded,\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\n  const totalExistingAndSelected =\n    existingDocumentNames.length + selectedFiles.length;\n  const remainingSlots = NOTEBOOK_MAX_FILES - totalExistingAndSelected;\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 existingNamesSet = new Set([\n      ...existingDocumentNames,\n      ...selectedFiles.map(f => f.name),\n    ]);\n    const newFiles = valid.filter(f => !existingNamesSet.has(f.name));\n    const duplicateFiles = valid.filter(f =>\n      existingDocumentNames.includes(f.name),\n    );\n\n    if (duplicateFiles.length > 0) {\n      onDuplicatesFound?.(duplicateFiles);\n    }\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    onFilesUploading?.(selectedFiles);\n    for (const file of selectedFiles) {\n      uploadMutation\n        .mutateAsync({ sessionId, file })\n        .then(data => {\n          onUploadStarted?.({\n            fileName: file.name,\n            documentId: data.document_id,\n          });\n        })\n        .catch(() => {\n          onUploadFailed?.(file.name);\n        });\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  return (\n    <Dialog\n      open={isOpen}\n      onClose={handleClose}\n      aria-labelledby=\"add-document-modal-title\"\n      PaperProps={{\n        className: classes.dialogPaper,\n      }}\n    >\n      <DialogTitle className={classes.dialogTitle}>\n        <Typography component=\"h2\" className={classes.titleText}>\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 className={classes.dialogContent}>\n        {validationErrors.length > 0 && (\n          <Alert severity=\"error\" className={classes.errorAlert}>\n            {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          </Alert>\n        )}\n\n        {remainingSlots > 0 && (\n          <MultipleFileUpload\n            className={classes.dropzone}\n            dropzoneProps={{\n              accept: getNotebookAcceptedFileTypes(),\n              onDropRejected: handleDropRejected,\n            }}\n            onFileDrop={handleFileDrop}\n          >\n            <MultipleFileUploadMain\n              titleIcon={<UploadIcon />}\n              titleText={t('notebook.upload.modal.dragDropTitle')}\n              titleTextSeparator={t('notebook.upload.modal.separator')}\n              infoText={t('notebook.upload.modal.infoText')}\n              browseButtonText={t('notebook.upload.modal.browseButton')}\n            />\n          </MultipleFileUpload>\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 className={classes.dialogActions}>\n        <Button\n          onClick={handleClose}\n          className={classes.cancelButton}\n          color=\"inherit\"\n        >\n          {t('common.cancel')}\n        </Button>\n        <Button\n          onClick={handleAddFiles}\n          className={classes.addButton}\n          variant=\"contained\"\n          color=\"primary\"\n          disabled={selectedFiles.length === 0}\n        >\n          {(t as Function)('notebook.upload.modal.addButton', {\n            count: selectedFiles.length,\n          })}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { makeStyles, Typography } from '@material-ui/core';
-import { Tooltip, Button, Spinner } from '@patternfly/react-core';
-import { PlusCircleIcon } from '@patternfly/react-icons';
+import { Tooltip, Button, Spinner, Dropdown, MenuToggle, DropdownList, DropdownItem } from '@patternfly/react-core';
+import { PlusCircleIcon, EllipsisVIcon } from '@patternfly/react-icons';
+import { NOTEBOOK_MAX_FILES } from '../../const.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { FileTypeIcon } from './FileTypeIcon.esm.js';
 import { SidebarCollapseIcon } from './SidebarCollapseIcon.esm.js';
@@ -80,6 +82,17 @@ const useStyles = makeStyles((theme) => ({
   },
   spinnerContainer: {
     flexShrink: 0
+  },
+  kebabToggle: {
+    padding: 0,
+    flexShrink: 0
+  },
+  kebabDropdownMenu: {
+    "& .pf-v6-c-menu__list": {
+      paddingInlineStart: 0,
+      marginBlockStart: 0,
+      marginBlockEnd: 0
+    }
   }
 }));
 const DocumentSidebar = ({
@@ -87,12 +100,15 @@ const DocumentSidebar = ({
   documents,
   uploadingFileNames,
   completedFileNames,
+  deletingDocumentIds,
   collapsed,
   onToggleCollapse,
-  onAddDocument
+  onAddDocument,
+  onDeleteDocument
 }) => {
   const classes = useStyles();
   const { t } = useTranslation();
+  const [openMenuDocId, setOpenMenuDocId] = useState(null);
   if (collapsed) {
     return null;
   }
@@ -101,6 +117,7 @@ const DocumentSidebar = ({
     (name) => !uploadedNames.has(name)
   );
   const totalCount = documents.length + activePending.length;
+  const isAddDisabled = totalCount >= NOTEBOOK_MAX_FILES;
   return /* @__PURE__ */ jsxs("div", { className: classes.sidebar, children: [
     /* @__PURE__ */ jsxs("div", { className: classes.titleRow, children: [
       /* @__PURE__ */ jsx(Typography, { className: classes.title, children: notebookName }),
@@ -119,7 +136,23 @@ const DocumentSidebar = ({
       /* @__PURE__ */ jsx(Typography, { className: classes.documentCount, children: t("notebook.view.documents.count", {
         count: totalCount
       }) }),
-      /* @__PURE__ */ jsx(
+      isAddDisabled ? /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          content: t("notebook.view.documents.maxReached"),
+          position: "top",
+          children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "link",
+              className: classes.addButton,
+              icon: /* @__PURE__ */ jsx(PlusCircleIcon, {}),
+              isDisabled: true,
+              children: t("notebook.view.documents.add")
+            }
+          ) })
+        }
+      ) : /* @__PURE__ */ jsx(
         Button,
         {
           variant: "link",
@@ -133,7 +166,54 @@ const DocumentSidebar = ({
     (documents.length > 0 || activePending.length > 0) && /* @__PURE__ */ jsxs("div", { className: classes.documentsList, children: [
       documents.map((doc) => /* @__PURE__ */ jsxs("div", { className: classes.documentItem, children: [
         /* @__PURE__ */ jsx(FileTypeIcon, { fileName: doc.title }),
-        /* @__PURE__ */ jsx(Typography, { className: classes.fileName, children: doc.title })
+        /* @__PURE__ */ jsx(Typography, { className: classes.fileName, children: doc.title }),
+        deletingDocumentIds?.has(doc.document_id) ? /* @__PURE__ */ jsx("div", { className: classes.spinnerContainer, children: /* @__PURE__ */ jsx(
+          Spinner,
+          {
+            size: "md",
+            "aria-label": t("notebook.document.delete")
+          }
+        ) }) : /* @__PURE__ */ jsx(
+          Dropdown,
+          {
+            className: classes.kebabDropdownMenu,
+            isOpen: openMenuDocId === doc.document_id,
+            popperProps: {
+              position: "end",
+              preventOverflow: true
+            },
+            onOpenChange: (isOpen) => setOpenMenuDocId(isOpen ? doc.document_id : null),
+            toggle: (toggleRef) => /* @__PURE__ */ jsx(
+              MenuToggle,
+              {
+                ref: toggleRef,
+                variant: "plain",
+                className: classes.kebabToggle,
+                isExpanded: openMenuDocId === doc.document_id,
+                onClick: (event) => {
+                  event.stopPropagation();
+                  setOpenMenuDocId(
+                    (current) => current === doc.document_id ? null : doc.document_id
+                  );
+                },
+                "aria-label": t("notebook.document.delete"),
+                children: /* @__PURE__ */ jsx(EllipsisVIcon, {})
+              }
+            ),
+            children: /* @__PURE__ */ jsx(DropdownList, { children: /* @__PURE__ */ jsx(
+              DropdownItem,
+              {
+                onClick: (event) => {
+                  event.stopPropagation();
+                  setOpenMenuDocId(null);
+                  onDeleteDocument?.(doc.document_id);
+                },
+                children: t("notebook.document.delete")
+              },
+              "delete"
+            ) })
+          }
+        )
       ] }, doc.document_id)),
       activePending.map((fileName) => /* @__PURE__ */ jsxs("div", { className: classes.documentItem, children: [
         /* @__PURE__ */ jsx(FileTypeIcon, { fileName }),

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentSidebar.esm.js","sources":["../../../src/components/notebooks/DocumentSidebar.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, Typography } from '@material-ui/core';\nimport { Button, Spinner, Tooltip } from '@patternfly/react-core';\nimport { PlusCircleIcon } from '@patternfly/react-icons';\n\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { SessionDocument } from '../../types';\nimport { FileTypeIcon } from './FileTypeIcon';\nimport { SidebarCollapseIcon } from './SidebarCollapseIcon';\n\nconst useStyles = makeStyles(theme => ({\n  sidebar: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    height: '100%',\n    padding: theme.spacing(2),\n    overflow: 'hidden',\n  },\n  titleRow: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    marginBottom: theme.spacing(2),\n    gap: theme.spacing(1),\n  },\n  title: {\n    fontWeight: 500,\n    fontSize: '1.25rem',\n    lineHeight: '2rem',\n    letterSpacing: '-0.25px',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    flex: 1,\n    minWidth: 0,\n  },\n  collapseButton: {\n    flexShrink: 0,\n  },\n  documentsRow: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  documentCount: {\n    fontWeight: 700,\n    fontSize: '1.125rem',\n    lineHeight: '2rem',\n  },\n  addButton: {\n    textTransform: 'none',\n  },\n  documentsList: {\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(0.5),\n    overflowY: 'auto',\n    flex: 1,\n  },\n  documentItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    padding: `${theme.spacing(1)}px ${theme.spacing(0.5)}px`,\n    borderRadius: 4,\n  },\n  fileIcon: {\n    flexShrink: 0,\n    color: theme.palette.grey[500],\n    fontSize: '1rem',\n  },\n  fileName: {\n    flex: 1,\n    minWidth: 0,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    fontSize: '0.875rem',\n    lineHeight: '1.25rem',\n  },\n  spinnerContainer: {\n    flexShrink: 0,\n  },\n}));\n\ntype DocumentSidebarProps = {\n  notebookName: string;\n  documents: SessionDocument[];\n  uploadingFileNames: string[];\n  completedFileNames?: Set<string>;\n  collapsed: boolean;\n  onToggleCollapse: () => void;\n  onAddDocument: () => void;\n};\n\nexport const DocumentSidebar = ({\n  notebookName,\n  documents,\n  uploadingFileNames,\n  completedFileNames,\n  collapsed,\n  onToggleCollapse,\n  onAddDocument,\n}: DocumentSidebarProps) => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  if (collapsed) {\n    return null;\n  }\n\n  const uploadedNames = new Set(documents.map(d => d.title));\n  const activePending = uploadingFileNames.filter(\n    name => !uploadedNames.has(name),\n  );\n  const totalCount = documents.length + activePending.length;\n\n  return (\n    <div className={classes.sidebar}>\n      <div className={classes.titleRow}>\n        <Typography className={classes.title}>{notebookName}</Typography>\n        <Tooltip content={t('notebook.view.sidebar.collapse')} position=\"right\">\n          <Button\n            variant=\"plain\"\n            className={classes.collapseButton}\n            onClick={onToggleCollapse}\n            aria-label={t('notebook.view.sidebar.collapse')}\n          >\n            <SidebarCollapseIcon />\n          </Button>\n        </Tooltip>\n      </div>\n\n      <div className={classes.documentsRow}>\n        <Typography className={classes.documentCount}>\n          {t('notebook.view.documents.count', {\n            count: totalCount,\n          } as any)}\n        </Typography>\n        <Button\n          variant=\"link\"\n          className={classes.addButton}\n          icon={<PlusCircleIcon />}\n          onClick={onAddDocument}\n        >\n          {t('notebook.view.documents.add')}\n        </Button>\n      </div>\n\n      {(documents.length > 0 || activePending.length > 0) && (\n        <div className={classes.documentsList}>\n          {documents.map(doc => (\n            <div key={doc.document_id} className={classes.documentItem}>\n              <FileTypeIcon fileName={doc.title} />\n              <Typography className={classes.fileName}>{doc.title}</Typography>\n            </div>\n          ))}\n          {activePending.map(fileName => (\n            <div key={`pending-${fileName}`} className={classes.documentItem}>\n              <FileTypeIcon fileName={fileName} />\n              <Typography className={classes.fileName}>{fileName}</Typography>\n              {!completedFileNames?.has(fileName) && (\n                <div className={classes.spinnerContainer}>\n                  <Spinner\n                    size=\"md\"\n                    aria-label={t('notebook.view.documents.uploading')}\n                  />\n                </div>\n              )}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DocumentSidebar.esm.js","sources":["../../../src/components/notebooks/DocumentSidebar.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 { useState } from 'react';\n\nimport { makeStyles, Typography } from '@material-ui/core';\nimport {\n  Button,\n  Dropdown,\n  DropdownItem,\n  DropdownList,\n  MenuToggle,\n  Spinner,\n  Tooltip,\n} from '@patternfly/react-core';\nimport { EllipsisVIcon, PlusCircleIcon } from '@patternfly/react-icons';\n\nimport { NOTEBOOK_MAX_FILES } from '../../const';\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { SessionDocument } from '../../types';\nimport { FileTypeIcon } from './FileTypeIcon';\nimport { SidebarCollapseIcon } from './SidebarCollapseIcon';\n\nconst useStyles = makeStyles(theme => ({\n  sidebar: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    height: '100%',\n    padding: theme.spacing(2),\n    overflow: 'hidden',\n  },\n  titleRow: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    marginBottom: theme.spacing(2),\n    gap: theme.spacing(1),\n  },\n  title: {\n    fontWeight: 500,\n    fontSize: '1.25rem',\n    lineHeight: '2rem',\n    letterSpacing: '-0.25px',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    flex: 1,\n    minWidth: 0,\n  },\n  collapseButton: {\n    flexShrink: 0,\n  },\n  documentsRow: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  documentCount: {\n    fontWeight: 700,\n    fontSize: '1.125rem',\n    lineHeight: '2rem',\n  },\n  addButton: {\n    textTransform: 'none',\n  },\n  documentsList: {\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(0.5),\n    overflowY: 'auto',\n    flex: 1,\n  },\n  documentItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    padding: `${theme.spacing(1)}px ${theme.spacing(0.5)}px`,\n    borderRadius: 4,\n  },\n  fileIcon: {\n    flexShrink: 0,\n    color: theme.palette.grey[500],\n    fontSize: '1rem',\n  },\n  fileName: {\n    flex: 1,\n    minWidth: 0,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    fontSize: '0.875rem',\n    lineHeight: '1.25rem',\n  },\n  spinnerContainer: {\n    flexShrink: 0,\n  },\n  kebabToggle: {\n    padding: 0,\n    flexShrink: 0,\n  },\n  kebabDropdownMenu: {\n    '& .pf-v6-c-menu__list': {\n      paddingInlineStart: 0,\n      marginBlockStart: 0,\n      marginBlockEnd: 0,\n    },\n  },\n}));\n\ntype DocumentSidebarProps = {\n  notebookName: string;\n  documents: SessionDocument[];\n  uploadingFileNames: string[];\n  completedFileNames?: Set<string>;\n  deletingDocumentIds?: Set<string>;\n  collapsed: boolean;\n  onToggleCollapse: () => void;\n  onAddDocument: () => void;\n  onDeleteDocument?: (documentId: string) => void;\n};\n\nexport const DocumentSidebar = ({\n  notebookName,\n  documents,\n  uploadingFileNames,\n  completedFileNames,\n  deletingDocumentIds,\n  collapsed,\n  onToggleCollapse,\n  onAddDocument,\n  onDeleteDocument,\n}: DocumentSidebarProps) => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n  const [openMenuDocId, setOpenMenuDocId] = useState<string | null>(null);\n\n  if (collapsed) {\n    return null;\n  }\n\n  const uploadedNames = new Set(documents.map(d => d.title));\n  const activePending = uploadingFileNames.filter(\n    name => !uploadedNames.has(name),\n  );\n  const totalCount = documents.length + activePending.length;\n  const isAddDisabled = totalCount >= NOTEBOOK_MAX_FILES;\n\n  return (\n    <div className={classes.sidebar}>\n      <div className={classes.titleRow}>\n        <Typography className={classes.title}>{notebookName}</Typography>\n        <Tooltip content={t('notebook.view.sidebar.collapse')} position=\"right\">\n          <Button\n            variant=\"plain\"\n            className={classes.collapseButton}\n            onClick={onToggleCollapse}\n            aria-label={t('notebook.view.sidebar.collapse')}\n          >\n            <SidebarCollapseIcon />\n          </Button>\n        </Tooltip>\n      </div>\n\n      <div className={classes.documentsRow}>\n        <Typography className={classes.documentCount}>\n          {t('notebook.view.documents.count', {\n            count: totalCount,\n          } as any)}\n        </Typography>\n        {isAddDisabled ? (\n          <Tooltip\n            content={t('notebook.view.documents.maxReached')}\n            position=\"top\"\n          >\n            <span>\n              <Button\n                variant=\"link\"\n                className={classes.addButton}\n                icon={<PlusCircleIcon />}\n                isDisabled\n              >\n                {t('notebook.view.documents.add')}\n              </Button>\n            </span>\n          </Tooltip>\n        ) : (\n          <Button\n            variant=\"link\"\n            className={classes.addButton}\n            icon={<PlusCircleIcon />}\n            onClick={onAddDocument}\n          >\n            {t('notebook.view.documents.add')}\n          </Button>\n        )}\n      </div>\n\n      {(documents.length > 0 || activePending.length > 0) && (\n        <div className={classes.documentsList}>\n          {documents.map(doc => (\n            <div key={doc.document_id} className={classes.documentItem}>\n              <FileTypeIcon fileName={doc.title} />\n              <Typography className={classes.fileName}>{doc.title}</Typography>\n              {deletingDocumentIds?.has(doc.document_id) ? (\n                <div className={classes.spinnerContainer}>\n                  <Spinner\n                    size=\"md\"\n                    aria-label={t('notebook.document.delete')}\n                  />\n                </div>\n              ) : (\n                <Dropdown\n                  className={classes.kebabDropdownMenu}\n                  isOpen={openMenuDocId === doc.document_id}\n                  popperProps={{\n                    position: 'end',\n                    preventOverflow: true,\n                  }}\n                  onOpenChange={isOpen =>\n                    setOpenMenuDocId(isOpen ? doc.document_id : null)\n                  }\n                  toggle={toggleRef => (\n                    <MenuToggle\n                      ref={toggleRef}\n                      variant=\"plain\"\n                      className={classes.kebabToggle}\n                      isExpanded={openMenuDocId === doc.document_id}\n                      onClick={event => {\n                        event.stopPropagation();\n                        setOpenMenuDocId(current =>\n                          current === doc.document_id ? null : doc.document_id,\n                        );\n                      }}\n                      aria-label={t('notebook.document.delete')}\n                    >\n                      <EllipsisVIcon />\n                    </MenuToggle>\n                  )}\n                >\n                  <DropdownList>\n                    <DropdownItem\n                      key=\"delete\"\n                      onClick={event => {\n                        event.stopPropagation();\n                        setOpenMenuDocId(null);\n                        onDeleteDocument?.(doc.document_id);\n                      }}\n                    >\n                      {t('notebook.document.delete')}\n                    </DropdownItem>\n                  </DropdownList>\n                </Dropdown>\n              )}\n            </div>\n          ))}\n          {activePending.map(fileName => (\n            <div key={`pending-${fileName}`} className={classes.documentItem}>\n              <FileTypeIcon fileName={fileName} />\n              <Typography className={classes.fileName}>{fileName}</Typography>\n              {!completedFileNames?.has(fileName) && (\n                <div className={classes.spinnerContainer}>\n                  <Spinner\n                    size=\"md\"\n                    aria-label={t('notebook.view.documents.uploading')}\n                  />\n                </div>\n              )}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,94 @@
+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 IconButton from '@mui/material/IconButton';
+import Typography from '@mui/material/Typography';
+import { FileTypeIcon } from './FileTypeIcon.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  container: {
+    display: "flex",
+    alignItems: "center",
+    padding: "8px 12px",
+    borderRadius: 8,
+    backgroundColor: theme.palette.type === "dark" ? "#2a2a2a" : "#f5f5f5",
+    marginBottom: 8,
+    "&:last-child": {
+      marginBottom: 0
+    }
+  },
+  fileInfo: {
+    display: "flex",
+    alignItems: "center",
+    flex: 1,
+    minWidth: 0,
+    gap: 12
+  },
+  fileName: {
+    flex: 1,
+    minWidth: 0,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    fontSize: "0.875rem"
+  },
+  fileSize: {
+    color: theme.palette.text.secondary,
+    fontSize: "0.75rem",
+    flexShrink: 0,
+    marginRight: 8
+  },
+  removeButton: {
+    padding: 4,
+    color: theme.palette.grey[600],
+    "&:hover": {
+      color: theme.palette.error.main
+    }
+  }
+}));
+const formatFileSize = (bytes) => {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;
+};
+const MAX_FILENAME_LENGTH = 30;
+const truncateFileName = (fileName, maxLength) => {
+  if (fileName.length <= maxLength) return fileName;
+  const lastDot = fileName.lastIndexOf(".");
+  const extension = lastDot >= 0 ? fileName.slice(lastDot) : "";
+  const baseName = lastDot >= 0 ? fileName.slice(0, lastDot) : fileName;
+  const availableLength = maxLength - extension.length - 3;
+  if (availableLength <= 0) return fileName;
+  return `${baseName.slice(0, availableLength)}...${extension}`;
+};
+const FileListItem = ({
+  file,
+  onRemove,
+  removeAriaLabel = "Remove file"
+}) => {
+  const classes = useStyles();
+  const displayName = truncateFileName(file.name, MAX_FILENAME_LENGTH);
+  return /* @__PURE__ */ jsxs(Box, { className: classes.container, children: [
+    /* @__PURE__ */ jsxs(Box, { className: classes.fileInfo, children: [
+      /* @__PURE__ */ jsx(FileTypeIcon, { fileName: file.name }),
+      /* @__PURE__ */ jsx(Typography, { className: classes.fileName, title: file.name, children: displayName })
+    ] }),
+    /* @__PURE__ */ jsx(Typography, { className: classes.fileSize, children: formatFileSize(file.size) }),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        className: classes.removeButton,
+        onClick: onRemove,
+        "aria-label": removeAriaLabel,
+        size: "small",
+        children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" })
+      }
+    )
+  ] });
+};
+
+export { FileListItem };
+//# sourceMappingURL=FileListItem.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileListItem.esm.js","sources":["../../../src/components/notebooks/FileListItem.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 IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\n\nimport { FileTypeIcon } from './FileTypeIcon';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    display: 'flex',\n    alignItems: 'center',\n    padding: '8px 12px',\n    borderRadius: 8,\n    backgroundColor: theme.palette.type === 'dark' ? '#2a2a2a' : '#f5f5f5',\n    marginBottom: 8,\n    '&:last-child': {\n      marginBottom: 0,\n    },\n  },\n  fileInfo: {\n    display: 'flex',\n    alignItems: 'center',\n    flex: 1,\n    minWidth: 0,\n    gap: 12,\n  },\n  fileName: {\n    flex: 1,\n    minWidth: 0,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    fontSize: '0.875rem',\n  },\n  fileSize: {\n    color: theme.palette.text.secondary,\n    fontSize: '0.75rem',\n    flexShrink: 0,\n    marginRight: 8,\n  },\n  removeButton: {\n    padding: 4,\n    color: theme.palette.grey[600],\n    '&:hover': {\n      color: theme.palette.error.main,\n    },\n  },\n}));\n\ntype FileListItemProps = {\n  file: File;\n  onRemove: () => void;\n  removeAriaLabel?: string;\n};\n\nconst formatFileSize = (bytes: number): string => {\n  if (bytes === 0) return '0 B';\n  const k = 1024;\n  const sizes = ['B', 'KB', 'MB', 'GB'];\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;\n};\n\nconst MAX_FILENAME_LENGTH = 30;\n\nconst truncateFileName = (fileName: string, maxLength: number): string => {\n  if (fileName.length <= maxLength) return fileName;\n\n  const lastDot = fileName.lastIndexOf('.');\n  const extension = lastDot >= 0 ? fileName.slice(lastDot) : '';\n  const baseName = lastDot >= 0 ? fileName.slice(0, lastDot) : fileName;\n\n  const availableLength = maxLength - extension.length - 3;\n  if (availableLength <= 0) return fileName;\n\n  return `${baseName.slice(0, availableLength)}...${extension}`;\n};\n\nexport const FileListItem = ({\n  file,\n  onRemove,\n  removeAriaLabel = 'Remove file',\n}: FileListItemProps) => {\n  const classes = useStyles();\n  const displayName = truncateFileName(file.name, MAX_FILENAME_LENGTH);\n\n  return (\n    <Box className={classes.container}>\n      <Box className={classes.fileInfo}>\n        <FileTypeIcon fileName={file.name} />\n        <Typography className={classes.fileName} title={file.name}>\n          {displayName}\n        </Typography>\n      </Box>\n      <Typography className={classes.fileSize}>\n        {formatFileSize(file.size)}\n      </Typography>\n      <IconButton\n        className={classes.removeButton}\n        onClick={onRemove}\n        aria-label={removeAriaLabel}\n        size=\"small\"\n      >\n        <CloseIcon fontSize=\"small\" />\n      </IconButton>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}