@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-IFAEKIT2.js

@@ -1,273 +0,0 @@
-import {
-  DataViewsBoard
-} from "./chunk-VLVMJDGD.js";
-import {
-  SelectAllStrip
-} from "./chunk-BM4ZPBBT.js";
-import {
-  toGridExpansion
-} from "./chunk-O5UGAL2V.js";
-import {
-  cardGridTracks
-} from "./chunk-7FWXG2KF.js";
-import {
-  ListCardGroup
-} from "./chunk-LYSSO6WC.js";
-import {
-  DENSITY_BOARD_SCALE,
-  DENSITY_ROW_PADDING,
-  cardScaleForZoom,
-  cardTargetWidthFor,
-  useDataViewsLayout
-} from "./chunk-ZPIMPOHV.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  DataGrid
-} from "./chunk-XPOQZI5X.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-
-// src/components/data-display/DataViews/data-views-grid-bodies.tsx
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function GridBody({
-  rows,
-  columns,
-  getRowId,
-  selectedIds,
-  onChangeSelected,
-  sortBy,
-  onChangeSortBy,
-  sortMode,
-  rowPadding,
-  rowDetail,
-  dataTestId,
-  emptyState
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: {
-        width: "100%",
-        overflowX: "auto",
-        mt: 1.5,
-        // Tabwoah-style dense rows: MUI's default TableCell padding keeps rows
-        // tall regardless of rowHeight, so the DENSITY preference is applied
-        // here rather than through `rowHeight`, which it would fight.
-        "& .MuiTableCell-root": { py: rowPadding, fontSize: "0.8125rem" },
-        "& .MuiTableCell-head": { py: 0.5, fontSize: "0.75rem" }
-      },
-      children: /* @__PURE__ */ jsx(
-        DataGrid,
-        {
-          rows,
-          columns,
-          getRowId: (row) => getRowId(row),
-          virtualizeRows: false,
-          density: "compact",
-          rowHeight: 36,
-          headerHeight: 36,
-          selection: { mode: "multi", selectedRowIds: selectedIds, onChangeSelected },
-          sorting: { mode: sortMode, sortBy, onChangeSortBy },
-          expansion: toGridExpansion(rowDetail, copy),
-          "data-testid": dataTestId,
-          emptyState,
-          emptyText: copy.grid.emptyFilteredTitle
-        }
-      )
-    }
-  );
-}
-function CardBody({
-  rows,
-  renderCard,
-  getRowId,
-  selectedIds,
-  onToggleId,
-  targetCardWidth,
-  cardScale,
-  dataTestId,
-  emptyState
-}) {
-  if (rows.length === 0) {
-    return /* @__PURE__ */ jsx(default2, { sx: { mt: 1.5 }, children: emptyState });
-  }
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: {
-        mt: 1.5,
-        display: "grid",
-        // Fixed inter-card gap — deliberately NOT scaled by the zoom slider, so
-        // only the cards grow while the space between them stays constant.
-        gap: 1.5,
-        ...cardGridTracks(targetCardWidth)
-      },
-      "data-testid": dataTestId ? `${dataTestId}-cards` : "data-views-cards",
-      children: rows.map((row) => {
-        const id = getRowId(row);
-        return /* @__PURE__ */ jsx(default2, { children: renderCard(row, {
-          selected: selectedIds.has(id),
-          onToggleSelect: () => onToggleId(id),
-          scale: cardScale
-        }) }, id);
-      })
-    }
-  );
-}
-function ListBody({
-  rows,
-  renderListRow,
-  getRowId,
-  selectedIds,
-  onToggleId,
-  rowGap,
-  group,
-  density,
-  dataTestId,
-  emptyState
-}) {
-  if (rows.length === 0) {
-    return /* @__PURE__ */ jsx(default2, { sx: { mt: 1.5 }, children: emptyState });
-  }
-  const testId = dataTestId ? `${dataTestId}-list` : "data-views-list";
-  const selectionFor = (id) => ({
-    selected: selectedIds.has(id),
-    onToggleSelect: () => onToggleId(id),
-    scale: 1
-  });
-  if (group) {
-    return /* @__PURE__ */ jsx(default2, { sx: { mt: 1.5 }, children: /* @__PURE__ */ jsx(
-      ListCardGroup,
-      {
-        cells: group.cells,
-        metaColumns: group.metaColumns,
-        rails: group.rails,
-        reserveGutters: group.reserveGutters,
-        density,
-        gap: rowGap,
-        dataTestId: testId,
-        children: rows.map((row) => {
-          const id = getRowId(row);
-          return /* @__PURE__ */ jsx(React.Fragment, { children: renderListRow(row, selectionFor(id)) }, id);
-        })
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: { mt: 1.5, display: "flex", flexDirection: "column", gap: rowGap },
-      "data-testid": testId,
-      children: rows.map((row) => {
-        const id = getRowId(row);
-        return /* @__PURE__ */ jsx(default2, { children: renderListRow(row, selectionFor(id)) }, id);
-      })
-    }
-  );
-}
-function Headerless({
-  c,
-  getRowId,
-  testIdPrefix,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      SelectAllStrip,
-      {
-        rows: c.matched,
-        getRowId,
-        selectedIds: c.selectedIds,
-        onChange: (next) => c.setSelectedIds(next),
-        testIdPrefix
-      }
-    ),
-    children
-  ] });
-}
-function headerlessBody({ c, getRowId, renderCard, renderListRow, listGroup, board, dataTestId, emptyState }, { layout, zoom, density }) {
-  if (layout === "list" && renderListRow) {
-    return /* @__PURE__ */ jsx(
-      ListBody,
-      {
-        rows: c.matched,
-        renderListRow,
-        getRowId,
-        selectedIds: c.selectedIds,
-        onToggleId: c.toggleId,
-        rowGap: DENSITY_ROW_PADDING[density],
-        group: listGroup,
-        density,
-        dataTestId,
-        emptyState
-      }
-    );
-  }
-  if (layout === "board" && board && renderCard) {
-    return /* @__PURE__ */ jsx(
-      DataViewsBoard,
-      {
-        rows: c.matched,
-        board,
-        getRowId,
-        renderCard,
-        selectedIds: c.selectedIds,
-        onToggleId: c.toggleId,
-        cardScale: DENSITY_BOARD_SCALE[density],
-        dataTestId
-      }
-    );
-  }
-  if (layout === "cards" && renderCard) {
-    return /* @__PURE__ */ jsx(
-      CardBody,
-      {
-        rows: c.matched,
-        renderCard,
-        getRowId,
-        selectedIds: c.selectedIds,
-        onToggleId: c.toggleId,
-        targetCardWidth: cardTargetWidthFor(zoom, density),
-        cardScale: cardScaleForZoom(zoom),
-        dataTestId,
-        emptyState
-      }
-    );
-  }
-  return null;
-}
-function GridMain(props) {
-  const { c, getRowId, dataTestId, emptyState, testIdPrefix } = props;
-  const layoutState = useDataViewsLayout();
-  const body = headerlessBody(props, layoutState);
-  if (body) {
-    return /* @__PURE__ */ jsx(Headerless, { c, getRowId, testIdPrefix, children: body });
-  }
-  return /* @__PURE__ */ jsx(
-    GridBody,
-    {
-      rows: c.matched,
-      columns: c.gridColumns,
-      getRowId,
-      selectedIds: [...c.selectedIds],
-      onChangeSelected: (ids) => c.setSelectedIds(new Set(ids)),
-      sortBy: c.state.sortBy,
-      onChangeSortBy: (next) => c.patch({ sortBy: next }),
-      sortMode: c.serverMode ? "server" : "client",
-      rowPadding: DENSITY_ROW_PADDING[layoutState.density],
-      rowDetail: props.rowDetail,
-      dataTestId,
-      emptyState
-    }
-  );
-}
-
-export {
-  GridMain
-};
-//# sourceMappingURL=chunk-IFAEKIT2.js.map

