@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-G3KSCJS7.js

@@ -1,181 +0,0 @@
-import {
-  DeleteViewDialog
-} from "./chunk-X2IJI2BG.js";
-import {
-  DataViewsGrid
-} from "./chunk-PLEZDLVU.js";
-import {
-  viewStateKey
-} from "./chunk-ZOLAYP2D.js";
-import {
-  ViewDialogs,
-  ViewMutationErrorAlert
-} from "./chunk-PJ7NKK33.js";
-import {
-  useSavedViewsController
-} from "./chunk-HR7YTBR7.js";
-
-// src/components/data-display/DataViews/DataViewsTableBase.tsx
-import { useEffect, useMemo, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function useUrlSyncState(server, initialState) {
-  const isServerMode = server !== void 0;
-  return useMemo(
-    () => isServerMode && initialState ? {
-      search: initialState.search,
-      pills: initialState.pills,
-      ranges: initialState.ranges,
-      sortBy: initialState.sortBy,
-      // The scope belongs in the URL-driven slice alongside them: a
-      // `?view=recusados`-style deep link and browser back/forward must
-      // move the tab strip, and they must do it WITHOUT resetting the
-      // user's hidden columns — which is the whole reason this is a
-      // merging `syncState` and not a replacing `appliedState`.
-      scope: initialState.scope
-    } : void 0,
-    [isServerMode, initialState]
-  );
-}
-function resolveInitialView(views, requestedId) {
-  const requested = requestedId ? views.find((view) => view.id === requestedId) : void 0;
-  return requested ?? views.find((view) => view.isDefault);
-}
-function buildDisplayView({
-  ctl,
-  views,
-  activeView,
-  dirty,
-  onRequestDelete
-}) {
-  return {
-    activeViewName: ctl.activeViewName,
-    dirty,
-    onReset: () => activeView ? ctl.applyView(activeView) : ctl.selectMain(),
-    // Only offer "Atualizar" when there IS a view to update — otherwise the
-    // single footer button is a plain "Salvar visão".
-    onUpdate: activeView ? () => ctl.openEdit(activeView) : void 0,
-    onSaveAs: ctl.openCreate,
-    // The views themselves, not a dropdown: the panel renders them in its own
-    // body (see `data-views-view-nav`), so there is no second popover to clip
-    // the row actions.
-    nav: {
-      views,
-      activeViewId: activeView?.id ?? null,
-      onSelectView: (id) => {
-        const next = id === null ? null : views.find((view) => view.id === id);
-        if (next) ctl.applyView(next);
-        else ctl.selectMain();
-      },
-      onEditView: ctl.openEdit,
-      onPatchView: (view, changes) => void ctl.patchView(view, changes),
-      onDeleteView: onRequestDelete
-    }
-  };
-}
-function useDirtyTracking(ctl) {
-  const [dirty, setDirty] = useState(false);
-  const [savedAt, setSavedAt] = useState(0);
-  const baseline = useRef(null);
-  const appliedKey = JSON.stringify(ctl.applied ?? null);
-  useEffect(() => {
-    baseline.current = null;
-    setDirty(false);
-  }, [appliedKey, savedAt]);
-  return {
-    dirty,
-    noteState: (state) => {
-      ctl.currentRef.current = state;
-      const key = viewStateKey(state);
-      if (baseline.current === null) {
-        baseline.current = key;
-        setDirty(false);
-        return;
-      }
-      const next = key !== baseline.current;
-      setDirty((prev) => prev === next ? prev : next);
-    },
-    markSaved: () => setSavedAt((tick) => tick + 1)
-  };
-}
-function DataViewsTableBase(props) {
-  const {
-    initialViewId = null,
-    persistence,
-    router,
-    columns,
-    fields,
-    testIdPrefix = "table",
-    views,
-    server,
-    initialState
-  } = props;
-  const initialView = resolveInitialView(views, initialViewId);
-  const columnIds = columns.map((col) => col.id);
-  const ctl = useSavedViewsController(persistence, router, columnIds, views, initialView, initialState);
-  const { dirty, noteState, markSaved } = useDirtyTracking(ctl);
-  const [pendingDelete, setPendingDelete] = useState(null);
-  const activeView = views.find((view) => view.name === ctl.activeViewName);
-  const displayView = buildDisplayView({
-    ctl,
-    views,
-    activeView,
-    dirty,
-    onRequestDelete: setPendingDelete
-  });
-  const syncState = useUrlSyncState(server, initialState);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ViewMutationErrorAlert, { error: ctl.mutationError, onClose: ctl.clearMutationError, testIdPrefix }),
-    /* @__PURE__ */ jsx(
-      DataViewsGrid,
-      {
-        ...props,
-        testIdPrefix,
-        appliedState: ctl.applied,
-        syncState,
-        onStateChange: noteState,
-        displayView
-      }
-    ),
-    renderViewDialogs(ctl, fields, columns, views, testIdPrefix, markSaved),
-    /* @__PURE__ */ jsx(
-      DeleteViewDialog,
-      {
-        view: pendingDelete,
-        onClose: () => setPendingDelete(null),
-        onConfirm: (view) => {
-          void ctl.handleDelete(view);
-          setPendingDelete(null);
-        },
-        testIdPrefix
-      }
-    )
-  ] });
-}
-function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
-  return /* @__PURE__ */ jsx(
-    ViewDialogs,
-    {
-      saveOpen: ctl.saveOpen,
-      onCloseSave: ctl.closeSave,
-      currentState: ctl.editing ? ctl.editing.state : ctl.currentRef.current,
-      fields,
-      columns,
-      editing: ctl.editing,
-      onSave: async (payload) => {
-        await ctl.handleSave(payload);
-        onSaved();
-      },
-      manageOpen: ctl.manageOpen,
-      onCloseManage: () => ctl.setManageOpen(false),
-      views,
-      onEditFromManage: ctl.editFromManage,
-      onDelete: (view) => void ctl.handleDelete(view),
-      testIdPrefix
-    }
-  );
-}
-
-export {
-  DataViewsTableBase
-};
-//# sourceMappingURL=chunk-G3KSCJS7.js.map

