@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-4SXZSSVV.js

@@ -1,131 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  createConfirmButton
-} from "./chunk-QZPNQWS2.js";
-import {
-  Dialog,
-  DialogContent
-} from "./chunk-S5LE2ARG.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  default as default3
-} from "./chunk-WEBEOBN5.js";
-import {
-  Button
-} from "./chunk-SL4NFGOL.js";
-import {
-  Text
-} from "./chunk-2PCOC3PT.js";
-
-// src/components/data-display/DataViews/ManageViewsDialog.tsx
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function tags(view) {
-  const copy = useDataViewsCopy();
-  const list = [];
-  if (view.isDefault) list.push(copy.manageViews.defaultTag);
-  if (view.pinned) list.push("Fixada");
-  if (view.shared) list.push("Compartilhada");
-  if (!view.isOwner) list.push(copy.manageViews.otherUserTag);
-  return list;
-}
-function ManageViewRow({
-  view,
-  onEdit,
-  onDelete,
-  testIdPrefix,
-  confirmCopy
-}) {
-  const ConfirmButton = useMemo(
-    () => createConfirmButton(confirmCopy, confirmCopy.defaultError),
-    [confirmCopy]
-  );
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(
-    default3,
-    {
-      direction: "row",
-      spacing: 1,
-      sx: { alignItems: "center", justifyContent: "space-between" },
-      "data-testid": `${testIdPrefix}-manage-row-${view.id}`,
-      children: [
-        /* @__PURE__ */ jsxs(default2, { sx: { minWidth: 0 }, children: [
-          /* @__PURE__ */ jsx(Text, { variant: "body", size: "sm", as: "span", weight: "semibold", children: view.name }),
-          view.description && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", color: "secondary", children: view.description }),
-          tags(view).length > 0 && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", color: "secondary", children: tags(view).join(" \xB7 ") })
-        ] }),
-        view.isOwner && /* @__PURE__ */ jsxs(default3, { direction: "row", spacing: 1, sx: { flex: "0 0 auto" }, children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "text",
-              size: "sm",
-              onClick: () => onEdit(view),
-              dataTestId: `${testIdPrefix}-manage-edit-${view.id}`,
-              children: copy.manageViews.edit
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ConfirmButton,
-            {
-              variant: "text",
-              size: "sm",
-              color: "danger",
-              onClick: () => onDelete(view),
-              confirm: {
-                title: copy.manageViews.deleteTitle,
-                entityName: view.name,
-                description: copy.manageViews.deleteBody,
-                confirmText: copy.manageViews.deleteConfirm
-              },
-              dataTestId: `${testIdPrefix}-manage-delete-${view.id}`,
-              children: copy.manageViews.deleteConfirm
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function ManageViewsDialog({
-  open,
-  onClose,
-  views,
-  onEdit,
-  onDelete,
-  testIdPrefix = "views",
-  confirmCopy
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open,
-      onClose,
-      title: copy.manageViews.title,
-      size: "md",
-      showCloseButton: true,
-      dataTestId: `${testIdPrefix}-manage-dialog`,
-      children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(default3, { spacing: 1.5, "data-testid": `${testIdPrefix}-manage-list`, children: views.length === 0 ? /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", children: copy.manageViews.empty }) : views.map((view) => /* @__PURE__ */ jsx(
-        ManageViewRow,
-        {
-          confirmCopy,
-          view,
-          onEdit,
-          onDelete,
-          testIdPrefix
-        },
-        view.id
-      )) }) })
-    }
-  );
-}
-
-export {
-  ManageViewsDialog
-};
-//# sourceMappingURL=chunk-4SXZSSVV.js.map

package/dist/chunk-5HOJSVQH.js

@@ -1,266 +0,0 @@
-import {
-  CARD_RADIUS,
-  cardSurfaceStyles,
-  isActionable,
-  isSelectable,
-  slotTestIds
-} from "./chunk-MQUU2XZB.js";
-import {
-  DragHandle,
-  useDragItem
-} from "./chunk-JCJGJX7V.js";
-import {
-  CARD_ASPECT_RATIOS
-} from "./chunk-LHHAYZ55.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Checkbox
-} from "./chunk-BJ3J6FTN.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Card
-} from "./chunk-D2IASECY.js";
-import {
-  Text
-} from "./chunk-2PCOC3PT.js";
-
-// src/components/data-display/DataViews/base-card.tsx
-import { useTheme } from "@mui/material/styles/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function cardSx(opts) {
-  const { aspectRatio, pad, scale, interactive, draggable } = opts;
-  return {
-    position: "relative",
-    zoom: scale,
-    aspectRatio: String(CARD_ASPECT_RATIOS[aspectRatio]),
-    display: "flex",
-    flexDirection: "column",
-    overflow: "hidden",
-    p: pad,
-    cursor: draggable ? "grab" : interactive ? "pointer" : void 0,
-    ...draggable ? { touchAction: "none", "&:active": { cursor: "grabbing" } } : {}
-  };
-}
-var OVERLAY_BAND_PX = 42;
-function contentGaps(opts) {
-  const { hasMedia, hasBody, overlays, pad } = opts;
-  const gap = pad * 0.5;
-  const clear = !hasMedia && overlays ? Math.max(0, OVERLAY_BAND_PX / 8 - pad) : 0;
-  return { body: hasMedia ? gap : clear, caption: hasMedia || hasBody ? gap : clear };
-}
-function CardOverlays({
-  selected,
-  onToggleSelect,
-  checkboxTestId,
-  menu
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    onToggleSelect && /* @__PURE__ */ jsx(default2, { sx: { position: "absolute", top: 4, left: 4, zIndex: 2 }, children: /* @__PURE__ */ jsx(
-      Checkbox,
-      {
-        checked: selected,
-        onChange: () => onToggleSelect(),
-        onClick: (event) => event.stopPropagation(),
-        size: "small",
-        "data-testid": checkboxTestId,
-        "aria-label": copy.selection.selectRow
-      }
-    ) }),
-    menu && /* @__PURE__ */ jsx(
-      default2,
-      {
-        sx: { position: "absolute", top: 4, right: 4, zIndex: 2 },
-        onClick: (event) => event.stopPropagation(),
-        children: menu
-      }
-    )
-  ] });
-}
-function CardMedia({ image, imageFallback }) {
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: {
-        flex: 1,
-        minHeight: 0,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        overflow: "hidden",
-        borderRadius: 1,
-        "& img": { width: "100%", height: "100%", objectFit: "cover" }
-      },
-      children: image ?? imageFallback
-    }
-  );
-}
-function CardBodyContent({
-  children,
-  fill,
-  topGap
-}) {
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: {
-        flex: fill ? 1 : "none",
-        minHeight: 0,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        gap: 0.75,
-        mt: topGap,
-        overflow: "hidden"
-      },
-      children
-    }
-  );
-}
-function CardCaption({
-  title,
-  subtitle,
-  topGap
-}) {
-  return /* @__PURE__ */ jsxs(default2, { sx: { mt: topGap, minWidth: 0 }, children: [
-    title != null && /* @__PURE__ */ jsx(
-      Text,
-      {
-        variant: "heading",
-        size: "sm",
-        weight: "bold",
-        as: "p",
-        style: {
-          lineHeight: 1.15,
-          fontSize: "0.95rem",
-          overflow: "hidden",
-          textOverflow: "ellipsis",
-          whiteSpace: "nowrap"
-        },
-        children: title
-      }
-    ),
-    subtitle != null && /* @__PURE__ */ jsx(Text, { variant: "caption", size: "xs", color: "secondary", as: "p", children: subtitle })
-  ] });
-}
-function CardContents({
-  children,
-  image,
-  imageFallback,
-  title,
-  subtitle,
-  overlays,
-  pad
-}) {
-  const hasMedia = image != null || imageFallback != null;
-  const hasBody = children != null;
-  const hasCaption = title != null || subtitle != null;
-  const top = contentGaps({ hasMedia, hasBody, overlays, pad });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    hasMedia && /* @__PURE__ */ jsx(CardMedia, { image, imageFallback }),
-    hasBody && /* @__PURE__ */ jsx(CardBodyContent, { fill: !hasMedia, topGap: top.body, children }),
-    hasCaption && /* @__PURE__ */ jsx(CardCaption, { title, subtitle, topGap: top.caption })
-  ] });
-}
-function useCardShell(props) {
-  const actionable = isActionable(props.state);
-  return {
-    selectable: isSelectable(props),
-    actionable,
-    theme: useTheme(),
-    slot: slotTestIds(props.testId),
-    scale: props.scale ?? 1,
-    // The card's own veto over the container's decision — see `CardSurfaceProps`.
-    drag: useDragItem(props.draggable === false || !actionable ? void 0 : props.dragId)
-  };
-}
-function BaseCard(props) {
-  const { aspectRatio = "4:3", selected = false } = props;
-  const { menu, onToggleSelect, onClick } = props;
-  const { selectable, actionable, theme, slot, scale, drag } = useCardShell(props);
-  const dataTestId = props.testId;
-  const checkboxTestId = slot("checkbox");
-  const pad = 1.5;
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      variant: "outlined",
-      onClick,
-      dataTestId,
-      className: props.className,
-      "aria-label": props["aria-label"],
-      "aria-disabled": actionable ? void 0 : true,
-      ...drag.itemProps,
-      sx: {
-        // The same corner the row uses: a Grade and a Lista of the same records
-        // sit beside each other, and a tile that rounds harder than the row
-        // reads as a different component.
-        borderRadius: CARD_RADIUS,
-        // The shared half — variant, colour, selection, effects — identical to
-        // the one BaseListCard uses, so a Grade and a Lista of the same records
-        // are dressed by one set of rules.
-        ...cardSurfaceStyles(
-          {
-            ...props,
-            selectable,
-            shape: "tile",
-            // A card mid-drag is a ghost of itself; the drop target is what the
-            // eye should be on.
-            state: drag.dragging ? "disabled" : props.state
-          },
-          theme
-        ),
-        // …and the tile's own geometry on top.
-        ...cardSx({
-          aspectRatio,
-          pad,
-          scale,
-          interactive: onClick != null,
-          draggable: drag.draggable && drag.handleProps === void 0
-        })
-      },
-      children: [
-        drag.draggable && /* @__PURE__ */ jsx(default2, { sx: { position: "absolute", bottom: 4, left: 4, zIndex: 2 }, children: /* @__PURE__ */ jsx(
-          DragHandle,
-          {
-            handleProps: drag.handleProps,
-            gated: drag.handleProps !== void 0,
-            testId: slot("drag")
-          }
-        ) }),
-        /* @__PURE__ */ jsx(
-          CardOverlays,
-          {
-            selected,
-            onToggleSelect: selectable ? onToggleSelect ?? (() => {
-            }) : void 0,
-            checkboxTestId,
-            menu
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          CardContents,
-          {
-            image: props.image,
-            imageFallback: props.imageFallback,
-            title: props.title,
-            subtitle: props.subtitle,
-            overlays: selectable || menu != null,
-            pad,
-            children: props.children
-          }
-        )
-      ]
-    }
-  );
-}
-
-export {
-  BaseCard
-};
-//# sourceMappingURL=chunk-5HOJSVQH.js.map

