@aspprev/versi-ds 0.1.0 → 0.2.0

package/dist/{chunk-OPUUOVCL.js → chunk-PIXRKI25.js}

@@ -1,6 +1,6 @@
 import {
   useBreakpoint
-} from "./chunk-CWIPMGCA.js";
+} from "./chunk-ET2BGHTO.js";
 import {
   __objRest,
   __spreadProps,
@@ -1592,6 +1592,11 @@ function BackContent({ label }) {
     /* @__PURE__ */ jsx23("span", { children: label })
   ] });
 }
+function getBackHref(href) {
+  if (!href) return void 0;
+  const protocol = href.replace(/^[\u0000-\u0020]+/, "").replace(/[\t\r\n]/g, "");
+  return /^javascript:/i.test(protocol) ? void 0 : href;
+}
 function PageHeading({
   title,
   subtitle,
@@ -1601,6 +1606,7 @@ function PageHeading({
   contentClassName,
   spacing = "default"
 }) {
+  const backHref = getBackHref(back == null ? void 0 : back.href);
   const backClassName = "mb-2 inline-flex w-fit items-center gap-1 text-sm font-semibold text-content-link hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring";
   return /* @__PURE__ */ jsxs13(
     "header",
@@ -1612,7 +1618,7 @@ function PageHeading({
       ),
       children: [
         /* @__PURE__ */ jsxs13("div", { className: classNames9("min-w-0", contentClassName), children: [
-          (back == null ? void 0 : back.href) ? /* @__PURE__ */ jsx23("a", { className: backClassName, href: back.href, children: /* @__PURE__ */ jsx23(BackContent, { label: back.label }) }) : back ? /* @__PURE__ */ jsx23(
+          back && backHref ? /* @__PURE__ */ jsx23("a", { className: backClassName, href: backHref, children: /* @__PURE__ */ jsx23(BackContent, { label: back.label }) }) : back ? /* @__PURE__ */ jsx23(
             "button",
             {
               type: "button",
@@ -1842,6 +1848,7 @@ function StatusBadge(_a) {
     appearance = "outline",
     size = "md",
     overflow = "wrap",
+    statusLabel,
     className,
     title
   } = _b, rest = __objRest(_b, [
@@ -1850,6 +1857,7 @@ function StatusBadge(_a) {
     "appearance",
     "size",
     "overflow",
+    "statusLabel",
     "className",
     "title"
   ]);
@@ -1863,7 +1871,8 @@ function StatusBadge(_a) {
         overflow === "truncate" ? "overflow-hidden text-ellipsis whitespace-nowrap" : "whitespace-normal break-words",
         className
       ),
-      title: title != null ? title : typeof children === "string" ? children : void 0
+      title: title != null ? title : typeof children === "string" ? children : void 0,
+      "aria-label": statusLabel
     }, rest), {
       children
     })
@@ -1954,6 +1963,31 @@ var resolveStatusAppearance = (status, domain = "generic") => {
   if (domain === "participation") {
     return { tone: "neutral", appearance: "solid" };
   }
+  if (domain === "payment") {
+    if (["PAGO", "QUITADO", "LIBERADO"].includes(normalized)) {
+      return { tone: "success", appearance: "solid" };
+    }
+    if (["EM PAGAMENTO", "AGUARDANDO PAGAMENTO"].includes(normalized)) {
+      return { tone: "info", appearance: "outline" };
+    }
+    if (["VENCIDO", "ESTORNADO", "FALHOU"].includes(normalized)) {
+      return { tone: "danger", appearance: "solid" };
+    }
+  }
+  if (domain === "claim" || domain === "request" || domain === "protocol") {
+    if (["RECEBIDO", "PROTOCOLADO", "EMITIDO"].includes(normalized)) {
+      return { tone: "info", appearance: "outline" };
+    }
+    if (["EM ANALISE", "AGUARDANDO DOCUMENTACAO", "AGUARDANDO ANALISE"].includes(normalized)) {
+      return { tone: "warning", appearance: "soft" };
+    }
+    if (["APROVADO", "CONCEDIDO", "ATENDIDO"].includes(normalized)) {
+      return { tone: "success", appearance: "solid" };
+    }
+    if (["NEGADO", "ARQUIVADO", "RECUSADO"].includes(normalized)) {
+      return { tone: "danger", appearance: "solid" };
+    }
+  }
   return resolveGenericStatus(normalized);
 };
 
@@ -2482,7 +2516,8 @@ function TableView({
     }
     return `${widthUnits / resolvedTotalWidthUnits * 100}%`;
   };
-  const paginationVariant = isMobile ? "arrows" : (_a = pagination == null ? void 0 : pagination.variant) != null ? _a : "default";
+  const isNarrowContainer = tableWidth !== void 0 && tableWidth < 640;
+  const paginationVariant = isMobile || isNarrowContainer ? "arrows" : (_a = pagination == null ? void 0 : pagination.variant) != null ? _a : "default";
   const isAdaptiveCompact = overflowMode === "adaptive" && tableWidth !== void 0 && tableWidth < adaptiveBreakpoint;
   const overflowClass = overflowMode === "scroll" ? "overflow-x-auto" : "overflow-x-hidden";
   const resolvedScrollAreaMaxHeight = stickyHeader ? scrollAreaMaxHeight != null ? scrollAreaMaxHeight : "calc(100dvh - 240px)" : scrollAreaMaxHeight;
@@ -2531,7 +2566,7 @@ function TableView({
                             type: "button",
                             "aria-expanded": openFilter === index,
                             "aria-label": `Filtrar ou ordenar por ${item.title}`,
-                            className: `flex w-full items-center gap-1.5 rounded-sm text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 ${headerFocusClass} ${((_b2 = item.className) == null ? void 0 : _b2.includes("text-right")) ? "justify-end" : ""}`,
+                            className: `flex min-h-11 w-full items-center gap-1.5 rounded-sm text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 ${headerFocusClass} ${((_b2 = item.className) == null ? void 0 : _b2.includes("text-right")) ? "justify-end" : ""}`,
                             onClick: () => handleHeaderAction(item, index),
                             children: [
                               /* @__PURE__ */ jsx33("span", { className: "min-w-0 truncate", children: item.title }),
@@ -2594,7 +2629,7 @@ function TableView({
                 onClick: pagination.onPrevious,
                 disabled: pagination.currentPage === 1,
                 "aria-label": "Ir para a p\xE1gina anterior",
-                className: `inline-flex h-6 items-center justify-center gap-1 rounded border border-border-default px-2 text-sm leading-none text-content-primary hover:border-border-strong disabled:cursor-not-allowed disabled:border-border-default disabled:opacity-50 tablet:h-7 ${paginationVariant === "arrows" ? "min-w-6 tablet:min-w-7" : ""}`,
+                className: `inline-flex min-h-11 min-w-11 items-center justify-center gap-1 rounded border border-border-default px-2 text-sm leading-none text-content-primary hover:border-border-strong disabled:cursor-not-allowed disabled:border-border-default disabled:opacity-50 ${paginationVariant === "arrows" ? "min-w-6 tablet:min-w-7" : ""}`,
                 children: [
                   /* @__PURE__ */ jsx33(MdKeyboardArrowLeft, { className: "h-3 w-3 text-content-muted" }),
                   paginationVariant !== "arrows" && "Anterior"
@@ -2617,7 +2652,7 @@ function TableView({
                 onClick: pagination.onNext,
                 disabled: pagination.currentPage === pagination.totalPages,
                 "aria-label": "Ir para a pr\xF3xima p\xE1gina",
-                className: `inline-flex h-6 items-center justify-center gap-1 rounded border border-border-default px-2 text-sm leading-none text-content-primary hover:border-border-strong disabled:cursor-not-allowed disabled:border-border-default disabled:opacity-50 tablet:h-7 ${paginationVariant === "arrows" ? "min-w-6 tablet:min-w-7" : ""}`,
+                className: `inline-flex min-h-11 min-w-11 items-center justify-center gap-1 rounded border border-border-default px-2 text-sm leading-none text-content-primary hover:border-border-strong disabled:cursor-not-allowed disabled:border-border-default disabled:opacity-50 ${paginationVariant === "arrows" ? "min-w-6 tablet:min-w-7" : ""}`,
                 children: [
                   paginationVariant !== "arrows" && "Pr\xF3xima",
                   /* @__PURE__ */ jsx33(MdKeyboardArrowRight, { className: "h-3 w-3 text-content-muted" })
@@ -2648,6 +2683,7 @@ function Table(props) {
     data,
     itemsPerPage = 10,
     emptyMessage = "Nenhum item encontrado",
+    errorMessage,
     totalWidthUnits,
     showRowDivider = false,
     enableRowHover = false,
@@ -2893,7 +2929,7 @@ function Table(props) {
         {
           colSpan: normalizedHeader.length,
           className: emptyCellClassName,
-          children: emptyMessage
+          children: errorMessage ? /* @__PURE__ */ jsx34("span", { role: "alert", children: errorMessage }) : /* @__PURE__ */ jsx34("span", { role: "status", children: emptyMessage })
         }
       ) })
     ] });
@@ -2901,6 +2937,7 @@ function Table(props) {
     children,
     data,
     emptyMessage,
+    errorMessage,
     emptyCellClassName,
     enableRowHover,
     expandable,
@@ -3113,6 +3150,7 @@ function MobileCardTable({
           })()) }) : /* @__PURE__ */ jsx35(
             "div",
             {
+              role: "status",
               className: `px-3 py-4 text-center text-md text-content-secondary ${emptyClassName}`.trim(),
               children: emptyMessage
             }
@@ -3186,6 +3224,41 @@ function MobileCardTable({
 }
 var MobileCardTable_default = MobileCardTable;
 
+// src/hooks/useContainerBreakpoint.ts
+import { useEffect as useEffect10, useState as useState6 } from "react";
+var defaultContainerBreakpoints = {
+  mobile: 0,
+  tablet: 640,
+  desktop: 1024,
+  wide: 1440
+};
+function useContainerBreakpoint(ref, options = {}) {
+  var _a;
+  const thresholds = (_a = options.breakpoints) != null ? _a : defaultContainerBreakpoints;
+  const [current, setCurrent] = useState6();
+  useEffect10(() => {
+    const element = ref.current;
+    if (!element) return;
+    const resolve = (width) => {
+      const entries = Object.entries(thresholds).sort(([, a], [, b]) => a - b);
+      return entries.reduce(
+        (result, [name, threshold]) => width >= threshold ? name : result,
+        void 0
+      );
+    };
+    const update = () => setCurrent(resolve(element.getBoundingClientRect().width));
+    if (typeof ResizeObserver === "undefined") {
+      update();
+      return void 0;
+    }
+    const observer = new ResizeObserver(update);
+    observer.observe(element);
+    update();
+    return () => observer.disconnect();
+  }, [ref, thresholds]);
+  return current;
+}
+
 export {
   LoadingDotsView_default,
   Button_default,
@@ -3221,6 +3294,7 @@ export {
   findFirstInvalidField,
   FormErrorNavigation,
   Table_default,
-  MobileCardTable_default
+  MobileCardTable_default,
+  useContainerBreakpoint
 };
-//# sourceMappingURL=chunk-OPUUOVCL.js.map
+//# sourceMappingURL=chunk-PIXRKI25.js.map