@giddaa-housing/ui 0.1.0 → 1.1.0

package/dist/dropzone.d.ts

@@ -1,57 +1,57 @@
-import * as React from 'react';
-import { ComponentPropsWithoutRef, Ref, DragEvent, ChangeEvent, RefObject, ReactNode, ComponentProps } from 'react';
-
+import { ChangeEvent, ComponentProps, ComponentPropsWithoutRef, DragEvent, ReactNode, Ref, RefObject } from "react";
+//#region src/lib/use-file-picker.d.ts
 type FilePickerErrorCode = "file-invalid-type" | "file-too-large" | "too-many-files";
 type FilePickerError = {
-    code: FilePickerErrorCode;
-    message: string;
+  code: FilePickerErrorCode;
+  message: string;
 };
 type FileRejection = {
-    file: File;
-    errors: FilePickerError[];
+  file: File;
+  errors: FilePickerError[];
 };
 type FilePickerResult = {
-    acceptedFiles: File[];
-    rejectedFiles: FileRejection[];
+  acceptedFiles: File[];
+  rejectedFiles: FileRejection[];
 };
 type UseFilePickerOptions = {
-    accept?: string;
-    disabled?: boolean;
-    maxFiles?: number;
-    maxSize?: number;
-    multiple?: boolean;
-    onFilesAccepted?: (files: File[]) => void;
-    onFilesChange?: (result: FilePickerResult) => void;
-    onFilesRejected?: (rejectedFiles: FileRejection[]) => void;
+  accept?: string;
+  disabled?: boolean;
+  maxFiles?: number;
+  maxSize?: number;
+  multiple?: boolean;
+  onFilesAccepted?: (files: File[]) => void;
+  onFilesChange?: (result: FilePickerResult) => void;
+  onFilesRejected?: (rejectedFiles: FileRejection[]) => void;
 };
 type FilePickerInputProps = Omit<ComponentPropsWithoutRef<"input">, "type" | "accept" | "multiple"> & {
-    accept?: string;
-    multiple?: boolean;
-    ref?: Ref<HTMLInputElement>;
+  accept?: string;
+  multiple?: boolean;
+  ref?: Ref<HTMLInputElement>;
 };
 type UseFilePickerReturn = {
-    getInputProps: (props?: FilePickerInputProps) => FilePickerInputProps & {
-        type: "file";
-        ref: Ref<HTMLInputElement>;
-    };
-    handleDragEnter: (event: DragEvent<HTMLElement>) => void;
-    handleDragLeave: (event: DragEvent<HTMLElement>) => void;
-    handleDragOver: (event: DragEvent<HTMLElement>) => void;
-    handleDrop: (event: DragEvent<HTMLElement>) => void;
-    handleFileChange: (event: ChangeEvent<HTMLInputElement>) => void;
-    inputRef: RefObject<HTMLInputElement | null>;
-    isDragging: boolean;
-    openFileDialog: () => void;
-    pickFiles: (files: FileList | File[]) => FilePickerResult;
+  getInputProps: (props?: FilePickerInputProps) => FilePickerInputProps & {
+    type: "file";
+    ref: Ref<HTMLInputElement>;
+  };
+  handleDragEnter: (event: DragEvent<HTMLElement>) => void;
+  handleDragLeave: (event: DragEvent<HTMLElement>) => void;
+  handleDragOver: (event: DragEvent<HTMLElement>) => void;
+  handleDrop: (event: DragEvent<HTMLElement>) => void;
+  handleFileChange: (event: ChangeEvent<HTMLInputElement>) => void;
+  inputRef: RefObject<HTMLInputElement | null>;
+  isDragging: boolean;
+  openFileDialog: () => void;
+  pickFiles: (files: FileList | File[]) => FilePickerResult;
 };
-
+//#endregion
+//#region src/dropzone.d.ts
 type DropzoneContextValue = Pick<UseFilePickerReturn, "isDragging" | "openFileDialog" | "getInputProps" | "handleDragEnter" | "handleDragLeave" | "handleDragOver" | "handleDrop"> & {
-    isDisabled: boolean;
+  isDisabled: boolean;
 };
 declare function useDropzoneContext(): DropzoneContextValue;
 interface DropzoneProps extends UseFilePickerOptions {
-    children?: ReactNode;
-    className?: string;
+  children?: ReactNode;
+  className?: string;
 }
 /**
  * Context provider that owns the `useFilePicker` instance.
@@ -71,13 +71,13 @@ interface DropzoneProps extends UseFilePickerOptions {
  * </Dropzone>
  * ```
  */
