@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-FYTLKHEN.js

@@ -0,0 +1,204 @@
+import {
+  modeInk,
+  neutralTones
+} from "./chunk-FQ6UW7IY.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/typography/Code/Code.tsx
+import Check from "@mui/icons-material/Check";
+import ContentCopy from "@mui/icons-material/ContentCopy";
+import Box from "@mui/material/Box/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import Tooltip from "@mui/material/Tooltip/index.js";
+import { alpha, styled } from "@mui/material/styles/index.js";
+import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyledCodeContainer = styled(Box, {
+  shouldForwardProp: (prop) => !["customVariant", "customSize", "copyable"].includes(prop)
+})(({ theme, customVariant = "inline", customSize = "md", copyable }) => {
+  const sizeMap = {
+    xs: { fontSize: rem(theme, 12), padding: "2px 4px" },
+    sm: { fontSize: rem(theme, 13), padding: "3px 6px" },
+    md: { fontSize: rem(theme, 14), padding: "4px 8px" },
+    lg: { fontSize: rem(theme, 16), padding: "6px 12px" }
+  };
+  const blockSizeMap = {
+    xs: { fontSize: rem(theme, 12), padding: "8px 12px" },
+    sm: { fontSize: rem(theme, 13), padding: "12px 16px" },
+    md: { fontSize: rem(theme, 14), padding: "16px 20px" },
+    lg: { fontSize: rem(theme, 16), padding: "20px 24px" }
+  };
+  const baseStyles = {
+    fontFamily: 'Monaco, Menlo, "Ubuntu Mono", "Courier New", monospace',
+    lineHeight: 1.5,
+    borderRadius: theme.shape.borderRadius,
+    transition: "all 0.2s ease",
+    position: "relative"
+  };
+  const variantStyles = {
+    inline: {
+      ...baseStyles,
+      display: "inline",
+      backgroundColor: alpha(theme.palette.primary.main, 0.08),
+      color: theme.palette.primary.main,
+      border: `1px solid ${alpha(theme.palette.primary.main, 0.12)}`,
+      ...sizeMap[customSize]
+    },
+    block: {
+      ...baseStyles,
+      display: "block",
+      backgroundColor: theme.palette.mode === "dark" ? alpha(neutralTones(theme).inverseSurface, 0.95) : alpha(neutralTones(theme).surface, 0.95),
+      color: theme.palette.mode === "dark" ? modeInk(theme) : theme.palette.text.primary,
+      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+      overflow: "auto",
+      whiteSpace: "pre",
+      ...blockSizeMap[customSize],
+      ...copyable && {
+        paddingTop: blockSizeMap[customSize].padding.split(" ")[0],
+        paddingRight: "60px"
+      }
+    },
+    highlight: {
+      ...baseStyles,
+      display: "block",
+      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)} 0%, ${alpha(theme.palette.secondary.main, 0.1)} 100%)`,
+      color: theme.palette.text.primary,
+      border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
+      borderLeft: `4px solid ${theme.palette.primary.main}`,
+      overflow: "auto",
+      whiteSpace: "pre",
+      ...blockSizeMap[customSize],
+      ...copyable && {
+        paddingTop: blockSizeMap[customSize].padding.split(" ")[0],
+        paddingRight: "60px"
+      }
+    }
+  };
+  return variantStyles[customVariant] || variantStyles.inline;
+});
+var StyledCode = styled("code")({
+  margin: 0,
+  padding: 0,
+  backgroundColor: "transparent",
+  border: "none",
+  fontFamily: "inherit",
+  fontSize: "inherit",
+  lineHeight: "inherit",
+  color: "inherit"
+});
+var CopyButton = styled(IconButton)(({ theme }) => ({
+  position: "absolute",
+  top: theme.spacing(1),
+  right: theme.spacing(1),
+  width: 32,
+  height: 32,
+  backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.8) : theme.palette.background.paper,
+  backdropFilter: theme.palette.mode === "dark" ? "blur(8px)" : "none",
+  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+  boxShadow: theme.palette.mode === "light" ? theme.shadows[1] : "none",
+  "&:hover": {
+    backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.9) : neutralTones(theme).surface,
+    transform: "scale(1.05)"
+  },
+  "& .MuiSvgIcon-root": {
+    fontSize: rem(theme, 16)
+  }
+}));
+var LanguageLabel = styled(Box)(({ theme }) => ({
+  position: "absolute",
+  top: theme.spacing(1),
+  left: theme.spacing(2),
+  fontSize: rem(theme, 12),
+  fontWeight: 500,
+  color: alpha(theme.palette.text.primary, 0.6),
+  backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.8) : theme.palette.background.paper,
+  padding: "2px 8px",
+  borderRadius: theme.shape.borderRadius / 2,
+  backdropFilter: theme.palette.mode === "dark" ? "blur(8px)" : "none",
+  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+  boxShadow: theme.palette.mode === "light" ? theme.shadows[1] : "none"
+}));
+var renderNumberedLines = (source) => source.split("\n").map((line, index) => {
+  const stableKey = `line-${index + 1}-${line.slice(0, 10).replace(/\s+/g, "")}-${line.length}`;
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex" }, children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        style: {
+          display: "inline-block",
+          minWidth: "3em",
+          opacity: 0.5,
+          userSelect: "none",
+          marginRight: "1em",
+          textAlign: "right"
+        },
+        children: index + 1
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { children: line })
+  ] }, stableKey);
+});
+var resolveCodeFlags = (variant, copyable, language) => {
+  const isBlock = variant === "block" || variant === "highlight";
+  return {
+    isBlock,
+    showCopy: copyable && isBlock,
+    showLanguage: Boolean(language) && isBlock
+  };
+};
+var CodeCopyButton = ({ source }) => {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = async () => {
+    if (typeof source !== "string") return;
+    try {
+      await navigator.clipboard.writeText(source);
+      setCopied(true);
+      window.setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsx(Tooltip, { title: copied ? "Copied!" : "Copy code", children: /* @__PURE__ */ jsx(CopyButton, { onClick: handleCopy, size: "small", color: copied ? "success" : "default", children: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(ContentCopy, {}) }) });
+};
+var Code = React.forwardRef(
+  ({
+    variant = "inline",
+    language,
+    copyable = false,
+    lineNumbers = false,
+    size = "md",
+    children,
+    ...props
+  }, ref) => {
+    const { isBlock, showCopy, showLanguage } = resolveCodeFlags(variant, copyable, language);
+    const processedChildren = React.useMemo(() => {
+      if (!lineNumbers || !isBlock || typeof children !== "string") {
+        return children;
+      }
+      return renderNumberedLines(children);
+    }, [children, lineNumbers, isBlock]);
+    return /* @__PURE__ */ jsxs(
+      StyledCodeContainer,
+      {
+        ref,
+        component: variant === "inline" ? "span" : "div",
+        customVariant: variant,
+        customSize: size,
+        copyable: showCopy,
+        ...props,
+        children: [
+          showLanguage && /* @__PURE__ */ jsx(LanguageLabel, { children: language }),
+          /* @__PURE__ */ jsx(StyledCode, { children: processedChildren }),
+          showCopy && /* @__PURE__ */ jsx(CodeCopyButton, { source: children })
+        ]
+      }
+    );
+  }
+);
+Code.displayName = "Code";
+
+export {
+  Code
+};
+//# sourceMappingURL=chunk-FYTLKHEN.js.map

package/dist/chunk-FYTLKHEN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/typography/Code/Code.tsx"],"sourcesContent":["import Check from '@mui/icons-material/Check';\nimport ContentCopy from '@mui/icons-material/ContentCopy';\nimport Box from '@mui/material/Box/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Tooltip from '@mui/material/Tooltip/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport React, { useState } from 'react';\n\nimport type { CodeProps } from './Code.types';\nimport { modeInk, neutralTones } from '../../../tokens/ink';\nimport { rem } from '../../../tokens/relative';\n\nconst StyledCodeContainer = styled(Box, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customSize', 'copyable'].includes(prop as string),\n})<{\n  customVariant?: string;\n  customSize?: string;\n  copyable?: boolean;\n  component?: React.ElementType;\n}>(({ theme, customVariant = 'inline', customSize = 'md', copyable }) => {\n  // Size mapping\n  const sizeMap = {\n    xs: { fontSize: rem(theme, 12), padding: '2px 4px' },\n    sm: { fontSize: rem(theme, 13), padding: '3px 6px' },\n    md: { fontSize: rem(theme, 14), padding: '4px 8px' },\n    lg: { fontSize: rem(theme, 16), padding: '6px 12px' },\n  };\n\n  const blockSizeMap = {\n    xs: { fontSize: rem(theme, 12), padding: '8px 12px' },\n    sm: { fontSize: rem(theme, 13), padding: '12px 16px' },\n    md: { fontSize: rem(theme, 14), padding: '16px 20px' },\n    lg: { fontSize: rem(theme, 16), padding: '20px 24px' },\n  };\n\n  const baseStyles = {\n    fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", \"Courier New\", monospace',\n    lineHeight: 1.5,\n    borderRadius: theme.shape.borderRadius,\n    transition: 'all 0.2s ease',\n    position: 'relative' as const,\n  };\n\n  // Variant-specific styles\n  const variantStyles = {\n    inline: {\n      ...baseStyles,\n      display: 'inline',\n      backgroundColor: alpha(theme.palette.primary.main, 0.08),\n      color: theme.palette.primary.main,\n      border: `1px solid ${alpha(theme.palette.primary.main, 0.12)}`,\n      ...sizeMap[customSize as keyof typeof sizeMap],\n    },\n    block: {\n      ...baseStyles,\n      display: 'block',\n      backgroundColor:\n        theme.palette.mode === 'dark'\n          ? alpha(neutralTones(theme).inverseSurface, 0.95)\n          : alpha(neutralTones(theme).surface, 0.95),\n      color:\n        theme.palette.mode === 'dark' ? modeInk(theme) : theme.palette.text.primary,\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n      overflow: 'auto',\n      whiteSpace: 'pre' as const,\n      ...blockSizeMap[customSize as keyof typeof blockSizeMap],\n      ...(copyable && {\n        paddingTop: blockSizeMap[customSize as keyof typeof blockSizeMap].padding.split(' ')[0],\n        paddingRight: '60px',\n      }),\n    },\n    highlight: {\n      ...baseStyles,\n      display: 'block',\n      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)} 0%, ${alpha(theme.palette.secondary.main, 0.1)} 100%)`,\n      color: theme.palette.text.primary,\n      border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n      borderLeft: `4px solid ${theme.palette.primary.main}`,\n      overflow: 'auto',\n      whiteSpace: 'pre' as const,\n      ...blockSizeMap[customSize as keyof typeof blockSizeMap],\n      ...(copyable && {\n        paddingTop: blockSizeMap[customSize as keyof typeof blockSizeMap].padding.split(' ')[0],\n        paddingRight: '60px',\n      }),\n    },\n  };\n\n  return variantStyles[customVariant as keyof typeof variantStyles] || variantStyles.inline;\n});\n\nconst StyledCode = styled('code')({\n  margin: 0,\n  padding: 0,\n  backgroundColor: 'transparent',\n  border: 'none',\n  fontFamily: 'inherit',\n  fontSize: 'inherit',\n  lineHeight: 'inherit',\n  color: 'inherit',\n});\n\nconst CopyButton = styled(IconButton)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(1),\n  right: theme.spacing(1),\n  width: 32,\n  height: 32,\n  backgroundColor:\n    theme.palette.mode === 'dark'\n      ? alpha(theme.palette.background.paper, 0.8)\n      : theme.palette.background.paper,\n  backdropFilter: theme.palette.mode === 'dark' ? 'blur(8px)' : 'none',\n  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  boxShadow: theme.palette.mode === 'light' ? theme.shadows[1] : 'none',\n  '&:hover': {\n    backgroundColor:\n      theme.palette.mode === 'dark'\n        ? alpha(theme.palette.background.paper, 0.9)\n        : neutralTones(theme).surface,\n    transform: 'scale(1.05)',\n  },\n  '& .MuiSvgIcon-root': {\n    fontSize: rem(theme, 16),\n  },\n}));\n\nconst LanguageLabel = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(1),\n  left: theme.spacing(2),\n  fontSize: rem(theme, 12),\n  fontWeight: 500,\n  color: alpha(theme.palette.text.primary, 0.6),\n  backgroundColor:\n    theme.palette.mode === 'dark'\n      ? alpha(theme.palette.background.paper, 0.8)\n      : theme.palette.background.paper,\n  padding: '2px 8px',\n  borderRadius: theme.shape.borderRadius / 2,\n  backdropFilter: theme.palette.mode === 'dark' ? 'blur(8px)' : 'none',\n  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  boxShadow: theme.palette.mode === 'light' ? theme.shadows[1] : 'none',\n}));\n\n// Renders each source line beside a gutter number. Keys combine the line number\n// with a slice of the content and its length, so editing one line in place does\n// not reshuffle the keys of the lines around it.\nconst renderNumberedLines = (source: string) =>\n  source.split('\\n').map((line, index) => {\n    const stableKey = `line-${index + 1}-${line.slice(0, 10).replace(/\\s+/g, '')}-${line.length}`;\n\n    return (\n      <div key={stableKey} style={{ display: 'flex' }}>\n        <span\n          style={{\n            display: 'inline-block',\n            minWidth: '3em',\n            opacity: 0.5,\n            userSelect: 'none',\n            marginRight: '1em',\n            textAlign: 'right',\n          }}\n        >\n          {index + 1}\n        </span>\n        <span>{line}</span>\n      </div>\n    );\n  });\n\n// Only block-ish variants get a language label or a copy affordance.\nconst resolveCodeFlags = (\n  variant: CodeProps['variant'],\n  copyable: boolean,\n  language: CodeProps['language'],\n) => {\n  const isBlock = variant === 'block' || variant === 'highlight';\n  return {\n    isBlock,\n    showCopy: copyable && isBlock,\n    showLanguage: Boolean(language) && isBlock,\n  };\n};\n\n// Owns its own \"just copied\" flash. Keeping it here rather than inline in Code\n// means the copied/not-copied branches do not count against the main render, and\n// the flash re-renders only the button. Non-string children are still a no-op on\n// click, exactly as before.\nconst CodeCopyButton: React.FC<{ source: React.ReactNode }> = ({ source }) => {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = async () => {\n    if (typeof source !== 'string') return;\n    try {\n      await navigator.clipboard.writeText(source);\n      setCopied(true);\n      window.setTimeout(() => setCopied(false), 2000);\n    } catch {\n      // Silently fail if clipboard access is denied\n    }\n  };\n\n  return (\n    <Tooltip title={copied ? 'Copied!' : 'Copy code'}>\n      <CopyButton onClick={handleCopy} size=\"small\" color={copied ? 'success' : 'default'}>\n        {copied ? <Check /> : <ContentCopy />}\n      </CopyButton>\n    </Tooltip>\n  );\n};\n\nexport const Code = React.forwardRef<HTMLElement, CodeProps>(\n  (\n    {\n      variant = 'inline',\n      language,\n      copyable = false,\n      lineNumbers = false,\n      size = 'md',\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { isBlock, showCopy, showLanguage } = resolveCodeFlags(variant, copyable, language);\n\n    // Process children for line numbers if needed\n    const processedChildren = React.useMemo(() => {\n      if (!lineNumbers || !isBlock || typeof children !== 'string') {\n        return children;\n      }\n\n      return renderNumberedLines(children);\n    }, [children, lineNumbers, isBlock]);\n\n    return (\n      <StyledCodeContainer\n        ref={ref}\n        component={variant === 'inline' ? 'span' : 'div'}\n        customVariant={variant}\n        customSize={size}\n        copyable={showCopy}\n        {...props}\n      >\n        {showLanguage && <LanguageLabel>{language}</LanguageLabel>}\n\n        <StyledCode>{processedChildren}</StyledCode>\n\n        {showCopy && <CodeCopyButton source={children} />}\n      </StyledCodeContainer>\n    );\n  },\n);\n\nCode.displayName = 'Code';"],"mappings":"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","names":[]}

