@12-apps/ui 6.54.1 → 6.55.0

package/dist/chunk-7JKDB5J5.js

@@ -1,90 +0,0 @@
-import {
-  resolveCalendarProps
-} from "./chunk-SUALMVL7.js";
-import {
-  CalendarMonth
-} from "./chunk-AG3DY5TH.js";
-import {
-  useCalendar
-} from "./chunk-2ZRZTGWP.js";
-import {
-  rem,
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/form/Calendar/Calendar.tsx
-import Box from "@mui/material/Box/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var containerSx = (monthsToShow) => ({
-  p: 3,
-  display: "flex",
-  flexDirection: monthsToShow > 1 ? "row" : "column",
-  gap: 3,
-  outline: "none",
-  "&:focus-within": {
-    outline: (theme) => `${rem(theme, 2)} solid`,
-    outlineColor: "primary.main",
-    outlineOffset: sxRem(2)
-  }
-});
-var Calendar = React.forwardRef((componentProps, ref) => {
-  const props = resolveCalendarProps(componentProps);
-  const { monthsToShow, locale, renderHeader, renderFooter, className, ariaLabel } = props;
-  const calendar = useCalendar(props);
-  const dayContext = {
-    selectionMode: props.selectionMode,
-    value: props.value,
-    range: props.range,
-    showOutsideDays: props.showOutsideDays,
-    renderDay: props.renderDay,
-    dayClassName: props.dayClassName,
-    hoveredDate: calendar.hoveredDate,
-    focusedDate: calendar.focusedDate,
-    today: calendar.today,
-    isDisabled: calendar.isDisabled,
-    onSelect: calendar.handleDateClick,
-    onHover: calendar.handleDateMouseEnter,
-    onHoverEnd: calendar.handleDateMouseLeave
-  };
-  return /* @__PURE__ */ jsxs(
-    Paper,
-    {
-      ref,
-      className,
-      role: "application",
-      "aria-label": ariaLabel,
-      tabIndex: 0,
-      onKeyDown: calendar.handleKeyDown,
-      "data-testid": "calendar-container",
-      sx: containerSx(monthsToShow),
-      children: [
-        /* @__PURE__ */ jsx(Box, { ref: calendar.gridRef, sx: { display: "flex", gap: 3, flexWrap: "wrap" }, children: calendar.monthMatrices.map((matrix, index) => /* @__PURE__ */ jsx(
-          CalendarMonth,
-          {
-            matrix,
-            monthIndex: index,
-            monthsToShow,
-            locale,
-            weekdayNames: calendar.weekdayNames,
-            renderHeader,
-            onPreviousMonth: calendar.goToPreviousMonth,
-            onNextMonth: calendar.goToNextMonth,
-            dayContext
-          },
-          `month-${matrix.year}-${matrix.month}`
-        )) }),
-        renderFooter && /* @__PURE__ */ jsx(Box, { sx: { mt: 2, pt: 2, borderTop: 1, borderColor: "divider" }, children: renderFooter })
-      ]
-    }
-  );
-});
-Calendar.displayName = "Calendar";
-var Calendar_default = Calendar;
-
-export {
-  Calendar,
-  Calendar_default
-};
-//# sourceMappingURL=chunk-7JKDB5J5.js.map

package/dist/chunk-7TWZZD7R.js

