@motor-hero/ui-kit 0.38.0 → 0.39.0

package/dist/components/responsive-data-view.d.ts

@@ -4,6 +4,12 @@ interface ResponsiveDataViewProps {
     cards: ReactNode;
     isEmpty: boolean;
     isLoading: boolean;
+    /**
+     * Dados desatualizados na tela enquanto um refetch está em voo (ex.:
+     * `isPlaceholderData` do TanStack Query). Esmaece e bloqueia a interação
+     * com table/cards; a paginação continua clicável.
+     */
+    isBusy?: boolean;
     emptyIcon?: ReactNode;
     emptyTitle?: string;
     emptyDescription?: string;
@@ -11,6 +17,6 @@ interface ResponsiveDataViewProps {
     emptyAction?: ReactNode;
     pagination?: ReactNode;
 }
-export declare function ResponsiveDataView({ table, cards, isEmpty, isLoading, emptyIcon, emptyTitle, emptyDescription, emptyAction, pagination, }: ResponsiveDataViewProps): import("react").JSX.Element;
+export declare function ResponsiveDataView({ table, cards, isEmpty, isLoading, isBusy, emptyIcon, emptyTitle, emptyDescription, emptyAction, pagination, }: ResponsiveDataViewProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=responsive-data-view.d.ts.map

package/dist/components/responsive-data-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"responsive-data-view.d.ts","sourceRoot":"","sources":["../../src/components/responsive-data-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,UAAU,uBAAuB;IAC/B,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,SAAS,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAS,EACT,SAAS,EACT,UAAyC,EACzC,gBAAgB,EAChB,WAAW,EACX,UAAU,GACX,EAAE,uBAAuB,+BA0BzB"}
+{"version":3,"file":"responsive-data-view.d.ts","sourceRoot":"","sources":["../../src/components/responsive-data-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,UAAU,uBAAuB;IAC/B,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,SAAS,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,OAAO,CAAA;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAS,EACT,MAAc,EACd,SAAS,EACT,UAAyC,EACzC,gBAAgB,EAChB,WAAW,EACX,UAAU,GACX,EAAE,uBAAuB,+BAmCzB"}

package/dist/index.cjs

@@ -2129,13 +2129,14 @@ function ResponsiveDataView({
   cards,
   isEmpty,
   isLoading,
+  isBusy = false,
   emptyIcon,
   emptyTitle = "Nenhum registro encontrado",
   emptyDescription,
   emptyAction,
   pagination
 }) {
-  if (!isLoading && isEmpty) {
+  if (!isLoading && !isBusy && isEmpty) {
     return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "rounded-md border", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       EmptyState,
       {
@@ -2146,9 +2147,20 @@ function ResponsiveDataView({
       }
     ) });
   }
+  const busyClass = isBusy && "pointer-events-none opacity-50";
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "hidden overflow-x-auto rounded-md border md:block", children: table }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "md:hidden", children: cards }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      "div",
+      {
+        "aria-busy": isBusy,
+        className: cn(
+          "hidden overflow-x-auto rounded-md border transition-opacity md:block",
+          busyClass
+        ),
+        children: table
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { "aria-busy": isBusy, className: cn("transition-opacity md:hidden", busyClass), children: cards }),
     pagination
   ] });
 }