@red-hat-developer-hub/backstage-plugin-lightspeed 2.0.0 → 2.2.0

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,154 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, Typography } from '@material-ui/core';
+import { Tooltip, Button, Spinner } from '@patternfly/react-core';
+import { PlusCircleIcon } from '@patternfly/react-icons';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import { FileTypeIcon } from './FileTypeIcon.esm.js';
+import { SidebarCollapseIcon } from './SidebarCollapseIcon.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  sidebar: {
+    display: "flex",
+    flexDirection: "column",
+    width: "100%",
+    height: "100%",
+    padding: theme.spacing(2),
+    overflow: "hidden"
+  },
+  titleRow: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    marginBottom: theme.spacing(2),
+    gap: theme.spacing(1)
+  },
+  title: {
+    fontWeight: 500,
+    fontSize: "1.25rem",
+    lineHeight: "2rem",
+    letterSpacing: "-0.25px",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    flex: 1,
+    minWidth: 0
+  },
+  collapseButton: {
+    flexShrink: 0
+  },
+  documentsRow: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  documentCount: {
+    fontWeight: 700,
+    fontSize: "1.125rem",
+    lineHeight: "2rem"
+  },
+  addButton: {
+    textTransform: "none"
+  },
+  documentsList: {
+    marginTop: theme.spacing(2),
+    display: "flex",
+    flexDirection: "column",
+    gap: theme.spacing(0.5),
+    overflowY: "auto",
+    flex: 1
+  },
+  documentItem: {
+    display: "flex",
+    alignItems: "center",
+    gap: theme.spacing(1),
+    padding: `${theme.spacing(1)}px ${theme.spacing(0.5)}px`,
+    borderRadius: 4
+  },
+  fileIcon: {
+    flexShrink: 0,
+    color: theme.palette.grey[500],
+    fontSize: "1rem"
+  },
+  fileName: {
+    flex: 1,
+    minWidth: 0,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    fontSize: "0.875rem",
+    lineHeight: "1.25rem"
+  },
+  spinnerContainer: {
+    flexShrink: 0
+  }
+}));
+const DocumentSidebar = ({
+  notebookName,
+  documents,
+  uploadingFileNames,
+  completedFileNames,
+  collapsed,
+  onToggleCollapse,
+  onAddDocument
+}) => {
+  const classes = useStyles();
+  const { t } = useTranslation();
+  if (collapsed) {
+    return null;
+  }
+  const uploadedNames = new Set(documents.map((d) => d.title));
+  const activePending = uploadingFileNames.filter(
+    (name) => !uploadedNames.has(name)
+  );
+  const totalCount = documents.length + activePending.length;
+  return /* @__PURE__ */ jsxs("div", { className: classes.sidebar, children: [
+    /* @__PURE__ */ jsxs("div", { className: classes.titleRow, children: [
+      /* @__PURE__ */ jsx(Typography, { className: classes.title, children: notebookName }),
+      /* @__PURE__ */ jsx(Tooltip, { content: t("notebook.view.sidebar.collapse"), position: "right", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "plain",
+          className: classes.collapseButton,
+          onClick: onToggleCollapse,
+          "aria-label": t("notebook.view.sidebar.collapse"),
+          children: /* @__PURE__ */ jsx(SidebarCollapseIcon, {})
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: classes.documentsRow, children: [
+      /* @__PURE__ */ jsx(Typography, { className: classes.documentCount, children: t("notebook.view.documents.count", {
+        count: totalCount
+      }) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "link",
+          className: classes.addButton,
+          icon: /* @__PURE__ */ jsx(PlusCircleIcon, {}),
+          onClick: onAddDocument,
+          children: t("notebook.view.documents.add")
+        }
+      )
+    ] }),
+    (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 })
+      ] }, doc.document_id)),
+      activePending.map((fileName) => /* @__PURE__ */ jsxs("div", { className: classes.documentItem, children: [
+        /* @__PURE__ */ jsx(FileTypeIcon, { fileName }),
+        /* @__PURE__ */ jsx(Typography, { className: classes.fileName, children: fileName }),
+        !completedFileNames?.has(fileName) && /* @__PURE__ */ jsx("div", { className: classes.spinnerContainer, children: /* @__PURE__ */ jsx(
+          Spinner,
+          {
+            size: "md",
+            "aria-label": t("notebook.view.documents.uploading")
+          }
+        ) })
+      ] }, `pending-${fileName}`))
+    ] })
+  ] });
+};
+
+export { DocumentSidebar };
+//# sourceMappingURL=DocumentSidebar.esm.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,59 @@
+import { jsx } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+
+const FILE_TYPE_COLORS = {
+  pdf: "#C9190B",
+  yaml: "#F0AB00",
+  yml: "#F0AB00",
+  json: "#F0AB00",
+  csv: "#3E8635",
+  txt: "#6A6E73",
+  md: "#0066CC",
+  log: "#6A6E73",
+  docx: "#004B95",
+  odt: "#009596",
+  html: "#EC7A08",
+  xml: "#0066CC",
+  rtf: "#8476D1",
+  pptx: "#C9190B"
+};
+const DEFAULT_COLOR = "#6A6E73";
+const useStyles = makeStyles(() => ({
+  badge: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    minWidth: 28,
+    height: 22,
+    padding: "0 4px",
+    borderRadius: 4,
+    border: "1.5px solid",
+    fontSize: "0.625rem",
+    fontWeight: 700,
+    textTransform: "uppercase",
+    lineHeight: 1,
+    flexShrink: 0
+  }
+}));
+const getExtension = (fileName) => {
+  if (!fileName) return "";
+  const lastDot = fileName.lastIndexOf(".");
+  return lastDot >= 0 ? fileName.slice(lastDot + 1).toLowerCase() : "";
+};
+const FileTypeIcon = ({ fileName, className }) => {
+  const classes = useStyles();
+  const ext = getExtension(fileName);
+  const color = FILE_TYPE_COLORS[ext] ?? DEFAULT_COLOR;
+  const label = ext || "?";
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `${classes.badge}${className ? ` ${className}` : ""}`,
+      style: { borderColor: color, color },
+      children: label
+    }
+  );
+};
+
+export { FileTypeIcon };
+//# sourceMappingURL=FileTypeIcon.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileTypeIcon.esm.js","sources":["../../../src/components/notebooks/FileTypeIcon.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';\n\nconst FILE_TYPE_COLORS: Record<string, string> = {\n  pdf: '#C9190B',\n  yaml: '#F0AB00',\n  yml: '#F0AB00',\n  json: '#F0AB00',\n  csv: '#3E8635',\n  txt: '#6A6E73',\n  md: '#0066CC',\n  log: '#6A6E73',\n  docx: '#004B95',\n  odt: '#009596',\n  html: '#EC7A08',\n  xml: '#0066CC',\n  rtf: '#8476D1',\n  pptx: '#C9190B',\n};\n\nconst DEFAULT_COLOR = '#6A6E73';\n\nconst useStyles = makeStyles(() => ({\n  badge: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minWidth: 28,\n    height: 22,\n    padding: '0 4px',\n    borderRadius: 4,\n    border: '1.5px solid',\n    fontSize: '0.625rem',\n    fontWeight: 700,\n    textTransform: 'uppercase',\n    lineHeight: 1,\n    flexShrink: 0,\n  },\n}));\n\ntype FileTypeIconProps = {\n  fileName: string;\n  className?: string;\n};\n\nconst getExtension = (fileName: string): string => {\n  if (!fileName) return '';\n  const lastDot = fileName.lastIndexOf('.');\n  return lastDot >= 0 ? fileName.slice(lastDot + 1).toLowerCase() : '';\n};\n\nexport const FileTypeIcon = ({ fileName, className }: FileTypeIconProps) => {\n  const classes = useStyles();\n  const ext = getExtension(fileName);\n  const color = FILE_TYPE_COLORS[ext] ?? DEFAULT_COLOR;\n  const label = ext || '?';\n\n  return (\n    <span\n      className={`${classes.badge}${className ? ` ${className}` : ''}`}\n      style={{ borderColor: color, color }}\n    >\n      {label}\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;AAkBA,MAAM,gBAA2C,GAAA;AAAA,EAC/C,GAAK,EAAA,SAAA;AAAA,EACL,IAAM,EAAA,SAAA;AAAA,EACN,GAAK,EAAA,SAAA;AAAA,EACL,IAAM,EAAA,SAAA;AAAA,EACN,GAAK,EAAA,SAAA;AAAA,EACL,GAAK,EAAA,SAAA;AAAA,EACL,EAAI,EAAA,SAAA;AAAA,EACJ,GAAK,EAAA,SAAA;AAAA,EACL,IAAM,EAAA,SAAA;AAAA,EACN,GAAK,EAAA,SAAA;AAAA,EACL,IAAM,EAAA,SAAA;AAAA,EACN,GAAK,EAAA,SAAA;AAAA,EACL,GAAK,EAAA,SAAA;AAAA,EACL,IAAM,EAAA;AACR,CAAA;AAEA,MAAM,aAAgB,GAAA,SAAA;AAEtB,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,KAAO,EAAA;AAAA,IACL,OAAS,EAAA,aAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,QAAU,EAAA,EAAA;AAAA,IACV,MAAQ,EAAA,EAAA;AAAA,IACR,OAAS,EAAA,OAAA;AAAA,IACT,YAAc,EAAA,CAAA;AAAA,IACd,MAAQ,EAAA,aAAA;AAAA,IACR,QAAU,EAAA,UAAA;AAAA,IACV,UAAY,EAAA,GAAA;AAAA,IACZ,aAAe,EAAA,WAAA;AAAA,IACf,UAAY,EAAA,CAAA;AAAA,IACZ,UAAY,EAAA;AAAA;AAEhB,CAAE,CAAA,CAAA;AAOF,MAAM,YAAA,GAAe,CAAC,QAA6B,KAAA;AACjD,EAAI,IAAA,CAAC,UAAiB,OAAA,EAAA;AACtB,EAAM,MAAA,OAAA,GAAU,QAAS,CAAA,WAAA,CAAY,GAAG,CAAA;AACxC,EAAO,OAAA,OAAA,IAAW,IAAI,QAAS,CAAA,KAAA,CAAM,UAAU,CAAC,CAAA,CAAE,aAAgB,GAAA,EAAA;AACpE,CAAA;AAEO,MAAM,YAAe,GAAA,CAAC,EAAE,QAAA,EAAU,WAAmC,KAAA;AAC1E,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,aAAa,QAAQ,CAAA;AACjC,EAAM,MAAA,KAAA,GAAQ,gBAAiB,CAAA,GAAG,CAAK,IAAA,aAAA;AACvC,EAAA,MAAM,QAAQ,GAAO,IAAA,GAAA;AAErB,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,OAAQ,CAAA,KAAK,GAAG,SAAY,GAAA,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,GAAK,EAAE,CAAA,CAAA;AAAA,MAC9D,KAAO,EAAA,EAAE,WAAa,EAAA,KAAA,EAAO,KAAM,EAAA;AAAA,MAElC,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;;;;"}

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

