@tpzdsp/next-toolkit 1.1.0 → 1.2.1

package/src/components/link/NextLinkWrapper.tsx

@@ -1,66 +0,0 @@
-'use client';
-
-import type { ReactNode } from 'react';
-
-import Link from 'next/link';
-
-import { cn } from '../../utils';
-
-export type NextLinkWrapperProps = {
-  href: string;
-  children: ReactNode;
-  className?: string;
-  target?: '_blank' | '_self' | '_parent' | '_top';
-  rel?: string;
-  prefetch?: boolean;
-  replace?: boolean;
-  scroll?: boolean;
-  shallow?: boolean;
-};
-
-export const NextLinkWrapper = ({
-  href,
-  children,
-  className,
-  target,
-  rel,
-  prefetch,
-  replace,
-  scroll,
-  shallow,
-  ...props
-}: NextLinkWrapperProps) => {
-  // Handle external links
-  const isExternal =
-    href.startsWith('http') || href.startsWith('mailto:') || href.startsWith('tel:');
-
-  if (isExternal) {
-    return (
-      <a
-        href={href}
-        className={cn('text-blue-600 hover:text-blue-800 transition-colors', className)}
-        target={target ?? '_blank'}
-        rel={rel ?? 'noopener noreferrer'}
-        {...props}
-      >
-        {children}
-      </a>
-    );
-  }
-
-  return (
-    <Link
-      href={href}
-      className={cn('text-blue-600 hover:text-blue-800 transition-colors', className)}
-      prefetch={prefetch}
-      replace={replace}
-      scroll={scroll}
-      shallow={shallow}
-      target={target}
-      rel={rel}
-      {...props}
-    >
-      {children}
-    </Link>
-  );
-};

package/src/contexts/ThemeContext.tsx

@@ -1,72 +0,0 @@
-'use client'; // This is necessary for Next.js to treat this file as a client-side component
-
-import { createContext, useContext, useState, useEffect } from 'react';
-import type { ReactNode } from 'react';
-
-import type { ThemeContextValue } from '../types';
-
-export const ThemeContext = createContext<ThemeContextValue | undefined>(undefined);
-
-type ThemeProviderProps = {
-  children: ReactNode;
-  defaultTheme?: 'light' | 'dark';
-};
-
-export const ThemeProvider = ({ children, defaultTheme = 'light' }: ThemeProviderProps) => {
-  const [theme, setTheme] = useState<'light' | 'dark'>(() => {
-    if (typeof window === 'undefined') {
-      return defaultTheme;
-    }
-
-    // Check localStorage first
-    const savedTheme = localStorage.getItem('theme') as 'light' | 'dark';
-
-    if (savedTheme) {
-      return savedTheme;
-    }
-
-    // Check system preference
-    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-      return 'dark';
-    }
-
-    return defaultTheme;
-  });
-
-  const toggleTheme = () => {
-    const newTheme = theme === 'light' ? 'dark' : 'light';
-
-    setTheme(newTheme);
-
-    if (typeof window !== 'undefined') {
-      localStorage.setItem('theme', newTheme);
-    }
-  };
-
-  useEffect(() => {
-    // Add theme class to document element
-    if (typeof window !== 'undefined') {
-      const root = window.document.documentElement;
-
-      root.classList.remove('light', 'dark');
-      root.classList.add(theme);
-    }
-  }, [theme]);
-
-  const value: ThemeContextValue = {
-    theme,
-    toggleTheme,
-  };
-
-  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;
-};
-
-export const useTheme = (): ThemeContextValue => {
-  const context = useContext(ThemeContext);
-
-  if (context === undefined) {
-    throw new Error('useTheme must be used within a ThemeProvider');
-  }
-
-  return context;
-};

package/src/types.ts

@@ -1,99 +0,0 @@
-// Common types used throughout the library and consuming applications
-import type { ComponentProps, ReactNode } from 'react';
-
-export type BaseProps = {
-  className?: string;
-  children?: ReactNode;
-};
-
-export type NextLinkProps = {
-  href: string;
-  children: ReactNode;
-  className?: string;
-  target?: '_blank' | '_self' | '_parent' | '_top';
-  rel?: string;
-};
-
-export type ThemeContextValue = {
-  theme: 'light' | 'dark';
-  toggleTheme: () => void;
-};
-
-// Component variant types
-export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost';
-export type ButtonSize = 'sm' | 'md' | 'lg';
-export type CardVariant = 'default' | 'elevated' | 'outlined';
-export type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
-
-// Common utility types that apps might need
-export type Variant = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
-export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type Status = 'idle' | 'loading' | 'success' | 'error';
-export type Theme = 'light' | 'dark' | 'system';
-
-// Form related types
-export type FormFieldProps = {
-  name: string;
-  label?: string;
-  error?: string;
-  required?: boolean;
-  disabled?: boolean;
-  className?: string;
-};
-
-// API related types
-export type ApiResponse<T = unknown> = {
-  data: T;
-  success: boolean;
-  message?: string;
-  errors?: Record<string, string[]>;
-};
-
-export type PaginationMeta = {
-  page: number;
-  perPage: number;
-  total: number;
-  totalPages: number;
-};
-
-export type PaginatedResponse<T = unknown> = {
-  meta: PaginationMeta;
-} & ApiResponse<T[]>;
-
-// Event handler types
-export type ClickHandler = (event: React.MouseEvent<HTMLElement>) => void;
-export type ChangeHandler<T = HTMLInputElement> = (event: React.ChangeEvent<T>) => void;
-export type SubmitHandler = (event: React.FormEvent<HTMLFormElement>) => void;
-
-// Utility types for better developer experience
-export type PropsWithRequired<T, K extends keyof T> = T & Required<Pick<T, K>>;
-export type PropsWithOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
-
-export type ExtendProps<
-  // `ComponentProps` internally constrains `Comp` to be `JSXElementConstructor<any>`,
-  // and since our type must have the same constraints to avoid errors, `any` is required here
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  Comp extends keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>,
-  Props = object,
-> = Props & Omit<ComponentProps<Comp>, keyof Props>;
-
-// Define an interface for the decoded JWT payload
-export type DecodedJWT = {
-  name: string;
-  email: string;
-  groupInfoIds: string[];
-  exp?: number; // Optional: JWT expiration timestamp
-  [key: string]: unknown; // Additional claims
-};
-
-export type Credentials = {
-  token: string;
-  user: DecodedJWT;
-};
-
-export type NavLink = {
-  label: string;
-  url: string;
-  isExternal: boolean;
-  icon?: ReactNode;
-};