package/dist/chunk-G73SDZ3T.js

@@ -1,41 +0,0 @@
-import {
-  MapPreview
-} from "./chunk-4V7FNB7R.js";
-
-// src/components/data-display/FleetMap/FleetCanvas.tsx
-import Box from "@mui/material/Box/index.js";
-import { jsx } from "react/jsx-runtime";
-function FleetCanvas({
-  copy,
-  centre,
-  markers,
-  height,
-  testId
-}) {
-  if (!centre) return null;
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      role: "region",
-      "aria-label": copy.mapLabel,
-      "data-testid": `${testId}-canvas`,
-      sx: { flexGrow: 1, minWidth: 0 },
-      children: /* @__PURE__ */ jsx(
-        MapPreview,
-        {
-          copy: copy.map,
-          center: centre,
-          markers,
-          height,
-          interactive: true,
-          showControls: true
-        }
-      )
-    }
-  );
-}
-
-export {
-  FleetCanvas
-};
-//# sourceMappingURL=chunk-G73SDZ3T.js.map

package/dist/chunk-G76H5PEM.js

@@ -1,249 +0,0 @@
-import {
-  CustomTabPanel
-} from "./chunk-7UZ2TFIK.js";
-import {
-  tabsRootStyles
-} from "./chunk-EWSGWLHN.js";
-
-// src/components/navigation/Tabs/Tabs.tsx
-import Close from "@mui/icons-material/Close";
-import Badge from "@mui/material/Badge/index.js";
-import Box from "@mui/material/Box/index.js";
-import Divider from "@mui/material/Divider/index.js";
-import MuiTab from "@mui/material/Tab/index.js";
-import MuiTabs from "@mui/material/Tabs/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StyledTabs = styled(MuiTabs, {
-  shouldForwardProp: (prop) => !["customVariant", "size", "showDividers"].includes(prop)
-})(
-  ({ theme, customVariant, size, showDividers }) => ({
-    ...tabsRootStyles({ theme, customVariant, size, showDividers })
-  })
-);
-var CloseButton = styled(Box)(({ theme }) => ({
-  marginLeft: theme.spacing(0.5),
-  padding: theme.spacing(0.25),
-  width: 20,
-  height: 20,
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  cursor: "pointer",
-  borderRadius: "50%",
-  color: theme.palette.action.active,
-  "&:hover": {
-    backgroundColor: alpha(theme.palette.error.main, 0.1),
-    color: theme.palette.error.main
-  }
-}));
-var BadgeWrapper = styled(Badge)(() => ({
-  "& .MuiBadge-badge": {
-    right: -6,
-    top: 4,
-    fontSize: "0.75rem",
-    minWidth: 16,
-    height: 16,
-    padding: 0
-  }
-}));
-var TABS_DEFAULTS = {
-  variant: "default",
-  size: "md",
-  color: "primary",
-  fullWidth: false,
-  orientation: "horizontal",
-  showDividers: false,
-  centered: false,
-  scrollable: false,
-  scrollButtons: "auto",
-  sticky: false,
-  stickyOffset: 0,
-  animateContent: false,
-  animationDuration: 300,
-  persistContent: false,
-  disabled: false,
-  loading: false
-};
-var OWN_PROPS = /* @__PURE__ */ new Set([
-  "items",
-  "closeTabLabel",
-  "color",
-  "size",
-  "fullWidth",
-  "scrollable",
-  "scrollButtons",
-  "sticky",
-  "stickyOffset",
-  "animateContent",
-  "animationDuration",
-  "persistContent",
-  "tabPanelProps",
-  "loading",
-  "loadingComponent"
-]);
-var domPassthrough = (props) => Object.fromEntries(Object.entries(props).filter(([key]) => !OWN_PROPS.has(key)));
-var definedProps = (props) => Object.fromEntries(
-  Object.entries(props).filter(([, value]) => value !== void 0)
-);
-var resolveScrollButtons = (scrollable) => scrollable ? "auto" : false;
-var buildTabsSx = ({
-  fullWidth,
-  sticky,
-  stickyOffset,
-  indicatorColor,
-  disabled
-}) => ({
-  ...fullWidth && { width: "100%" },
-  // Pin the tab list while panels scroll beneath it. Opaque background + bottom
-  // divider so scrolled content does not show through.
-  ...sticky && {
-    position: "sticky",
-    top: stickyOffset,
-    zIndex: 2,
-    backgroundColor: "background.default",
-    borderBottom: 1,
-    borderColor: "divider"
-  },
-  ...indicatorColor && {
-    "& .MuiTabs-indicator": { backgroundColor: indicatorColor }
-  },
-  ...disabled && { opacity: 0.6, pointerEvents: "none" }
-});
-var TabLabel = ({ item, closeTabLabel, onClose }) => {
-  const content = /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-    item.icon,
-    /* @__PURE__ */ jsx("span", { children: item.label }),
-    item.closable && /* @__PURE__ */ jsx(
-      CloseButton,
-      {
-        onClick: (e) => onClose(e, item.id),
-        role: "button",
-        tabIndex: 0,
-        "aria-label": closeTabLabel,
-        onKeyDown: (e) => {
-          if (e.key !== "Enter" && e.key !== " ") return;
-          onClose(e, item.id);
-        },
-        children: /* @__PURE__ */ jsx(Close, { fontSize: "inherit" })
-      }
-    )
-  ] });
-  if (item.badge === void 0) return content;
-  return /* @__PURE__ */ jsx(BadgeWrapper, { badgeContent: item.badge, color: "error", children: content });
-};
-var TabsBar = ({ rest, items, value, onChange, onCloseTab, dataTestId, ...p }) => /* @__PURE__ */ jsx(
-  StyledTabs,
-  {
-    ...rest,
-    value,
-    onChange,
-    customVariant: p.variant,
-    size: p.size,
-    showDividers: p.showDividers,
-    orientation: p.orientation,
-    centered: p.centered,
-    variant: p.scrollable ? "scrollable" : "standard",
-    "data-testid": dataTestId ? `${dataTestId}-list` : "tabs-list",
-    scrollButtons: resolveScrollButtons(p.scrollable),
-    allowScrollButtonsMobile: p.scrollable,
-    textColor: p.color,
-    indicatorColor: p.color,
-    sx: buildTabsSx({
-      fullWidth: p.fullWidth,
-      sticky: p.sticky,
-      stickyOffset: p.stickyOffset,
-      indicatorColor: p.indicatorColor,
-      disabled: p.disabled
-    }),
-    children: items.map((item, index) => /* @__PURE__ */ jsx(
-      MuiTab,
-      {
-        value: item.id,
-        label: /* @__PURE__ */ jsx(TabLabel, { closeTabLabel: p.closeTabLabel, item, onClose: onCloseTab }),
-        disabled: item.disabled || p.disabled,
-        className: item.className,
-        id: `tab-${item.id}`,
-        "aria-controls": `tabpanel-${item.id}`,
-        "aria-disabled": item.disabled || p.disabled,
-        "data-testid": dataTestId ? `${dataTestId}-tab-${index}` : `tabs-tab-${index}`
-      },
-      item.id
-    ))
-  }
-);
-var TabsPanels = ({
-  items,
-  value,
-  variant,
-  animateContent,
-  animationDuration,
-  persistContent,
-  loading,
-  loadingComponent,
-  tabPanelProps,
-  dataTestId
-}) => /* @__PURE__ */ jsx(Box, { sx: { mt: variant === "enclosed" ? 0 : 2 }, children: items.map((item, index) => /* @__PURE__ */ jsx(
-  CustomTabPanel,
-  {
-    id: item.id,
-    value,
-    animate: animateContent,
-    animationDuration,
-    persist: persistContent,
-    loading,
-    loadingComponent,
-    className: tabPanelProps?.className,
-    dataTestId,
-    index,
-    children: item.content
-  },
-  item.id
-)) });
-var Tabs = React.forwardRef(
-  (tabsProps, ref) => {
-    const resolved = { ...TABS_DEFAULTS, ...definedProps(tabsProps) };
-    const {
-      // Destructured only to keep it OUT of `rest`, which is spread onto the
-      // DOM node — `{...resolved}` below is what actually carries it to
-      // `TabsBar`. Same reason as `value` on the next line.
-      closeTabLabel: _closeTabLabel,
-      value: _value,
-      onChange,
-      onTabClose,
-      className,
-      disabled,
-      showDividers,
-      variant,
-      dataTestId,
-      ...rest
-    } = resolved;
-    const handleChange = (event, newValue) => {
-      if (!disabled) onChange(event, newValue);
-    };
-    const handleTabClose = (event, tabId) => {
-      event.stopPropagation();
-      onTabClose?.(tabId);
-    };
-    return /* @__PURE__ */ jsxs(Box, { className, ref, "data-testid": dataTestId || "tabs", children: [
-      /* @__PURE__ */ jsx(
-        TabsBar,
-        {
-          ...resolved,
-          rest: domPassthrough(rest),
-          onChange: handleChange,
-          onCloseTab: handleTabClose
-        }
-      ),
-      showDividers && variant !== "enclosed" && /* @__PURE__ */ jsx(Divider, {}),
-      /* @__PURE__ */ jsx(TabsPanels, { ...resolved })
-    ] });
-  }
-);
-Tabs.displayName = "Tabs";
-
-export {
-  Tabs
-};
-//# sourceMappingURL=chunk-G76H5PEM.js.map

