@red-hat-developer-hub/backstage-plugin-lightspeed 2.1.0 → 2.2.1

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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"}

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

@@ -0,0 +1,376 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import { makeStyles } from '@material-ui/core';
+import { ChatbotFooter, MessageBar, ChatbotFootnote } from '@patternfly/chatbot';
+import { DrawerPanelContent, AlertGroup, Alert, AlertVariant, AlertActionCloseButton, Drawer, DrawerContent, DrawerContentBody, Tooltip, Button } from '@patternfly/react-core';
+import { TimesIcon } from '@patternfly/react-icons';
+import { useQueryClient } from '@tanstack/react-query';
+import { UNTITLED_NOTEBOOK_NAME } from '../../const.esm.js';
+import { useDocumentStatusPolling } from '../../hooks/notebooks/useDocumentStatusPolling.esm.js';
+import { useUploadDocument } from '../../hooks/notebooks/useUploadDocument.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import { AddDocumentModal } from './AddDocumentModal.esm.js';
+import { DocumentSidebar } from './DocumentSidebar.esm.js';
+import { OverwriteConfirmModal } from './OverwriteConfirmModal.esm.js';
+import { SidebarExpandIcon, AddCircleFilledIcon } from './SidebarCollapseIcon.esm.js';
+import { UploadResourceScreen } from './UploadResourceScreen.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    backgroundColor: "var(--pf-t--global--background--color--primary--default)"
+  },
+  drawerContainer: {
+    flex: 1,
+    minHeight: 0
+  },
+  expandStrip: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    paddingTop: theme.spacing(1.5),
+    gap: theme.spacing(1),
+    borderRight: "1px solid var(--pf-t--global--border--color--default)"
+  },
+  addIconButton: {
+    padding: 0,
+    minWidth: 0,
+    lineHeight: 1
+  },
+  mainArea: {
+    display: "flex",
+    flexDirection: "row",
+    height: "100%",
+    minWidth: 0
+  },
+  topBar: {
+    display: "flex",
+    justifyContent: "flex-end",
+    padding: `${theme.spacing(1.5)}px ${theme.spacing(2)}px`
+  },
+  closeButton: {
+    textTransform: "none"
+  },
+  mainContent: {
+    display: "flex",
+    flexDirection: "column",
+    flex: 1,
+    minHeight: 0
+  },
+  drawerContentBody: {
+    backgroundColor: "var(--pf-t--global--background--color--secondary--default)"
+  },
+  contentColumn: {
+    display: "flex",
+    flexDirection: "column",
+    flex: 1,
+    minWidth: 0
+  },
+  alertContainer: {
+    width: "100%",
+    maxWidth: 816,
+    margin: "0 auto",
+    padding: `0 ${theme.spacing(3)}px ${theme.spacing(1)}px`
+  },
+  toastAlertGroup: {
+    "--pf-v6-c-alert-group--m-toast--InsetInlineEnd": `${theme.spacing(2.5)}px`,
+    "--pf-v6-c-alert-group--m-toast--InsetBlockStart": `${theme.spacing(2.5)}px`,
+    "--pf-v6-c-alert-group--m-toast--MaxWidth": "350px"
+  },
+  toastAlert: {
+    maxWidth: "350px",
+    "& .pf-v6-c-alert__title": {
+      margin: 0
+    }
+  }
+}));
+const NotebookView = ({
+  sessionId,
+  notebookName = UNTITLED_NOTEBOOK_NAME,
+  documents = [],
+  onClose
+}) => {
+  const classes = useStyles();
+  const { t } = useTranslation();
+  const queryClient = useQueryClient();
+  const uploadMutation = useUploadDocument();
+  const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
+  const [isUploadModalOpen, setIsUploadModalOpen] = useState(false);
+  const [uploadingFileNames, setUploadingFileNames] = useState([]);
+  const [pendingUploads, setPendingUploads] = useState([]);
+  const [toastAlerts, setToastAlerts] = useState([]);
+  const processedIds = useRef(/* @__PURE__ */ new Set());
+  const [completedFileNames, setCompletedFileNames] = useState(
+    /* @__PURE__ */ new Set()
+  );
+  const [filesToOverwrite, setFilesToOverwrite] = useState([]);
+  const [isOverwriteModalOpen, setIsOverwriteModalOpen] = useState(false);
+  const handleOpenUploadModal = () => setIsUploadModalOpen(true);
+  const handleCloseUploadModal = () => setIsUploadModalOpen(false);
+  const handleFilesUploading = (files) => {
+    setUploadingFileNames((prev) => [...prev, ...files.map((f) => f.name)]);
+  };
+  const handleUploadStarted = (info) => {
+    processedIds.current.delete(info.documentId);
+    setPendingUploads((prev) => [
+      ...prev,
+      { fileName: info.fileName, documentId: info.documentId }
+    ]);
+  };
+  const handleUploadFailed = (fileName) => {
+    setUploadingFileNames((prev) => prev.filter((n) => n !== fileName));
+    setToastAlerts((prev) => [
+      {
+        key: Date.now() + fileName,
+        title: t("notebook.upload.failed", {
+          fileName
+        }),
+        variant: "danger"
+      },
+      ...prev
+    ]);
+  };
+  const handleDuplicatesFound = (files) => {
+    setFilesToOverwrite(files);
+    setIsOverwriteModalOpen(true);
+  };
+  const handleOverwriteConfirm = () => {
+    const files = filesToOverwrite;
+    setIsOverwriteModalOpen(false);
+    setFilesToOverwrite([]);
+    if (files.length === 0) return;
+    setUploadingFileNames((prev) => [...prev, ...files.map((f) => f.name)]);
+    for (const file of files) {
+      uploadMutation.mutateAsync({ sessionId, file }).then((data) => {
+        handleUploadStarted({
+          fileName: file.name,
+          documentId: data.document_id
+        });
+      }).catch(() => {
+        handleUploadFailed(file.name);
+      });
+    }
+  };
+  const handleOverwriteCancel = () => {
+    setIsOverwriteModalOpen(false);
+    setFilesToOverwrite([]);
+  };
+  const pollingResults = useDocumentStatusPolling(sessionId, pendingUploads);
+  useEffect(() => {
+    const completedOrFailed = pollingResults.filter(
+      (r) => (r.status === "completed" || r.status === "failed" || r.status === "cancelled") && !processedIds.current.has(r.documentId)
+    );
+    if (completedOrFailed.length === 0) return;
+    const idsToRemove = /* @__PURE__ */ new Set();
+    const namesToRemove = /* @__PURE__ */ new Set();
+    const newAlerts = [];
+    const newCompletedNames = /* @__PURE__ */ new Set();
+    for (const result of completedOrFailed) {
+      processedIds.current.add(result.documentId);
+      idsToRemove.add(result.documentId);
+      if (result.status !== "completed") {
+        namesToRemove.add(result.fileName);
+      } else {
+        newCompletedNames.add(result.fileName);
+      }
+      if (result.status === "completed") {
+        newAlerts.push({
+          key: Date.now() + result.documentId,
+          title: t("notebook.upload.success", {
+            fileName: result.fileName
+          }),
+          variant: "success"
+        });
+      } else {
+        newAlerts.push({
+          key: Date.now() + result.documentId,
+          title: t("notebook.upload.failed", {
+            fileName: result.fileName
+          }),
+          variant: "danger"
+        });
+      }
+    }
+    setPendingUploads((prev) => prev.filter((u) => !idsToRemove.has(u.documentId)));
+    setUploadingFileNames(
+      (prev) => prev.filter((name) => !namesToRemove.has(name))
+    );
+    if (newCompletedNames.size > 0) {
+      setCompletedFileNames((prev) => /* @__PURE__ */ new Set([...prev, ...newCompletedNames]));
+      queryClient.invalidateQueries({
+        queryKey: ["notebooks", "documents", sessionId]
+      });
+    }
+    setToastAlerts((prev) => [...newAlerts, ...prev]);
+  }, [pollingResults, t, queryClient, sessionId]);
+  const handleRemoveToastAlert = (key) => {
+    setToastAlerts((prev) => prev.filter((a) => a.key !== key));
+  };
+  const hasDocuments = documents.length > 0 || uploadingFileNames.length > 0;
+  const panelContent = /* @__PURE__ */ jsx(
+    DrawerPanelContent,
+    {
+      isResizable: true,
+      defaultSize: "310px",
+      minSize: "232px",
+      maxSize: "50%",
+      resizeAriaLabel: t("notebook.view.sidebar.resize"),
+      children: /* @__PURE__ */ jsx(
+        DocumentSidebar,
+        {
+          notebookName,
+          documents,
+          uploadingFileNames,
+          completedFileNames,
+          collapsed: sidebarCollapsed,
+          onToggleCollapse: () => setSidebarCollapsed((prev) => !prev),
+          onAddDocument: handleOpenUploadModal
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: classes.root, children: [
+    toastAlerts.length > 0 && /* @__PURE__ */ jsx(
+      AlertGroup,
+      {
+        hasAnimations: true,
+        isToast: true,
+        isLiveRegion: true,
+        className: classes.toastAlertGroup,
+        children: toastAlerts.map(({ key, title, variant }) => /* @__PURE__ */ jsx(
+          Alert,
+          {
+            variant: AlertVariant[variant ?? "success"],
+            title,
+            className: classes.toastAlert,
+            timeout: 8e3,
+            onTimeout: () => handleRemoveToastAlert(key),
+            actionClose: /* @__PURE__ */ jsx(
+              AlertActionCloseButton,
+              {
+                title,
+                variantLabel: `${variant ?? "success"} alert`,
+                onClose: () => handleRemoveToastAlert(key)
+              }
+            )
+          },
+          key
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Drawer,
+      {
+        isExpanded: !sidebarCollapsed,
+        isInline: true,
+        position: "start",
+        className: classes.drawerContainer,
+        children: /* @__PURE__ */ jsx(
+          DrawerContent,
+          {
+            panelContent: !sidebarCollapsed ? panelContent : undefined,
+            children: /* @__PURE__ */ jsx(DrawerContentBody, { className: classes.drawerContentBody, children: /* @__PURE__ */ jsxs("div", { className: classes.mainArea, children: [
+              sidebarCollapsed && /* @__PURE__ */ jsxs("div", { className: classes.expandStrip, children: [
+                /* @__PURE__ */ jsx(
+                  Tooltip,
+                  {
+                    content: t("notebook.view.sidebar.expand"),
+                    position: "right",
+                    children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "plain",
+                        onClick: () => setSidebarCollapsed(false),
+                        "aria-label": t("notebook.view.sidebar.expand"),
+                        size: "sm",
+                        children: /* @__PURE__ */ jsx(SidebarExpandIcon, {})
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Tooltip,
+                  {
+                    content: t("notebook.view.documents.add"),
+                    position: "right",
+                    children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "plain",
+                        className: classes.addIconButton,
+                        onClick: handleOpenUploadModal,
+                        "aria-label": t("notebook.view.documents.add"),
+                        children: /* @__PURE__ */ jsx(AddCircleFilledIcon, {})
+                      }
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: classes.contentColumn, children: [
+                /* @__PURE__ */ jsx("div", { className: classes.topBar, children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "link",
+                    className: classes.closeButton,
+                    onClick: onClose,
+                    icon: /* @__PURE__ */ jsx(TimesIcon, {}),
+                    iconPosition: "end",
+                    children: t("notebook.view.close")
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { className: classes.mainContent, children: !hasDocuments && /* @__PURE__ */ jsx(
+                  UploadResourceScreen,
+                  {
+                    onUploadClick: handleOpenUploadModal
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { className: classes.alertContainer, children: /* @__PURE__ */ jsx(Alert, { isInline: true, variant: "info", title: t("aria.important"), children: t("disclaimer.withoutValidation") }) }),
+                /* @__PURE__ */ jsxs(ChatbotFooter, { children: [
+                  /* @__PURE__ */ jsx(
+                    MessageBar,
+                    {
+                      hasAttachButton: false,
+                      hasMicrophoneButton: true,
+                      hasStopButton: false,
+                      onSendMessage: () => {
+                      },
+                      placeholder: t("notebook.view.input.placeholder")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(ChatbotFootnote, { label: t("footer.accuracy.label") })
+                ] })
+              ] })
+            ] }) })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AddDocumentModal,
+      {
+        isOpen: isUploadModalOpen,
+        onClose: handleCloseUploadModal,
+        sessionId,
+        existingDocumentNames: documents.map((d) => d.title),
+        onFilesUploading: handleFilesUploading,
+        onUploadStarted: handleUploadStarted,
+        onUploadFailed: handleUploadFailed,
+        onDuplicatesFound: handleDuplicatesFound
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      OverwriteConfirmModal,
+      {
+        isOpen: isOverwriteModalOpen,
+        onClose: handleOverwriteCancel,
+        onConfirm: handleOverwriteConfirm,
+        fileNames: filesToOverwrite.map((f) => f.name)
+      }
+    )
+  ] });
+};
+
+export { NotebookView };
+//# sourceMappingURL=NotebookView.esm.js.map