@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-VFHGILXI.js

@@ -0,0 +1,294 @@
+import {
+  modeInk,
+  shadowInk,
+  sheen
+} from "./chunk-FQ6UW7IY.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/navigation/DropdownMenu/DropdownMenu.tsx
+import ChevronRight from "@mui/icons-material/ChevronRight";
+import MoreVert from "@mui/icons-material/MoreVert";
+import Box from "@mui/material/Box/index.js";
+import Divider from "@mui/material/Divider/index.js";
+import ListItemIcon from "@mui/material/ListItemIcon/index.js";
+import ListItemText from "@mui/material/ListItemText/index.js";
+import Menu from "@mui/material/Menu/index.js";
+import MenuItem from "@mui/material/MenuItem/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { alpha, styled } from "@mui/material/styles/index.js";
+import React, { cloneElement, isValidElement, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var glassTokens = (theme) => {
+  const isDark = theme.palette.mode === "dark";
+  return {
+    edge: modeInk(theme),
+    dropShadowAlpha: isDark ? 0.4 : 0.12,
+    insetHighlightAlpha: isDark ? 0.2 : 0.8,
+    sheenAlpha: isDark ? 0.1 : 0.8
+  };
+};
+var glassMenuStyles = (theme) => {
+  const { edge, dropShadowAlpha, insetHighlightAlpha, sheenAlpha } = glassTokens(theme);
+  return {
+    backgroundColor: alpha(theme.palette.background.paper, 0.75),
+    backdropFilter: "blur(24px) saturate(1.8)",
+    WebkitBackdropFilter: "blur(24px) saturate(1.8)",
+    // Safari support
+    border: `1px solid ${alpha(edge, 0.12)}`,
+    boxShadow: [
+      `0 8px 32px ${shadowInk(theme, dropShadowAlpha)}`,
+      `0 0 0 1px ${alpha(edge, 0.05)}`,
+      `inset 0 1px 0 ${sheen(theme, insetHighlightAlpha)}`
+    ].join(", "),
+    // Enhanced glass morphism with subtle gradient overlay
+    "&::before": {
+      content: '""',
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      background: `linear-gradient(135deg, ${sheen(theme, sheenAlpha)} 0%, transparent 50%)`,
+      borderRadius: "inherit",
+      pointerEvents: "none",
+      zIndex: 1
+    },
+    // Ensure content appears above the overlay
+    "& .MuiList-root": {
+      position: "relative",
+      zIndex: 2
+    }
+  };
+};
+var StyledMenu = styled(Menu, {
+  shouldForwardProp: (prop) => prop !== "customVariant" && prop !== "size"
+})(({ theme, customVariant, size }) => ({
+  "& .MuiPaper-root": {
+    minWidth: 180,
+    borderRadius: theme.spacing(1),
+    ...customVariant === "glass" && glassMenuStyles(theme),
+    ...customVariant === "minimal" && {
+      boxShadow: `0 2px 8px ${shadowInk(theme, 0.08)}`,
+      border: `1px solid ${theme.palette.divider}`
+    },
+    ...size === "sm" && {
+      "& .MuiMenuItem-root": {
+        fontSize: rem(theme, 14),
+        minHeight: 32,
+        padding: theme.spacing(0.75, 2)
+      }
+    },
+    ...size === "lg" && {
+      "& .MuiMenuItem-root": {
+        fontSize: rem(theme, 18),
+        minHeight: 48,
+        padding: theme.spacing(1.5, 3)
+      }
+    }
+  }
+}));
+var StyledMenuItem = styled(MenuItem, {
+  shouldForwardProp: (prop) => !["color", "showIconSpace"].includes(prop)
+})(({ theme, color, showIconSpace }) => ({
+  borderRadius: theme.spacing(0.5),
+  margin: theme.spacing(0.5, 1),
+  transition: "all 0.2s ease",
+  ...showIconSpace && {
+    paddingLeft: theme.spacing(5)
+  },
+  "&:hover": {
+    backgroundColor: alpha(theme.palette.primary.main, 0.08)
+  },
+  ...color && color !== "default" && {
+    color: theme.palette[color]?.main || theme.palette.text.primary,
+    "& .MuiListItemIcon-root": {
+      color: theme.palette[color]?.main || theme.palette.text.primary
+    },
+    "&:hover": {
+      backgroundColor: alpha(
+        theme.palette[color]?.main || theme.palette.primary.main,
+        0.08
+      )
+    }
+  }
+}));
+var MenuHeader = styled(Typography)(({ theme }) => ({
+  padding: theme.spacing(1, 2),
+  fontSize: rem(theme, 12),
+  fontWeight: 600,
+  textTransform: "uppercase",
+  color: theme.palette.text.secondary,
+  letterSpacing: 0.5
+}));
+var ShortcutText = styled(Typography)(({ theme }) => ({
+  fontSize: rem(theme, 12),
+  color: theme.palette.text.secondary,
+  marginLeft: "auto",
+  paddingLeft: theme.spacing(2)
+}));
+var renderMenuItem = (item, handleItemClick, showIconSpace, size) => {
+  if (item.type === "divider") {
+    return /* @__PURE__ */ jsx(Divider, { sx: { my: 0.5 } }, item.id);
+  }
+  if (item.type === "header") {
+    return /* @__PURE__ */ jsx(MenuHeader, { children: item.label }, item.id);
+  }
+  if (item.component) {
+    return /* @__PURE__ */ jsx(Box, { sx: { px: 2, py: 1 }, children: item.component }, item.id);
+  }
+  return renderLeafMenuItem(item, handleItemClick, showIconSpace, size);
+};
+var renderLeafMenuItem = (item, handleItemClick, showIconSpace, size) => {
+  const hasIcon = !!item.icon;
+  const hasChildren = item.children && item.children.length > 0;
+  return /* @__PURE__ */ jsxs(
+    StyledMenuItem,
+    {
+      disabled: item.disabled,
+      onClick: !item.disabled ? () => handleItemClick(item) : void 0,
+      color: item.color,
+      showIconSpace: showIconSpace && !hasIcon,
+      "data-testid": item.dataTestId,
+      children: [
+        hasIcon && /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: size === "sm" ? 32 : 40 }, children: item.icon }),
+        /* @__PURE__ */ jsx(ListItemText, { primary: item.label }),
+        item.shortcut && /* @__PURE__ */ jsx(ShortcutText, { variant: "caption", children: item.shortcut }),
+        hasChildren && item.showChevron !== false && /* @__PURE__ */ jsx(ChevronRight, { fontSize: "small", sx: { ml: 1, opacity: 0.5 } })
+      ]
+    },
+    item.id
+  );
+};
+var resolveMenuState = (controlledOpen, internalOpen, providedAnchorEl, anchorRef) => {
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : internalOpen;
+  const anchorEl = providedAnchorEl || anchorRef.current;
+  return { isControlled, open, anchorEl, isOpen: Boolean(anchorEl) && open };
+};
+var useDropdownHandlers = ({
+  isControlled,
+  open,
+  setInternalOpen,
+  onOpen,
+  onClose,
+  closeOnItemClick,
+  anchorRef
+}) => {
+  const handleOpen = () => {
+    if (!isControlled) {
+      setInternalOpen(true);
+    }
+    onOpen?.();
+  };
+  const handleClose = () => {
+    if (!isControlled) {
+      setInternalOpen(false);
+    }
+    onClose?.();
+  };
+  const handleItemClick = (item) => {
+    item.onClick?.();
+    if (closeOnItemClick && !item.children?.length) {
+      handleClose();
+    }
+  };
+  const handleTriggerClick = (event) => {
+    if (isControlled) return;
+    if (open) {
+      handleClose();
+      return;
+    }
+    anchorRef.current = event.currentTarget;
+    handleOpen();
+  };
+  return { handleClose, handleItemClick, handleTriggerClick };
+};
+var DropdownTrigger = ({ trigger, anchorRef, onTriggerClick }) => {
+  if (isValidElement(trigger)) {
+    return cloneElement(
+      trigger,
+      { onClick: onTriggerClick, ref: anchorRef }
+    );
+  }
+  if (trigger) {
+    return /* @__PURE__ */ jsx(Box, { ref: anchorRef, onClick: onTriggerClick, children: trigger });
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref: anchorRef,
+      onClick: onTriggerClick,
+      sx: { cursor: "pointer", display: "inline-flex" },
+      children: /* @__PURE__ */ jsx(MoreVert, {})
+    }
+  );
+};
+var DropdownMenu = React.forwardRef(
+  ({
+    variant = "default",
+    items,
+    trigger,
+    open: controlledOpen,
+    onOpen,
+    onClose,
+    size = "md",
+    maxHeight = 400,
+    minWidth = 180,
+    closeOnItemClick = true,
+    showIconSpace = false,
+    anchorEl: providedAnchorEl,
+    ...menuProps
+  }, ref) => {
+    const [internalOpen, setInternalOpen] = useState(false);
+    const anchorRef = useRef(null);
+    const { isControlled, open, anchorEl, isOpen } = resolveMenuState(
+      controlledOpen,
+      internalOpen,
+      providedAnchorEl,
+      anchorRef
+    );
+    const { handleClose, handleItemClick, handleTriggerClick } = useDropdownHandlers({
+      isControlled,
+      open,
+      setInternalOpen,
+      onOpen,
+      onClose,
+      closeOnItemClick,
+      anchorRef
+    });
+    const triggerElement = /* @__PURE__ */ jsx(DropdownTrigger, { trigger, anchorRef, onTriggerClick: handleTriggerClick });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      trigger !== void 0 && triggerElement,
+      /* @__PURE__ */ jsx(
+        StyledMenu,
+        {
+          ref,
+          anchorEl,
+          open: isOpen,
+          onClose: handleClose,
+          customVariant: variant,
+          size,
+          PaperProps: {
+            sx: {
+              maxHeight,
+              minWidth,
+              overflow: "auto"
+            }
+          },
+          transformOrigin: { horizontal: "left", vertical: "top" },
+          anchorOrigin: { horizontal: "left", vertical: "bottom" },
+          ...menuProps,
+          children: items.map((item) => renderMenuItem(item, handleItemClick, showIconSpace, size))
+        }
+      )
+    ] });
+  }
+);
+DropdownMenu.displayName = "DropdownMenu";
+
+export {
+  DropdownMenu
+};
+//# sourceMappingURL=chunk-VFHGILXI.js.map