package/dist/chunk-FZ4YTEP2.js

@@ -0,0 +1,300 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+import {
+  Button
+} from "./chunk-KH25WUSX.js";
+import {
+  Text
+} from "./chunk-WTOYEWW6.js";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/DataViews/data-views-view-nav.tsx
+import ChevronLeftRoundedIcon from "@mui/icons-material/ChevronLeftRounded";
+import CheckRoundedIcon from "@mui/icons-material/CheckRounded";
+import DeleteOutlineRoundedIcon from "@mui/icons-material/DeleteOutlineRounded";
+import EditOutlinedIcon from "@mui/icons-material/EditOutlined";
+import GroupOutlinedIcon from "@mui/icons-material/GroupOutlined";
+import MoreVertRoundedIcon from "@mui/icons-material/MoreVertRounded";
+import PushPinOutlinedIcon from "@mui/icons-material/PushPinOutlined";
+import StarOutlineRoundedIcon from "@mui/icons-material/StarOutlined";
+import StarOutlineRoundedIcon2 from "@mui/icons-material/StarOutlineRounded";
+import IconButton from "@mui/material/IconButton/index.js";
+import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
+import RestartAltRoundedIcon from "@mui/icons-material/RestartAltRounded";
+import SaveOutlinedIcon from "@mui/icons-material/SaveOutlined";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var rowSx = {
+  display: "flex",
+  alignItems: "center",
+  gap: 1,
+  width: "100%",
+  px: 1.25,
+  py: 1,
+  border: 0,
+  borderRadius: 1,
+  bgcolor: "transparent",
+  cursor: "pointer",
+  font: "inherit",
+  fontSize: sxRem(13),
+  textAlign: "left",
+  color: "text.primary",
+  "&:hover": { bgcolor: "action.hover" }
+};
+function ViewsList({
+  handlers,
+  onOpenActions,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  const { views, activeViewId, onSelectView } = handlers;
+  const onMain = !activeViewId;
+  return /* @__PURE__ */ jsxs(default2, { sx: { p: 0.75 }, "data-testid": `${testIdPrefix}-views-list`, children: [
+    /* @__PURE__ */ jsxs(
+      default2,
+      {
+        component: "button",
+        type: "button",
+        onClick: () => onSelectView(null),
+        "data-testid": `${testIdPrefix}-view-main`,
+        sx: { ...rowSx, color: onMain ? "primary.main" : "text.primary", fontWeight: onMain ? 600 : 400 },
+        children: [
+          /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1 }, children: copy.nav.mainView }),
+          onMain && /* @__PURE__ */ jsx(CheckRoundedIcon, { fontSize: "small" })
+        ]
+      }
+    ),
+    views.map((view) => {
+      const active = view.id === activeViewId;
+      return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsxs(
+          default2,
+          {
+            component: "button",
+            type: "button",
+            onClick: () => onSelectView(view.id),
+            "data-testid": `${testIdPrefix}-view-${view.id}`,
+            sx: { ...rowSx, minWidth: 0, color: active ? "primary.main" : "text.primary", fontWeight: active ? 600 : 400 },
+            children: [
+              /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: view.name }),
+              view.isDefault && /* @__PURE__ */ jsx(StarOutlineRoundedIcon, { fontSize: "small", sx: { color: "warning.main" }, titleAccess: copy.nav.defaultTag }),
+              view.pinned && /* @__PURE__ */ jsx(PushPinOutlinedIcon, { fontSize: "small", sx: { color: "text.disabled" }, titleAccess: "Fixada" }),
+              view.shared && /* @__PURE__ */ jsx(GroupOutlinedIcon, { fontSize: "small", sx: { color: "text.disabled" }, titleAccess: "Compartilhada" }),
+              active && /* @__PURE__ */ jsx(CheckRoundedIcon, { fontSize: "small" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "small",
+            onClick: () => onOpenActions(view),
+            "aria-label": copy.nav.viewOptions(view.name),
+            "data-testid": `${testIdPrefix}-view-${view.id}-menu`,
+            children: /* @__PURE__ */ jsx(MoreVertRoundedIcon, { fontSize: "small" })
+          }
+        )
+      ] }, view.id);
+    }),
+    views.length === 0 && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", px: 1.25, py: 1.5, color: "text.secondary", lineHeight: 1.6 }, children: copy.nav.emptyHint }) })
+  ] });
+}
+function ViewActions({
+  view,
+  handlers,
+  onBack,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  const { onEditView, onPatchView, onDeleteView } = handlers;
+  const action = (key, Icon, label, onClick, opts = {}) => /* @__PURE__ */ jsxs(
+    default2,
+    {
+      component: "button",
+      type: "button",
+      onClick,
+      "data-testid": `${testIdPrefix}-view-action-${key}`,
+      sx: {
+        ...rowSx,
+        color: opts.danger ? "error.main" : "text.primary",
+        "&:hover": { bgcolor: opts.danger ? "error.lighter" : "action.hover" }
+      },
+      children: [
+        /* @__PURE__ */ jsx(Icon, { fontSize: "small", sx: { color: opts.danger ? "inherit" : "text.disabled" } }),
+        /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1 }, children: label }),
+        opts.on && /* @__PURE__ */ jsx(CheckRoundedIcon, { fontSize: "small", color: "primary" })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs(default2, { sx: { p: 0.75 }, "data-testid": `${testIdPrefix}-view-actions`, children: [
+    /* @__PURE__ */ jsxs(
+      default2,
+      {
+        component: "button",
+        type: "button",
+        onClick: onBack,
+        "data-testid": `${testIdPrefix}-view-actions-back`,
+        sx: { ...rowSx, color: "text.secondary", fontSize: sxRem(12) },
+        children: [
+          /* @__PURE__ */ jsx(ChevronLeftRoundedIcon, { fontSize: "small" }),
+          /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1, fontWeight: 600, color: "text.primary" }, children: view.name })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(default2, { sx: { my: 0.5, borderTop: 1, borderColor: "divider" } }),
+    action("edit", EditOutlinedIcon, copy.nav.editView, () => onEditView(view)),
+    action("default", StarOutlineRoundedIcon2, copy.nav.setDefault, () => onPatchView(view, { isDefault: !view.isDefault }), { on: view.isDefault }),
+    action("pin", PushPinOutlinedIcon, copy.nav.pinToSidebar, () => onPatchView(view, { pinned: !view.pinned }), { on: view.pinned }),
+    action("share", GroupOutlinedIcon, copy.nav.shareWithTeam, () => onPatchView(view, { shared: !view.shared }), { on: view.shared }),
+    /* @__PURE__ */ jsx(default2, { sx: { my: 0.5, borderTop: 1, borderColor: "divider" } }),
+    action("delete", DeleteOutlineRoundedIcon, copy.nav.deleteView, () => onDeleteView(view), { danger: true })
+  ] });
+}
+function ToggleContents({
+  view,
+  open,
+  interactive,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontWeight: 600 }, "data-testid": `${testIdPrefix}-display-view-name`, children: view.activeViewName ?? copy.nav.mainView }),
+    view.dirty && /* @__PURE__ */ jsx(
+      default2,
+      {
+        component: "span",
+        "aria-label": copy.nav.unsavedChanges,
+        "data-testid": `${testIdPrefix}-display-dirty`,
+        sx: { height: sxRem(6), width: sxRem(6), borderRadius: "50%", bgcolor: "primary.main" }
+      }
+    ),
+    interactive && /* @__PURE__ */ jsx(
+      KeyboardArrowDownRoundedIcon,
+      {
+        fontSize: "small",
+        sx: { color: "text.disabled", transform: open ? "rotate(180deg)" : "none" }
+      }
+    )
+  ] });
+}
+function ViewToggle({
+  view,
+  open,
+  onToggle,
+  testIdPrefix
+}) {
+  const interactive = Boolean(view.nav);
+  const affordanceSx = interactive ? { px: 0.75, py: 0.25, cursor: "pointer", "&:hover": { bgcolor: "action.hover" } } : { px: 0, py: 0, cursor: "default" };
+  return /* @__PURE__ */ jsx(
+    default2,
+    {
+      component: interactive ? "button" : "div",
+      type: interactive ? "button" : void 0,
+      onClick: interactive ? onToggle : void 0,
+      "aria-expanded": interactive ? open : void 0,
+      "data-testid": `${testIdPrefix}-display-view-toggle`,
+      sx: {
+        ml: "auto",
+        display: "flex",
+        alignItems: "center",
+        gap: 0.75,
+        minWidth: 0,
+        border: 0,
+        borderRadius: 1,
+        font: "inherit",
+        fontSize: sxRem(12),
+        bgcolor: open ? "action.selected" : "transparent",
+        ...affordanceSx
+      },
+      children: /* @__PURE__ */ jsx(ToggleContents, { view, open, interactive, testIdPrefix })
+    }
+  );
+}
+function ViewHeader(props) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center", gap: 1, px: 1.5, py: 1, borderBottom: 1, borderColor: "divider" }, children: [
+    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { textTransform: "uppercase", letterSpacing: sxRem(0.5), color: "text.disabled" }, children: copy.nav.label }) }),
+    /* @__PURE__ */ jsx(ViewToggle, { ...props })
+  ] });
+}
+function ViewFooter({
+  view,
+  onDone,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsxs(
+    default2,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 1,
+        px: 1.5,
+        py: 1,
+        borderTop: 1,
+        borderColor: "divider",
+        bgcolor: "action.hover"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "text",
+            size: "sm",
+            color: "neutral",
+            disabled: !view.dirty,
+            startIcon: /* @__PURE__ */ jsx(RestartAltRoundedIcon, { fontSize: "small" }),
+            onClick: view.onReset,
+            dataTestId: `${testIdPrefix}-display-reset`,
+            children: copy.nav.reset
+          }
+        ),
+        /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+          view.onUpdate && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "text",
+              size: "sm",
+              color: "neutral",
+              onClick: () => {
+                view.onSaveAs();
+                onDone();
+              },
+              dataTestId: `${testIdPrefix}-display-save-as`,
+              children: copy.nav.saveAs
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              disabled: !view.dirty,
+              startIcon: /* @__PURE__ */ jsx(SaveOutlinedIcon, { fontSize: "small" }),
+              onClick: () => {
+                (view.onUpdate ?? view.onSaveAs)();
+                onDone();
+              },
+              dataTestId: `${testIdPrefix}-display-save`,
+              children: view.onUpdate ? copy.nav.update : copy.nav.save
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  ViewsList,
+  ViewActions,
+  ViewHeader,
+  ViewFooter
+};
+//# sourceMappingURL=chunk-FZ4YTEP2.js.map

