@motor-hero/ui-kit 0.44.1 → 0.46.0

package/dist/index.d.ts

@@ -44,6 +44,8 @@ export { TableSkeleton } from "./components/table-skeleton";
 export type { Theme, ThemeProviderProps, ThemeProviderState, } from "./components/theme-provider";
 export { ThemeProvider, useTheme } from "./components/theme-provider";
 export { Toaster } from "./components/toaster";
+export type { UpdateBannerProps } from "./components/update-banner";
+export { UpdateBanner } from "./components/update-banner";
 export type { RenderLink, RenderLinkProps } from "./components/types";
 export { defaultRenderLink } from "./components/types";
 export type { AppUser, UserMenuItem, UserMenuProps, } from "./components/user-menu";
@@ -52,6 +54,8 @@ export type { UseCompanySubdomainOptions, UseCompanySubdomainResult, } from "./h
 export { getSubdomain, useCompanySubdomain, } from "./hooks/use-company-subdomain";
 export { useDisclosure } from "./hooks/use-disclosure";
 export { useIsDesktop } from "./hooks/use-is-desktop";
+export type { UseVersionCheckOptions, VersionCheckState } from "./hooks/use-version-check";
+export { useVersionCheck } from "./hooks/use-version-check";
 export { toast, useCustomToast } from "./hooks/use-toast";
 export { extractApiError } from "./lib/api-error";
 export type { CompanyTheme, CompanyThemeTokens } from "./lib/company-theme";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EACX,YAAY,EACZ,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,GAClB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACN,gBAAgB,EAChB,aAAa,EACb,aAAa,GACb,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,YAAY,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,YAAY,EACX,SAAS,EACT,mBAAmB,GACnB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,YAAY,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,YAAY,EACX,KAAK,EACL,kBAAkB,EAClB,kBAAkB,GAClB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,YAAY,EACX,OAAO,EACP,YAAY,EACZ,aAAa,GACb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EACX,0BAA0B,EAC1B,yBAAyB,GACzB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACN,YAAY,EACZ,mBAAmB,GACnB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,YAAY,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -259,6 +259,8 @@ function AppShell({
   headerActions,
   collapsible = true,
   defaultCollapsed = false,
+  sidebarFooter,
+  banner,
   children
 }) {
   const [collapsed, setCollapsed] = useState3(defaultCollapsed);
@@ -286,6 +288,7 @@ function AppShell({
         children: [
           /* @__PURE__ */ jsx4("div", { className: "flex h-14 shrink-0 items-center border-b px-4", children: collapsed ? brandCollapsed ?? brand : brand }),
           /* @__PURE__ */ jsx4("div", { className: "flex-1 overflow-y-auto px-2 py-4", children: nav(collapsed) }),
+          sidebarFooter && /* @__PURE__ */ jsx4("div", { className: "border-t px-3 py-2", "data-slot": "sidebar-footer", children: typeof sidebarFooter === "function" ? sidebarFooter(collapsed) : sidebarFooter }),
           collapsible && /* @__PURE__ */ jsx4("div", { className: "border-t p-2", children: /* @__PURE__ */ jsx4(
             "button",
             {
@@ -327,6 +330,7 @@ function AppShell({
       }
     ),
     /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
+      banner,
       /* @__PURE__ */ jsxs3("header", { className: "flex h-14 shrink-0 items-center gap-2 border-b bg-background px-4", children: [
         /* @__PURE__ */ jsx4(
           "button",
@@ -671,30 +675,35 @@ function useInfiniteScrollSentinel({
   loading,
   onLoadMore
 }) {
-  const listRef = React4.useRef(null);
-  const sentinelRef = React4.useRef(null);
+  const [listNode, setListNode] = React4.useState(null);
+  const [sentinelNode, setSentinelNode] = React4.useState(
+    null
+  );
   const loadingRef = React4.useRef(loading);
   const onLoadMoreRef = React4.useRef(onLoadMore);
+  const listRef = React4.useCallback((node) => {
+    setListNode(node);
+  }, []);
+  const sentinelRef = React4.useCallback((node) => {
+    setSentinelNode(node);
+  }, []);
   React4.useEffect(() => {
     loadingRef.current = loading;
     onLoadMoreRef.current = onLoadMore;
   });
   React4.useEffect(() => {
-    if (!enabled) return;
-    const root = listRef.current;
-    const sentinel = sentinelRef.current;
-    if (!root || !sentinel) return;
+    if (!enabled || !listNode || !sentinelNode) return;
     const observer = new IntersectionObserver(
       (entries) => {
         if (entries[0]?.isIntersecting && !loadingRef.current) {
           onLoadMoreRef.current?.();
         }
       },
-      { root, rootMargin: "0px 0px 100px 0px" }
+      { root: listNode, rootMargin: "0px 0px 100px 0px" }
     );
-    observer.observe(sentinel);
+    observer.observe(sentinelNode);
     return () => observer.disconnect();
-  }, [enabled]);
+  }, [enabled, listNode, sentinelNode]);
   return { listRef, sentinelRef };
 }
 
@@ -725,7 +734,14 @@ function Combobox({
   const [search, setSearch] = React5.useState("");
   const isDesktop = useIsDesktop();
   const isServer = onSearchChange !== void 0;
-  const selected = selectedOption?.value === value ? selectedOption : options.find((option) => option.value === value) ?? (creatable && value ? { value, label: value } : void 0);
+  const labelCache = React5.useRef(/* @__PURE__ */ new Map());
+  const fromPage = selectedOption?.value === value ? selectedOption : options.find((option) => option.value === value);
+  React5.useEffect(() => {
+    for (const option of options) labelCache.current.set(option.value, option);
+    if (selectedOption)
+      labelCache.current.set(selectedOption.value, selectedOption);
+  });
+  const selected = fromPage ?? (value ? labelCache.current.get(value) : void 0) ?? (creatable && value ? { value, label: value } : void 0);
   const handleOpenChange = (next) => {
     setOpen(next);
     if (!next) setSearch("");
@@ -1534,7 +1550,7 @@ function HighlightPill({
 }
 
 // src/components/mobile-card-list.tsx
-import { useRef as useRef3 } from "react";
+import { useRef as useRef4 } from "react";
 import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var SCROLL_THRESHOLD = 8;
 function MobileCardList({
@@ -1545,8 +1561,8 @@ function MobileCardList({
   loadingCount = 5,
   className
 }) {
-  const start = useRef3(null);
-  const scrolled = useRef3(false);
+  const start = useRef4(null);
+  const scrolled = useRef4(false);
   const onTouchStart = (e) => {
     const t = e.touches[0];
     start.current = { x: t.clientX, y: t.clientY };
@@ -1602,7 +1618,7 @@ import * as DropdownMenu2 from "@radix-ui/react-dropdown-menu";
 import { Moon, Sun, Monitor } from "lucide-react";
 
 // src/components/theme-provider.tsx
-import { createContext, useContext, useEffect as useEffect4, useState as useState8 } from "react";
+import { createContext, useContext, useEffect as useEffect5, useState as useState9 } from "react";
 
 // src/lib/company-theme.ts
 var VAR_MAP = {
@@ -1643,10 +1659,10 @@ function ThemeProvider({
   companyTheme,
   ...props
 }) {
-  const [theme, setTheme] = useState8(
+  const [theme, setTheme] = useState9(
     () => localStorage.getItem(storageKey) || defaultTheme
   );
-  useEffect4(() => {
+  useEffect5(() => {
     const root = window.document.documentElement;
     const applyResolved = (resolved) => {
       root.classList.remove("light", "dark");
@@ -1769,12 +1785,14 @@ function MultiCombobox({
   const [open, setOpen] = React8.useState(false);
   const isDesktop = useIsDesktop();
   const isServer = onSearchChange !== void 0;
-  const seen = /* @__PURE__ */ new Set();
-  const selected = [...selectedOptions ?? [], ...options].filter((option) => {
-    if (!value.includes(option.value) || seen.has(option.value)) return false;
-    seen.add(option.value);
-    return true;
+  const labelCache = React8.useRef(/* @__PURE__ */ new Map());
+  const byValue = /* @__PURE__ */ new Map();
+  for (const option of options) byValue.set(option.value, option);
+  for (const option of selectedOptions ?? []) byValue.set(option.value, option);
+  React8.useEffect(() => {
+    for (const [key, option] of byValue) labelCache.current.set(key, option);
   });
+  const selected = value.map((v) => byValue.get(v) ?? labelCache.current.get(v)).filter((option) => option !== void 0);
   const { listRef, sentinelRef } = useInfiniteScrollSentinel({
     enabled: isServer && !!hasMore,
     loading,
@@ -2118,7 +2136,7 @@ function ResponsiveDataView({
 // src/components/row-actions-menu.tsx
 import * as DropdownMenu3 from "@radix-ui/react-dropdown-menu";
 import { ChevronRight as ChevronRight3, MoreVertical } from "lucide-react";
-import { useState as useState11 } from "react";
+import { useState as useState12 } from "react";
 import { Drawer as DrawerPrimitive6 } from "vaul";
 import { Fragment as Fragment6, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 var triggerClass = "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50";
@@ -2132,7 +2150,7 @@ function RowActionsMenu({
   renderLink = defaultRenderLink
 }) {
   const isDesktop = useIsDesktop();
-  const [open, setOpen] = useState11(false);
+  const [open, setOpen] = useState12(false);
   if (actions.length === 0) return null;
   const trigger = /* @__PURE__ */ jsx27(
     "button",
@@ -2472,8 +2490,96 @@ function Toaster(props) {
   );
 }
 
+// src/components/update-banner.tsx
+import { RefreshCw } from "lucide-react";
+
+// src/hooks/use-version-check.ts
+import { useCallback as useCallback3, useEffect as useEffect7, useState as useState13 } from "react";
+function useVersionCheck({
+  currentBuild,
+  url = "/version.json",
+  intervalMs = 6e4
+}) {
+  const [latestBuild, setLatestBuild] = useState13(null);
+  const [staleChecks, setStaleChecks] = useState13(0);
+  useEffect7(() => {
+    if (!currentBuild) return;
+    let cancelled = false;
+    const check = async () => {
+      if (document.visibilityState === "hidden") return;
+      try {
+        const res = await fetch(url, { cache: "no-store" });
+        const contentType = res.headers.get("content-type") ?? "";
+        if (!res.ok || !contentType.includes("application/json")) return;
+        const data = await res.json();
+        if (cancelled || typeof data.buildTime !== "string") return;
+        if (data.buildTime !== currentBuild) {
+          setLatestBuild(data.buildTime);
+          setStaleChecks((n) => n + 1);
+        }
+      } catch (error) {
+        console.error("Version check failed", error);
+      }
+    };
+    check();
+    const interval = setInterval(check, intervalMs);
+    const onVisible = () => {
+      if (document.visibilityState === "visible") check();
+    };
+    document.addEventListener("visibilitychange", onVisible);
+    return () => {
+      cancelled = true;
+      clearInterval(interval);
+      document.removeEventListener("visibilitychange", onVisible);
+    };
+  }, [currentBuild, url, intervalMs]);
+  const reload = useCallback3(() => window.location.reload(), []);
+  return { updateAvailable: latestBuild !== null, staleChecks, latestBuild, reload };
+}
+
+// src/components/update-banner.tsx
+import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
+function UpdateBanner({
+  title = "Nova vers\xE3o dispon\xEDvel",
+  description = "Atualize para continuar na vers\xE3o mais recente.",
+  actionLabel = "Atualizar",
+  className,
+  ...options
+}) {
+  const { updateAvailable, reload } = useVersionCheck(options);
+  if (!updateAvailable) return null;
+  return /* @__PURE__ */ jsxs28(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "data-slot": "update-banner",
+      className: cn(
+        "flex flex-wrap items-center justify-between gap-3 border-b border-primary/30 bg-primary px-4 py-2 text-sm text-primary-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs28("span", { className: "flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsx34(RefreshCw, { className: "h-4 w-4 shrink-0 animate-spin [animation-duration:3s]", "aria-hidden": true }),
+          /* @__PURE__ */ jsx34("span", { className: "font-medium", children: title }),
+          /* @__PURE__ */ jsx34("span", { className: "hidden truncate opacity-80 sm:inline", children: description })
+        ] }),
+        /* @__PURE__ */ jsx34(
+          "button",
+          {
+            type: "button",
+            onClick: reload,
+            className: "shrink-0 rounded-md bg-background px-3 py-1 text-xs font-medium text-foreground transition-colors hover:bg-background/90",
+            children: actionLabel
+          }
+        )
+      ]
+    }
+  );
+}
+
 // src/hooks/use-company-subdomain.ts
-import { useState as useState12 } from "react";
+import { useState as useState14 } from "react";
 var ALWAYS_RESERVED = ["www", "localhost"];
 function getSubdomain(hostname, reservedSubdomains = []) {
   const labels = hostname.split(".");
@@ -2506,7 +2612,7 @@ function useCompanySubdomain(opts = {}) {
     overrideStorageKey = "company-subdomain",
     reservedSubdomains = []
   } = opts;
-  const [subdomain] = useState12(() => {
+  const [subdomain] = useState14(() => {
     if (enableOverride) {
       const override = resolveOverride(overrideStorageKey);
       if (override) return override;
@@ -2518,20 +2624,20 @@ function useCompanySubdomain(opts = {}) {
 }
 
 // src/hooks/use-disclosure.ts
-import { useCallback as useCallback2, useState as useState13 } from "react";
+import { useCallback as useCallback4, useState as useState15 } from "react";
 function useDisclosure(initial = false) {
-  const [open, setOpen] = useState13(initial);
-  const onOpen = useCallback2(() => setOpen(true), []);
-  const onClose = useCallback2(() => setOpen(false), []);
-  const onToggle = useCallback2(() => setOpen((v) => !v), []);
+  const [open, setOpen] = useState15(initial);
+  const onOpen = useCallback4(() => setOpen(true), []);
+  const onClose = useCallback4(() => setOpen(false), []);
+  const onToggle = useCallback4(() => setOpen((v) => !v), []);
   return { open, onOpen, onClose, onToggle, setOpen };
 }
 
 // src/hooks/use-toast.ts
 import { toast } from "sonner";
-import { useCallback as useCallback3 } from "react";
+import { useCallback as useCallback5 } from "react";
 function useCustomToast() {
-  const showToast = useCallback3(
+  const showToast = useCallback5(
     (title, description, status = "success") => {
       switch (status) {
         case "success":
@@ -2597,6 +2703,7 @@ export {
   TableSkeleton,
   ThemeProvider,
   Toaster,
+  UpdateBanner,
   UserMenu,
   applyCompanyTheme,
   cn,
@@ -2608,6 +2715,7 @@ export {
   useCustomToast,
   useDisclosure,
   useIsDesktop,
-  useTheme
+  useTheme,
+  useVersionCheck
 };
 //# sourceMappingURL=index.js.map