package/dist/chunk-VFHGILXI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import ChevronRight from '@mui/icons-material/ChevronRight';\nimport MoreVert from '@mui/icons-material/MoreVert';\nimport Box from '@mui/material/Box/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport ListItemIcon from '@mui/material/ListItemIcon/index.js';\nimport ListItemText from '@mui/material/ListItemText/index.js';\nimport Menu from '@mui/material/Menu/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport React, { cloneElement, isValidElement,useRef, useState } from 'react';\n\nimport type { DropdownMenuItem,DropdownMenuProps } from './DropdownMenu.types';\nimport { modeInk, shadowInk, sheen } from '../../../tokens/ink';\nimport { rem } from '../../../tokens/relative';\n\n// Resolves every light/dark decision once. The inline version repeated\n// `theme.palette.mode === 'dark' ? … : …` nine times, and two of those had the\n// SAME expression on both branches (background.paper, and common.white for the\n// inset highlight) — so they read as mode-dependent while never varying.\nconst glassTokens = (theme: Theme) => {\n  const isDark = theme.palette.mode === 'dark';\n\n  return {\n    edge: modeInk(theme),\n    dropShadowAlpha: isDark ? 0.4 : 0.12,\n    insetHighlightAlpha: isDark ? 0.2 : 0.8,\n    sheenAlpha: isDark ? 0.1 : 0.8,\n  };\n};\n\nconst glassMenuStyles = (theme: Theme): CSSObject => {\n  const { edge, dropShadowAlpha, insetHighlightAlpha, sheenAlpha } = glassTokens(theme);\n\n  return {\n    backgroundColor: alpha(theme.palette.background.paper, 0.75),\n    backdropFilter: 'blur(24px) saturate(1.8)',\n    WebkitBackdropFilter: 'blur(24px) saturate(1.8)', // Safari support\n    border: `1px solid ${alpha(edge, 0.12)}`,\n    boxShadow: [\n      `0 8px 32px ${shadowInk(theme, dropShadowAlpha)}`,\n      `0 0 0 1px ${alpha(edge, 0.05)}`,\n      `inset 0 1px 0 ${sheen(theme, insetHighlightAlpha)}`,\n    ].join(', '),\n    // Enhanced glass morphism with subtle gradient overlay\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      background: `linear-gradient(135deg, ${sheen(theme, sheenAlpha)} 0%, transparent 50%)`,\n      borderRadius: 'inherit',\n      pointerEvents: 'none',\n      zIndex: 1,\n    },\n    // Ensure content appears above the overlay\n    '& .MuiList-root': {\n      position: 'relative',\n      zIndex: 2,\n    },\n  };\n};\n\nconst StyledMenu = styled(Menu, {\n  shouldForwardProp: (prop) => prop !== 'customVariant' && prop !== 'size',\n})<{ customVariant?: string; size?: string }>(({ theme, customVariant, size }) => ({\n  '& .MuiPaper-root': {\n    minWidth: 180,\n    borderRadius: theme.spacing(1),\n\n    ...(customVariant === 'glass' && glassMenuStyles(theme)),\n\n    ...(customVariant === 'minimal' && {\n      boxShadow: `0 2px 8px ${shadowInk(theme, 0.08)}`,\n      border: `1px solid ${theme.palette.divider}`,\n    }),\n\n    ...(size === 'sm' && {\n      '& .MuiMenuItem-root': {\n        fontSize: rem(theme, 14),\n        minHeight: 32,\n        padding: theme.spacing(0.75, 2),\n      },\n    }),\n\n    ...(size === 'lg' && {\n      '& .MuiMenuItem-root': {\n        fontSize: rem(theme, 18),\n        minHeight: 48,\n        padding: theme.spacing(1.5, 3),\n      },\n    }),\n  },\n}));\n\nconst StyledMenuItem = styled(MenuItem, {\n  shouldForwardProp: (prop) => !['color', 'showIconSpace'].includes(prop as string),\n})<{ color?: string; showIconSpace?: boolean }>(({ theme, color, showIconSpace }) => ({\n  borderRadius: theme.spacing(0.5),\n  margin: theme.spacing(0.5, 1),\n  transition: 'all 0.2s ease',\n\n  ...(showIconSpace && {\n    paddingLeft: theme.spacing(5),\n  }),\n\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.primary.main, 0.08),\n  },\n\n  ...(color &&\n    color !== 'default' && {\n      color:\n        theme.palette[color as 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success']\n          ?.main || theme.palette.text.primary,\n      '& .MuiListItemIcon-root': {\n        color:\n          theme.palette[color as 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success']\n            ?.main || theme.palette.text.primary,\n      },\n      '&:hover': {\n        backgroundColor: alpha(\n          theme.palette[color as 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success']\n            ?.main || theme.palette.primary.main,\n          0.08,\n        ),\n      },\n    }),\n}));\n\nconst MenuHeader = styled(Typography)(({ theme }) => ({\n  padding: theme.spacing(1, 2),\n  fontSize: rem(theme, 12),\n  fontWeight: 600,\n  textTransform: 'uppercase',\n  color: theme.palette.text.secondary,\n  letterSpacing: 0.5,\n}));\n\nconst ShortcutText = styled(Typography)(({ theme }) => ({\n  fontSize: rem(theme, 12),\n  color: theme.palette.text.secondary,\n  marginLeft: 'auto',\n  paddingLeft: theme.spacing(2),\n}));\n\nconst renderMenuItem = (\n  item: DropdownMenuItem,\n  handleItemClick: (item: DropdownMenuItem) => void,\n  showIconSpace?: boolean,\n  size?: string,\n) => {\n  if (item.type === 'divider') {\n    return <Divider key={item.id} sx={{ my: 0.5 }} />;\n  }\n\n  if (item.type === 'header') {\n    return <MenuHeader key={item.id}>{item.label}</MenuHeader>;\n  }\n\n  if (item.component) {\n    return (\n      <Box key={item.id} sx={{ px: 2, py: 1 }}>\n        {item.component}\n      </Box>\n    );\n  }\n\n  return renderLeafMenuItem(item, handleItemClick, showIconSpace, size);\n};\n\nconst renderLeafMenuItem = (\n  item: DropdownMenuItem,\n  handleItemClick: (item: DropdownMenuItem) => void,\n  showIconSpace?: boolean,\n  size?: string,\n) => {\n  const hasIcon = !!item.icon;\n  const hasChildren = item.children && item.children.length > 0;\n\n  return (\n    <StyledMenuItem\n      key={item.id}\n      disabled={item.disabled}\n      onClick={!item.disabled ? () => handleItemClick(item) : undefined} // ← change\n      color={item.color}\n      showIconSpace={showIconSpace && !hasIcon}\n      data-testid={item.dataTestId}\n    >\n      {hasIcon && (\n        <ListItemIcon sx={{ minWidth: size === 'sm' ? 32 : 40 }}>{item.icon}</ListItemIcon>\n      )}\n      <ListItemText primary={item.label} />\n      {item.shortcut && <ShortcutText variant=\"caption\">{item.shortcut}</ShortcutText>}\n      {hasChildren && item.showChevron !== false && (\n        <ChevronRight fontSize=\"small\" sx={{ ml: 1, opacity: 0.5 }} />\n      )}\n    </StyledMenuItem>\n  );\n};\n\n// Open state and anchor are each either caller-supplied or ours. Resolving both\n// here keeps those four branches out of the render body.\nconst resolveMenuState = (\n  controlledOpen: boolean | undefined,\n  internalOpen: boolean,\n  providedAnchorEl: DropdownMenuProps['anchorEl'],\n  anchorRef: React.RefObject<HTMLElement | null>,\n) => {\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n  const anchorEl = providedAnchorEl || anchorRef.current;\n\n  return { isControlled, open, anchorEl, isOpen: Boolean(anchorEl) && open };\n};\n\n// Open/close state is either ours or the caller's; every handler has to respect\n// that, so they are grouped here rather than repeating the isControlled check\n// inline four times in the render.\nconst useDropdownHandlers = ({\n  isControlled,\n  open,\n  setInternalOpen,\n  onOpen,\n  onClose,\n  closeOnItemClick,\n  anchorRef,\n}: {\n  isControlled: boolean;\n  open: boolean;\n  setInternalOpen: (value: boolean) => void;\n  onOpen?: () => void;\n  onClose?: () => void;\n  closeOnItemClick?: boolean;\n  anchorRef: React.RefObject<HTMLElement | null>;\n}) => {\n  const handleOpen = () => {\n    if (!isControlled) {\n      setInternalOpen(true);\n    }\n    onOpen?.();\n  };\n\n  const handleClose = () => {\n    if (!isControlled) {\n      setInternalOpen(false);\n    }\n    onClose?.();\n  };\n\n  const handleItemClick = (item: DropdownMenuItem) => {\n    item.onClick?.();\n    if (closeOnItemClick && !item.children?.length) {\n      handleClose();\n    }\n  };\n\n  const handleTriggerClick = (event: React.MouseEvent<HTMLElement>) => {\n    if (isControlled) return;\n\n    if (open) {\n      handleClose();\n      return;\n    }\n\n    (anchorRef as React.MutableRefObject<HTMLElement>).current = event.currentTarget;\n    handleOpen();\n  };\n\n  return { handleClose, handleItemClick, handleTriggerClick };\n};\n\n// The trigger is either a caller-supplied element we clone to attach our click\n// handler and ref, arbitrary children we wrap, or the default kebab icon.\nconst DropdownTrigger: React.FC<{\n  trigger: DropdownMenuProps['trigger'];\n  anchorRef: React.RefObject<HTMLElement | null>;\n  onTriggerClick: (event: React.MouseEvent<HTMLElement>) => void;\n}> = ({ trigger, anchorRef, onTriggerClick }) => {\n  if (isValidElement(trigger)) {\n    return cloneElement(\n      trigger as React.ReactElement<{\n        onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n        ref?: React.Ref<HTMLElement>;\n      }>,\n      { onClick: onTriggerClick, ref: anchorRef },\n    );\n  }\n\n  if (trigger) {\n    return (\n      <Box ref={anchorRef} onClick={onTriggerClick}>\n        {trigger}\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      ref={anchorRef}\n      onClick={onTriggerClick}\n      sx={{ cursor: 'pointer', display: 'inline-flex' }}\n    >\n      <MoreVert />\n    </Box>\n  );\n};\n\nexport const DropdownMenu = React.forwardRef<HTMLDivElement, DropdownMenuProps>(\n  (\n    {\n      variant = 'default',\n      items,\n      trigger,\n      open: controlledOpen,\n      onOpen,\n      onClose,\n      size = 'md',\n      maxHeight = 400,\n      minWidth = 180,\n      closeOnItemClick = true,\n      showIconSpace = false,\n      anchorEl: providedAnchorEl,\n      ...menuProps\n    },\n    ref,\n  ) => {\n    const [internalOpen, setInternalOpen] = useState(false);\n    const anchorRef = useRef<HTMLElement>(null);\n\n    const { isControlled, open, anchorEl, isOpen } = resolveMenuState(\n      controlledOpen,\n      internalOpen,\n      providedAnchorEl,\n      anchorRef,\n    );\n\n    const { handleClose, handleItemClick, handleTriggerClick } = useDropdownHandlers({\n      isControlled,\n      open,\n      setInternalOpen,\n      onOpen,\n      onClose,\n      closeOnItemClick,\n      anchorRef,\n    });\n\n    const triggerElement = (\n      <DropdownTrigger trigger={trigger} anchorRef={anchorRef} onTriggerClick={handleTriggerClick} />\n    );\n\n    return (\n      <>\n        {trigger !== undefined && triggerElement}\n        <StyledMenu\n          ref={ref}\n          anchorEl={anchorEl}\n          open={isOpen}\n          onClose={handleClose}\n          customVariant={variant}\n          size={size}\n          PaperProps={{\n            sx: {\n              maxHeight,\n              minWidth,\n              overflow: 'auto',\n            },\n          }}\n          transformOrigin={{ horizontal: 'left', vertical: 'top' }}\n          anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }}\n          {...menuProps}\n        >\n          {items.map((item) => renderMenuItem(item, handleItemClick, showIconSpace, size))}\n        </StyledMenu>\n      </>\n    );\n  },\n);\n\nDropdownMenu.displayName = 'DropdownMenu';\n"],"mappings":"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","names":[]}