package/dist/chunk-FZ4YTEP2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-view-nav.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * The saved views, rendered INSIDE the Exibir panel rather than in a dropdown\n * of their own.\n *\n * Two levels, both of them replacing the panel's BODY (the tabs stay put):\n * the list of views, and one view's actions. It is a drill-down and not a\n * nested menu on purpose — an absolutely positioned popover inside the panel's\n * own scroll container gets clipped by it, which is how copy.nav.deleteView ends\n * up unreachable. One level, no clipping, and it works on touch.\n */\nimport ChevronLeftRoundedIcon from \"@mui/icons-material/ChevronLeftRounded\";\nimport CheckRoundedIcon from \"@mui/icons-material/CheckRounded\";\nimport DeleteOutlineRoundedIcon from \"@mui/icons-material/DeleteOutlineRounded\";\nimport EditOutlinedIcon from \"@mui/icons-material/EditOutlined\";\nimport GroupOutlinedIcon from \"@mui/icons-material/GroupOutlined\";\nimport MoreVertRoundedIcon from \"@mui/icons-material/MoreVertRounded\";\nimport PushPinOutlinedIcon from \"@mui/icons-material/PushPinOutlined\";\nimport StarOutlineRoundedIcon from \"@mui/icons-material/StarOutlined\";\nimport StarOutlineRoundedIcon2 from \"@mui/icons-material/StarOutlineRounded\";\nimport IconButton from \"@mui/material/IconButton/index.js\";\n\nimport KeyboardArrowDownRoundedIcon from \"@mui/icons-material/KeyboardArrowDownRounded\";\nimport RestartAltRoundedIcon from \"@mui/icons-material/RestartAltRounded\";\nimport SaveOutlinedIcon from \"@mui/icons-material/SaveOutlined\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Button } from \"../../form/Button\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport type { DisplayPanelView } from \"./data-views-display-panel\";\nimport type { SavedViewSummary } from \"./data-views-types\";\nimport { sxRem } from \"../../../tokens/relative\";\n\n/** What the panel needs to drive the views without owning any of them. */\nexport interface ViewNavHandlers {\n  views: SavedViewSummary[];\n  activeViewId?: string | null;\n  /** `null` selects the built-in view named by `copy.nav.mainView`. */\n  onSelectView: (id: string | null) => void;\n  onEditView: (view: SavedViewSummary) => void;\n  onPatchView: (\n    view: SavedViewSummary,\n    changes: Partial<Pick<SavedViewSummary, \"isDefault\" | \"pinned\" | \"shared\">>,\n  ) => void;\n  onDeleteView: (view: SavedViewSummary) => void;\n}\n\nconst rowSx = {\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: 1,\n  width: \"100%\",\n  px: 1.25,\n  py: 1,\n  border: 0,\n  borderRadius: 1,\n  bgcolor: \"transparent\",\n  cursor: \"pointer\",\n  font: \"inherit\",\n  fontSize: sxRem(13),\n  textAlign: \"left\",\n  color: \"text.primary\",\n  \"&:hover\": { bgcolor: \"action.hover\" },\n} as const;\n\n/** The list: the built-in view, then each saved one with its own \"⋮\". */\nexport function ViewsList({\n  handlers,\n  onOpenActions,\n  testIdPrefix,\n}: {\n  handlers: ViewNavHandlers;\n  onOpenActions: (view: SavedViewSummary) => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { views, activeViewId, onSelectView } = handlers;\n  const onMain = !activeViewId;\n  return (\n    <Box sx={{ p: 0.75 }} data-testid={`${testIdPrefix}-views-list`}>\n      <Box\n        component=\"button\"\n        type=\"button\"\n        onClick={() => onSelectView(null)}\n        data-testid={`${testIdPrefix}-view-main`}\n        sx={{ ...rowSx, color: onMain ? \"primary.main\" : \"text.primary\", fontWeight: onMain ? 600 : 400 }}\n      >\n        <Box component=\"span\" sx={{ flex: 1 }}>\n          {copy.nav.mainView}\n        </Box>\n        {onMain && <CheckRoundedIcon fontSize=\"small\" />}\n      </Box>\n\n      {views.map((view) => {\n        const active = view.id === activeViewId;\n        return (\n          <Box key={view.id} sx={{ display: \"flex\", alignItems: \"center\" }}>\n            <Box\n              component=\"button\"\n              type=\"button\"\n              onClick={() => onSelectView(view.id)}\n              data-testid={`${testIdPrefix}-view-${view.id}`}\n              sx={{ ...rowSx, minWidth: 0, color: active ? \"primary.main\" : \"text.primary\", fontWeight: active ? 600 : 400 }}\n            >\n              <Box component=\"span\" sx={{ flex: 1, minWidth: 0, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>\n                {view.name}\n              </Box>\n              {/* What the row-menu toggles DID, readable without opening it:\n                  a view set as default, pinned or shared says so here. */}\n              {view.isDefault && (\n                <StarOutlineRoundedIcon fontSize=\"small\" sx={{ color: \"warning.main\" }} titleAccess={copy.nav.defaultTag} />\n              )}\n              {view.pinned && (\n                <PushPinOutlinedIcon fontSize=\"small\" sx={{ color: \"text.disabled\" }} titleAccess=\"Fixada\" />\n              )}\n              {view.shared && (\n                <GroupOutlinedIcon fontSize=\"small\" sx={{ color: \"text.disabled\" }} titleAccess=\"Compartilhada\" />\n              )}\n              {active && <CheckRoundedIcon fontSize=\"small\" />}\n            </Box>\n            <IconButton\n              size=\"small\"\n              onClick={() => onOpenActions(view)}\n              aria-label={copy.nav.viewOptions(view.name)}\n              data-testid={`${testIdPrefix}-view-${view.id}-menu`}\n            >\n              <MoreVertRoundedIcon fontSize=\"small\" />\n            </IconButton>\n          </Box>\n        );\n      })}\n\n      {views.length === 0 && (\n        <Text variant=\"caption\" as=\"p\">\n          <Box component=\"span\" sx={{ display: \"block\", px: 1.25, py: 1.5, color: \"text.secondary\", lineHeight: 1.6 }}>\n            {copy.nav.emptyHint}\n          </Box>\n        </Text>\n      )}\n    </Box>\n  );\n}\n\n/** One view's actions, reached from its \"⋮\" and left by the back row. */\nexport function ViewActions({\n  view,\n  handlers,\n  onBack,\n  testIdPrefix,\n}: {\n  view: SavedViewSummary;\n  handlers: ViewNavHandlers;\n  onBack: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { onEditView, onPatchView, onDeleteView } = handlers;\n  const action = (\n    key: string,\n    Icon: typeof StarOutlineRoundedIcon2,\n    label: string,\n    onClick: () => void,\n    opts: { on?: boolean; danger?: boolean } = {},\n  ): React.JSX.Element => (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      onClick={onClick}\n      data-testid={`${testIdPrefix}-view-action-${key}`}\n      sx={{\n        ...rowSx,\n        color: opts.danger ? \"error.main\" : \"text.primary\",\n        \"&:hover\": { bgcolor: opts.danger ? \"error.lighter\" : \"action.hover\" },\n      }}\n    >\n      <Icon fontSize=\"small\" sx={{ color: opts.danger ? \"inherit\" : \"text.disabled\" }} />\n      <Box component=\"span\" sx={{ flex: 1 }}>\n        {label}\n      </Box>\n      {opts.on && <CheckRoundedIcon fontSize=\"small\" color=\"primary\" />}\n    </Box>\n  );\n\n  return (\n    <Box sx={{ p: 0.75 }} data-testid={`${testIdPrefix}-view-actions`}>\n      <Box\n        component=\"button\"\n        type=\"button\"\n        onClick={onBack}\n        data-testid={`${testIdPrefix}-view-actions-back`}\n        sx={{ ...rowSx, color: \"text.secondary\", fontSize: sxRem(12) }}\n      >\n        <ChevronLeftRoundedIcon fontSize=\"small\" />\n        <Box component=\"span\" sx={{ flex: 1, fontWeight: 600, color: \"text.primary\" }}>\n          {view.name}\n        </Box>\n      </Box>\n      <Box sx={{ my: 0.5, borderTop: 1, borderColor: \"divider\" }} />\n      {action(\"edit\", EditOutlinedIcon, copy.nav.editView, () => onEditView(view))}\n      {action(\"default\", StarOutlineRoundedIcon2, copy.nav.setDefault, () => onPatchView(view, { isDefault: !view.isDefault }), { on: view.isDefault })}\n      {action(\"pin\", PushPinOutlinedIcon, copy.nav.pinToSidebar, () => onPatchView(view, { pinned: !view.pinned }), { on: view.pinned })}\n      {action(\"share\", GroupOutlinedIcon, copy.nav.shareWithTeam, () => onPatchView(view, { shared: !view.shared }), { on: view.shared })}\n      <Box sx={{ my: 0.5, borderTop: 1, borderColor: \"divider\" }} />\n      {action(\"delete\", DeleteOutlineRoundedIcon, copy.nav.deleteView, () => onDeleteView(view), { danger: true })}\n    </Box>\n  );\n}\n\n/** Name, unsaved dot, chevron — the parts, so the toggle has one decision. */\nfunction ToggleContents({\n  view,\n  open,\n  interactive,\n  testIdPrefix,\n}: {\n  view: DisplayPanelView;\n  open: boolean;\n  interactive: boolean;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <>\n      <Box component=\"span\" sx={{ fontWeight: 600 }} data-testid={`${testIdPrefix}-display-view-name`}>\n        {view.activeViewName ?? copy.nav.mainView}\n      </Box>\n      {view.dirty && (\n        <Box\n          component=\"span\"\n          aria-label={copy.nav.unsavedChanges}\n          data-testid={`${testIdPrefix}-display-dirty`}\n          sx={{ height: sxRem(6), width: sxRem(6), borderRadius: \"50%\", bgcolor: \"primary.main\" }}\n        />\n      )}\n      {interactive && (\n        <KeyboardArrowDownRoundedIcon\n          fontSize=\"small\"\n          sx={{ color: \"text.disabled\", transform: open ? \"rotate(180deg)\" : \"none\" }}\n        />\n      )}\n    </>\n  );\n}\n\n/** The name + unsaved dot; a button only when there are views to open. */\nfunction ViewToggle({\n  view,\n  open,\n  onToggle,\n  testIdPrefix,\n}: {\n  view: DisplayPanelView;\n  open: boolean;\n  onToggle: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const interactive = Boolean(view.nav);\n  // One decision, not eight: a panel with no views renders the same row as\n  // plain text rather than as a button that opens nothing.\n  const affordanceSx = interactive\n    ? { px: 0.75, py: 0.25, cursor: \"pointer\", \"&:hover\": { bgcolor: \"action.hover\" } }\n    : { px: 0, py: 0, cursor: \"default\" };\n  return (\n    <Box\n      component={interactive ? \"button\" : \"div\"}\n      type={interactive ? \"button\" : undefined}\n      onClick={interactive ? onToggle : undefined}\n      aria-expanded={interactive ? open : undefined}\n      data-testid={`${testIdPrefix}-display-view-toggle`}\n      sx={{\n        ml: \"auto\",\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: 0.75,\n        minWidth: 0,\n        border: 0,\n        borderRadius: 1,\n        font: \"inherit\",\n        fontSize: sxRem(12),\n        bgcolor: open ? \"action.selected\" : \"transparent\",\n        ...affordanceSx,\n      }}\n    >\n      <ToggleContents view={view} open={open} interactive={interactive} testIdPrefix={testIdPrefix} />\n    </Box>\n  );\n}\n\n/** The VISÃO row above the tabs. */\nexport function ViewHeader(props: {\n  view: DisplayPanelView;\n  open: boolean;\n  onToggle: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1, px: 1.5, py: 1, borderBottom: 1, borderColor: \"divider\" }}>\n      <Text variant=\"caption\" as=\"span\">\n        <Box component=\"span\" sx={{ textTransform: \"uppercase\", letterSpacing: sxRem(0.5), color: \"text.disabled\" }}>\n          {copy.nav.label}\n        </Box>\n      </Text>\n      <ViewToggle {...props} />\n    </Box>\n  );\n}\n\n/** Redefinir / Salvar como nova / Atualizar, pinned below the tabs. */\nexport function ViewFooter({\n  view,\n  onDone,\n  testIdPrefix,\n}: {\n  view: DisplayPanelView;\n  onDone: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n        gap: 1,\n        px: 1.5,\n        py: 1,\n        borderTop: 1,\n        borderColor: \"divider\",\n        bgcolor: \"action.hover\",\n      }}\n    >\n      <Button\n        variant=\"text\"\n        size=\"sm\"\n        color=\"neutral\"\n        disabled={!view.dirty}\n        startIcon={<RestartAltRoundedIcon fontSize=\"small\" />}\n        onClick={view.onReset}\n        dataTestId={`${testIdPrefix}-display-reset`}\n      >\n        {copy.nav.reset}\n      </Button>\n      <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1 }}>\n        {/* Only meaningful with a view APPLIED: on the main view the single\n            \"Salvar visão\" already is \"save as new\". */}\n        {view.onUpdate && (\n          <Button\n            variant=\"text\"\n            size=\"sm\"\n            color=\"neutral\"\n            onClick={() => {\n              view.onSaveAs();\n              onDone();\n            }}\n            dataTestId={`${testIdPrefix}-display-save-as`}\n          >\n            {copy.nav.saveAs}\n          </Button>\n        )}\n        {/* Enabled only when something in Ordenar / Colunas / Exibição (or the\n            filters the view also stores) differs from the applied view: the\n            filled button is a STATE — \"there is something to save\" — not a\n            permanent fixture. */}\n        <Button\n          size=\"sm\"\n          disabled={!view.dirty}\n          startIcon={<SaveOutlinedIcon fontSize=\"small\" />}\n          onClick={() => {\n            (view.onUpdate ?? view.onSaveAs)();\n            onDone();\n          }}\n          dataTestId={`${testIdPrefix}-display-save`}\n        >\n          {view.onUpdate ? copy.nav.update : copy.nav.save}\n        </Button>\n      </Box>\n    </Box>\n  );\n}\n\n"],"mappings":"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","names":["default"]}