package/dist/chunk-5SYD23V4.js

@@ -1,170 +0,0 @@
-import {
-  useRichTextEditor
-} from "./chunk-774B27QA.js";
-import {
-  RichTextEditorToolbar
-} from "./chunk-SE6ERQY5.js";
-import {
-  fieldEdge
-} from "./chunk-MLOWPVVW.js";
-
-// src/components/form/RichTextEditor/RichTextEditor.tsx
-import Box from "@mui/material/Box/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import { alpha, useTheme } from "@mui/material/styles/index.js";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_TOOLBAR = {
-  bold: true,
-  italic: true,
-  underline: true,
-  strikethrough: false,
-  orderedList: true,
-  unorderedList: true,
-  link: true,
-  image: false,
-  codeBlock: false,
-  quote: false,
-  customItems: []
-};
-var RICH_TEXT_DEFAULTS = {
-  value: "",
-  placeholder: "Start typing...",
-  disabled: false,
-  readOnly: false,
-  toolbar: {},
-  height: 300
-};
-var definedProps = (props) => Object.fromEntries(
-  Object.entries(props).filter(([, v]) => v !== void 0)
-);
-var editorContentSx = (theme, disabled, placeholder, height) => ({
-  minHeight: typeof height === "number" ? `${height}px` : height,
-  p: 2,
-  outline: "none",
-  cursor: disabled ? "not-allowed" : "text",
-  "&:empty::before": {
-    content: `"${placeholder}"`,
-    color: theme.palette.text.disabled,
-    pointerEvents: "none"
-  },
-  "& p": {
-    margin: "8px 0",
-    "&:first-of-type": { marginTop: 0 },
-    "&:last-of-type": { marginBottom: 0 }
-  },
-  "& ul, & ol": { marginLeft: theme.spacing(2) },
-  "& blockquote": {
-    borderLeft: `4px solid ${theme.palette.primary.main}`,
-    paddingLeft: theme.spacing(2),
-    margin: `${theme.spacing(1)} 0`,
-    fontStyle: "italic",
-    backgroundColor: alpha(theme.palette.primary.main, 0.05)
-  },
-  "& pre": {
-    backgroundColor: alpha(theme.palette.text.primary, 0.08),
-    padding: theme.spacing(1),
-    borderRadius: 1,
-    fontFamily: 'Monaco, Menlo, "Ubuntu Mono", monospace',
-    fontSize: "0.875rem",
-    overflow: "auto"
-  },
-  "& a": { color: theme.palette.primary.main, textDecoration: "underline" }
-});
-var shellSx = (theme, isFocused, disabled) => ({
-  border: `1px solid ${fieldEdge(theme)}`,
-  borderRadius: 1,
-  overflow: "hidden",
-  transition: "border-color 0.2s ease-in-out",
-  ...isFocused && {
-    borderColor: theme.palette.primary.main,
-    boxShadow: `0 0 0 2px ${alpha(theme.palette.primary.main, 0.2)}`
-  },
-  ...disabled && {
-    backgroundColor: theme.palette.action.disabledBackground,
-    color: theme.palette.text.disabled
-  }
-});
-var RichTextEditor = forwardRef(
-  (editorProps, ref) => {
-    const {
-      value,
-      onChange,
-      placeholder,
-      disabled,
-      readOnly,
-      toolbar,
-      height,
-      maxLength,
-      onFocus,
-      onBlur,
-      className,
-      "data-testid": testId,
-      "aria-label": ariaLabel,
-      "aria-describedby": ariaDescribedBy,
-      ...props
-    } = { ...RICH_TEXT_DEFAULTS, ...definedProps(editorProps) };
-    const theme = useTheme();
-    const toolbarConfig = { ...DEFAULT_TOOLBAR, ...toolbar };
-    const editor = useRichTextEditor({
-      value,
-      onChange,
-      onFocus,
-      onBlur,
-      disabled,
-      readOnly,
-      maxLength
-    });
-    return /* @__PURE__ */ jsxs(
-      Paper,
-      {
-        ref,
-        className,
-        "data-testid": testId || "rich-text-editor",
-        elevation: 1,
-        sx: shellSx(theme, editor.isFocused, Boolean(disabled)),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            RichTextEditorToolbar,
-            {
-              config: toolbarConfig,
-              disabled: Boolean(disabled),
-              readOnly: Boolean(readOnly),
-              maxLength,
-              characterCount: editor.characterCount,
-              editorRef: editor.editorRef,
-              onFormat: editor.applyFormat
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Box,
-            {
-              ref: editor.editorRef,
-              contentEditable: !disabled && !readOnly,
-              onInput: editor.handleContentChange,
-              onFocus: editor.handleFocus,
-              onBlur: editor.handleBlur,
-              role: "textbox",
-              "aria-label": ariaLabel || "Rich text editor",
-              "aria-describedby": ariaDescribedBy,
-              "aria-multiline": "true",
-              tabIndex: disabled ? -1 : 0,
-              "data-testid": "editor-content",
-              suppressContentEditableWarning: true,
-              sx: editorContentSx(theme, Boolean(disabled), placeholder, height)
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-RichTextEditor.displayName = "RichTextEditor";
-var RichTextEditor_default = RichTextEditor;
-
-export {
-  RichTextEditor,
-  RichTextEditor_default
-};
-//# sourceMappingURL=chunk-5SYD23V4.js.map