package/dist/chunk-IGO5DC7D.js

@@ -1,159 +0,0 @@
-import {
-  CategoryQuickActions
-} from "./chunk-V6Z4XS3I.js";
-import {
-  CategoryPanelList
-} from "./chunk-NU3EQX2L.js";
-import {
-  CategoryPanelHead,
-  CategoryPinnedTray
-} from "./chunk-MQZDTGGJ.js";
-import {
-  CategoryMultiFoot,
-  CategorySingleFoot
-} from "./chunk-67N6TH6E.js";
-import {
-  panelSx,
-  sheetSx
-} from "./chunk-LGLHU55A.js";
-import {
-  removeChip
-} from "./chunk-PN4HVM43.js";
-
-// src/components/form/CategorySelect/CategoryPanel.tsx
-import Box from "@mui/material/Box/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CategoryPanel({
-  state,
-  chips,
-  rowIds,
-  changed,
-  single,
-  sheet,
-  loading,
-  showCounts,
-  allowParentSelection,
-  ariaLabel,
-  onKeyDown,
-  onActivateCategory,
-  onActivateSubcategory,
-  onApply,
-  onCancel,
-  onCreateCategory,
-  searchInputRef,
-  listRef,
-  dataTestId,
-  copy
-}) {
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      onKeyDown,
-      role: "dialog",
-      "aria-label": ariaLabel,
-      "data-testid": `${dataTestId}-panel`,
-      sx: (theme) => ({ ...panelSx(theme), ...sheet ? sheetSx(theme) : {} }),
-      children: [
-        /* @__PURE__ */ jsx(
-          CategoryPanelHead,
-          {
-            copy,
-            query: state.query,
-            placeholder: single ? copy.search.placeholderSingle : copy.search.placeholderMulti,
-            sheet,
-            quickActions: single ? void 0 : /* @__PURE__ */ jsx(CategoryQuickActions, { state, dataTestId, copy }),
-            onQueryChange: state.setQuery,
-            searchInputRef,
-            dataTestId
-          }
-        ),
-        !single && !loading && /* @__PURE__ */ jsx(PinnedTray, { state, chips, dataTestId, copy }),
-        /* @__PURE__ */ jsx(
-          CategoryPanelList,
-          {
-            copy,
-            groups: state.visibleGroups,
-            query: state.query,
-            draft: state.draft,
-            rowIds,
-            activeIndex: state.activeIndex,
-            sheet,
-            single,
-            loading,
-            showCounts,
-            allowParentSelection,
-            deepTree: state.deepTree,
-            isExpanded: state.isExpanded,
-            onToggleExpanded: state.toggleExpanded,
-            onActivateCategory,
-            onActivateSubcategory,
-            onClearQuery: () => state.setQuery(""),
-            onCreateCategory,
-            listRef,
-            dataTestId
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          PanelFooter,
-          {
-            state,
-            changed,
-            single,
-            sheet,
-            copy,
-            onApply,
-            onCancel,
-            dataTestId
-          }
-        )
-      ]
-    }
-  );
-}
-function PinnedTray({
-  state,
-  chips,
-  dataTestId,
-  copy
-}) {
-  return /* @__PURE__ */ jsx(
-    CategoryPinnedTray,
-    {
-      copy,
-      chips,
-      onRemove: (chipId) => state.setDraft(removeChip(state.allGroups, chipId, state.draft)),
-      dataTestId
-    }
-  );
-}
-function PanelFooter({
-  state,
-  changed,
-  single,
-  sheet,
-  onApply,
-  onCancel,
-  dataTestId,
-  copy
-}) {
-  if (single) {
-    return /* @__PURE__ */ jsx(CategorySingleFoot, { sheet, onCancel, dataTestId, copy });
-  }
-  return /* @__PURE__ */ jsx(
-    CategoryMultiFoot,
-    {
-      count: state.draft.size,
-      changed,
-      sheet,
-      copy,
-      onClear: () => state.setDraft(/* @__PURE__ */ new Set()),
-      onApply,
-      dataTestId
-    }
-  );
-}
-
-export {
-  CategoryPanel
-};
-//# sourceMappingURL=chunk-IGO5DC7D.js.map

