@greatapps/greatauth-ui 0.3.16 → 0.3.18

package/dist/index.js

@@ -779,6 +779,7 @@ function SidebarMenuButton({
 }
 
 // src/components/app-sidebar.tsx
+import { useState as useState3, useEffect as useEffect3 } from "react";
 import { usePathname, useRouter } from "next/navigation";
 import Link from "next/link";
 import { ChevronsUpDown, ChevronRight as ChevronRight2, LogOut } from "lucide-react";
@@ -1024,7 +1025,12 @@ function CollapsibleMenuItem({ item, pathname }) {
   const isChildActive = item.children?.some(
     (child) => child.isActive !== void 0 ? child.isActive : pathname.startsWith(child.href)
   ) ?? false;
-  return /* @__PURE__ */ jsx12(Collapsible, { defaultOpen: isParentActive || isChildActive, className: "group/collapsible", children: /* @__PURE__ */ jsxs5(SidebarMenuItem, { children: [
+  const isActive = isParentActive || isChildActive;
+  const [open, setOpen] = useState3(isActive);
+  useEffect3(() => {
+    setOpen(isActive);
+  }, [isActive]);
+  return /* @__PURE__ */ jsx12(Collapsible, { open, onOpenChange: setOpen, className: "group/collapsible", children: /* @__PURE__ */ jsxs5(SidebarMenuItem, { children: [
     /* @__PURE__ */ jsx12(SidebarMenuButton, { asChild: true, isActive: isParentActive, tooltip: item.label, children: /* @__PURE__ */ jsxs5(Link, { href: item.href, onClick: item.onClick, children: [
       /* @__PURE__ */ jsx12(Icon, { className: "size-4" }),
       /* @__PURE__ */ jsx12("span", { children: item.label })
@@ -1294,7 +1300,7 @@ function AppShell({ config, children, renderAbove }) {
 }
 
 // src/components/login-form.tsx
-import { useState as useState3 } from "react";
+import { useState as useState4 } from "react";
 import { useRouter as useRouter2, useSearchParams } from "next/navigation";
 import { Loader2, Mail, Lock, AlertCircle, Eye, EyeOff } from "lucide-react";
 
@@ -1324,11 +1330,11 @@ function LoginForm({ config }) {
   const router = useRouter2();
   const searchParams = useSearchParams();
   const callbackUrl = searchParams.get("callbackUrl") || config.callbackUrlDefault;
-  const [email, setEmail] = useState3("");
-  const [password, setPassword] = useState3("");
-  const [loading, setLoading] = useState3(false);
-  const [error, setError] = useState3("");
-  const [showPassword, setShowPassword] = useState3(false);
+  const [email, setEmail] = useState4("");
+  const [password, setPassword] = useState4("");
+  const [loading, setLoading] = useState4(false);
+  const [error, setError] = useState4("");
+  const [showPassword, setShowPassword] = useState4(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (loading) return;
@@ -1523,7 +1529,7 @@ function EntityAvatar({
 }
 
 // src/components/image-crop-upload.tsx
-import { useCallback as useCallback3, useRef, useState as useState4 } from "react";
+import { useCallback as useCallback3, useRef, useState as useState5 } from "react";
 import Cropper from "react-easy-crop";
 
 // src/components/ui/dialog.tsx
@@ -1782,12 +1788,12 @@ function ImageCropUpload({
   name,
   disabled = false
 }) {
-  const [imageSrc, setImageSrc] = useState4(null);
-  const [crop, setCrop] = useState4({ x: 0, y: 0 });
-  const [zoom, setZoom] = useState4(1);
-  const [croppedArea, setCroppedArea] = useState4(null);
-  const [isOpen, setIsOpen] = useState4(false);
-  const [isUploading, setIsUploading] = useState4(false);
+  const [imageSrc, setImageSrc] = useState5(null);
+  const [crop, setCrop] = useState5({ x: 0, y: 0 });
+  const [zoom, setZoom] = useState5(1);
+  const [croppedArea, setCroppedArea] = useState5(null);
+  const [isOpen, setIsOpen] = useState5(false);
+  const [isUploading, setIsUploading] = useState5(false);
   const inputRef = useRef(null);
   const onCropComplete = useCallback3((_, croppedAreaPixels) => {
     setCroppedArea(croppedAreaPixels);
@@ -2029,10 +2035,10 @@ function useResetPassword(config) {
 }
 
 // src/components/users/users-page.tsx
-import { useMemo as useMemo4, useState as useState7 } from "react";
+import { useMemo as useMemo4, useState as useState8 } from "react";
 
 // src/components/users/user-form-dialog.tsx
-import { useEffect as useEffect3, useState as useState5 } from "react";
+import { useEffect as useEffect4, useState as useState6 } from "react";
 
 // src/components/ui/select.tsx
 import { Select as SelectPrimitive } from "radix-ui";
@@ -2176,13 +2182,13 @@ function UserFormDialog({
   const isEditing = !!user;
   const createUser = useCreateUser(config);
   const updateUser = useUpdateUser(config);
-  const [name, setName] = useState5("");
-  const [lastName, setLastName] = useState5("");
-  const [email, setEmail] = useState5("");
-  const [profile, setProfile] = useState5("collaborator");
-  const [password, setPassword] = useState5("");
-  const [photo, setPhoto] = useState5("");
-  useEffect3(() => {
+  const [name, setName] = useState6("");
+  const [lastName, setLastName] = useState6("");
+  const [email, setEmail] = useState6("");
+  const [profile, setProfile] = useState6("collaborator");
+  const [password, setPassword] = useState6("");
+  const [photo, setPhoto] = useState6("");
+  useEffect4(() => {
     if (user) {
       setName(user.name || "");
       setLastName(user.last_name || "");
@@ -2311,7 +2317,7 @@ import {
   getSortedRowModel,
   useReactTable
 } from "@tanstack/react-table";
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 
 // src/components/ui/table.tsx
 import { jsx as jsx26 } from "react/jsx-runtime";
@@ -2393,7 +2399,7 @@ function DataTable({
   getRowId,
   compact
 }) {
-  const [sorting, setSorting] = useState6([]);
+  const [sorting, setSorting] = useState7([]);
   const table = useReactTable({
     data,
     columns,
@@ -2716,9 +2722,9 @@ function useColumns(onEdit, onDelete, onResetPassword) {
   ];
 }
 function UsersPage({ config, renderPhones }) {
-  const [search, setSearch] = useState7("");
-  const [profileFilter, setProfileFilter] = useState7("all");
-  const [page, setPage] = useState7(1);
+  const [search, setSearch] = useState8("");
+  const [profileFilter, setProfileFilter] = useState8("all");
+  const [page, setPage] = useState8(1);
   const queryParams = useMemo4(() => {
     const params = {
       limit: String(PAGE_SIZE),
@@ -2730,10 +2736,10 @@ function UsersPage({ config, renderPhones }) {
   const { data, isLoading } = useUsers(config, queryParams);
   const deleteUser = useDeleteUser(config);
   const resetPassword = useResetPassword(config);
-  const [editUser, setEditUser] = useState7(null);
-  const [formOpen, setFormOpen] = useState7(false);
-  const [deleteId, setDeleteId] = useState7(null);
-  const [resetUser, setResetUser] = useState7(null);
+  const [editUser, setEditUser] = useState8(null);
+  const [formOpen, setFormOpen] = useState8(false);
+  const [deleteId, setDeleteId] = useState8(null);
+  const [resetUser, setResetUser] = useState8(null);
   const users = data?.data || [];
   const total = data?.total || 0;
   const filtered = useMemo4(() => {