@@ -1,34 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Pagination
-} from "./chunk-6J54X3ES.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-
-// src/components/data-display/DataViews/data-views-pagination.tsx
-import { jsx } from "react/jsx-runtime";
-function DataViewsPagination({
-  c,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  if (!c.serverMode || c.serverPageCount <= 1) return null;
-  return /* @__PURE__ */ jsx(default2, { sx: { mt: 2, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(
-    Pagination,
-    {
-      pageSizeLabel: copy.nav.pageSize,
-      page: c.serverPage,
-      count: c.serverPageCount,
-      onChange: (_event, page) => c.changePage(page),
-      dataTestId: `${testIdPrefix}-pagination`
-    }
-  ) });
-}
-
-export {
-  DataViewsPagination
-};
-//# sourceMappingURL=chunk-7TWZZD7R.js.map

package/dist/chunk-7WWPKA7Y.js

@@ -1,181 +0,0 @@
-import {
-  DeleteViewDialog
-} from "./chunk-67LNVBFO.js";
-import {
-  DataViewsGrid
-} from "./chunk-VGXSPUTD.js";
-import {
-  viewStateKey
-} from "./chunk-ZOLAYP2D.js";
-import {
-  ViewDialogs,
-  ViewMutationErrorAlert
-} from "./chunk-HKD4TDZP.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-7WWPKA7Y.js.map

package/dist/chunk-7XSICFOJ.js

@@ -1,249 +0,0 @@
-import {
-  BoardGlyph,
-  ColumnsGlyph,
-  GridGlyph,
-  ListGlyph,
-  RowsGlyph,
-  TableGlyph
-} from "./chunk-YLGY3D52.js";
-import {
-  useDataViewsLayout
-} from "./chunk-UHX2LOT2.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Text
-} from "./chunk-MKLIMY3D.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/DataViews/data-views-display-tabs.tsx
-import ArrowDownwardRoundedIcon from "@mui/icons-material/ArrowDownwardRounded";
-import ArrowUpwardRoundedIcon from "@mui/icons-material/ArrowUpwardRounded";
-import useMediaQuery from "@mui/material/useMediaQuery/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Tile({
-  active,
-  label,
-  onClick,
-  testId,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      component: "button",
-      type: "button",
-      onClick,
-      "aria-pressed": active,
-      "data-testid": testId,
-      sx: {
-        flex: 1,
-        minWidth: 0,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        gap: 0.75,
-        p: 1.25,
-        border: 1,
-        borderStyle: "solid",
-        borderColor: active ? "primary.main" : "divider",
-        bgcolor: active ? "action.selected" : "transparent",
-        borderRadius: 1,
-        cursor: "pointer",
-        font: "inherit",
-        fontSize: sxRem(12),
-        fontWeight: active ? 600 : 400,
-        color: active ? "primary.main" : "text.secondary",
-        "&:hover": { bgcolor: "action.hover" }
-      },
-      children: [
-        children,
-        label
-      ]
-    }
-  );
-}
-var DIRECTION_LABELS = {
-  number: ["Menor \u2192 maior", "Maior \u2192 menor"],
-  currency: ["Menor \u2192 maior", "Maior \u2192 menor"],
-  date: ["Mais antigo", "Mais recente"],
-  text: ["A \u2192 Z", "Z \u2192 A"]
-};
-function directionLabels(kind) {
-  return DIRECTION_LABELS[kind ?? "text"] ?? DIRECTION_LABELS.text;
-}
-function SortTab({
-  fields,
-  activeField,
-  activeOrder,
-  onChange,
-  sortKinds,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const [ascLabel, descLabel] = directionLabels(sortKinds?.[activeField]);
-  return /* @__PURE__ */ jsxs(default2, { sx: { p: 1 }, children: [
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, color: "text.secondary" }, children: copy.display.direction }) }),
-    /* @__PURE__ */ jsx(default2, { sx: { display: "flex", gap: 0.75, mb: 1.5, mt: 0.5 }, children: ["asc", "desc"].map((direction, index) => /* @__PURE__ */ jsx(
-      Tile,
-      {
-        active: activeOrder === direction,
-        label: index === 0 ? ascLabel : descLabel,
-        onClick: () => onChange(activeField || fields[0]?.value || "", direction),
-        testId: `${testIdPrefix}-sort-dir-${direction}`,
-        children: direction === "asc" ? /* @__PURE__ */ jsx(ArrowUpwardRoundedIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(ArrowDownwardRoundedIcon, { fontSize: "small" })
-      },
-      direction
-    )) }),
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, color: "text.secondary" }, children: copy.display.fieldHeading }) }),
-    fields.map((field) => /* @__PURE__ */ jsx(
-      SortFieldRow,
-      {
-        label: field.label,
-        active: field.value === activeField,
-        onClick: () => onChange(field.value, activeOrder),
-        testId: `${testIdPrefix}-sort-field-${field.value}`
-      },
-      field.value
-    ))
-  ] });
-}
-function SortFieldRow({
-  label,
-  active,
-  onClick,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      component: "button",
-      type: "button",
-      onClick,
-      "data-testid": testId,
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        gap: 1,
-        width: "100%",
-        px: 1,
-        py: 0.75,
-        border: 0,
-        background: "none",
-        borderRadius: 1,
-        cursor: "pointer",
-        font: "inherit",
-        fontSize: sxRem(13),
-        textAlign: "left",
-        fontWeight: active ? 600 : 400,
-        color: active ? "primary.main" : "text.primary",
-        "&:hover": { bgcolor: "action.hover" }
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          default2,
-          {
-            component: "span",
-            sx: { height: sxRem(6), width: sxRem(6), borderRadius: "50%", bgcolor: active ? "primary.main" : "action.disabled" }
-          }
-        ),
-        /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1, minWidth: 0 }, children: label })
-      ]
-    }
-  );
-}
-function densityTiles(layout, copy) {
-  const labels = copy.display.densityLabels[layout] ?? copy.display.densityLabels.table;
-  return [
-    { value: "compact", label: labels?.compact ?? "compact", gap: sxRem(2), columns: 4 },
-    { value: "cozy", label: labels?.cozy ?? "cozy", gap: sxRem(5), columns: 3 },
-    { value: "comfortable", label: labels?.comfortable ?? "comfortable", gap: sxRem(8), columns: 2 }
-  ];
-}
-function densityGlyph(layout, tile, active) {
-  if (layout === "cards") return /* @__PURE__ */ jsx(GridGlyph, { n: tile.columns, active });
-  if (layout === "board") return /* @__PURE__ */ jsx(ColumnsGlyph, { n: tile.columns, active });
-  return /* @__PURE__ */ jsx(RowsGlyph, { gap: tile.gap, active });
-}
-function layoutGlyph(layout, active) {
-  if (layout === "table") return /* @__PURE__ */ jsx(TableGlyph, { active });
-  if (layout === "list") return /* @__PURE__ */ jsx(ListGlyph, { active });
-  if (layout === "cards") return /* @__PURE__ */ jsx(GridGlyph, { active });
-  return /* @__PURE__ */ jsx(BoardGlyph, { active });
-}
-var LAYOUT_TILE_LABELS = {
-  table: "Tabela",
-  list: "Lista",
-  cards: "Grade",
-  board: "Quadro"
-};
-function DensityTiles({ testIdPrefix }) {
-  const copy = useDataViewsCopy();
-  const { layout, density, setDensity } = useDataViewsLayout();
-  const isOneColumn = useMediaQuery((t) => t.breakpoints.down("sm"));
-  if (layout === "cards" && isOneColumn) {
-    return /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, pt: 0.5, display: "block", color: "text.disabled" }, children: copy.display.densityUnavailableNarrow }) });
-  }
-  return /* @__PURE__ */ jsx(default2, { sx: { display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: 0.75, mt: 0.5 }, children: densityTiles(layout, copy).map((tile) => /* @__PURE__ */ jsx(
-    Tile,
-    {
-      active: density === tile.value,
-      label: tile.label,
-      onClick: () => setDensity(tile.value),
-      testId: `${testIdPrefix}-density-${tile.value}`,
-      children: densityGlyph(layout, tile, density === tile.value)
-    },
-    tile.value
-  )) });
-}
-function DisplayTab({ testIdPrefix }) {
-  const copy = useDataViewsCopy();
-  const { layout, setLayout, canUseCards, canUseList, canUseBoard } = useDataViewsLayout();
-  const available = [
-    "table",
-    ...canUseList ? ["list"] : [],
-    ...canUseCards ? ["cards"] : [],
-    ...canUseBoard ? ["board"] : []
-  ];
-  return /* @__PURE__ */ jsxs(default2, { sx: { p: 1 }, children: [
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, color: "text.secondary" }, children: copy.display.formatHeading }) }),
-    /* @__PURE__ */ jsx(
-      default2,
-      {
-        sx: {
-          display: "grid",
-          gridTemplateColumns: available.length > 3 ? "repeat(2, 1fr)" : `repeat(${available.length}, 1fr)`,
-          gap: 0.75,
-          mt: 0.5
-        },
-        children: available.map((value) => /* @__PURE__ */ jsx(
-          Tile,
-          {
-            active: layout === value,
-            label: LAYOUT_TILE_LABELS[value],
-            onClick: () => setLayout(value),
-            testId: `${testIdPrefix}-layout-${value}`,
-            children: layoutGlyph(value, layout === value)
-          },
-          value
-        ))
-      }
-    ),
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, py: 1, display: "block", color: "text.disabled" }, children: copy.display.layoutHints[layout] }) }),
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, color: "text.secondary" }, children: copy.display.densityHeadings[layout] }) }),
-    /* @__PURE__ */ jsx(DensityTiles, { testIdPrefix }),
-    !canUseBoard && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, pt: 1.25, display: "block", color: "text.disabled" }, children: copy.display.boardUnavailable }) })
-  ] });
-}
-
-export {
-  SortTab,
-  DisplayTab
-};
-//# sourceMappingURL=chunk-7XSICFOJ.js.map