-declare function Dropzone({ children, className, disabled, ...options }: DropzoneProps): React.JSX.Element;
+declare function Dropzone({ children, className, disabled, ...options }: DropzoneProps): import("react").JSX.Element;
 interface DropzoneAreaProps extends Omit<ComponentProps<"div">, "onClick" | "onKeyDown"> {
-    /**
-     * Accessible label for the drop zone.
-     * Defaults to a sensible description.
-     */
-    label?: string;
+  /**
+   * Accessible label for the drop zone.
+   * Defaults to a sensible description.
+   */
+  label?: string;
 }
 /**
  * The visual, interactive drop zone.
@@ -87,35 +87,35 @@ interface DropzoneAreaProps extends Omit<ComponentProps<"div">, "onClick" | "onK
  * - Applies design-token-based styles and reacts to `data-dragging` /
  *   `data-disabled` for visual feedback.
  */
-declare function DropzoneArea({ children, className, label, ...props }: DropzoneAreaProps): React.JSX.Element;
+declare function DropzoneArea({ children, className, label, ...props }: DropzoneAreaProps): import("react").JSX.Element;
 type DropzoneInputProps = Omit<ComponentProps<"input">, "type">;
 /**
  * The hidden `<input type="file">` that backs the drop zone.
  * Rendered off-screen (not `display:none`) so it remains accessible.
  * Place it as a sibling to `<DropzoneArea>` inside `<Dropzone>`.
  */
-declare function DropzoneInput({ className, ...props }: DropzoneInputProps): React.JSX.Element;
+declare function DropzoneInput({ className, ...props }: DropzoneInputProps): import("react").JSX.Element;
 type DropzoneStateLabelProps = {
-    children?: ReactNode;
-    disabledLabel?: ReactNode;
-    draggingLabel?: ReactNode;
-    idleLabel?: ReactNode;
+  children?: ReactNode;
+  disabledLabel?: ReactNode;
+  draggingLabel?: ReactNode;
+  idleLabel?: ReactNode;
 };
 type DropzoneTextProps = Omit<ComponentProps<"p">, "children"> & DropzoneStateLabelProps;
 /**
  * A centred, brand-coloured icon container pre-populated with an upload cloud
  * icon. Pass `children` to swap the icon.
  */
-declare function DropzoneIcon({ className, children, ...props }: ComponentProps<"div">): React.JSX.Element;
+declare function DropzoneIcon({ className, children, ...props }: ComponentProps<"div">): import("react").JSX.Element;
 /**
  * Primary heading text inside the drop zone.
  */
-declare function DropzoneTitle({ className, children, disabledLabel, draggingLabel, idleLabel, ...props }: DropzoneTextProps): React.JSX.Element;
+declare function DropzoneTitle({ className, children, disabledLabel, draggingLabel, idleLabel, ...props }: DropzoneTextProps): import("react").JSX.Element;
 /**
  * Secondary descriptive text inside the drop zone (file-type hints, size
  * limits, etc.).
  */
-declare function DropzoneDescription({ className, children, disabledLabel, draggingLabel, idleLabel, ...props }: DropzoneTextProps): React.JSX.Element;
+declare function DropzoneDescription({ className, children, disabledLabel, draggingLabel, idleLabel, ...props }: DropzoneTextProps): import("react").JSX.Element;
 /**
  * A decorative "Browse File" pill that visually suggests the click action.
  *
@@ -123,6 +123,6 @@ declare function DropzoneDescription({ className, children, disabledLabel, dragg
  * already exposes a labelled `button` role to assistive technologies.
  * The pill is purely a visual affordance.
  */
-declare function DropzoneTrigger({ className, children, ...props }: ComponentProps<"span">): React.JSX.Element;
-
-export { Dropzone, DropzoneArea, DropzoneDescription, DropzoneIcon, DropzoneInput, DropzoneTitle, DropzoneTrigger, useDropzoneContext };
+declare function DropzoneTrigger({ className, children, ...props }: ComponentProps<"span">): import("react").JSX.Element;
+//#endregion
+export { Dropzone, DropzoneArea, DropzoneDescription, DropzoneIcon, DropzoneInput, DropzoneTitle, DropzoneTrigger, useDropzoneContext };