package/dist/chunk-GCWF5AQE.js

@@ -1,58 +0,0 @@
-import {
-  resolveBoxLayout,
-  splitBoxProps
-} from "./chunk-7V6ZRQYW.js";
-import {
-  useUiTheme
-} from "./chunk-TK36COCP.js";
-import {
-  resolveTestId
-} from "./chunk-TYJR4GOF.js";
-
-// src/components/layout/Box/Box.tsx
-import MuiBox from "@mui/material/Box/index.js";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var PX_KEYS = /* @__PURE__ */ new Set([
-  "paddingTop",
-  "paddingRight",
-  "paddingBottom",
-  "paddingLeft",
-  "marginTop",
-  "marginRight",
-  "marginBottom",
-  "marginLeft",
-  "gap",
-  "borderRadius",
-  "borderWidth",
-  "width",
-  "height"
-]);
-function layoutToSx(layout) {
-  return Object.fromEntries(
-    Object.entries(layout).map(([key, value]) => [
-      key,
-      typeof value === "number" && PX_KEYS.has(key) ? `${value}px` : value
-    ])
-  );
-}
-var Box = React.forwardRef(
-  ({ children, sx, ...props }, ref) => {
-    const theme = useUiTheme();
-    const { layout, rest } = splitBoxProps(props);
-    const resolved = layoutToSx(resolveBoxLayout(layout, theme));
-    const testId = resolveTestId(layout);
-    const merged = [
-      resolved,
-      ...Array.isArray(sx) ? sx : sx === void 0 ? [] : [sx]
-    ];
-    return /* @__PURE__ */ jsx(MuiBox, { ref, sx: merged, "data-testid": testId, ...rest, children });
-  }
-);
-Box.displayName = "Box";
-
-export {
-  layoutToSx,
-  Box
-};
-//# sourceMappingURL=chunk-GCWF5AQE.js.map

