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

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

@@ -1,108 +1,71 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect, useMemo } from 'react';
-import { makeStyles } from '@material-ui/core/styles';
 import CloseIcon from '@mui/icons-material/Close';
+import Box from '@mui/material/Box';
 import Dialog from '@mui/material/Dialog';
 import DialogContent from '@mui/material/DialogContent';
 import DialogTitle from '@mui/material/DialogTitle';
 import IconButton from '@mui/material/IconButton';
+import { styled } from '@mui/material/styles';
 import Typography from '@mui/material/Typography';
 import { Alert, Button } from '@patternfly/react-core';
 import { ExclamationTriangleIcon } from '@patternfly/react-icons';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { getScopedDialogProps } from '../../utils/scoped-dialog-utils.esm.js';
 import { FileTypeIcon } from './FileTypeIcon.esm.js';
-import { notebookDialogStyles } from './notebookDialogStyles.esm.js';
+import { notebookDialogTitleTextSx, notebookDialogCloseButtonSx, notebookDialogTitleSx, notebookDialogContentSx, notebookDialogActionsSx, notebookDialogPaperSx, optionalStyle } from './notebookDialogStyles.esm.js';
 
-const useStyles = makeStyles((theme) => ({
-  ...notebookDialogStyles(theme),
-  titleTextCompact: {
-    fontWeight: 600,
-    fontSize: "1rem",
-    lineHeight: "1.375rem",
-    letterSpacing: "-0.25px"
-  },
-  closeButton: {
-    color: theme.palette.text.primary
-  },
-  dialogContent: {
-    padding: "0 24px 24px"
-  },
-  dialogContentCompact: {
-    padding: "0 16px 16px"
-  },
-  warningAlert: {
-    "--pf-v6-c-alert--PaddingBlockEnd": "0",
-    marginBottom: theme.spacing(2),
-    "& .pf-v6-c-alert__title": {
-      marginTop: 0
-    }
-  },
-  radioGroup: {
-    display: "flex",
-    flexDirection: "column",
-    gap: theme.spacing(1),
-    marginBottom: theme.spacing(2),
-    "& label": {
-      display: "flex",
-      alignItems: "center",
-      gap: theme.spacing(1),
-      cursor: "pointer",
-      fontSize: "0.875rem"
-    },
-    '& input[type="radio"]': {
-      cursor: "pointer"
-    }
-  },
-  fileList: {
-    margin: 0,
-    padding: 0,
-    listStyle: "none",
-    maxHeight: 300,
-    overflowY: "auto"
-  },
-  fileItem: {
+const WarningAlert = styled(Alert)(({ theme }) => ({
+  "--pf-v6-c-alert--PaddingBlockEnd": "0",
+  marginBottom: theme.spacing(2),
+  "& .pf-v6-c-alert__title": {
+    marginTop: 0
+  }
+}));
+const RadioGroup = styled("div")(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1),
+  marginBottom: theme.spacing(2),
+  "& label": {
     display: "flex",
     alignItems: "center",
     gap: theme.spacing(1),
-    padding: `${theme.spacing(1.5)}px ${theme.spacing(1.5)}px`,
+    cursor: "pointer",
+    fontSize: "0.875rem"
+  },
+  '& input[type="radio"]': {
+    cursor: "pointer"
+  }
+}));
+const FileList = styled("ul")({
+  margin: 0,
+  padding: 0,
+  listStyle: "none",
+  maxHeight: 300,
+  overflowY: "auto"
+});
+const FileItem = styled("li", {
+  shouldForwardProp: (prop) => prop !== "isCompact"
+})(({ theme, isCompact }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1),
+  ...isCompact ? {
+    padding: `${theme.spacing(1)} 0`,
+    borderBottom: "1px solid var(--pf-t--global--border--color--default, #c7c7c7)"
+  } : {
+    padding: theme.spacing(1.5),
     border: "1px solid var(--pf-t--global--border--color--default)",
     borderRadius: 8,
     marginBottom: theme.spacing(1)
-  },
-  fileItemCompact: {
-    display: "flex",
-    alignItems: "center",
-    gap: theme.spacing(1),
-    padding: `${theme.spacing(1)}px 0`,
-    borderBottom: "1px solid var(--pf-t--global--border--color--default, #c7c7c7)"
-  },
-  fileName: {
-    flex: 1,
-    minWidth: 0,
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    fontSize: "0.875rem",
-    lineHeight: "1.25rem"
-  },
-  warningIcon: {
-    color: "var(--pf-t--global--color--status--warning--default)",
-    fontSize: "1rem",
-    flexShrink: 0
-  },
-  dialogActions: {
-    display: "flex",
-    justifyContent: "flex-start",
-    padding: "16px 24px",
-    gap: theme.spacing(1)
-  },
-  dialogActionsCompact: {
-    justifyContent: "flex-start",
-    padding: "12px 16px !important",
-    gap: theme.spacing(1)
   }
 }));