package/dist/chunk-IM76SSXI.js

@@ -1,173 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Button
-} from "./chunk-6MDBMCFK.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/data-views-export.tsx
-import DownloadRoundedIcon from "@mui/icons-material/DownloadRounded";
-import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import Popover from "@mui/material/Popover/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var ALL_FORMATS = ["xlsx", "csv", "json"];
-function scopeLabel(selected, total) {
-  if (selected > 0) {
-    return `${selected} ${selected === 1 ? "item selecionado" : "itens selecionados"}`;
-  }
-  return `${total} ${total === 1 ? "item filtrado" : "itens filtrados"}`;
-}
-function ExportTrigger({
-  busy,
-  onOpen,
-  testIdPrefix,
-  compact
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      color: "neutral",
-      disabled: busy,
-      onClick: (event) => onOpen(event.currentTarget),
-      dataTestId: `${testIdPrefix}-export-trigger`,
-      "aria-label": copy.export.trigger,
-      title: compact ? copy.export.trigger : void 0,
-      children: /* @__PURE__ */ jsxs(default2, { component: "span", sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: [
-        busy ? /* @__PURE__ */ jsx(CircularProgress, { size: 14 }) : /* @__PURE__ */ jsx(DownloadRoundedIcon, { fontSize: "small" }),
-        !compact && /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: { xs: "none", sm: "inline" } }, children: copy.export.triggerLabel }),
-        !compact && /* @__PURE__ */ jsx(KeyboardArrowDownRoundedIcon, { fontSize: "small" })
-      ] })
-    }
-  );
-}
-function FormatRow({
-  format,
-  onPick,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      component: "button",
-      type: "button",
-      onClick: onPick,
-      "data-testid": `${testIdPrefix}-export-${format}`,
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "flex-start",
-        width: "100%",
-        px: 1.5,
-        py: 1,
-        border: 0,
-        background: "none",
-        cursor: "pointer",
-        font: "inherit",
-        textAlign: "left",
-        "&:hover": { bgcolor: "action.hover" }
-      },
-      children: [
-        /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontSize: "0.8125rem" }, children: copy.export.formats[format]?.label ?? format }),
-        /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontSize: "0.6875rem", color: "text.disabled" }, children: copy.export.formats[format]?.hint ?? "" })
-      ]
-    }
-  );
-}
-function ExportPanel({
-  formats,
-  selectedCount,
-  totalCount,
-  columnCount,
-  onPick,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(default2, { "data-testid": `${testIdPrefix}-export-panel`, children: [
-    /* @__PURE__ */ jsxs(default2, { sx: { px: 1.5, pt: 1, pb: 1, borderBottom: 1, borderColor: "divider" }, children: [
-      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsxs(default2, { component: "span", "data-testid": `${testIdPrefix}-export-scope`, children: [
-        "Exportando ",
-        scopeLabel(selectedCount, totalCount)
-      ] }) }),
-      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { color: "text.disabled" }, children: copy.export.visibleColumns(columnCount) }) })
-    ] }),
-    formats.map((format) => /* @__PURE__ */ jsx(
-      FormatRow,
-      {
-        format,
-        onPick: () => onPick(format),
-        testIdPrefix
-      },
-      format
-    ))
-  ] });
-}
-function DataViewsExportMenu({
-  config,
-  query,
-  totalCount,
-  selectedIds,
-  columns,
-  testIdPrefix,
-  compact
-}) {
-  const [anchor, setAnchor] = useState(null);
-  const [busy, setBusy] = useState(false);
-  const run = async (format) => {
-    setAnchor(null);
-    setBusy(true);
-    try {
-      await config.onExport({
-        format,
-        // UNPAGINATED: page 1 of a page as large as the whole result. The host
-        // re-queries with this; nothing here reads the loaded rows.
-        query: { ...query, page: 1, pageSize: Math.max(1, totalCount) },
-        selectedIds: selectedIds.length > 0 ? [...selectedIds] : void 0,
-        columns
-      });
-    } finally {
-      setBusy(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ExportTrigger, { busy, onOpen: setAnchor, testIdPrefix, compact }),
-    /* @__PURE__ */ jsx(
-      Popover,
-      {
-        open: Boolean(anchor),
-        anchorEl: anchor,
-        onClose: () => setAnchor(null),
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: "top", horizontal: "right" },
-        slotProps: { paper: { sx: { width: 260, maxWidth: "calc(100vw - 32px)" } } },
-        children: /* @__PURE__ */ jsx(
-          ExportPanel,
-          {
-            formats: config.formats ?? ALL_FORMATS,
-            selectedCount: selectedIds.length,
-            totalCount,
-            columnCount: columns.length,
-            onPick: (format) => void run(format),
-            testIdPrefix
-          }
-        )
-      }
-    )
-  ] });
-}
-
-export {
-  DataViewsExportMenu
-};
-//# sourceMappingURL=chunk-IM76SSXI.js.map