package/dist/chunk-VR3U4QA5.js

@@ -0,0 +1,186 @@
+import {
+  MoreGroup,
+  fieldClearing
+} from "./chunk-YLBRXDYH.js";
+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-more-filters.tsx
+import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
+import FilterAltRoundedIcon from "@mui/icons-material/FilterAltRounded";
+import Popover from "@mui/material/Popover/index.js";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function MoreTrigger({
+  count,
+  appliedCount,
+  compact,
+  onOpen,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  const applied = appliedCount > 0;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "outline",
+      size: "sm",
+      color: "neutral",
+      onClick: (event) => onOpen(event.currentTarget),
+      dataTestId: `${testIdPrefix}-more-filters`,
+      "aria-label": applied ? copy.filters.moreFiltersApplied(count, appliedCount) : copy.filters.moreFilters(count),
+      children: /* @__PURE__ */ jsxs(
+        default2,
+        {
+          component: "span",
+          sx: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: 0.5,
+            color: applied ? "primary.main" : void 0
+          },
+          children: [
+            /* @__PURE__ */ jsx(FilterAltRoundedIcon, { fontSize: "small" }),
+            !compact && /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: { xs: "none", sm: "inline" } }, children: copy.filters.moreTriggerLabel }),
+            /* @__PURE__ */ jsx(
+              default2,
+              {
+                component: "span",
+                "data-testid": `${testIdPrefix}-more-badge`,
+                sx: {
+                  px: 0.75,
+                  borderRadius: 5,
+                  bgcolor: applied ? "primary.main" : "action.selected",
+                  color: applied ? "primary.contrastText" : void 0,
+                  fontSize: sxRem(11),
+                  fontWeight: applied ? 700 : void 0
+                },
+                children: applied ? appliedCount : count
+              }
+            ),
+            !compact && /* @__PURE__ */ jsx(KeyboardArrowDownRoundedIcon, { fontSize: "small" })
+          ]
+        }
+      )
+    }
+  );
+}
+function MoreHeading() {
+  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: 0.5, color: "text.disabled" }, children: copy.filters.moreHeading }) }),
+        /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { ml: "auto", color: "text.disabled" }, children: copy.filters.overflowNote }) })
+      ]
+    }
+  );
+}
+function MoreFooter({
+  onClearAll,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsx(default2, { sx: { px: 1.5, py: 1, borderTop: 1, borderColor: "divider" }, children: /* @__PURE__ */ jsx(
+    default2,
+    {
+      component: "button",
+      type: "button",
+      onClick: onClearAll,
+      "data-testid": `${testIdPrefix}-more-clear-all`,
+      sx: {
+        width: "100%",
+        border: 0,
+        p: 0,
+        bgcolor: "transparent",
+        cursor: "pointer",
+        font: "inherit",
+        fontSize: sxRem(13),
+        textAlign: "left",
+        color: "primary.main",
+        "&:hover": { textDecoration: "underline" }
+      },
+      children: copy.filters.clearAll
+    }
+  ) });
+}
+function MoreFilters({
+  fields,
+  onOpenChange,
+  onClearAll,
+  anyApplied,
+  compact = false,
+  ...rest
+}) {
+  const [anchor, setAnchor] = useState(null);
+  if (fields.length === 0) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      MoreTrigger,
+      {
+        count: fields.length,
+        appliedCount: fields.filter(
+          (field) => fieldClearing({
+            field,
+            pills: rest.pills,
+            ranges: rest.ranges,
+            onTogglePill: rest.onTogglePill,
+            onChangeRange: rest.onChangeRange
+          }).applied
+        ).length,
+        compact,
+        onOpen: (element) => {
+          setAnchor(element);
+          onOpenChange?.(true);
+        },
+        testIdPrefix: rest.testIdPrefix
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Popover,
+      {
+        open: Boolean(anchor),
+        anchorEl: anchor,
+        onClose: () => {
+          setAnchor(null);
+          onOpenChange?.(false);
+        },
+        anchorOrigin: { vertical: "bottom", horizontal: "left" },
+        slotProps: { paper: { sx: { width: 300, maxWidth: "calc(100vw - 32px)" } } },
+        children: /* @__PURE__ */ jsxs(default2, { "data-testid": `${rest.testIdPrefix}-more-panel`, children: [
+          /* @__PURE__ */ jsx(MoreHeading, {}),
+          /* @__PURE__ */ jsx(default2, { sx: { maxHeight: 320, overflowY: "auto", overflowX: "hidden", p: 1.5, minWidth: 0 }, children: fields.map((field) => /* @__PURE__ */ jsx(MoreGroup, { field, ...rest }, field.id)) }),
+          anyApplied && /* @__PURE__ */ jsx(MoreFooter, { onClearAll, testIdPrefix: rest.testIdPrefix })
+        ] })
+      }
+    )
+  ] });
+}
+
+export {
+  MoreFilters
+};
+//# sourceMappingURL=chunk-VR3U4QA5.js.map