package/dist/chunk-AET54GT6.js

@@ -1,99 +0,0 @@
-import {
-  arrowColor,
-  emphasisStyles,
-  getSizeStyles,
-  tooltipCap,
-  variantStyles
-} from "./chunk-524PRSSD.js";
-import {
-  resolveTooltipProps,
-  useHoverOpen,
-  usePinnedTooltip
-} from "./chunk-QYJ25FWM.js";
-
-// src/components/data-display/InteractiveTooltip/InteractiveTooltip.tsx
-import MuiTooltip from "@mui/material/Tooltip/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var bubbleSx = (variant, size, glow, pulse, maxWidth) => (theme) => {
-  const sizeStyles = getSizeStyles(size);
-  return {
-    borderRadius: theme.spacing(1),
-    fontSize: sizeStyles.fontSize(theme),
-    padding: sizeStyles.padding(theme),
-    fontWeight: 500,
-    transition: "all 0.3s ease",
-    position: "relative",
-    maxWidth: tooltipCap(maxWidth)(theme),
-    ...variantStyles(theme, variant),
-    ...emphasisStyles(theme, glow, pulse)
-  };
-};
-var InteractiveTooltip = React.forwardRef((rawProps, ref) => {
-  const {
-    variant,
-    size,
-    glow,
-    pulse,
-    maxWidth,
-    dataTestId,
-    hoverContent,
-    pinnedContent,
-    clickable,
-    onPin,
-    onUnpin,
-    className,
-    children,
-    onOpen,
-    onClose,
-    ...props
-  } = resolveTooltipProps(rawProps);
-  const { isPinned, isControlledOpen, wrapperRef, handleClick } = usePinnedTooltip({
-    clickable,
-    onPin,
-    onUnpin
-  });
-  const hover = useHoverOpen(isPinned, onOpen, onClose);
-  const tooltipContent = isPinned ? pinnedContent : hoverContent;
-  const childElement = children;
-  const childWithProps = React.cloneElement(childElement, {
-    onClick: (e) => {
-      handleClick(e);
-      childElement.props.onClick?.(e);
-    },
-    "data-testid": dataTestId ? `${dataTestId}-trigger` : void 0
-  });
-  return /* @__PURE__ */ jsx("div", { ref: wrapperRef, className, children: /* @__PURE__ */ jsx(
-    MuiTooltip,
-    {
-      ref,
-      title: tooltipContent,
-      open: isPinned ? isControlledOpen : hover.open,
-      onOpen: hover.onOpen,
-      onClose: hover.onClose,
-      enterDelay: isPinned ? 0 : 100,
-      leaveDelay: 0,
-      disableHoverListener: isPinned,
-      disableFocusListener: isPinned,
-      disableTouchListener: isPinned,
-      slotProps: {
-        tooltip: {
-          sx: bubbleSx(variant, size, glow, pulse, maxWidth),
-          role: "tooltip",
-          ...dataTestId && { "data-testid": `${dataTestId}-content` }
-        },
-        arrow: {
-          sx: (theme) => ({ color: arrowColor(theme, variant) })
-        }
-      },
-      ...props,
-      children: childWithProps
-    }
-  ) });
-});
-InteractiveTooltip.displayName = "InteractiveTooltip";
-
-export {
-  InteractiveTooltip
-};
-//# sourceMappingURL=chunk-AET54GT6.js.map