package/dist/chunk-IOEF32HX.js

@@ -1,88 +0,0 @@
-import {
-  getSizeStyles
-} from "./chunk-5RHMLOIA.js";
-import {
-  BADGE_CONTENT_GAP,
-  BADGE_SIZES
-} from "./chunk-XV2TDULR.js";
-import {
-  px
-} from "./chunk-PE4ZW3IA.js";
-
-// src/components/data-display/Badge/BadgeContent.tsx
-import CloseIcon from "@mui/icons-material/Close";
-import IconButton from "@mui/material/IconButton/index.js";
-import { jsx } from "react/jsx-runtime";
-var CLOSE_ICON_SIZES = Object.fromEntries(
-  Object.entries(BADGE_SIZES).map(([size, metrics]) => [size, px(metrics.closeIconSize)])
-);
-var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `badge-${suffix}`;
-var BadgeIcon = ({
-  icon,
-  size,
-  testId
-}) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    "data-testid": testId,
-    style: {
-      fontSize: getSizeStyles(size).iconSize,
-      display: "inline-flex",
-      alignItems: "center"
-    },
-    children: icon
-  },
-  "icon"
-);
-var BadgeCloseButton = ({
-  size,
-  testId,
-  onClose
-}) => /* @__PURE__ */ jsx(
-  IconButton,
-  {
-    size: "small",
-    onClick: onClose,
-    "data-testid": testId,
-    sx: {
-      p: 0,
-      ml: 0.5,
-      color: "inherit",
-      "& svg": { fontSize: CLOSE_ICON_SIZES[size] ?? CLOSE_ICON_SIZES.lg },
-      "&:hover": { opacity: 0.8 }
-    },
-    children: /* @__PURE__ */ jsx(CloseIcon, {})
-  },
-  "close"
-);
-var buildBadgeContent = ({
-  variant,
-  size,
-  icon,
-  closable,
-  dataTestId,
-  baseContent,
-  onClose
-}) => {
-  if (variant === "dot") return "";
-  const testId = makeTestId(dataTestId);
-  const parts = [];
-  if (icon) parts.push(/* @__PURE__ */ jsx(BadgeIcon, { icon, size, testId: testId("icon") }, "icon"));
-  if (baseContent !== null && baseContent !== void 0) {
-    parts.push(
-      /* @__PURE__ */ jsx("span", { "data-testid": testId("content"), children: baseContent }, "content")
-    );
-  }
-  if (closable && !variant.includes("dot")) {
-    parts.push(
-      /* @__PURE__ */ jsx(BadgeCloseButton, { size, testId: testId("close"), onClose }, "close")
-    );
-  }
-  if (parts.length === 0) return null;
-  return /* @__PURE__ */ jsx("span", { style: { display: "inline-flex", alignItems: "center", gap: `${BADGE_CONTENT_GAP}px` }, children: parts });
-};
-
-export {
-  buildBadgeContent
-};
-//# sourceMappingURL=chunk-IOEF32HX.js.map