package/dist/chunk-VR3U4QA5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-more-filters.tsx"],"sourcesContent":["\"use client\";\n\nimport KeyboardArrowDownRoundedIcon from \"@mui/icons-material/KeyboardArrowDownRounded\";\n// A FUNNEL, not the tune sliders this used to share with \"Exibir\". The two\n// sit a few px apart on the same bar and do unrelated things — one narrows\n// WHICH rows you see, the other changes HOW they are shown — and with one\n// glyph between them the bar offered the operator no way to tell which was\n// which. On a phone, where both are icon-only, they were indistinguishable.\nimport FilterAltRoundedIcon from \"@mui/icons-material/FilterAltRounded\";\nimport Popover from \"@mui/material/Popover/index.js\";\nimport { useState } from \"react\";\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 { fieldClearing, MoreGroup, type MoreFieldProps } from \"./data-views-more-fields\";\nimport type { OverflowField } from \"./data-views-overflow\";\nimport { sxRem } from \"../../../tokens/relative\";\n\n/**\n * \"MAIS\" — the filter overflow: its trigger, its panel and its footer. What\n * goes INSIDE it is `data-views-more-fields`.\n *\n * It holds the fields that had no room on the toolbar. An applied filter is\n * ranked ahead of an idle one for the visible slots but is NOT exempt (see\n * `useFilterOverflow`), so an applied filter can be in here — on a phone, most\n * of them are. That is why the trigger changes tone and counts the applied\n * ones: a filter you cannot see is a filter you forget you set, and the badge\n * is what stops that.\n */\n\ninterface MoreFiltersProps<T extends Record<string, unknown>> extends MoreFieldProps {\n  fields: OverflowField<T>[];\n}\n\n/**\n * The trigger, badged with how many fields had no room on the bar — and told\n * apart when some of them are APPLIED.\n *\n * An applied filter can land in here now (it is ranked first, not exempt), so\n * this button is the only thing on screen still saying it exists. A neutral\n * badge reading \"3\" would make \"three filters you have not used\" and \"three\n * filters narrowing this list\" look identical, which is the whole failure the\n * old exemption was written to avoid. So an overflow holding applied filters\n * takes the applied tone and counts them in its own badge.\n */\nfunction MoreTrigger({\n  count,\n  appliedCount,\n  compact,\n  onOpen,\n  testIdPrefix,\n}: {\n  count: number;\n  appliedCount: number;\n  /** Icon only — the same rung that strips Exibir/Exportar. */\n  compact: boolean;\n  onOpen: (anchor: HTMLElement) => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const applied = appliedCount > 0;\n  return (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      color=\"neutral\"\n      onClick={(event) => onOpen(event.currentTarget as HTMLElement)}\n      dataTestId={`${testIdPrefix}-more-filters`}\n      aria-label={\n        applied\n          ? copy.filters.moreFiltersApplied(count, appliedCount)\n          : copy.filters.moreFilters(count)\n      }\n    >\n      <Box\n        component=\"span\"\n        sx={{\n          display: \"inline-flex\",\n          alignItems: \"center\",\n          gap: 0.5,\n          color: applied ? \"primary.main\" : undefined,\n        }}\n      >\n        <FilterAltRoundedIcon fontSize=\"small\" />\n        {!compact && (\n          <Box component=\"span\" sx={{ display: { xs: \"none\", sm: \"inline\" } }}>\n            {copy.filters.moreTriggerLabel}\n          </Box>\n        )}\n        <Box\n          component=\"span\"\n          data-testid={`${testIdPrefix}-more-badge`}\n          sx={{\n            px: 0.75,\n            borderRadius: 5,\n            bgcolor: applied ? \"primary.main\" : \"action.selected\",\n            color: applied ? \"primary.contrastText\" : undefined,\n            fontSize: sxRem(11),\n            fontWeight: applied ? 700 : undefined,\n          }}\n        >\n          {applied ? appliedCount : count}\n        </Box>\n        {!compact && <KeyboardArrowDownRoundedIcon fontSize=\"small\" />}\n      </Box>\n    </Button>\n  );\n}\n\n/** The panel's heading: what these are, and why they are in here. */\nfunction MoreHeading(): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: 1,\n        px: 1.5,\n        py: 1,\n        borderBottom: 1,\n        borderColor: \"divider\",\n      }}\n    >\n      <Text variant=\"caption\" as=\"span\">\n        <Box component=\"span\" sx={{ textTransform: \"uppercase\", letterSpacing: 0.5, color: \"text.disabled\" }}>\n          {copy.filters.moreHeading}\n        </Box>\n      </Text>\n      <Text variant=\"caption\" as=\"span\">\n        <Box component=\"span\" sx={{ ml: \"auto\", color: \"text.disabled\" }}>\n          {copy.filters.overflowNote}\n        </Box>\n      </Text>\n    </Box>\n  );\n}\n\n/**\n * The panel's own way back to the unfiltered list.\n *\n * The bar's \"Limpar\" is the primary one, but it is a control like any other\n * and the ladder can take its label — and on the narrowest rungs this panel is\n * where most of the fields ended up anyway. Clearing everything from inside it\n * saves closing it to reach a button three pixels wide.\n */\nfunction MoreFooter({\n  onClearAll,\n  testIdPrefix,\n}: {\n  onClearAll: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box sx={{ px: 1.5, py: 1, borderTop: 1, borderColor: \"divider\" }}>\n      <Box\n        component=\"button\"\n        type=\"button\"\n        onClick={onClearAll}\n        data-testid={`${testIdPrefix}-more-clear-all`}\n        sx={{\n          width: \"100%\",\n          border: 0,\n          p: 0,\n          bgcolor: \"transparent\",\n          cursor: \"pointer\",\n          font: \"inherit\",\n          fontSize: sxRem(13),\n          textAlign: \"left\",\n          color: \"primary.main\",\n          \"&:hover\": { textDecoration: \"underline\" },\n        }}\n      >\n        {copy.filters.clearAll}\n      </Box>\n    </Box>\n  );\n}\n\n/** The overflow trigger + panel. Renders nothing when everything fits. */\nexport function MoreFilters<T extends Record<string, unknown>>({\n  fields,\n  onOpenChange,\n  onClearAll,\n  anyApplied,\n  compact = false,\n  ...rest\n}: MoreFiltersProps<T> & {\n  /** Icon only — the same rung that strips Exibir/Exportar. */\n  compact?: boolean;\n  /** Clears every filter, not just the ones in here. */\n  onClearAll: () => void;\n  /** Whether anything is applied anywhere — the footer is pointless otherwise. */\n  anyApplied: boolean;\n  /**\n   * So the shell can FREEZE the measured split while this panel is open.\n   *\n   * Applying a filter in here makes its field active, and an active field\n   * takes an inline slot first — so the field being edited was promoted OUT of\n   * this panel mid-keystroke, taking the focused input with it. Typing \"12\"\n   * got as far as \"1\" and then had nowhere to go.\n   */\n  onOpenChange?: (open: boolean) => void;\n}): React.JSX.Element | null {\n  const [anchor, setAnchor] = useState<HTMLElement | null>(null);\n  if (fields.length === 0) return null;\n  return (\n    <>\n      <MoreTrigger\n        count={fields.length}\n        appliedCount={\n          fields.filter(\n            (field) =>\n              fieldClearing({\n                field,\n                pills: rest.pills,\n                ranges: rest.ranges,\n                onTogglePill: rest.onTogglePill,\n                onChangeRange: rest.onChangeRange,\n              }).applied,\n          ).length\n        }\n        compact={compact}\n        onOpen={(element) => {\n          setAnchor(element);\n          onOpenChange?.(true);\n        }}\n        testIdPrefix={rest.testIdPrefix}\n      />\n      <Popover\n        open={Boolean(anchor)}\n        anchorEl={anchor}\n        onClose={() => {\n          setAnchor(null);\n          onOpenChange?.(false);\n        }}\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\n        slotProps={{ paper: { sx: { width: 300, maxWidth: \"calc(100vw - 32px)\" } } }}\n      >\n        <Box data-testid={`${rest.testIdPrefix}-more-panel`}>\n          <MoreHeading />\n          {/* overflowX hidden, not auto: this panel is a fixed 300px and its\n              contents are told to shrink into it. A horizontal scrollbar here\n              means something refused to, which is a bug to fix rather than a\n              scrollbar to live with. */}\n          <Box sx={{ maxHeight: 320, overflowY: \"auto\", overflowX: \"hidden\", p: 1.5, minWidth: 0 }}>\n            {fields.map((field) => (\n              <MoreGroup key={field.id} field={field} {...rest} />\n            ))}\n          </Box>\n          {anyApplied && (\n            <MoreFooter onClearAll={onClearAll} testIdPrefix={rest.testIdPrefix} />\n          )}\n        </Box>\n      </Popover>\n    </>\n  );\n}\n"],"mappings":"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","names":["default"]}