@k3-universe/react-kit 0.0.41 → 0.0.42

package/src/kit/components/fileuploader/index.ts

@@ -1,3 +1,3 @@
-export * from './types';
-export { default as FileUploader } from './FileUploader';
-export { FileUploader as default } from './FileUploader';
+export * from './types';
+export { default as FileUploader } from './FileUploader';
+export { FileUploader as default } from './FileUploader';

package/src/kit/components/fileuploader/types.ts

@@ -1,76 +1,76 @@
-import type { Accept } from 'react-dropzone';
-
-export type FileUploadStatus = 'idle' | 'uploading' | 'success' | 'error';
-
-export type FileRecord = {
-  id?: string | number;
-  /** Server URL to access the uploaded file */
-  url?: string;
-  /** Optional dedicated thumbnail URL */
-  thumbnailUrl?: string;
-  /** Original File object (when chosen locally) */
-  file?: File | null;
-  name: string;
-  size?: number;
-  type?: string;
-  /** Upload status */
-  status?: FileUploadStatus;
-  /** 0-100 */
-  progress?: number;
-  errorMessage?: string;
-  /** Any server metadata you want to keep */
-  meta?: Record<string, unknown>;
-};
-
-export type FileUploaderLayout = 'grid' | 'list';
-
-export type FileUploaderProps = {
-  /** Controlled value of files */
-  value?: FileRecord[];
-  /** Initial files (e.g., from server on edit forms) */
-  defaultValue?: FileRecord[];
-  /** Called whenever internal files list changes */
-  onChange?: (files: FileRecord[]) => void;
-
-  /**
-   * Uploader function invoked for each dropped/selected file.
-   * Use the provided onProgress callback to report upload progress (0-100).
-   * Resolve with server info like id/url/meta.
-   */
-  uploader?: (
-    file: File,
-    onProgress: (pct: number) => void,
-  ) => Promise<Partial<FileRecord>>;
-
-  /** Called after a single file successfully uploaded */
-  onUploadSuccess?: (file: FileRecord) => void;
-  /** Called after a single file failed to upload */
-  onUploadError?: (file: FileRecord, error: unknown) => void;
-  /** Called when a file is removed (useful to delete from server) */
-  onRemove?: (file: FileRecord) => void | Promise<void>;
-
-  /** Allow retrying errored uploads */
-  withRetry?: boolean;
-  /** Called when user retries an errored file upload */
-  onRetry?: (file: FileRecord) => void;
-  /** Called when user retries all failed uploads at once */
-  onRetryAll?: (files: FileRecord[]) => void;
-
-  /** Allow selecting multiple files */
-  multiple?: boolean;
-  /** Max number of files allowed in the list */
-  maxFiles?: number;
-  /** Accept file types (react-dropzone Accept map) */
-  accept?: Accept;
-
-  /** Layout variant */
-  layout?: FileUploaderLayout;
-  /** Disable interactions */
-  disabled?: boolean;
-  /** Show a download action for successfully uploaded files with url */
-  withDownload?: boolean;
-  /** Optional label or placeholder for the dropzone */
-  placeholder?: string;
-  /** Additional className */
-  className?: string;
-};
+import type { Accept } from 'react-dropzone';
+
+export type FileUploadStatus = 'idle' | 'uploading' | 'success' | 'error';
+
+export type FileRecord = {
+  id?: string | number;
+  /** Server URL to access the uploaded file */
+  url?: string;
+  /** Optional dedicated thumbnail URL */
+  thumbnailUrl?: string;
+  /** Original File object (when chosen locally) */
+  file?: File | null;
+  name: string;
+  size?: number;
+  type?: string;
+  /** Upload status */
+  status?: FileUploadStatus;
+  /** 0-100 */
+  progress?: number;
+  errorMessage?: string;
+  /** Any server metadata you want to keep */
+  meta?: Record<string, unknown>;
+};
+
+export type FileUploaderLayout = 'grid' | 'list';
+
+export type FileUploaderProps = {
+  /** Controlled value of files */
+  value?: FileRecord[];
+  /** Initial files (e.g., from server on edit forms) */
+  defaultValue?: FileRecord[];
+  /** Called whenever internal files list changes */
+  onChange?: (files: FileRecord[]) => void;
+
+  /**
+   * Uploader function invoked for each dropped/selected file.
+   * Use the provided onProgress callback to report upload progress (0-100).
+   * Resolve with server info like id/url/meta.
+   */
+  uploader?: (
+    file: File,
+    onProgress: (pct: number) => void,
+  ) => Promise<Partial<FileRecord>>;
+
+  /** Called after a single file successfully uploaded */
+  onUploadSuccess?: (file: FileRecord) => void;
+  /** Called after a single file failed to upload */
+  onUploadError?: (file: FileRecord, error: unknown) => void;
+  /** Called when a file is removed (useful to delete from server) */
+  onRemove?: (file: FileRecord) => void | Promise<void>;
+
+  /** Allow retrying errored uploads */
+  withRetry?: boolean;
+  /** Called when user retries an errored file upload */
+  onRetry?: (file: FileRecord) => void;
+  /** Called when user retries all failed uploads at once */
+  onRetryAll?: (files: FileRecord[]) => void;
+
+  /** Allow selecting multiple files */
+  multiple?: boolean;
+  /** Max number of files allowed in the list */
+  maxFiles?: number;
+  /** Accept file types (react-dropzone Accept map) */
+  accept?: Accept;
+
+  /** Layout variant */
+  layout?: FileUploaderLayout;
+  /** Disable interactions */
+  disabled?: boolean;
+  /** Show a download action for successfully uploaded files with url */
+  withDownload?: boolean;
+  /** Optional label or placeholder for the dropzone */
+  placeholder?: string;
+  /** Additional className */
+  className?: string;
+};