@@ -10,87 +10,98 @@ const NotebookCard = ({
   classes,
   openNotebookMenuId,
   setOpenNotebookMenuId,
+  onClick,
   onRename,
   onDelete,
-  t,
-  getDocumentsCount
-}) => /* @__PURE__ */ jsxs(Card, { className: classes.notebookCard, isSelectable: true, children: [
-  /* @__PURE__ */ jsx(
-    CardHeader,
-    {
-      className: classes.notebookCardHeader,
-      actions: {
-        actions: /* @__PURE__ */ jsx(
-          Dropdown,
-          {
-            className: classes.notebookDropdownMenu,
-            isOpen: openNotebookMenuId === notebook.session_id,
-            popperProps: {
-              position: "end",
-              preventOverflow: true
-            },
-            onOpenChange: (isOpen) => setOpenNotebookMenuId(isOpen ? notebook.session_id : null),
-            toggle: (toggleRef) => /* @__PURE__ */ jsx(
-              MenuToggle,
+  t
+}) => /* @__PURE__ */ jsxs(
+  Card,
+  {
+    className: classes.notebookCard,
+    isSelectable: true,
+    isClickable: true,
+    onClick: () => onClick(notebook),
+    children: [
+      /* @__PURE__ */ jsx(
+        CardHeader,
+        {
+          className: classes.notebookCardHeader,
+          actions: {
+            actions: /* @__PURE__ */ jsx(
+              Dropdown,
               {
-                ref: toggleRef,
-                variant: "plain",
-                className: classes.notebookMenuButton,
-                "aria-label": t("aria.options.label"),
-                isExpanded: openNotebookMenuId === notebook.session_id,
-                onClick: (event) => {
-                  event.stopPropagation();
-                  setOpenNotebookMenuId(
-                    (current) => current === notebook.session_id ? null : notebook.session_id
-                  );
+                className: classes.notebookDropdownMenu,
+                isOpen: openNotebookMenuId === notebook.session_id,
+                popperProps: {
+                  position: "end",
+                  preventOverflow: true
                 },
-                children: /* @__PURE__ */ jsx(EllipsisVIcon, {})
+                onOpenChange: (isOpen) => setOpenNotebookMenuId(isOpen ? notebook.session_id : null),
+                toggle: (toggleRef) => /* @__PURE__ */ jsx(
+                  MenuToggle,
+                  {
+                    ref: toggleRef,
+                    variant: "plain",
+                    className: classes.notebookMenuButton,
+                    "aria-label": t("aria.options.label"),
+                    isExpanded: openNotebookMenuId === notebook.session_id,
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      setOpenNotebookMenuId(
+                        (current) => current === notebook.session_id ? null : notebook.session_id
+                      );
+                    },
+                    children: /* @__PURE__ */ jsx(EllipsisVIcon, {})
+                  }
+                ),
+                children: /* @__PURE__ */ jsxs(DropdownList, { className: classes.notebookDropdownList, children: [
+                  /* @__PURE__ */ jsx(
+                    DropdownItem,
+                    {
+                      className: classes.notebookDropdownItem,
+                      onClick: (event) => {
+                        event.stopPropagation();
+                        onRename(notebook.session_id);
+                        setOpenNotebookMenuId(null);
+                      },
+                      children: t("notebooks.actions.rename")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    DropdownItem,
+                    {
+                      className: classes.notebookDropdownItem,
+                      onClick: (event) => {
+                        event.stopPropagation();
+                        onDelete(notebook.session_id);
+                        setOpenNotebookMenuId(null);
+                      },
+                      children: t("notebooks.actions.delete")
+                    }
+                  )
+                ] })
               }
             ),
-            children: /* @__PURE__ */ jsxs(DropdownList, { className: classes.notebookDropdownList, children: [
-              /* @__PURE__ */ jsx(
-                DropdownItem,
-                {
-                  className: classes.notebookDropdownItem,
-                  onClick: () => {
-                    onRename(notebook.session_id);
-                    setOpenNotebookMenuId(null);
-                  },
-                  children: t("notebooks.actions.rename")
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                DropdownItem,
-                {
-                  className: classes.notebookDropdownItem,
-                  onClick: () => {
-                    onDelete(notebook.session_id);
-                    setOpenNotebookMenuId(null);
-                  },
-                  children: t("notebooks.actions.delete")
-                }
-              )
-            ] })
-          }
-        ),
-        className: classes.notebookCardHeaderActions
-      },
-      children: /* @__PURE__ */ jsxs(CardTitle, { className: classes.notebookTitle, children: [
-        /* @__PURE__ */ jsx(CatalogIcon, {}),
-        /* @__PURE__ */ jsx(Typography, { component: "span", className: classes.notebookTitleText, children: notebook.name })
-      ] })
-    }
-  ),
-  /* @__PURE__ */ jsx("div", { className: classes.notebookCardDivider }),
-  /* @__PURE__ */ jsx(CardBody, { className: classes.notebookCardBody, children: /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("div", { className: classes.notebookDocuments, children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
-      getDocumentsCount(notebook.metadata?.document_ids),
-      " ",
-      t("notebooks.documents")
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { className: classes.notebookUpdated, children: /* @__PURE__ */ jsx(Typography, { variant: "caption", children: formatUpdatedLabel(notebook.updated_at, t) }) })
-  ] }) })
-] });
+            className: classes.notebookCardHeaderActions
+          },
+          children: /* @__PURE__ */ jsxs(CardTitle, { className: classes.notebookTitle, children: [
+            /* @__PURE__ */ jsx(CatalogIcon, {}),
+            /* @__PURE__ */ jsx(Typography, { component: "span", className: classes.notebookTitleText, children: notebook.name })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: classes.notebookCardDivider }),
+      /* @__PURE__ */ jsx(CardBody, { className: classes.notebookCardBody, children: /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: classes.notebookDocuments, children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+          notebook.document_count ?? 0,
+          " ",
+          t("notebooks.documents")
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: classes.notebookUpdated, children: /* @__PURE__ */ jsx(Typography, { variant: "caption", children: formatUpdatedLabel(notebook.updated_at, t) }) })
+      ] }) })
+    ]
+  }
+);
 
 export { NotebookCard };
 //# sourceMappingURL=NotebookCard.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotebookCard.esm.js","sources":["../../../src/components/notebooks/NotebookCard.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 type { TranslationFunction } from '@backstage/core-plugin-api/alpha';\n\nimport Typography from '@mui/material/Typography';\nimport {\n  Card,\n  CardBody,\n  CardHeader,\n  CardTitle,\n  Dropdown,\n  DropdownItem,\n  DropdownList,\n  MenuToggle,\n} from '@patternfly/react-core';\nimport { EllipsisVIcon } from '@patternfly/react-icons';\nimport { CatalogIcon } from '@patternfly/react-icons/dist/esm/icons';\n\nimport { lightspeedTranslationRef } from '../../translations/ref';\nimport { NotebookSession } from '../../types';\nimport { formatUpdatedLabel } from '../../utils/notebooks-utils';\n\ntype NotebookCardProps = {\n  notebook: NotebookSession;\n  classes: Record<string, string>;\n  openNotebookMenuId: string | null;\n  setOpenNotebookMenuId: React.Dispatch<React.SetStateAction<string | null>>;\n  onRename: (sessionId: string) => void;\n  onDelete: (sessionId: string) => void;\n  t: TranslationFunction<typeof lightspeedTranslationRef.T>;\n  getDocumentsCount: (documentIds?: string[]) => number;\n};\n\nexport const NotebookCard = ({\n  notebook,\n  classes,\n  openNotebookMenuId,\n  setOpenNotebookMenuId,\n  onRename,\n  onDelete,\n  t,\n  getDocumentsCount,\n}: NotebookCardProps) => (\n  <Card className={classes.notebookCard} isSelectable>\n    <CardHeader\n      className={classes.notebookCardHeader}\n      actions={{\n        actions: (\n          <Dropdown\n            className={classes.notebookDropdownMenu}\n            isOpen={openNotebookMenuId === notebook.session_id}\n            popperProps={{\n              position: 'end',\n              preventOverflow: true,\n            }}\n            onOpenChange={isOpen =>\n              setOpenNotebookMenuId(isOpen ? notebook.session_id : null)\n            }\n            toggle={toggleRef => (\n              <MenuToggle\n                ref={toggleRef}\n                variant=\"plain\"\n                className={classes.notebookMenuButton}\n                aria-label={t('aria.options.label')}\n                isExpanded={openNotebookMenuId === notebook.session_id}\n                onClick={event => {\n                  event.stopPropagation();\n                  setOpenNotebookMenuId(current =>\n                    current === notebook.session_id\n                      ? null\n                      : notebook.session_id,\n                  );\n                }}\n              >\n                <EllipsisVIcon />\n              </MenuToggle>\n            )}\n          >\n            <DropdownList className={classes.notebookDropdownList}>\n              <DropdownItem\n                className={classes.notebookDropdownItem}\n                onClick={() => {\n                  onRename(notebook.session_id);\n                  setOpenNotebookMenuId(null);\n                }}\n              >\n                {t('notebooks.actions.rename')}\n              </DropdownItem>\n              <DropdownItem\n                className={classes.notebookDropdownItem}\n                onClick={() => {\n                  onDelete(notebook.session_id);\n                  setOpenNotebookMenuId(null);\n                }}\n              >\n                {t('notebooks.actions.delete')}\n              </DropdownItem>\n            </DropdownList>\n          </Dropdown>\n        ),\n        className: classes.notebookCardHeaderActions,\n      }}\n    >\n      <CardTitle className={classes.notebookTitle}>\n        <CatalogIcon />\n        <Typography component=\"span\" className={classes.notebookTitleText}>\n          {notebook.name}\n        </Typography>\n      </CardTitle>\n    </CardHeader>\n    <div className={classes.notebookCardDivider} />\n    <CardBody className={classes.notebookCardBody}>\n      <div>\n        <div className={classes.notebookDocuments}>\n          <Typography variant=\"body2\">\n            {getDocumentsCount(notebook.metadata?.document_ids)}{' '}\n            {t('notebooks.documents')}\n          </Typography>\n        </div>\n        <div className={classes.notebookUpdated}>\n          <Typography variant=\"caption\">\n            {formatUpdatedLabel(notebook.updated_at, t)}\n          </Typography>\n        </div>\n      </div>\n    </CardBody>\n  </Card>\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"NotebookCard.esm.js","sources":["../../../src/components/notebooks/NotebookCard.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 type { TranslationFunction } from '@backstage/core-plugin-api/alpha';\n\nimport Typography from '@mui/material/Typography';\nimport {\n  Card,\n  CardBody,\n  CardHeader,\n  CardTitle,\n  Dropdown,\n  DropdownItem,\n  DropdownList,\n  MenuToggle,\n} from '@patternfly/react-core';\nimport { EllipsisVIcon } from '@patternfly/react-icons';\nimport { CatalogIcon } from '@patternfly/react-icons/dist/esm/icons';\n\nimport { lightspeedTranslationRef } from '../../translations/ref';\nimport { NotebookSession } from '../../types';\nimport { formatUpdatedLabel } from '../../utils/notebooks-utils';\n\ntype NotebookCardProps = {\n  notebook: NotebookSession;\n  classes: Record<string, string>;\n  openNotebookMenuId: string | null;\n  setOpenNotebookMenuId: React.Dispatch<React.SetStateAction<string | null>>;\n  onClick: (notebook: NotebookSession) => void;\n  onRename: (sessionId: string) => void;\n  onDelete: (sessionId: string) => void;\n  t: TranslationFunction<typeof lightspeedTranslationRef.T>;\n};\n\nexport const NotebookCard = ({\n  notebook,\n  classes,\n  openNotebookMenuId,\n  setOpenNotebookMenuId,\n  onClick,\n  onRename,\n  onDelete,\n  t,\n}: NotebookCardProps) => (\n  <Card\n    className={classes.notebookCard}\n    isSelectable\n    isClickable\n    onClick={() => onClick(notebook)}\n  >\n    <CardHeader\n      className={classes.notebookCardHeader}\n      actions={{\n        actions: (\n          <Dropdown\n            className={classes.notebookDropdownMenu}\n            isOpen={openNotebookMenuId === notebook.session_id}\n            popperProps={{\n              position: 'end',\n              preventOverflow: true,\n            }}\n            onOpenChange={isOpen =>\n              setOpenNotebookMenuId(isOpen ? notebook.session_id : null)\n            }\n            toggle={toggleRef => (\n              <MenuToggle\n                ref={toggleRef}\n                variant=\"plain\"\n                className={classes.notebookMenuButton}\n                aria-label={t('aria.options.label')}\n                isExpanded={openNotebookMenuId === notebook.session_id}\n                onClick={event => {\n                  event.stopPropagation();\n                  setOpenNotebookMenuId(current =>\n                    current === notebook.session_id\n                      ? null\n                      : notebook.session_id,\n                  );\n                }}\n              >\n                <EllipsisVIcon />\n              </MenuToggle>\n            )}\n          >\n            <DropdownList className={classes.notebookDropdownList}>\n              <DropdownItem\n                className={classes.notebookDropdownItem}\n                onClick={event => {\n                  event.stopPropagation();\n                  onRename(notebook.session_id);\n                  setOpenNotebookMenuId(null);\n                }}\n              >\n                {t('notebooks.actions.rename')}\n              </DropdownItem>\n              <DropdownItem\n                className={classes.notebookDropdownItem}\n                onClick={event => {\n                  event.stopPropagation();\n                  onDelete(notebook.session_id);\n                  setOpenNotebookMenuId(null);\n                }}\n              >\n                {t('notebooks.actions.delete')}\n              </DropdownItem>\n            </DropdownList>\n          </Dropdown>\n        ),\n        className: classes.notebookCardHeaderActions,\n      }}\n    >\n      <CardTitle className={classes.notebookTitle}>\n        <CatalogIcon />\n        <Typography component=\"span\" className={classes.notebookTitleText}>\n          {notebook.name}\n        </Typography>\n      </CardTitle>\n    </CardHeader>\n    <div className={classes.notebookCardDivider} />\n    <CardBody className={classes.notebookCardBody}>\n      <div>\n        <div className={classes.notebookDocuments}>\n          <Typography variant=\"body2\">\n            {notebook.document_count ?? 0} {t('notebooks.documents')}\n          </Typography>\n        </div>\n        <div className={classes.notebookUpdated}>\n          <Typography variant=\"caption\">\n            {formatUpdatedLabel(notebook.updated_at, t)}\n          </Typography>\n        </div>\n      </div>\n    </CardBody>\n  </Card>\n);\n"],"names":[],"mappings":"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"}