@perses-dev/dashboards 0.53.0 → 0.54.0-beta.0

package/dist/components/DashboardLinks/DashboardLinksEditor.js

@@ -0,0 +1,353 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Button, Stack, Box, Typography, IconButton, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Collapse } from '@mui/material';
+import AddIcon from 'mdi-material-ui/Plus';
+import TrashIcon from 'mdi-material-ui/TrashCan';
+import ArrowUp from 'mdi-material-ui/ArrowUp';
+import ArrowDown from 'mdi-material-ui/ArrowDown';
+import PencilIcon from 'mdi-material-ui/Pencil';
+import ChevronUp from 'mdi-material-ui/ChevronUp';
+import { useImmer } from 'use-immer';
+import { InfoTooltip, LinkEditorForm } from '@perses-dev/components';
+import { useDiscardChangesConfirmationDialog } from '../../context';
+const DEFAULT_LINK = {
+    url: '',
+    name: '',
+    tooltip: '',
+    renderVariables: true,
+    targetBlank: true
+};
+export function DashboardLinksEditor({ links: initialLinks, onChange, onCancel }) {
+    const [links, setLinks] = useImmer(initialLinks);
+    const [expandedIndex, setExpandedIndex] = useState(null);
+    const { openDiscardChangesConfirmationDialog, closeDiscardChangesConfirmationDialog } = useDiscardChangesConfirmationDialog();
+    const handleCancel = ()=>{
+        if (JSON.stringify(initialLinks) !== JSON.stringify(links)) {
+            openDiscardChangesConfirmationDialog({
+                onDiscardChanges: ()=>{
+                    closeDiscardChangesConfirmationDialog();
+                    onCancel();
+                },
+                onCancel: closeDiscardChangesConfirmationDialog
+            });
+        } else {
+            onCancel();
+        }
+    };
+    const handleAdd = ()=>{
+        setLinks((draft)=>{
+            draft.push({
+                ...DEFAULT_LINK
+            });
+        });
+        setExpandedIndex(links.length);
+    };
+    const handleRemove = (index)=>{
+        setLinks((draft)=>{
+            draft.splice(index, 1);
+        });
+        if (expandedIndex === index) {
+            setExpandedIndex(null);
+        } else if (expandedIndex !== null && expandedIndex > index) {
+            setExpandedIndex(expandedIndex - 1);
+        }
+    };
+    const handleMoveUp = (index)=>{
+        if (index === 0) return;
+        setLinks((draft)=>{
+            const temp = draft[index - 1];
+            if (temp && draft[index]) {
+                draft[index - 1] = draft[index];
+                draft[index] = temp;
+            }
+        });
+        if (expandedIndex === index) {
+            setExpandedIndex(index - 1);
+        } else if (expandedIndex === index - 1) {
+            setExpandedIndex(index);
+        }
+    };
+    const handleMoveDown = (index)=>{
+        if (index >= links.length - 1) return;
+        setLinks((draft)=>{
+            const temp = draft[index + 1];
+            if (temp && draft[index]) {
+                draft[index + 1] = draft[index];
+                draft[index] = temp;
+            }
+        });
+        if (expandedIndex === index) {
+            setExpandedIndex(index + 1);
+        } else if (expandedIndex === index + 1) {
+            setExpandedIndex(index);
+        }
+    };
+    const handleUpdateLink = (index, link)=>{
+        setLinks((draft)=>{
+            draft[index] = link;
+        });
+    };
+    const isValid = links.every((link)=>link.url.trim().length > 0);
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(Box, {
+                sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    padding: (theme)=>theme.spacing(1, 2),
+                    borderBottom: (theme)=>`1px solid ${theme.palette.divider}`
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "h2",
+                        children: "Edit Dashboard Links"
+                    }),
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 1,
+                        marginLeft: "auto",
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                disabled: !isValid,
+                                variant: "contained",
+                                onClick: ()=>onChange(links),
+                                children: "Apply"
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                color: "secondary",
+                                variant: "outlined",
+                                onClick: handleCancel,
+                                children: "Cancel"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Box, {
+                padding: 2,
+                sx: {
+                    overflowY: 'scroll'
+                },
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    children: [
+                        /*#__PURE__*/ _jsx(TableContainer, {
+                            children: /*#__PURE__*/ _jsxs(Table, {
+                                size: "small",
+                                sx: {
+                                    tableLayout: 'fixed',
+                                    width: '100%'
+                                },
+                                "aria-label": "table of dashboard links",
+                                children: [
+                                    /*#__PURE__*/ _jsx(TableHead, {
+                                        children: /*#__PURE__*/ _jsxs(TableRow, {
+                                            children: [
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: "Name"
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: "URL"
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    width: 80,
+                                                    children: "New Tab"
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    align: "right",
+                                                    width: 180,
+                                                    children: "Actions"
+                                                })
+                                            ]
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableBody, {
+                                        children: links.map((link, index)=>/*#__PURE__*/ _jsx(LinkTableRow, {
+                                                link: link,
+                                                index: index,
+                                                isFirst: index === 0,
+                                                isLast: index === links.length - 1,
+                                                isExpanded: expandedIndex === index,
+                                                onToggleExpand: ()=>setExpandedIndex(expandedIndex === index ? null : index),
+                                                onUpdate: (updatedLink)=>handleUpdateLink(index, updatedLink),
+                                                onRemove: ()=>handleRemove(index),
+                                                onMoveUp: ()=>handleMoveUp(index),
+                                                onMoveDown: ()=>handleMoveDown(index)
+                                            }, index))
+                                    })
+                                ]
+                            })
+                        }),
+                        links.length === 0 && /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body1",
+                            color: "text.secondary",
+                            fontStyle: "italic",
+                            textAlign: "center",
+                            py: 4,
+                            children: "No links defined. Click 'Add Link' to create one."
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "contained",
+                            startIcon: /*#__PURE__*/ _jsx(AddIcon, {}),
+                            onClick: handleAdd,
+                            sx: {
+                                alignSelf: 'flex-start'
+                            },
+                            children: "Add Link"
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+function LinkTableRow({ link, index, isFirst, isLast, isExpanded, onToggleExpand, onUpdate, onRemove, onMoveUp, onMoveDown }) {
+    const displayName = link.name?.trim() || `Link ${index + 1}`;
+    const hasError = link.url.trim().length === 0;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(TableRow, {
+                children: [
+                    /*#__PURE__*/ _jsx(TableCell, {
+                        component: "th",
+                        scope: "row",
+                        sx: {
+                            fontWeight: 'bold',
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis'
+                        },
+                        children: displayName
+                    }),
+                    /*#__PURE__*/ _jsx(TableCell, {
+                        sx: {
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                            color: hasError ? 'error.main' : undefined
+                        },
+                        children: /*#__PURE__*/ _jsx(InfoTooltip, {
+                            description: link.url,
+                            enterDelay: 100,
+                            children: link.url || '(no URL)'
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(TableCell, {
+                        children: link.targetBlank ? 'Yes' : 'No'
+                    }),
+                    /*#__PURE__*/ _jsxs(TableCell, {
+                        align: "right",
+                        sx: {
+                            whiteSpace: 'nowrap'
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(IconButton, {
+                                onClick: onMoveUp,
+                                disabled: isFirst,
+                                "aria-label": "Move link up",
+                                children: /*#__PURE__*/ _jsx(ArrowUp, {})
+                            }),
+                            /*#__PURE__*/ _jsx(IconButton, {
+                                onClick: onMoveDown,
+                                disabled: isLast,
+                                "aria-label": "Move link down",
+                                children: /*#__PURE__*/ _jsx(ArrowDown, {})
+                            }),
+                            /*#__PURE__*/ _jsx(IconButton, {
+                                onClick: onToggleExpand,
+                                "aria-label": isExpanded ? 'Collapse link editor' : 'Edit link',
+                                children: isExpanded ? /*#__PURE__*/ _jsx(ChevronUp, {}) : /*#__PURE__*/ _jsx(PencilIcon, {})
+                            }),
+                            /*#__PURE__*/ _jsx(IconButton, {
+                                onClick: onRemove,
+                                "aria-label": "Remove link",
+                                children: /*#__PURE__*/ _jsx(TrashIcon, {})
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(TableRow, {
+                children: /*#__PURE__*/ _jsx(TableCell, {
+                    colSpan: 4,
+                    sx: {
+                        paddingBottom: 0,
+                        paddingTop: 0,
+                        border: isExpanded ? undefined : 'none'
+                    },
+                    children: /*#__PURE__*/ _jsx(Collapse, {
+                        in: isExpanded,
+                        timeout: "auto",
+                        unmountOnExit: true,
+                        children: /*#__PURE__*/ _jsx(Box, {
+                            sx: {
+                                margin: 2
+                            },
+                            children: /*#__PURE__*/ _jsx(LinkEditorForm, {
+                                mode: "modalEmbedded",
+                                url: {
+                                    value: link.url,
+                                    label: 'URL',
+                                    error: {
+                                        hasError: hasError,
+                                        helperText: hasError ? 'URL is required' : undefined
+                                    },
+                                    placeholder: 'https://example.com/dashboard?var=$variable',
+                                    onChange: (url)=>onUpdate({
+                                            ...link,
+                                            url
+                                        })
+                                },
+                                name: {
+                                    value: link.name ?? '',
+                                    label: 'Display Name',
+                                    onChange: (name)=>onUpdate({
+                                            ...link,
+                                            name
+                                        })
+                                },
+                                tooltip: {
+                                    value: link.tooltip ?? '',
+                                    label: 'Tooltip',
+                                    onChange: (tooltip)=>onUpdate({
+                                            ...link,
+                                            tooltip
+                                        })
+                                },
+                                renderVariables: {
+                                    value: link.renderVariables ?? true,
+                                    label: 'Replace variables in URL',
+                                    onChange: (renderVariables)=>onUpdate({
+                                            ...link,
+                                            renderVariables
+                                        })
+                                },
+                                newTabOpen: {
+                                    value: link.targetBlank ?? true,
+                                    label: 'Open in new tab',
+                                    onChange: (targetBlank)=>onUpdate({
+                                            ...link,
+                                            targetBlank
+                                        })
+                                }
+                            })
+                        })
+                    })
+                })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=DashboardLinksEditor.js.map

package/dist/components/DashboardLinks/DashboardLinksEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DashboardLinks/DashboardLinksEditor.tsx"],"sourcesContent":["// Copyright The Perses Authors\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\nimport { useState, ReactElement } from 'react';\nimport {\n  Button,\n  Stack,\n  Box,\n  Typography,\n  IconButton,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  Collapse,\n} from '@mui/material';\nimport AddIcon from 'mdi-material-ui/Plus';\nimport TrashIcon from 'mdi-material-ui/TrashCan';\nimport ArrowUp from 'mdi-material-ui/ArrowUp';\nimport ArrowDown from 'mdi-material-ui/ArrowDown';\nimport PencilIcon from 'mdi-material-ui/Pencil';\nimport ChevronUp from 'mdi-material-ui/ChevronUp';\nimport { Link } from '@perses-dev/spec';\nimport { useImmer } from 'use-immer';\nimport { InfoTooltip, LinkEditorForm } from '@perses-dev/components';\nimport { useDiscardChangesConfirmationDialog } from '../../context';\n\nexport interface DashboardLinksEditorProps {\n  links: Link[];\n  onChange: (links: Link[]) => void;\n  onCancel: () => void;\n}\n\nconst DEFAULT_LINK: Link = {\n  url: '',\n  name: '',\n  tooltip: '',\n  renderVariables: true,\n  targetBlank: true,\n};\n\nexport function DashboardLinksEditor({\n  links: initialLinks,\n  onChange,\n  onCancel,\n}: DashboardLinksEditorProps): ReactElement {\n  const [links, setLinks] = useImmer(initialLinks);\n  const [expandedIndex, setExpandedIndex] = useState<number | null>(null);\n\n  const { openDiscardChangesConfirmationDialog, closeDiscardChangesConfirmationDialog } =\n    useDiscardChangesConfirmationDialog();\n\n  const handleCancel = (): void => {\n    if (JSON.stringify(initialLinks) !== JSON.stringify(links)) {\n      openDiscardChangesConfirmationDialog({\n        onDiscardChanges: () => {\n          closeDiscardChangesConfirmationDialog();\n          onCancel();\n        },\n        onCancel: closeDiscardChangesConfirmationDialog,\n      });\n    } else {\n      onCancel();\n    }\n  };\n\n  const handleAdd = (): void => {\n    setLinks((draft) => {\n      draft.push({ ...DEFAULT_LINK });\n    });\n    setExpandedIndex(links.length);\n  };\n\n  const handleRemove = (index: number): void => {\n    setLinks((draft) => {\n      draft.splice(index, 1);\n    });\n    if (expandedIndex === index) {\n      setExpandedIndex(null);\n    } else if (expandedIndex !== null && expandedIndex > index) {\n      setExpandedIndex(expandedIndex - 1);\n    }\n  };\n\n  const handleMoveUp = (index: number): void => {\n    if (index === 0) return;\n    setLinks((draft) => {\n      const temp = draft[index - 1];\n      if (temp && draft[index]) {\n        draft[index - 1] = draft[index]!;\n        draft[index] = temp;\n      }\n    });\n    if (expandedIndex === index) {\n      setExpandedIndex(index - 1);\n    } else if (expandedIndex === index - 1) {\n      setExpandedIndex(index);\n    }\n  };\n\n  const handleMoveDown = (index: number): void => {\n    if (index >= links.length - 1) return;\n    setLinks((draft) => {\n      const temp = draft[index + 1];\n      if (temp && draft[index]) {\n        draft[index + 1] = draft[index]!;\n        draft[index] = temp;\n      }\n    });\n    if (expandedIndex === index) {\n      setExpandedIndex(index + 1);\n    } else if (expandedIndex === index + 1) {\n      setExpandedIndex(index);\n    }\n  };\n\n  const handleUpdateLink = (index: number, link: Link): void => {\n    setLinks((draft) => {\n      draft[index] = link;\n    });\n  };\n\n  const isValid = links.every((link) => link.url.trim().length > 0);\n\n  return (\n    <>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          padding: (theme) => theme.spacing(1, 2),\n          borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n        }}\n      >\n        <Typography variant=\"h2\">Edit Dashboard Links</Typography>\n        <Stack direction=\"row\" spacing={1} marginLeft=\"auto\">\n          <Button disabled={!isValid} variant=\"contained\" onClick={() => onChange(links)}>\n            Apply\n          </Button>\n          <Button color=\"secondary\" variant=\"outlined\" onClick={handleCancel}>\n            Cancel\n          </Button>\n        </Stack>\n      </Box>\n      <Box padding={2} sx={{ overflowY: 'scroll' }}>\n        <Stack spacing={2}>\n          <TableContainer>\n            <Table size=\"small\" sx={{ tableLayout: 'fixed', width: '100%' }} aria-label=\"table of dashboard links\">\n              <TableHead>\n                <TableRow>\n                  <TableCell>Name</TableCell>\n                  <TableCell>URL</TableCell>\n                  <TableCell width={80}>New Tab</TableCell>\n                  <TableCell align=\"right\" width={180}>\n                    Actions\n                  </TableCell>\n                </TableRow>\n              </TableHead>\n              <TableBody>\n                {links.map((link, index) => (\n                  <LinkTableRow\n                    key={index}\n                    link={link}\n                    index={index}\n                    isFirst={index === 0}\n                    isLast={index === links.length - 1}\n                    isExpanded={expandedIndex === index}\n                    onToggleExpand={() => setExpandedIndex(expandedIndex === index ? null : index)}\n                    onUpdate={(updatedLink) => handleUpdateLink(index, updatedLink)}\n                    onRemove={() => handleRemove(index)}\n                    onMoveUp={() => handleMoveUp(index)}\n                    onMoveDown={() => handleMoveDown(index)}\n                  />\n                ))}\n              </TableBody>\n            </Table>\n          </TableContainer>\n          {links.length === 0 && (\n            <Typography variant=\"body1\" color=\"text.secondary\" fontStyle=\"italic\" textAlign=\"center\" py={4}>\n              No links defined. Click &apos;Add Link&apos; to create one.\n            </Typography>\n          )}\n          <Button variant=\"contained\" startIcon={<AddIcon />} onClick={handleAdd} sx={{ alignSelf: 'flex-start' }}>\n            Add Link\n          </Button>\n        </Stack>\n      </Box>\n    </>\n  );\n}\n\ninterface LinkTableRowProps {\n  link: Link;\n  index: number;\n  isFirst: boolean;\n  isLast: boolean;\n  isExpanded: boolean;\n  onToggleExpand: () => void;\n  onUpdate: (link: Link) => void;\n  onRemove: () => void;\n  onMoveUp: () => void;\n  onMoveDown: () => void;\n}\n\nfunction LinkTableRow({\n  link,\n  index,\n  isFirst,\n  isLast,\n  isExpanded,\n  onToggleExpand,\n  onUpdate,\n  onRemove,\n  onMoveUp,\n  onMoveDown,\n}: LinkTableRowProps): ReactElement {\n  const displayName = link.name?.trim() || `Link ${index + 1}`;\n  const hasError = link.url.trim().length === 0;\n\n  return (\n    <>\n      <TableRow>\n        <TableCell component=\"th\" scope=\"row\" sx={{ fontWeight: 'bold', overflow: 'hidden', textOverflow: 'ellipsis' }}>\n          {displayName}\n        </TableCell>\n        <TableCell\n          sx={{\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n            color: hasError ? 'error.main' : undefined,\n          }}\n        >\n          <InfoTooltip description={link.url} enterDelay={100}>\n            {link.url || '(no URL)'}\n          </InfoTooltip>\n        </TableCell>\n        <TableCell>{link.targetBlank ? 'Yes' : 'No'}</TableCell>\n        <TableCell align=\"right\" sx={{ whiteSpace: 'nowrap' }}>\n          <IconButton onClick={onMoveUp} disabled={isFirst} aria-label=\"Move link up\">\n            <ArrowUp />\n          </IconButton>\n          <IconButton onClick={onMoveDown} disabled={isLast} aria-label=\"Move link down\">\n            <ArrowDown />\n          </IconButton>\n          <IconButton onClick={onToggleExpand} aria-label={isExpanded ? 'Collapse link editor' : 'Edit link'}>\n            {isExpanded ? <ChevronUp /> : <PencilIcon />}\n          </IconButton>\n          <IconButton onClick={onRemove} aria-label=\"Remove link\">\n            <TrashIcon />\n          </IconButton>\n        </TableCell>\n      </TableRow>\n      <TableRow>\n        <TableCell colSpan={4} sx={{ paddingBottom: 0, paddingTop: 0, border: isExpanded ? undefined : 'none' }}>\n          <Collapse in={isExpanded} timeout=\"auto\" unmountOnExit>\n            <Box sx={{ margin: 2 }}>\n              <LinkEditorForm\n                mode=\"modalEmbedded\"\n                url={{\n                  value: link.url,\n                  label: 'URL',\n                  error: { hasError: hasError, helperText: hasError ? 'URL is required' : undefined },\n                  placeholder: 'https://example.com/dashboard?var=$variable',\n                  onChange: (url) => onUpdate({ ...link, url }),\n                }}\n                name={{\n                  value: link.name ?? '',\n                  label: 'Display Name',\n                  onChange: (name) => onUpdate({ ...link, name }),\n                }}\n                tooltip={{\n                  value: link.tooltip ?? '',\n                  label: 'Tooltip',\n                  onChange: (tooltip) => onUpdate({ ...link, tooltip }),\n                }}\n                renderVariables={{\n                  value: link.renderVariables ?? true,\n                  label: 'Replace variables in URL',\n                  onChange: (renderVariables) => onUpdate({ ...link, renderVariables }),\n                }}\n                newTabOpen={{\n                  value: link.targetBlank ?? true,\n                  label: 'Open in new tab',\n                  onChange: (targetBlank) => onUpdate({ ...link, targetBlank }),\n                }}\n              />\n            </Box>\n          </Collapse>\n        </TableCell>\n      </TableRow>\n    </>\n  );\n}\n"],"names":["useState","Button","Stack","Box","Typography","IconButton","Table","TableBody","TableCell","TableContainer","TableHead","TableRow","Collapse","AddIcon","TrashIcon","ArrowUp","ArrowDown","PencilIcon","ChevronUp","useImmer","InfoTooltip","LinkEditorForm","useDiscardChangesConfirmationDialog","DEFAULT_LINK","url","name","tooltip","renderVariables","targetBlank","DashboardLinksEditor","links","initialLinks","onChange","onCancel","setLinks","expandedIndex","setExpandedIndex","openDiscardChangesConfirmationDialog","closeDiscardChangesConfirmationDialog","handleCancel","JSON","stringify","onDiscardChanges","handleAdd","draft","push","length","handleRemove","index","splice","handleMoveUp","temp","handleMoveDown","handleUpdateLink","link","isValid","every","trim","sx","display","alignItems","padding","theme","spacing","borderBottom","palette","divider","variant","direction","marginLeft","disabled","onClick","color","overflowY","size","tableLayout","width","aria-label","align","map","LinkTableRow","isFirst","isLast","isExpanded","onToggleExpand","onUpdate","updatedLink","onRemove","onMoveUp","onMoveDown","fontStyle","textAlign","py","startIcon","alignSelf","displayName","hasError","component","scope","fontWeight","overflow","textOverflow","whiteSpace","undefined","description","enterDelay","colSpan","paddingBottom","paddingTop","border","in","timeout","unmountOnExit","margin","mode","value","label","error","helperText","placeholder","newTabOpen"],"mappings":"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"}

package/dist/components/DashboardLinks/EditDashboardLinksButton.d.ts

@@ -0,0 +1,18 @@
+import { ReactElement } from 'react';
+import { ButtonProps } from '@mui/material';
+export interface EditDashboardLinksButtonProps extends Pick<ButtonProps, 'fullWidth'> {
+    /**
+     * The variant to use to display the button.
+     */
+    variant?: 'text' | 'outlined';
+    /**
+     * The color to use to display the button.
+     */
+    color?: 'primary' | 'secondary';
+    /**
+     * The label used inside the button.
+     */
+    label?: string;
+}
+export declare function EditDashboardLinksButton({ variant, label, color, fullWidth, }: EditDashboardLinksButtonProps): ReactElement;
+//# sourceMappingURL=EditDashboardLinksButton.d.ts.map

package/dist/components/DashboardLinks/EditDashboardLinksButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditDashboardLinksButton.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardLinks/EditDashboardLinksButton.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAQpD,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC;IACnF;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAE9B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAEhC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,OAAgB,EAChB,KAAe,EACf,KAAiB,EACjB,SAAS,GACV,EAAE,6BAA6B,GAAG,YAAY,CA6C9C"}

package/dist/components/DashboardLinks/EditDashboardLinksButton.js

@@ -0,0 +1,68 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Button } from '@mui/material';
+import PencilIcon from 'mdi-material-ui/PencilOutline';
+import { Drawer, InfoTooltip } from '@perses-dev/components';
+import { TOOLTIP_TEXT, editButtonStyle } from '../../constants';
+import { useDashboardLinks, useDashboardLinksActions } from '../../context';
+import { DashboardLinksEditor } from './DashboardLinksEditor';
+export function EditDashboardLinksButton({ variant = 'text', label = 'Links', color = 'primary', fullWidth }) {
+    const [isLinksEditorOpen, setIsLinksEditorOpen] = useState(false);
+    const links = useDashboardLinks();
+    const { setLinks } = useDashboardLinksActions();
+    const openLinksEditor = ()=>{
+        setIsLinksEditorOpen(true);
+    };
+    const closeLinksEditor = ()=>{
+        setIsLinksEditorOpen(false);
+    };
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(InfoTooltip, {
+                description: TOOLTIP_TEXT.editLinks,
+                children: /*#__PURE__*/ _jsx(Button, {
+                    startIcon: /*#__PURE__*/ _jsx(PencilIcon, {}),
+                    onClick: openLinksEditor,
+                    "aria-label": TOOLTIP_TEXT.editLinks,
+                    variant: variant,
+                    color: color,
+                    fullWidth: fullWidth,
+                    sx: editButtonStyle,
+                    children: label
+                })
+            }),
+            /*#__PURE__*/ _jsx(Drawer, {
+                isOpen: isLinksEditorOpen,
+                onClose: closeLinksEditor,
+                PaperProps: {
+                    sx: {
+                        width: '50%'
+                    }
+                },
+                "data-testid": "dashboard-links-editor",
+                children: /*#__PURE__*/ _jsx(DashboardLinksEditor, {
+                    links: links,
+                    onCancel: closeLinksEditor,
+                    onChange: (updatedLinks)=>{
+                        setLinks?.(updatedLinks);
+                        setIsLinksEditorOpen(false);
+                    }
+                })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=EditDashboardLinksButton.js.map

package/dist/components/DashboardLinks/EditDashboardLinksButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DashboardLinks/EditDashboardLinksButton.tsx"],"sourcesContent":["// Copyright The Perses Authors\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\nimport { ReactElement, useState } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\nimport PencilIcon from 'mdi-material-ui/PencilOutline';\nimport { Drawer, InfoTooltip } from '@perses-dev/components';\nimport { Link } from '@perses-dev/spec';\nimport { TOOLTIP_TEXT, editButtonStyle } from '../../constants';\nimport { useDashboardLinks, useDashboardLinksActions } from '../../context';\nimport { DashboardLinksEditor } from './DashboardLinksEditor';\n\nexport interface EditDashboardLinksButtonProps extends Pick<ButtonProps, 'fullWidth'> {\n  /**\n   * The variant to use to display the button.\n   */\n  variant?: 'text' | 'outlined';\n\n  /**\n   * The color to use to display the button.\n   */\n  color?: 'primary' | 'secondary';\n\n  /**\n   * The label used inside the button.\n   */\n  label?: string;\n}\n\nexport function EditDashboardLinksButton({\n  variant = 'text',\n  label = 'Links',\n  color = 'primary',\n  fullWidth,\n}: EditDashboardLinksButtonProps): ReactElement {\n  const [isLinksEditorOpen, setIsLinksEditorOpen] = useState(false);\n  const links = useDashboardLinks();\n  const { setLinks } = useDashboardLinksActions();\n\n  const openLinksEditor = (): void => {\n    setIsLinksEditorOpen(true);\n  };\n\n  const closeLinksEditor = (): void => {\n    setIsLinksEditorOpen(false);\n  };\n\n  return (\n    <>\n      <InfoTooltip description={TOOLTIP_TEXT.editLinks}>\n        <Button\n          startIcon={<PencilIcon />}\n          onClick={openLinksEditor}\n          aria-label={TOOLTIP_TEXT.editLinks}\n          variant={variant}\n          color={color}\n          fullWidth={fullWidth}\n          sx={editButtonStyle}\n        >\n          {label}\n        </Button>\n      </InfoTooltip>\n      <Drawer\n        isOpen={isLinksEditorOpen}\n        onClose={closeLinksEditor}\n        PaperProps={{ sx: { width: '50%' } }}\n        data-testid=\"dashboard-links-editor\"\n      >\n        <DashboardLinksEditor\n          links={links}\n          onCancel={closeLinksEditor}\n          onChange={(updatedLinks: Link[]) => {\n            setLinks?.(updatedLinks);\n            setIsLinksEditorOpen(false);\n          }}\n        />\n      </Drawer>\n    </>\n  );\n}\n"],"names":["useState","Button","PencilIcon","Drawer","InfoTooltip","TOOLTIP_TEXT","editButtonStyle","useDashboardLinks","useDashboardLinksActions","DashboardLinksEditor","EditDashboardLinksButton","variant","label","color","fullWidth","isLinksEditorOpen","setIsLinksEditorOpen","links","setLinks","openLinksEditor","closeLinksEditor","description","editLinks","startIcon","onClick","aria-label","sx","isOpen","onClose","PaperProps","width","data-testid","onCancel","onChange","updatedLinks"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAAuBA,QAAQ,QAAQ,QAAQ;AAC/C,SAASC,MAAM,QAAqB,gBAAgB;AACpD,OAAOC,gBAAgB,gCAAgC;AACvD,SAASC,MAAM,EAAEC,WAAW,QAAQ,yBAAyB;AAE7D,SAASC,YAAY,EAAEC,eAAe,QAAQ,kBAAkB;AAChE,SAASC,iBAAiB,EAAEC,wBAAwB,QAAQ,gBAAgB;AAC5E,SAASC,oBAAoB,QAAQ,yBAAyB;AAmB9D,OAAO,SAASC,yBAAyB,EACvCC,UAAU,MAAM,EAChBC,QAAQ,OAAO,EACfC,QAAQ,SAAS,EACjBC,SAAS,EACqB;IAC9B,MAAM,CAACC,mBAAmBC,qBAAqB,GAAGhB,SAAS;IAC3D,MAAMiB,QAAQV;IACd,MAAM,EAAEW,QAAQ,EAAE,GAAGV;IAErB,MAAMW,kBAAkB;QACtBH,qBAAqB;IACvB;IAEA,MAAMI,mBAAmB;QACvBJ,qBAAqB;IACvB;IAEA,qBACE;;0BACE,KAACZ;gBAAYiB,aAAahB,aAAaiB,SAAS;0BAC9C,cAAA,KAACrB;oBACCsB,yBAAW,KAACrB;oBACZsB,SAASL;oBACTM,cAAYpB,aAAaiB,SAAS;oBAClCX,SAASA;oBACTE,OAAOA;oBACPC,WAAWA;oBACXY,IAAIpB;8BAEHM;;;0BAGL,KAACT;gBACCwB,QAAQZ;gBACRa,SAASR;gBACTS,YAAY;oBAAEH,IAAI;wBAAEI,OAAO;oBAAM;gBAAE;gBACnCC,eAAY;0BAEZ,cAAA,KAACtB;oBACCQ,OAAOA;oBACPe,UAAUZ;oBACVa,UAAU,CAACC;wBACThB,WAAWgB;wBACXlB,qBAAqB;oBACvB;;;;;AAKV"}

package/dist/components/DashboardLinks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './EditDashboardLinksButton';
+export * from './DashboardLinksEditor';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DashboardLinks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardLinks/index.ts"],"names":[],"mappings":"AAaA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC"}

package/dist/components/DashboardLinks/index.js

@@ -0,0 +1,16 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+export * from './EditDashboardLinksButton';
+export * from './DashboardLinksEditor';
+
+//# sourceMappingURL=index.js.map

package/dist/components/DashboardLinks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DashboardLinks/index.ts"],"sourcesContent":["// Copyright The Perses Authors\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\nexport * from './EditDashboardLinksButton';\nexport * from './DashboardLinksEditor';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,6BAA6B;AAC3C,cAAc,yBAAyB"}

package/dist/components/DashboardShortcuts/index.d.ts

@@ -0,0 +1,3 @@
+export { useDashboardShortcuts } from './useDashboardShortcuts';
+export type { UseDashboardShortcutsOptions } from './useDashboardShortcuts';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DashboardShortcuts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardShortcuts/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,4BAA4B,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/DashboardShortcuts/index.js

@@ -0,0 +1,15 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+export { useDashboardShortcuts } from './useDashboardShortcuts';
+
+//# sourceMappingURL=index.js.map

package/dist/components/DashboardShortcuts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DashboardShortcuts/index.ts"],"sourcesContent":["// Copyright The Perses Authors\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\nexport { useDashboardShortcuts } from './useDashboardShortcuts';\nexport type { UseDashboardShortcutsOptions } from './useDashboardShortcuts';\n"],"names":["useDashboardShortcuts"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,qBAAqB,QAAQ,0BAA0B"}

package/dist/components/DashboardShortcuts/useDashboardShortcuts.d.ts

@@ -0,0 +1,12 @@
+import { OnSaveDashboard } from '../../context/DashboardProvider';
+export interface UseDashboardShortcutsOptions {
+    onSave?: OnSaveDashboard;
+    onRefresh?: () => void;
+    isReadonly: boolean;
+    onEditButtonClick?: () => void;
+    onCancelButtonClick?: () => void;
+    disabled?: boolean;
+}
+/** Registers dashboard, time-range, and panel keyboard shortcuts. Requires DashboardProvider context. */
+export declare function useDashboardShortcuts({ onSave, onRefresh, isReadonly, onEditButtonClick, onCancelButtonClick, disabled, }: UseDashboardShortcutsOptions): void;
+//# sourceMappingURL=useDashboardShortcuts.d.ts.map

package/dist/components/DashboardShortcuts/useDashboardShortcuts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDashboardShortcuts.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardShortcuts/useDashboardShortcuts.ts"],"names":[],"mappings":"AAuCA,OAAO,EACL,eAAe,EAMhB,MAAM,iCAAiC,CAAC;AAmDzC,MAAM,WAAW,4BAA4B;IAC3C,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,yGAAyG;AACzG,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,mBAAmB,EACnB,QAAgB,GACjB,EAAE,4BAA4B,GAAG,IAAI,CA4OrC"}