package/dist/chunk-GGNHZ4GA.js

@@ -1,174 +0,0 @@
-// src/components/feedback/Sonner/SonnerToast.tsx
-import SuccessIcon from "@mui/icons-material/CheckCircle";
-import CloseIcon from "@mui/icons-material/Close";
-import ErrorIcon from "@mui/icons-material/Error";
-import InfoIcon from "@mui/icons-material/Info";
-import WarningIcon from "@mui/icons-material/Warning";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import Collapse from "@mui/material/Collapse/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, useTheme } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var renderToastIcon = (icon, type) => {
-  if (icon) return icon;
-  switch (type) {
-    case "success":
-      return /* @__PURE__ */ jsx(SuccessIcon, { sx: { fontSize: 20, color: "success.main" } });
-    case "error":
-      return /* @__PURE__ */ jsx(ErrorIcon, { sx: { fontSize: 20, color: "error.main" } });
-    case "warning":
-      return /* @__PURE__ */ jsx(WarningIcon, { sx: { fontSize: 20, color: "warning.main" } });
-    case "info":
-      return /* @__PURE__ */ jsx(InfoIcon, { sx: { fontSize: 20, color: "info.main" } });
-    case "loading":
-      return /* @__PURE__ */ jsx(CircularProgress, { size: 16 });
-    default:
-      return null;
-  }
-};
-var resolveToastAnnouncement = (important, type) => {
-  const interrupts = important || type === "error";
-  return {
-    role: interrupts ? "alert" : "status",
-    live: interrupts ? "assertive" : "polite"
-  };
-};
-var buildToastStyles = (theme, variant, visible) => {
-  const baseStyles = {
-    borderRadius: theme.spacing(1.5),
-    border: `1px solid ${theme.palette.divider}`,
-    backgroundColor: theme.palette.background.paper,
-    boxShadow: theme.shadows[4],
-    transition: theme.transitions.create(["all", "transform", "opacity"], {
-      duration: theme.transitions.duration.short
-    }),
-    transform: visible ? "scale(1)" : "scale(0.95)",
-    opacity: visible ? 1 : 0
-  };
-  switch (variant) {
-    case "glass":
-      return {
-        ...baseStyles,
-        backgroundColor: alpha(theme.palette.background.paper, 0.1),
-        backdropFilter: "blur(20px)",
-        border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
-        boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`
-      };
-    case "minimal":
-      return {
-        ...baseStyles,
-        backgroundColor: theme.palette.background.default,
-        border: "none",
-        boxShadow: "none",
-        borderLeft: `4px solid ${theme.palette.primary.main}`,
-        borderRadius: 0
-      };
-    default:
-      return baseStyles;
-  }
-};
-var ToastContent = ({ title, description, important, action, cancel }) => /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, minWidth: 0 }, children: [
-  title && /* @__PURE__ */ jsx(
-    Typography,
-    {
-      variant: "body2",
-      sx: {
-        fontWeight: important ? 600 : 500,
-        color: "text.primary",
-        mb: description ? 0.5 : 0
-      },
-      children: title
-    }
-  ),
-  description && /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { color: "text.secondary", fontSize: "0.875rem" }, children: description }),
-  (action || cancel) && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1, mt: 1.5 }, children: [
-    action && /* @__PURE__ */ jsx(ToastActionButton, { action, buttonVariant: "contained" }),
-    cancel && /* @__PURE__ */ jsx(ToastActionButton, { action: cancel, buttonVariant: "outlined" })
-  ] })
-] });
-var ToastActionButton = ({ action, buttonVariant }) => /* @__PURE__ */ jsx(
-  Button,
-  {
-    size: "small",
-    onClick: action.onClick,
-    variant: buttonVariant,
-    sx: { fontSize: "0.75rem", py: 0.5, px: 1.5 },
-    children: action.label
-  }
-);
-var SonnerToast = ({
-  id,
-  title,
-  description,
-  type = "default",
-  variant = "default",
-  closable = true,
-  dismissLabel,
-  action,
-  cancel,
-  icon,
-  important = false,
-  visible,
-  onDismiss
-}) => {
-  const theme = useTheme();
-  const announcement = resolveToastAnnouncement(important, type);
-  const handleDismiss = () => {
-    onDismiss(id);
-  };
-  return /* @__PURE__ */ jsx(Collapse, { in: visible, timeout: 200, children: /* @__PURE__ */ jsxs(
-    Box,
-    {
-      role: announcement.role,
-      "aria-live": announcement.live,
-      "aria-atomic": "true",
-      sx: {
-        ...buildToastStyles(theme, variant, visible),
-        p: 2,
-        mb: 1,
-        minWidth: 356,
-        maxWidth: 400,
-        display: "flex",
-        alignItems: "flex-start",
-        gap: 1.5
-      },
-      children: [
-        renderToastIcon(icon, type),
-        /* @__PURE__ */ jsx(
-          ToastContent,
-          {
-            title,
-            description,
-            important,
-            action,
-            cancel
-          }
-        ),
-        closable && /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            size: "small",
-            onClick: handleDismiss,
-            "aria-label": dismissLabel,
-            sx: {
-              ml: "auto",
-              color: "text.secondary",
-              "&:hover": {
-                backgroundColor: "action.hover"
-              }
-            },
-            children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" })
-          }
-        )
-      ]
-    }
-  ) });
-};
-
-export {
-  SonnerToast
-};
-//# sourceMappingURL=chunk-GGNHZ4GA.js.map