@prenta/admin 1.16.0 → 1.17.1

package/src/components/ui/Toast.tsx

@@ -1,72 +0,0 @@
-'use client'
-
-import { useState, useCallback } from 'react'
-
-type ToastType = 'success' | 'error' | 'warning' | 'info'
-
-interface Toast {
-  id: string
-  type: ToastType
-  message: string
-}
-
-const typeClasses: Record<ToastType, string> = {
-  success: 'border-success bg-success/10 text-success',
-  error: 'border-destructive bg-destructive/10 text-destructive',
-  warning: 'border-warning bg-warning/10 text-warning',
-  info: 'border-info bg-info/10 text-info',
-}
-
-export function useToast() {
-  const [toasts, setToasts] = useState<Toast[]>([])
-
-  const addToast = useCallback((type: ToastType, message: string) => {
-    const id = crypto.randomUUID()
-    setToasts((prev) => [...prev, { id, type, message }])
-    setTimeout(() => {
-      setToasts((prev) => prev.filter((t) => t.id !== id))
-    }, 5000)
-  }, [])
-
-  const dismissToast = useCallback((id: string) => {
-    setToasts((prev) => prev.filter((t) => t.id !== id))
-  }, [])
-
-  return { toasts, addToast, dismissToast }
-}
-
-export interface ToastContainerProps {
-  toasts: Toast[]
-  onDismiss: (id: string) => void
-}
-
-export function ToastContainer({ toasts, onDismiss }: ToastContainerProps) {
-  if (toasts.length === 0) return null
-
-  return (
-    <div className="fixed right-4 bottom-4 z-[100] flex flex-col gap-2">
-      {toasts.map((toast) => (
-        <div
-          key={toast.id}
-          className={`flex items-center gap-3 rounded-md border-l-4 px-4 py-3 shadow-lg ${typeClasses[toast.type]}`}
-        >
-          <p className="flex-1 text-sm">{toast.message}</p>
-          <button
-            onClick={() => onDismiss(toast.id)}
-            className="shrink-0 opacity-60 hover:opacity-100"
-          >
-            <svg
-              className="h-4 w-4"
-              fill="none"
-              viewBox="0 0 24 24"
-              stroke="currentColor"
-              strokeWidth={2}
-            >
-              <path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
-            </svg>
-          </button>
-        </div>
-      ))}
-    </div>
-  )
-}

package/src/components/ui/index.ts

@@ -1,61 +0,0 @@
-export { Button, buttonVariants } from './Button.js'
-export type { ButtonProps, ButtonVariants } from './Button.js'
-export { Badge, badgeVariants, STATUS_TONE, STATUS_LABEL } from './Badge.js'
-export type { BadgeProps, BadgeVariants, DocumentStatus } from './Badge.js'
-export {
-  Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-  CardFooter,
-  cardVariants,
-} from './Card.js'
-export type { CardProps, CardVariants } from './Card.js'
-export { Input, inputVariants } from './Input.js'
-export type { InputProps, InputVariants } from './Input.js'
-export { Select, selectVariants } from './Select.js'
-export type { SelectProps, SelectVariants } from './Select.js'
-export { Avatar } from './Avatar.js'
-export type { AvatarProps } from './Avatar.js'
-export { EmptyState } from './EmptyState.js'
-export type { EmptyStateProps } from './EmptyState.js'
-export { Skeleton } from './Skeleton.js'
-export type { SkeletonProps } from './Skeleton.js'
-export { useToast, ToastContainer } from './Toast.js'
-export type { ToastContainerProps } from './Toast.js'
-export { Modal } from './Modal.js'
-export type { ModalProps } from './Modal.js'
-export { ConfirmDialog } from './ConfirmDialog.js'
-export type { ConfirmDialogProps } from './ConfirmDialog.js'
-export { ReauthDialog } from './ReauthDialog.js'
-export type { ReauthDialogProps } from './ReauthDialog.js'
-export { DataTable } from './DataTable.js'
-export type { DataTableProps } from './DataTable.js'
-export { Pagination } from './Pagination.js'
-export type { PaginationProps } from './Pagination.js'
-export { SearchInput } from './SearchInput.js'
-export type { SearchInputProps } from './SearchInput.js'
-export { Toggle, toggleTrackVariants, toggleThumbVariants } from './Toggle.js'
-export type { ToggleProps, ToggleVariants } from './Toggle.js'
-export { StatusBadge, statusBadgeVariants } from './StatusBadge.js'
-export type { StatusBadgeProps, StatusBadgeVariants, StatusBadgeTone } from './StatusBadge.js'
-export { FilterPill } from './FilterPill.js'
-export type { FilterPillProps } from './FilterPill.js'
-export { StatPill } from './StatPill.js'
-export type { StatPillProps } from './StatPill.js'
-export { RowActions, RowActionButton } from './RowActions.js'
-export type { RowActionButtonProps } from './RowActions.js'
-export {
-  SplitPaneLayout,
-  SplitPaneList,
-  InspectorPane,
-  InspectorPaneHeader,
-  InspectorPaneBody,
-  InspectorPaneSection,
-  InspectorPaneFooter,
-} from './InspectorPane.js'
-export type { InspectorPaneProps } from './InspectorPane.js'
-export { formControlBase, formControlState } from './form-control.js'
-export { CommandPalette } from './CommandPalette.js'
-export type { CommandPaletteProps } from './CommandPalette.js'

package/src/hooks/useContentLock.ts

@@ -1,55 +0,0 @@
-'use client'
-
-import { useState, useEffect, useCallback } from 'react'
-
-interface ContentLock {
-  lockedBy: string | null
-  lockedAt: Date | null
-  isLocked: boolean
-  isLockedByMe: boolean
-}
-
-export function useContentLock(
-  documentId: string | undefined,
-  userId: string,
-): ContentLock & {
-  acquireLock: () => Promise<boolean>
-  releaseLock: () => Promise<void>
-} {
-  const [lock, setLock] = useState<ContentLock>({
-    lockedBy: null,
-    lockedAt: null,
-    isLocked: false,
-    isLockedByMe: false,
-  })
-
-  const acquireLock = useCallback(async () => {
-    if (!documentId) return false
-    setLock({
-      lockedBy: userId,
-      lockedAt: new Date(),
-      isLocked: true,
-      isLockedByMe: true,
-    })
-    return true
-  }, [documentId, userId])
-
-  const releaseLock = useCallback(async () => {
-    setLock({
-      lockedBy: null,
-      lockedAt: null,
-      isLocked: false,
-      isLockedByMe: false,
-    })
-  }, [])
-
-  useEffect(() => {
-    return () => {
-      if (lock.isLockedByMe) {
-        releaseLock()
-      }
-    }
-  }, [lock.isLockedByMe, releaseLock])
-
-  return { ...lock, acquireLock, releaseLock }
-}

package/src/hooks/useDebounce.ts

@@ -1,14 +0,0 @@
-'use client'
-
-import { useState, useEffect } from 'react'
-
-export function useDebounce<T>(value: T, delayMs: number): T {
-  const [debouncedValue, setDebouncedValue] = useState(value)
-
-  useEffect(() => {
-    const timer = setTimeout(() => setDebouncedValue(value), delayMs)
-    return () => clearTimeout(timer)
-  }, [value, delayMs])
-
-  return debouncedValue
-}