package/src/kit/components/forminfo/FormInfoError.tsx

@@ -1,135 +1,135 @@
-import { AlertCircle } from 'lucide-react';
-import type { FieldErrors, FieldValues } from 'react-hook-form';
-import type { ReactNode } from 'react';
-
-import { cn } from '../../../shadcn/lib/utils';
-import { Alert, AlertDescription, AlertTitle } from '../../../shadcn/ui/alert';
-
-type ErrorMessage = {
-  path: string;
-  message: string;
-};
-
-type FormInfoErrorProps<TFieldValues extends FieldValues = FieldValues> = {
-  errors: FieldErrors<TFieldValues> | undefined;
-  title?: ReactNode;
-  description?: ReactNode;
-  className?: string;
-  showFieldPath?: boolean;
-};
-
-const ignoredKeys = new Set(['message', 'type', 'types', 'ref']);
-
-function collectMessages(
-  errors: FieldErrors<FieldValues> | undefined,
-  parentPath: string[] = [],
-): ErrorMessage[] {
-  if (!errors) return [];
-
-  const entries = Array.isArray(errors)
-    ? errors.map((value, index) => [String(index), value])
-    : Object.entries(errors as Record<string, unknown>);
-
-  const messages: ErrorMessage[] = [];
-
-  for (const [key, value] of entries) {
-    if (!value) continue;
-
-    const currentPath =
-      typeof key === 'string' && key === 'root'
-        ? parentPath
-        : [...parentPath, String(key)];
-
-    if (typeof value === 'object') {
-      if ('message' in value && value.message) {
-        messages.push({
-          path: currentPath.filter(Boolean).join('.'),
-          message: String(value.message),
-        });
-      }
-
-      if ('types' in value && value.types) {
-        for (const msg of Object.values(value.types)) {
-          if (!msg) continue;
-          messages.push({
-            path: currentPath.filter(Boolean).join('.'),
-            message: String(msg),
-          });
-        }
-      }
-
-      if (value && typeof value === 'object') {
-        const source = Array.isArray(value)
-          ? value.map((nestedValue, index) => [String(index), nestedValue])
-          : Object.entries(value);
-
-        const nestedEntries = source.filter(
-          ([nestedKey]) => !ignoredKeys.has(nestedKey),
-        );
-
-        if (nestedEntries.length > 0) {
-          const nested: Record<string, unknown> =
-            Object.fromEntries(nestedEntries);
-          messages.push(
-            ...collectMessages(nested as FieldErrors<FieldValues>, currentPath),
-          );
-        }
-      }
-    }
-  }
-
-  return messages;
-}
-
-export function FormInfoError<TFieldValues extends FieldValues = FieldValues>({
-  errors,
-  title,
-  description,
-  className,
-  showFieldPath = true,
-}: FormInfoErrorProps<TFieldValues>) {
-  const messages = collectMessages(
-    errors as FieldErrors<FieldValues> | undefined,
-  );
-
-  if (messages.length === 0) {
-    return null;
-  }
-
-  const keyOccurrences = new Map<string, number>();
-  const getMessageKey = (path: string, message: string) => {
-    const baseKey = [path, message].filter(Boolean).join(':') || message;
-    const occurrence = keyOccurrences.get(baseKey) ?? 0;
-    keyOccurrences.set(baseKey, occurrence + 1);
-    return occurrence === 0 ? baseKey : `${baseKey}:${occurrence}`;
-  };
-
-  return (
-    <Alert variant="destructive" className={cn('gap-2', className)}>
-      <AlertCircle className="mt-1" />
-      <div className="flex flex-col gap-2">
-        <div>
-          <AlertTitle>
-            {title ?? 'Please review the following issues'}
-          </AlertTitle>
-          <AlertDescription>
-            {description ??
-              'Some fields need your attention before continuing.'}
-          </AlertDescription>
-        </div>
-        <ul className="grid gap-1 text-sm text-destructive">
-          {messages.map(({ path, message }) => (
-            <li key={getMessageKey(path, message)} className="leading-snug">
-              {showFieldPath && path ? (
-                <span className="font-medium">{path}: </span>
-              ) : null}
-              <span>{message}</span>
-            </li>
-          ))}
-        </ul>
-      </div>
-    </Alert>
-  );
-}
-
-export default FormInfoError;
+import { AlertCircle } from 'lucide-react';
+import type { FieldErrors, FieldValues } from 'react-hook-form';
+import type { ReactNode } from 'react';
+
+import { cn } from '../../../shadcn/lib/utils';
+import { Alert, AlertDescription, AlertTitle } from '../../../shadcn/ui/alert';
+
+type ErrorMessage = {
+  path: string;
+  message: string;
+};
+
+type FormInfoErrorProps<TFieldValues extends FieldValues = FieldValues> = {
+  errors: FieldErrors<TFieldValues> | undefined;
+  title?: ReactNode;
+  description?: ReactNode;
+  className?: string;
+  showFieldPath?: boolean;
+};
+
+const ignoredKeys = new Set(['message', 'type', 'types', 'ref']);
+
+function collectMessages(
+  errors: FieldErrors<FieldValues> | undefined,
+  parentPath: string[] = [],
+): ErrorMessage[] {
+  if (!errors) return [];
+
+  const entries = Array.isArray(errors)
+    ? errors.map((value, index) => [String(index), value])
+    : Object.entries(errors as Record<string, unknown>);
+
+  const messages: ErrorMessage[] = [];
+
+  for (const [key, value] of entries) {
+    if (!value) continue;
+
+    const currentPath =
+      typeof key === 'string' && key === 'root'
+        ? parentPath
+        : [...parentPath, String(key)];
+
+    if (typeof value === 'object') {
+      if ('message' in value && value.message) {
+        messages.push({
+          path: currentPath.filter(Boolean).join('.'),
+          message: String(value.message),
+        });
+      }
+
+      if ('types' in value && value.types) {
+        for (const msg of Object.values(value.types)) {
+          if (!msg) continue;
+          messages.push({
+            path: currentPath.filter(Boolean).join('.'),
+            message: String(msg),
+          });
+        }
+      }
+
+      if (value && typeof value === 'object') {
+        const source = Array.isArray(value)
+          ? value.map((nestedValue, index) => [String(index), nestedValue])
+          : Object.entries(value);
+
+        const nestedEntries = source.filter(
+          ([nestedKey]) => !ignoredKeys.has(nestedKey),
+        );
+
+        if (nestedEntries.length > 0) {
+          const nested: Record<string, unknown> =
+            Object.fromEntries(nestedEntries);
+          messages.push(
+            ...collectMessages(nested as FieldErrors<FieldValues>, currentPath),
+          );
+        }
+      }
+    }
+  }
+
+  return messages;
+}
+
+export function FormInfoError<TFieldValues extends FieldValues = FieldValues>({
+  errors,
+  title,
+  description,
+  className,
+  showFieldPath = true,
+}: FormInfoErrorProps<TFieldValues>) {
+  const messages = collectMessages(
+    errors as FieldErrors<FieldValues> | undefined,
+  );
+
+  if (messages.length === 0) {
+    return null;
+  }
+
+  const keyOccurrences = new Map<string, number>();
+  const getMessageKey = (path: string, message: string) => {
+    const baseKey = [path, message].filter(Boolean).join(':') || message;
+    const occurrence = keyOccurrences.get(baseKey) ?? 0;
+    keyOccurrences.set(baseKey, occurrence + 1);
+    return occurrence === 0 ? baseKey : `${baseKey}:${occurrence}`;
+  };
+
+  return (
+    <Alert variant="destructive" className={cn('gap-2', className)}>
+      <AlertCircle className="mt-1" />
+      <div className="flex flex-col gap-2">
+        <div>
+          <AlertTitle>
+            {title ?? 'Please review the following issues'}
+          </AlertTitle>
+          <AlertDescription>
+            {description ??
+              'Some fields need your attention before continuing.'}
+          </AlertDescription>
+        </div>
+        <ul className="grid gap-1 text-sm text-destructive">
+          {messages.map(({ path, message }) => (
+            <li key={getMessageKey(path, message)} className="leading-snug">
+              {showFieldPath && path ? (
+                <span className="font-medium">{path}: </span>
+              ) : null}
+              <span>{message}</span>
+            </li>
+          ))}
+        </ul>
+      </div>
+    </Alert>
+  );
+}
+
+export default FormInfoError;

package/src/kit/components/forminfo/index.ts

@@ -1 +1 @@
-export * from './FormInfoError';
+export * from './FormInfoError';