+const WarningIcon = styled(ExclamationTriangleIcon)({
+  color: "var(--pf-t--global--color--status--warning--default)",
+  fontSize: "1rem",
+  flexShrink: 0
+});
 const OverwriteConfirmModal = ({
   isOpen,
   onClose,
@@ -112,7 +75,6 @@ const OverwriteConfirmModal = ({
   duplicateFileNames,
   isCompact = false
 }) => {
-  const classes = useStyles();
   const { t } = useTranslation();
   const [duplicateAction, setDuplicateAction] = useState(
     "replace"
@@ -144,119 +106,115 @@ const OverwriteConfirmModal = ({
       "aria-labelledby": "overwrite-confirm-modal-title",
       ...scopedProps,
       PaperProps: {
-        className: isCompact ? classes.dialogPaperCompact : classes.dialogPaper,
-        ...scopedProps.PaperProps
+        ...scopedProps.PaperProps,
+        sx: [
+          notebookDialogPaperSx(isCompact),
+          optionalStyle(scopedProps.PaperProps?.sx)
+        ]
       },
       children: [
-        /* @__PURE__ */ jsxs(
-          DialogTitle,
-          {
-            className: isCompact ? classes.dialogTitleCompact : classes.dialogTitle,
-            children: [
-              /* @__PURE__ */ jsx(
-                Typography,
-                {
-                  component: "h2",
-                  className: isCompact ? classes.titleTextCompact : classes.titleText,
-                  children: t(
-                    duplicateFiles.length === 1 ? "notebook.overwrite.modal.title.one" : "notebook.overwrite.modal.title.other"
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                IconButton,
+        /* @__PURE__ */ jsxs(DialogTitle, { sx: notebookDialogTitleSx(isCompact), children: [
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              component: "h2",
+              sx: isCompact ? {
+                fontWeight: 600,
+                fontSize: "1rem",
+                lineHeight: "1.375rem",
+                letterSpacing: "-0.25px"
+              } : notebookDialogTitleTextSx(false),
+              children: t(
+                duplicateFiles.length === 1 ? "notebook.overwrite.modal.title.one" : "notebook.overwrite.modal.title.other"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              "aria-label": t("common.close"),
+              onClick: handleClose,
+              sx: notebookDialogCloseButtonSx,
+              size: "small",
+              children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: isCompact ? "small" : "medium" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(DialogContent, { sx: notebookDialogContentSx(isCompact), children: [
+          /* @__PURE__ */ jsx(
+            WarningAlert,
+            {
+              variant: "warning",
+              isInline: true,
+              title: t(
+                duplicateFiles.length === 1 ? "notebook.overwrite.modal.description.one" : "notebook.overwrite.modal.description.other",
                 {
-                  "aria-label": t("common.close"),
-                  onClick: handleClose,
-                  className: classes.closeButton,
-                  size: "small",
-                  children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: isCompact ? "small" : "medium" })
+                  duplicateCount: duplicateFiles.length,
+                  newCount: newFiles.length
                 }
               )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          DialogContent,
-          {
-            className: isCompact ? classes.dialogContentCompact : classes.dialogContent,
-            children: [
+            }
+          ),
+          /* @__PURE__ */ jsxs(RadioGroup, { children: [
+            /* @__PURE__ */ jsxs("label", { children: [
               /* @__PURE__ */ jsx(
-                Alert,
+                "input",
                 {
-                  variant: "warning",
-                  isInline: true,
-                  title: t(
-                    duplicateFiles.length === 1 ? "notebook.overwrite.modal.description.one" : "notebook.overwrite.modal.description.other",
-                    {
-                      duplicateCount: duplicateFiles.length,
-                      newCount: newFiles.length
-                    }
-                  ),
-                  className: classes.warningAlert
+                  type: "radio",
+                  name: "duplicate-action",
+                  checked: duplicateAction === "replace",
+                  onChange: () => setDuplicateAction("replace")
                 }
               ),
-              /* @__PURE__ */ jsxs("div", { className: classes.radioGroup, children: [
-                /* @__PURE__ */ jsxs("label", { children: [
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: "radio",
-                      name: "duplicate-action",
-                      checked: duplicateAction === "replace",
-                      onChange: () => setDuplicateAction("replace")
-                    }
-                  ),
-                  t("notebook.overwrite.modal.replace")
-                ] }),
-                /* @__PURE__ */ jsxs("label", { children: [
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: "radio",
-                      name: "duplicate-action",
-                      checked: duplicateAction === "ignore",
-                      onChange: () => setDuplicateAction("ignore")
-                    }
-                  ),
-                  t("notebook.overwrite.modal.ignore")
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx("ul", { className: classes.fileList, children: allFiles.map((file) => /* @__PURE__ */ jsxs(
-                "li",
-                {
-                  className: isCompact ? classes.fileItemCompact : classes.fileItem,
-                  children: [
-                    /* @__PURE__ */ jsx(FileTypeIcon, { fileName: file.name }),
-                    /* @__PURE__ */ jsx(Typography, { className: classes.fileName, children: file.name }),
-                    duplicateSet.has(file.name) && /* @__PURE__ */ jsx(ExclamationTriangleIcon, { className: classes.warningIcon })
-                  ]
-                },
-                file.name
-              )) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: isCompact ? classes.dialogActionsCompact : classes.dialogActions,
-            children: [
+              t("notebook.overwrite.modal.replace")
+            ] }),
+            /* @__PURE__ */ jsxs("label", { children: [
               /* @__PURE__ */ jsx(
-                Button,
+                "input",
                 {
-                  variant: "primary",
-                  onClick: handleConfirm,
-                  isDisabled: filesToUpload.length === 0,
-                  children: t("notebook.overwrite.modal.action", {
-                    count: filesToUpload.length
-                  })
+                  type: "radio",
+                  name: "duplicate-action",
+                  checked: duplicateAction === "ignore",
+                  onChange: () => setDuplicateAction("ignore")
                 }
               ),
-              /* @__PURE__ */ jsx(Button, { variant: "link", onClick: onBack, children: t("notebook.overwrite.modal.back") })
-            ]
-          }
-        )
+              t("notebook.overwrite.modal.ignore")
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(FileList, { children: allFiles.map((file) => /* @__PURE__ */ jsxs(FileItem, { isCompact, children: [
+            /* @__PURE__ */ jsx(FileTypeIcon, { fileName: file.name }),
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                sx: {
+                  flex: 1,
+                  minWidth: 0,
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap",
+                  fontSize: "0.875rem",
+                  lineHeight: "1.25rem"
+                },
+                children: file.name
+              }
+            ),
+            duplicateSet.has(file.name) && /* @__PURE__ */ jsx(WarningIcon, {})
+          ] }, file.name)) })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { sx: [notebookDialogActionsSx(isCompact), { display: "flex" }], children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "primary",
+              onClick: handleConfirm,
+              isDisabled: filesToUpload.length === 0,
+              children: t("notebook.overwrite.modal.action", {
+                count: filesToUpload.length
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { variant: "link", onClick: onBack, children: t("notebook.overwrite.modal.back") })
+        ] })
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"OverwriteConfirmModal.esm.js","sources":["../../../src/components/notebooks/OverwriteConfirmModal.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, useMemo, useState } from 'react';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport CloseIcon from '@mui/icons-material/Close';\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 { Alert, Button } from '@patternfly/react-core';\nimport { ExclamationTriangleIcon } from '@patternfly/react-icons';\n\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { getScopedDialogProps } from '../../utils/scoped-dialog-utils';\nimport { FileTypeIcon } from './FileTypeIcon';\nimport { notebookDialogStyles } from './notebookDialogStyles';\n\nconst useStyles = makeStyles(theme => ({\n  ...notebookDialogStyles(theme),\n  titleTextCompact: {\n    fontWeight: 600,\n    fontSize: '1rem',\n    lineHeight: '1.375rem',\n    letterSpacing: '-0.25px',\n  },\n  closeButton: {\n    color: theme.palette.text.primary,\n  },\n  dialogContent: {\n    padding: '0 24px 24px',\n  },\n  dialogContentCompact: {\n    padding: '0 16px 16px',\n  },\n  warningAlert: {\n    '--pf-v6-c-alert--PaddingBlockEnd': '0',\n    marginBottom: theme.spacing(2),\n    '& .pf-v6-c-alert__title': {\n      marginTop: 0,\n    },\n  },\n  radioGroup: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(1),\n    marginBottom: theme.spacing(2),\n    '& label': {\n      display: 'flex',\n      alignItems: 'center',\n      gap: theme.spacing(1),\n      cursor: 'pointer',\n      fontSize: '0.875rem',\n    },\n    '& input[type=\"radio\"]': {\n      cursor: 'pointer',\n    },\n  },\n  fileList: {\n    margin: 0,\n    padding: 0,\n    listStyle: 'none',\n    maxHeight: 300,\n    overflowY: 'auto',\n  },\n  fileItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    padding: `${theme.spacing(1.5)}px ${theme.spacing(1.5)}px`,\n    border: '1px solid var(--pf-t--global--border--color--default)',\n    borderRadius: 8,\n    marginBottom: theme.spacing(1),\n  },\n  fileItemCompact: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    padding: `${theme.spacing(1)}px 0`,\n    borderBottom:\n      '1px solid var(--pf-t--global--border--color--default, #c7c7c7)',\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  warningIcon: {\n    color: 'var(--pf-t--global--color--status--warning--default)',\n    fontSize: '1rem',\n    flexShrink: 0,\n  },\n  dialogActions: {\n    display: 'flex',\n    justifyContent: 'flex-start',\n    padding: '16px 24px',\n    gap: theme.spacing(1),\n  },\n  dialogActionsCompact: {\n    justifyContent: 'flex-start',\n    padding: '12px 16px !important',\n    gap: theme.spacing(1),\n  },\n}));\n\ntype OverwriteConfirmModalProps = {\n  isOpen: boolean;\n  onClose: () => void;\n  onConfirm: (filesToUpload: File[]) => void;\n  onBack: () => void;\n  allFiles: File[];\n  duplicateFileNames: string[];\n  isCompact?: boolean;\n};\n\nexport const OverwriteConfirmModal = ({\n  isOpen,\n  onClose,\n  onConfirm,\n  onBack,\n  allFiles,\n  duplicateFileNames,\n  isCompact = false,\n}: OverwriteConfirmModalProps) => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n  const [duplicateAction, setDuplicateAction] = useState<'replace' | 'ignore'>(\n    'replace',\n  );\n\n  useEffect(() => {\n    if (isOpen) setDuplicateAction('replace');\n  }, [isOpen]);\n\n  const duplicateSet = useMemo(\n    () => new Set(duplicateFileNames),\n    [duplicateFileNames],\n  );\n  const newFiles = allFiles.filter(f => !duplicateSet.has(f.name));\n  const duplicateFiles = allFiles.filter(f => duplicateSet.has(f.name));\n\n  const filesToUpload = duplicateAction === 'replace' ? allFiles : newFiles;\n\n  const handleConfirm = () => {\n    onConfirm(filesToUpload);\n    setDuplicateAction('replace');\n  };\n\n  const handleClose = () => {\n    setDuplicateAction('replace');\n    onClose();\n  };\n\n  const scopedProps = getScopedDialogProps(isCompact);\n\n  return (\n    <Dialog\n      open={isOpen}\n      onClose={handleClose}\n      aria-labelledby=\"overwrite-confirm-modal-title\"\n      {...scopedProps}\n      PaperProps={{\n        className: isCompact ? classes.dialogPaperCompact : classes.dialogPaper,\n        ...scopedProps.PaperProps,\n      }}\n    >\n      <DialogTitle\n        className={isCompact ? classes.dialogTitleCompact : classes.dialogTitle}\n      >\n        <Typography\n          component=\"h2\"\n          className={isCompact ? classes.titleTextCompact : classes.titleText}\n        >\n          {(t as Function)(\n            duplicateFiles.length === 1\n              ? 'notebook.overwrite.modal.title.one'\n              : 'notebook.overwrite.modal.title.other',\n          )}\n        </Typography>\n        <IconButton\n          aria-label={t('common.close')}\n          onClick={handleClose}\n          className={classes.closeButton}\n          size=\"small\"\n        >\n          <CloseIcon fontSize={isCompact ? 'small' : 'medium'} />\n        </IconButton>\n      </DialogTitle>\n\n      <DialogContent\n        className={\n          isCompact ? classes.dialogContentCompact : classes.dialogContent\n        }\n      >\n        <Alert\n          variant=\"warning\"\n          isInline\n          title={(t as Function)(\n            duplicateFiles.length === 1\n              ? 'notebook.overwrite.modal.description.one'\n              : 'notebook.overwrite.modal.description.other',\n            {\n              duplicateCount: duplicateFiles.length,\n              newCount: newFiles.length,\n            },\n          )}\n          className={classes.warningAlert}\n        />\n\n        <div className={classes.radioGroup}>\n          <label>\n            <input\n              type=\"radio\"\n              name=\"duplicate-action\"\n              checked={duplicateAction === 'replace'}\n              onChange={() => setDuplicateAction('replace')}\n            />\n            {t('notebook.overwrite.modal.replace')}\n          </label>\n          <label>\n            <input\n              type=\"radio\"\n              name=\"duplicate-action\"\n              checked={duplicateAction === 'ignore'}\n              onChange={() => setDuplicateAction('ignore')}\n            />\n            {t('notebook.overwrite.modal.ignore')}\n          </label>\n        </div>\n\n        <ul className={classes.fileList}>\n          {allFiles.map(file => (\n            <li\n              key={file.name}\n              className={isCompact ? classes.fileItemCompact : classes.fileItem}\n            >\n              <FileTypeIcon fileName={file.name} />\n              <Typography className={classes.fileName}>{file.name}</Typography>\n              {duplicateSet.has(file.name) && (\n                <ExclamationTriangleIcon className={classes.warningIcon} />\n              )}\n            </li>\n          ))}\n        </ul>\n      </DialogContent>\n\n      <div\n        className={\n          isCompact ? classes.dialogActionsCompact : classes.dialogActions\n        }\n      >\n        <Button\n          variant=\"primary\"\n          onClick={handleConfirm}\n          isDisabled={filesToUpload.length === 0}\n        >\n          {(t as Function)('notebook.overwrite.modal.action', {\n            count: filesToUpload.length,\n          })}\n        </Button>\n        <Button variant=\"link\" onClick={onBack}>\n          {t('notebook.overwrite.modal.back')}\n        </Button>\n      </div>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"OverwriteConfirmModal.esm.js","sources":["../../../src/components/notebooks/OverwriteConfirmModal.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, useMemo, useState } from 'react';\n\nimport CloseIcon from '@mui/icons-material/Close';\nimport Box from '@mui/material/Box';\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 { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport { Alert, Button } from '@patternfly/react-core';\nimport { ExclamationTriangleIcon } from '@patternfly/react-icons';\n\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { getScopedDialogProps } from '../../utils/scoped-dialog-utils';\nimport { FileTypeIcon } from './FileTypeIcon';\nimport {\n  notebookDialogActionsSx,\n  notebookDialogCloseButtonSx,\n  notebookDialogContentSx,\n  notebookDialogPaperSx,\n  notebookDialogTitleSx,\n  notebookDialogTitleTextSx,\n  optionalStyle,\n} from './notebookDialogStyles';\n\nconst WarningAlert = styled(Alert)(({ theme }) => ({\n  '--pf-v6-c-alert--PaddingBlockEnd': '0',\n  marginBottom: theme.spacing(2),\n  '& .pf-v6-c-alert__title': {\n    marginTop: 0,\n  },\n}));\n\nconst RadioGroup = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1),\n  marginBottom: theme.spacing(2),\n  '& label': {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    cursor: 'pointer',\n    fontSize: '0.875rem',\n  },\n  '& input[type=\"radio\"]': {\n    cursor: 'pointer',\n  },\n}));\n\nconst FileList = styled('ul')({\n  margin: 0,\n  padding: 0,\n  listStyle: 'none',\n  maxHeight: 300,\n  overflowY: 'auto',\n});\n\nconst FileItem = styled('li', {\n  shouldForwardProp: prop => prop !== 'isCompact',\n})<{ isCompact?: boolean }>(({ theme, isCompact }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  ...(isCompact\n    ? {\n        padding: `${theme.spacing(1)} 0`,\n        borderBottom:\n          '1px solid var(--pf-t--global--border--color--default, #c7c7c7)',\n      }\n    : {\n        padding: theme.spacing(1.5),\n        border: '1px solid var(--pf-t--global--border--color--default)',\n        borderRadius: 8,\n        marginBottom: theme.spacing(1),\n      }),\n}));\n\nconst WarningIcon = styled(ExclamationTriangleIcon)({\n  color: 'var(--pf-t--global--color--status--warning--default)',\n  fontSize: '1rem',\n  flexShrink: 0,\n});\n\ntype OverwriteConfirmModalProps = {\n  isOpen: boolean;\n  onClose: () => void;\n  onConfirm: (filesToUpload: File[]) => void;\n  onBack: () => void;\n  allFiles: File[];\n  duplicateFileNames: string[];\n  isCompact?: boolean;\n};\n\nexport const OverwriteConfirmModal = ({\n  isOpen,\n  onClose,\n  onConfirm,\n  onBack,\n  allFiles,\n  duplicateFileNames,\n  isCompact = false,\n}: OverwriteConfirmModalProps) => {\n  const { t } = useTranslation();\n  const [duplicateAction, setDuplicateAction] = useState<'replace' | 'ignore'>(\n    'replace',\n  );\n\n  useEffect(() => {\n    if (isOpen) setDuplicateAction('replace');\n  }, [isOpen]);\n\n  const duplicateSet = useMemo(\n    () => new Set(duplicateFileNames),\n    [duplicateFileNames],\n  );\n  const newFiles = allFiles.filter(f => !duplicateSet.has(f.name));\n  const duplicateFiles = allFiles.filter(f => duplicateSet.has(f.name));\n\n  const filesToUpload = duplicateAction === 'replace' ? allFiles : newFiles;\n\n  const handleConfirm = () => {\n    onConfirm(filesToUpload);\n    setDuplicateAction('replace');\n  };\n\n  const handleClose = () => {\n    setDuplicateAction('replace');\n    onClose();\n  };\n\n  const scopedProps = getScopedDialogProps(isCompact);\n\n  return (\n    <Dialog\n      open={isOpen}\n      onClose={handleClose}\n      aria-labelledby=\"overwrite-confirm-modal-title\"\n      {...scopedProps}\n      PaperProps={{\n        ...scopedProps.PaperProps,\n        sx: [\n          notebookDialogPaperSx(isCompact),\n          optionalStyle(scopedProps.PaperProps?.sx),\n        ],\n      }}\n    >\n      <DialogTitle sx={notebookDialogTitleSx(isCompact)}>\n        <Typography\n          component=\"h2\"\n          sx={\n            isCompact\n              ? {\n                  fontWeight: 600,\n                  fontSize: '1rem',\n                  lineHeight: '1.375rem',\n                  letterSpacing: '-0.25px',\n                }\n              : notebookDialogTitleTextSx(false)\n          }\n        >\n          {(t as Function)(\n            duplicateFiles.length === 1\n              ? 'notebook.overwrite.modal.title.one'\n              : 'notebook.overwrite.modal.title.other',\n          )}\n        </Typography>\n        <IconButton\n          aria-label={t('common.close')}\n          onClick={handleClose}\n          sx={notebookDialogCloseButtonSx}\n          size=\"small\"\n        >\n          <CloseIcon fontSize={isCompact ? 'small' : 'medium'} />\n        </IconButton>\n      </DialogTitle>\n\n      <DialogContent sx={notebookDialogContentSx(isCompact)}>\n        <WarningAlert\n          variant=\"warning\"\n          isInline\n          title={(t as Function)(\n            duplicateFiles.length === 1\n              ? 'notebook.overwrite.modal.description.one'\n              : 'notebook.overwrite.modal.description.other',\n            {\n              duplicateCount: duplicateFiles.length,\n              newCount: newFiles.length,\n            },\n          )}\n        />\n\n        <RadioGroup>\n          <label>\n            <input\n              type=\"radio\"\n              name=\"duplicate-action\"\n              checked={duplicateAction === 'replace'}\n              onChange={() => setDuplicateAction('replace')}\n            />\n            {t('notebook.overwrite.modal.replace')}\n          </label>\n          <label>\n            <input\n              type=\"radio\"\n              name=\"duplicate-action\"\n              checked={duplicateAction === 'ignore'}\n              onChange={() => setDuplicateAction('ignore')}\n            />\n            {t('notebook.overwrite.modal.ignore')}\n          </label>\n        </RadioGroup>\n\n        <FileList>\n          {allFiles.map(file => (\n            <FileItem key={file.name} isCompact={isCompact}>\n              <FileTypeIcon fileName={file.name} />\n              <Typography\n                sx={{\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              >\n                {file.name}\n              </Typography>\n              {duplicateSet.has(file.name) && <WarningIcon />}\n            </FileItem>\n          ))}\n        </FileList>\n      </DialogContent>\n\n      <Box sx={[notebookDialogActionsSx(isCompact), { display: 'flex' }]}>\n        <Button\n          variant=\"primary\"\n          onClick={handleConfirm}\n          isDisabled={filesToUpload.length === 0}\n        >\n          {(t as Function)('notebook.overwrite.modal.action', {\n            count: filesToUpload.length,\n          })}\n        </Button>\n        <Button variant=\"link\" onClick={onBack}>\n          {t('notebook.overwrite.modal.back')}\n        </Button>\n      </Box>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,70 +1,78 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { makeStyles, Typography } from '@material-ui/core';
-import { Spinner, Button } from '@patternfly/react-core';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import Typography from '@mui/material/Typography';
+import { Button, Spinner } from '@patternfly/react-core';
 import { AddCircleOIcon } from '@patternfly/react-icons';
 import { CatalogIcon } from '@patternfly/react-icons/dist/esm/icons';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 
-const useStyles = makeStyles((theme) => ({
-  container: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "center",
-    flex: 1,
-    textAlign: "center",
-    gap: theme.spacing(2)
-  },
-  icon: {
-    fontSize: 48,
-    color: "var(--pf-t--global--icon--color--subtle)",
-    "& > .pf-v6-icon-rh-ui": {
-      display: "none !important"
-    }
-  },
-  headingRow: {
-    display: "flex",
-    alignItems: "center",
-    gap: theme.spacing(1)
-  },
-  heading: {
-    fontWeight: 500,
-    fontSize: "1.5rem",
-    lineHeight: "2rem",
-    letterSpacing: "-0.25px"
-  },
-  description: {
-    color: "var(--pf-t--global--text--color--subtle)",
-    maxWidth: 400
-  },
-  uploadButton: {
-    textTransform: "none",
-    borderRadius: 999,
-    paddingLeft: theme.spacing(3),
-    paddingRight: theme.spacing(3)
+const Container = styled("div")(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  flex: 1,
+  textAlign: "center",
+  gap: theme.spacing(2)
+}));
+const EmptyIcon = styled(CatalogIcon)({
+  fontSize: 48,
+  color: "var(--pf-t--global--icon--color--subtle)",
+  "& > .pf-v6-icon-rh-ui": {
+    display: "none !important"
   }
+});
+const Heading = styled(Typography)({
+  fontWeight: 500,
+  fontSize: "1.5rem",
+  lineHeight: "2rem",
+  letterSpacing: "-0.25px"
+});
+const UploadButton = styled(Button)(({ theme }) => ({
+  textTransform: "none",
+  borderRadius: 999,
+  paddingLeft: theme.spacing(3),
+  paddingRight: theme.spacing(3)
 }));
 const UploadResourceScreen = ({
   onUploadClick,
   isProcessing = false
 }) => {
-  const classes = useStyles();
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: classes.container, children: [
-    /* @__PURE__ */ jsx(CatalogIcon, { className: classes.icon }),
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsx(EmptyIcon, {}),
     isProcessing ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: classes.headingRow, children: [
-        /* @__PURE__ */ jsx(Spinner, { size: "md" }),
-        /* @__PURE__ */ jsx(Typography, { className: classes.heading, children: t("notebook.view.processing.heading") })
-      ] }),
-      /* @__PURE__ */ jsx(Typography, { className: classes.description, children: t("notebook.view.processing.description") })
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          sx: {
+            display: "flex",
+            alignItems: "center",
+            gap: 1
+          },
+          children: [
+            /* @__PURE__ */ jsx(Spinner, { size: "md" }),
+            /* @__PURE__ */ jsx(Heading, { children: t("notebook.view.processing.heading") })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          sx: {
+            color: "var(--pf-t--global--text--color--subtle)",
+            maxWidth: 400
+          },
+          children: t("notebook.view.processing.description")
+        }
+      )
     ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Typography, { className: classes.heading, children: t("notebook.view.upload.heading") }),
+      /* @__PURE__ */ jsx(Heading, { children: t("notebook.view.upload.heading") }),
       /* @__PURE__ */ jsx(
-        Button,
+        UploadButton,
         {
           variant: "secondary",
-          className: classes.uploadButton,
           icon: /* @__PURE__ */ jsx(AddCircleOIcon, {}),
           iconPosition: "start",
           onClick: onUploadClick,

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

@@ -1 +1 @@
-{"version":3,"file":"UploadResourceScreen.esm.js","sources":["../../../src/components/notebooks/UploadResourceScreen.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 } from '@patternfly/react-core';\nimport { AddCircleOIcon } from '@patternfly/react-icons';\nimport { CatalogIcon } from '@patternfly/react-icons/dist/esm/icons';\n\nimport { useTranslation } from '../../hooks/useTranslation';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flex: 1,\n    textAlign: 'center',\n    gap: theme.spacing(2),\n  },\n  icon: {\n    fontSize: 48,\n    color: 'var(--pf-t--global--icon--color--subtle)',\n    '& > .pf-v6-icon-rh-ui': {\n      display: 'none !important',\n    },\n  },\n  headingRow: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  },\n  heading: {\n    fontWeight: 500,\n    fontSize: '1.5rem',\n    lineHeight: '2rem',\n    letterSpacing: '-0.25px',\n  },\n  description: {\n    color: 'var(--pf-t--global--text--color--subtle)',\n    maxWidth: 400,\n  },\n  uploadButton: {\n    textTransform: 'none',\n    borderRadius: 999,\n    paddingLeft: theme.spacing(3),\n    paddingRight: theme.spacing(3),\n  },\n}));\n\ntype UploadResourceScreenProps = {\n  onUploadClick: () => void;\n  isProcessing?: boolean;\n};\n\nexport const UploadResourceScreen = ({\n  onUploadClick,\n  isProcessing = false,\n}: UploadResourceScreenProps) => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n  return (\n    <div className={classes.container}>\n      <CatalogIcon className={classes.icon} />\n      {isProcessing ? (\n        <>\n          <div className={classes.headingRow}>\n            <Spinner size=\"md\" />\n            <Typography className={classes.heading}>\n              {t('notebook.view.processing.heading')}\n            </Typography>\n          </div>\n          <Typography className={classes.description}>\n            {t('notebook.view.processing.description')}\n          </Typography>\n        </>\n      ) : (\n        <>\n          <Typography className={classes.heading}>\n            {t('notebook.view.upload.heading')}\n          </Typography>\n          <Button\n            variant=\"secondary\"\n            className={classes.uploadButton}\n            icon={<AddCircleOIcon />}\n            iconPosition=\"start\"\n            onClick={onUploadClick}\n          >\n            {t('notebook.view.upload.action')}\n          </Button>\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"UploadResourceScreen.esm.js","sources":["../../../src/components/notebooks/UploadResourceScreen.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 Box from '@mui/material/Box';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport { Button, Spinner } from '@patternfly/react-core';\nimport { AddCircleOIcon } from '@patternfly/react-icons';\nimport { CatalogIcon } from '@patternfly/react-icons/dist/esm/icons';\n\nimport { useTranslation } from '../../hooks/useTranslation';\n\nconst Container = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  flex: 1,\n  textAlign: 'center',\n  gap: theme.spacing(2),\n}));\n\nconst EmptyIcon = styled(CatalogIcon)({\n  fontSize: 48,\n  color: 'var(--pf-t--global--icon--color--subtle)',\n  '& > .pf-v6-icon-rh-ui': {\n    display: 'none !important',\n  },\n});\n\nconst Heading = styled(Typography)({\n  fontWeight: 500,\n  fontSize: '1.5rem',\n  lineHeight: '2rem',\n  letterSpacing: '-0.25px',\n});\n\nconst UploadButton = styled(Button)(({ theme }) => ({\n  textTransform: 'none',\n  borderRadius: 999,\n  paddingLeft: theme.spacing(3),\n  paddingRight: theme.spacing(3),\n}));\n\ntype UploadResourceScreenProps = {\n  onUploadClick: () => void;\n  isProcessing?: boolean;\n};\n\nexport const UploadResourceScreen = ({\n  onUploadClick,\n  isProcessing = false,\n}: UploadResourceScreenProps) => {\n  const { t } = useTranslation();\n  return (\n    <Container>\n      <EmptyIcon />\n      {isProcessing ? (\n        <>\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 1,\n            }}\n          >\n            <Spinner size=\"md\" />\n            <Heading>{t('notebook.view.processing.heading')}</Heading>\n          </Box>\n          <Typography\n            sx={{\n              color: 'var(--pf-t--global--text--color--subtle)',\n              maxWidth: 400,\n            }}\n          >\n            {t('notebook.view.processing.description')}\n          </Typography>\n        </>\n      ) : (\n        <>\n          <Heading>{t('notebook.view.upload.heading')}</Heading>\n          <UploadButton\n            variant=\"secondary\"\n            icon={<AddCircleOIcon />}\n            iconPosition=\"start\"\n            onClick={onUploadClick}\n          >\n            {t('notebook.view.upload.action')}\n          </UploadButton>\n        </>\n      )}\n    </Container>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAyBA,MAAM,YAAY,MAAA,CAAO,KAAK,EAAE,CAAC,EAAE,OAAM,MAAO;AAAA,EAC9C,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,UAAA,EAAY,QAAA;AAAA,EACZ,cAAA,EAAgB,QAAA;AAAA,EAChB,IAAA,EAAM,CAAA;AAAA,EACN,SAAA,EAAW,QAAA;AAAA,EACX,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC;AACtB,CAAA,CAAE,CAAA;AAEF,MAAM,SAAA,GAAY,MAAA,CAAO,WAAW,CAAA,CAAE;AAAA,EACpC,QAAA,EAAU,EAAA;AAAA,EACV,KAAA,EAAO,0CAAA;AAAA,EACP,uBAAA,EAAyB;AAAA,IACvB,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAED,MAAM,OAAA,GAAU,MAAA,CAAO,UAAU,CAAA,CAAE;AAAA,EACjC,UAAA,EAAY,GAAA;AAAA,EACZ,QAAA,EAAU,QAAA;AAAA,EACV,UAAA,EAAY,MAAA;AAAA,EACZ,aAAA,EAAe;AACjB,CAAC,CAAA;AAED,MAAM,eAAe,MAAA,CAAO,MAAM,EAAE,CAAC,EAAE,OAAM,MAAO;AAAA,EAClD,aAAA,EAAe,MAAA;AAAA,EACf,YAAA,EAAc,GAAA;AAAA,EACd,WAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,EAC5B,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC;AAC/B,CAAA,CAAE,CAAA;AAOK,MAAM,uBAAuB,CAAC;AAAA,EACnC,aAAA;AAAA,EACA,YAAA,GAAe;AACjB,CAAA,KAAiC;AAC/B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,4BACG,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA;AAAA,IACV,+BACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI;AAAA,YACF,OAAA,EAAS,MAAA;AAAA,YACT,UAAA,EAAY,QAAA;AAAA,YACZ,GAAA,EAAK;AAAA,WACP;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,MAAK,IAAA,EAAK,CAAA;AAAA,4BACnB,GAAA,CAAC,OAAA,EAAA,EAAS,QAAA,EAAA,CAAA,CAAE,kCAAkC,CAAA,EAAE;AAAA;AAAA;AAAA,OAClD;AAAA,sBACA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI;AAAA,YACF,KAAA,EAAO,0CAAA;AAAA,YACP,QAAA,EAAU;AAAA,WACZ;AAAA,UAEC,YAAE,sCAAsC;AAAA;AAAA;AAC3C,KAAA,EACF,oBAEA,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAA,EAAA,EAAS,QAAA,EAAA,CAAA,CAAE,8BAA8B,CAAA,EAAE,CAAA;AAAA,sBAC5C,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,WAAA;AAAA,UACR,IAAA,sBAAO,cAAA,EAAA,EAAe,CAAA;AAAA,UACtB,YAAA,EAAa,OAAA;AAAA,UACb,OAAA,EAAS,aAAA;AAAA,UAER,YAAE,6BAA6B;AAAA;AAAA;AAClC,KAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}