@importcsv/react 0.1.0

package/build/i18n/fr.d.ts

@@ -0,0 +1,32 @@
+declare const translations: {
+    Upload: string;
+    "Select Header": string;
+    "Map Columns": string;
+    "Expected Column": string;
+    Required: string;
+    "Drop your file here": string;
+    or: string;
+    "Browse files": string;
+    "Download Template": string;
+    "Only CSV, XLS, and XLSX files can be uploaded": string;
+    "Select Header Row": string;
+    "Select the row which contains the column headers": string;
+    "Only the first sheet ("{{sheet}}") of the Excel file will be imported. To import multiple sheets, please upload each sheet individually.": string;
+    Cancel: string;
+    Continue: string;
+    "Your File Column": string;
+    "Your Sample Data": string;
+    "Destination Column": string;
+    Include: string;
+    Submit: string;
+    "Loading...": string;
+    "Please include all required columns": string;
+    Back: string;
+    "- Select one -": string;
+    "- empty -": string;
+    "Import Successful": string;
+    "Upload Successful": string;
+    Done: string;
+    "Upload another file": string;
+};
+export default translations;

package/build/i18n/i18n.d.ts

@@ -0,0 +1,2 @@
+import i18 from "i18next";
+export default i18;

package/build/i18n/it.d.ts

@@ -0,0 +1,32 @@
+declare const translations: {
+    Upload: string;
+    "Select Header": string;
+    "Map Columns": string;
+    "Expected Column": string;
+    Required: string;
+    "Drop your file here": string;
+    or: string;
+    "Browse files": string;
+    "Download Template": string;
+    "Only CSV, XLS, and XLSX files can be uploaded": string;
+    "Select Header Row": string;
+    "Select the row which contains the column headers": string;
+    "Only the first sheet ("{{sheet}}") of the Excel file will be imported. To import multiple sheets, please upload each sheet individually.": string;
+    Cancel: string;
+    Continue: string;
+    "Your File Column": string;
+    "Your Sample Data": string;
+    "Destination Column": string;
+    Include: string;
+    Submit: string;
+    "Loading...": string;
+    "Please include all required columns": string;
+    Back: string;
+    "- Select one -": string;
+    "- empty -": string;
+    "Import Successful": string;
+    "Upload Successful": string;
+    Done: string;
+    "Upload another file": string;
+};
+export default translations;

package/build/importer/components/Box/index.d.ts

@@ -0,0 +1,2 @@
+import { BoxProps } from "./types";
+export default function Box({ className, variants, ...props }: BoxProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/components/Box/types/index.d.ts

@@ -0,0 +1,5 @@
+export type BoxVariant = "fluid" | "mid" | "wide" | "space-l" | "space-mid" | "space-none" | "bg-shade";
+export type BoxProps = React.HTMLAttributes<HTMLDivElement> & {
+    variants?: BoxVariant[];
+};
+export declare const boxVariants: BoxVariant[];

package/build/importer/components/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProps } from "./types";
+export default function Checkbox({ label, className, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/components/Checkbox/types/index.d.ts

@@ -0,0 +1,4 @@
+import { InputHTMLAttributes, ReactElement } from "react";
+export type CheckboxProps = InputHTMLAttributes<HTMLInputElement> & {
+    label?: string | ReactElement;
+};

package/build/importer/components/Errors/index.d.ts

@@ -0,0 +1,4 @@
+export default function Errors({ error, centered }: {
+    error?: unknown;
+    centered?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;

package/build/importer/components/Input/index.d.ts

@@ -0,0 +1,2 @@
+import { InputProps } from "./types";
+export default function Input({ as, label, icon, iconAfter, error, options, className, variants, children, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/components/Input/types/index.d.ts

@@ -0,0 +1,18 @@
+import { ButtonHTMLAttributes, InputHTMLAttributes, ReactElement } from "react";
+export type inputTypes = "date" | "datetime-local" | "email" | "file" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week";
+export type InputVariants = "fluid" | "small";
+export type InputOption = ButtonHTMLAttributes<HTMLButtonElement> & {
+    required?: boolean;
+};
+export type InputProps = InputHTMLAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLSelectElement> & InputHTMLAttributes<HTMLTextAreaElement> & {
+    as?: "input" | "textarea";
+    label?: string | ReactElement;
+    icon?: ReactElement;
+    iconAfter?: ReactElement;
+    error?: string;
+    options?: {
+        [key: string]: InputOption;
+    };
+    variants?: InputVariants[];
+    type?: inputTypes;
+};

package/build/importer/components/Portal/index.d.ts

@@ -0,0 +1,3 @@
+import { ReactPortal } from "react";
+import { PortalProps } from "./types";
+export default function Portal({ children, className, el }: PortalProps): ReactPortal;

package/build/importer/components/Portal/types/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export type PortalProps = React.PropsWithChildren<{
+    className?: string;
+    el?: string;
+}>;

package/build/importer/components/Stepper/hooks/useStepper.d.ts

@@ -0,0 +1,2 @@
+import { Step, StepperProps } from "../types";
+export default function useStepper(steps: Step[], initialStep: number | undefined, skipHeader: boolean): StepperProps;

package/build/importer/components/Stepper/index.d.ts

@@ -0,0 +1,2 @@
+import { StepperProps } from "./types";
+export default function Stepper({ steps, current, clickable, setCurrent, skipHeader }: StepperProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/components/Stepper/types/index.d.ts

@@ -0,0 +1,13 @@
+export type Step = {
+    label: string;
+    id?: string | number;
+    disabled?: boolean;
+};
+export type StepperProps = {
+    steps: Step[];
+    current: number;
+    setCurrent: (step: number) => void;
+    step: Step;
+    clickable?: boolean;
+    skipHeader: boolean;
+};

package/build/importer/components/Table/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { TableProps } from "./types";
+export default function Table({ data, // An array of objects with the data to be displayed
+keyAsId, // Has to be a unique property in the data array to be used as key
+theme, // A CSS module object to style the table
+mergeThemes, // Should 'theme' be the only style applied (false) or be merged with the default style (true)
+highlightColumns, // Columns that should use the highlighted style
+hideColumns, // Array of columns to be hidden in the display
+emptyState, heading, background, columnWidths, columnAlignments, fixHeader, onRowClick, }: TableProps): React.ReactElement;

package/build/importer/components/Table/storyData.d.ts

@@ -0,0 +1,36 @@
+declare const storyData: ({
+    id: number;
+    Name: {
+        raw: string;
+        content: string;
+        captionInfo: string;
+        tooltip?: undefined;
+    };
+    Age: number;
+    Email: string;
+    email?: undefined;
+} | {
+    id: number;
+    Name: {
+        raw: string;
+        content: string;
+        tooltip: string;
+        captionInfo?: undefined;
+    };
+    Age: number;
+    Email: string;
+    email?: undefined;
+} | {
+    id: number;
+    Name: string;
+    Age: number;
+    Email: string;
+    email?: undefined;
+} | {
+    id: number;
+    Name: string;
+    Age: number;
+    email: string;
+    Email?: undefined;
+})[];
+export default storyData;

package/build/importer/components/Table/types/index.d.ts

@@ -0,0 +1,42 @@
+import { PropsWithChildren, ReactElement } from "react";
+type Style = {
+    readonly [key: string]: string;
+};
+type Primitive = string | number | boolean | null | undefined;
+export type TableComposite = {
+    raw: Primitive;
+    content: Primitive | React.ReactElement;
+    tooltip?: string;
+    captionInfo?: string;
+};
+export type TableValue = Primitive | TableComposite;
+export type TableDatum = {
+    [key: string]: TableValue;
+};
+export type TableData = TableDatum[];
+export type TableProps = {
+    data: TableData;
+    keyAsId?: string;
+    theme?: Style;
+    mergeThemes?: boolean;
+    highlightColumns?: string[];
+    hideColumns?: string[];
+    emptyState?: ReactElement;
+    heading?: ReactElement;
+    background?: "zebra" | "dark" | "light" | "transparent";
+    columnWidths?: string[];
+    columnAlignments?: ("left" | "center" | "right" | "")[];
+    fixHeader?: boolean;
+    onRowClick?: (row: TableDatum) => void;
+};
+export type RowProps = {
+    datum: TableDatum;
+    isHeading?: boolean;
+    onClick?: (row: TableDatum) => void;
+};
+export type CellProps = PropsWithChildren<{
+    cellClass?: string;
+    cellStyle: Style;
+    tooltip?: string;
+}>;
+export {};

package/build/importer/components/ToggleFilter/ToggleFilter.stories.d.ts

@@ -0,0 +1,18 @@
+import ToggleFilter from './index';
+declare const _default: {
+    title: string;
+    component: typeof ToggleFilter;
+    argTypes: {
+        options: {
+            control: {
+                type: string;
+            };
+        };
+        onChange: {
+            action: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithCustomOptions: () => import("react/jsx-runtime").JSX.Element;

package/build/importer/components/ToggleFilter/index.d.ts

@@ -0,0 +1,3 @@
+import { ToggleFilterProps } from "./types";
+declare function ToggleFilter({ options, onChange, className }: ToggleFilterProps): import("react/jsx-runtime").JSX.Element;
+export default ToggleFilter;

package/build/importer/components/ToggleFilter/types/index.d.ts

@@ -0,0 +1,11 @@
+export interface Option {
+    label: string;
+    filterValue: string;
+    selected: boolean;
+    color?: string;
+}
+export interface ToggleFilterProps {
+    options: Option[];
+    className?: string;
+    onChange: (option: string) => void;
+}

package/build/importer/components/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+import { AsMap, TooltipProps } from "./types";
+export default function Tooltip<T extends keyof AsMap>({ as, className, title, children, icon, ...props }: TooltipProps<T>): import("react/jsx-runtime").JSX.Element;

package/build/importer/components/Tooltip/types/index.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+export type AsMap = {
+    div: React.HTMLProps<HTMLDivElement>;
+    span: React.HTMLProps<HTMLSpanElement>;
+    p: React.HTMLProps<HTMLParagraphElement>;
+};
+export type TooltipProps<T extends keyof AsMap = "span"> = {
+    as?: T;
+    title?: string | ReactNode;
+    icon?: ReactNode;
+} & AsMap[T];

package/build/importer/components/UploaderWrapper/UploaderWrapper.d.ts

@@ -0,0 +1,2 @@
+import { UploaderWrapperProps } from "./types";
+export default function UploaderWrapper({ onSuccess, setDataError, ...props }: UploaderWrapperProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/components/UploaderWrapper/types/index.d.ts

@@ -0,0 +1,2 @@
+import { UploaderProps } from "../../../features/uploader/types";
+export type UploaderWrapperProps = Omit<UploaderProps, "template"> & {};

package/build/importer/features/complete/index.d.ts

@@ -0,0 +1,2 @@
+import { CompleteProps } from "./types";
+export default function Complete({ reload, close, isModal }: CompleteProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/features/complete/types/index.d.ts

@@ -0,0 +1,5 @@
+export type CompleteProps = {
+    reload: () => void;
+    close: () => void;
+    isModal: boolean;
+};

package/build/importer/features/main/hooks/useMutableLocalStorage.d.ts

@@ -0,0 +1 @@
+export default function useMutableLocalStorage(key: string, initialValue: any): any[];

package/build/importer/features/main/hooks/useStepNavigation.d.ts

@@ -0,0 +1,17 @@
+export declare const StepEnum: {
+    Upload: number;
+    RowSelection: number;
+    MapColumns: number;
+    Validation: number;
+    Complete: number;
+};
+declare function useStepNavigation(initialStep: number, skipHeader: boolean): {
+    currentStep: any;
+    setStep: (newStep: number) => void;
+    goBack: (backStep?: number) => void;
+    goNext: (nextStep?: number) => void;
+    stepper: import("../../../components/Stepper/types").StepperProps;
+    stepId: string | number | undefined;
+    setStorageStep: any;
+};
+export default useStepNavigation;

package/build/importer/features/main/index.d.ts

@@ -0,0 +1,2 @@
+import { CSVImporterProps } from "../../../types";
+export default function Main(props: CSVImporterProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/features/main/types/index.d.ts

@@ -0,0 +1,16 @@
+export declare enum Steps {
+    Upload = "upload",
+    RowSelection = "row-selection",
+    MapColumns = "map-columns",
+    Validation = "validation"
+}
+export type FileRow = {
+    index: number;
+    values: string[];
+};
+export type FileData = {
+    fileName: string;
+    rows: FileRow[];
+    sheetList: string[];
+    errors: string[];
+};

package/build/importer/features/map-columns/components/DropDownFields.d.ts

@@ -0,0 +1,19 @@
+import { InputOption } from "../../../components/Input/types";
+type DropdownFieldsProps = {
+    options: {
+        [key: string]: InputOption;
+    };
+    value: string;
+    placeholder: string;
+    onChange: (value: string) => void;
+    selectedValues: {
+        key: string;
+        selected: boolean | undefined;
+    }[];
+    updateSelectedValues: (updatedValues: {
+        key: string;
+        selected: boolean | undefined;
+    }[]) => void;
+};
+export default function DropdownFields({ options, value, placeholder, onChange, selectedValues, updateSelectedValues }: DropdownFieldsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/importer/features/map-columns/hooks/useMapColumnsTable.d.ts

@@ -0,0 +1,15 @@
+import { TemplateColumn, UploadColumn } from "../../../types";
+import { TemplateColumnMapping } from "../types";
+export default function useMapColumnsTable(uploadColumns: UploadColumn[], templateColumns: TemplateColumn[] | undefined, columnsValues: {
+    [uploadColumnIndex: number]: TemplateColumnMapping;
+}, isLoading?: boolean, importerKey?: string, backendUrl?: string): {
+    rows: {
+        [x: string]: {
+            raw: string | boolean;
+            content: string | import("react/jsx-runtime").JSX.Element;
+        };
+    }[];
+    formValues: {
+        [key: number]: TemplateColumnMapping;
+    };
+};

package/build/importer/features/map-columns/hooks/useNameChange.d.ts

@@ -0,0 +1,5 @@
+declare const useTransformValue: (initialValue: string) => {
+    transformedValue: string;
+    transformValue: (value: string) => void;
+};
+export default useTransformValue;

package/build/importer/features/map-columns/index.d.ts

@@ -0,0 +1,2 @@
+import { MapColumnsProps } from "./types";
+export default function MapColumns({ template, data, columnMapping, selectedHeaderRow, skipHeaderRowSelection, onSuccess, onCancel, isSubmitting, importerKey, backendUrl, }: MapColumnsProps): import("react/jsx-runtime").JSX.Element | null;

package/build/importer/features/map-columns/types/index.d.ts

@@ -0,0 +1,23 @@
+import { Template } from "../../../types";
+import { FileData } from "../../main/types";
+export type TemplateColumnMapping = {
+    key: string;
+    include: boolean;
+    selected?: boolean;
+};
+export type MapColumnsProps = {
+    template: Template;
+    data: FileData;
+    columnMapping: {
+        [index: number]: TemplateColumnMapping;
+    };
+    selectedHeaderRow: number | null;
+    skipHeaderRowSelection?: boolean;
+    onSuccess: (columnMapping: {
+        [index: number]: TemplateColumnMapping;
+    }) => void;
+    onCancel: () => void;
+    isSubmitting: boolean;
+    importerKey?: string;
+    backendUrl?: string;
+};

package/build/importer/features/row-selection/index.d.ts

@@ -0,0 +1,2 @@
+import { RowSelectionProps } from "./types";
+export default function RowSelection({ data, onSuccess, onCancel, selectedHeaderRow, setSelectedHeaderRow }: RowSelectionProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/features/row-selection/types/index.d.ts

@@ -0,0 +1,8 @@
+import { FileData } from "../../main/types";
+export type RowSelectionProps = {
+    data: FileData;
+    onSuccess: () => void;
+    onCancel: () => void;
+    selectedHeaderRow: number | null;
+    setSelectedHeaderRow: (id: number) => void;
+};

package/build/importer/features/uploader/hooks/useTemplateTable.d.ts

@@ -0,0 +1,10 @@
+import { TemplateColumn } from "../../../types";
+export default function useTemplateTable(fields?: TemplateColumn[]): {
+    [x: string]: string | {
+        raw: string;
+        content: import("react/jsx-runtime").JSX.Element;
+    } | {
+        raw: number;
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+}[];

package/build/importer/features/uploader/index.d.ts

@@ -0,0 +1,2 @@
+import { UploaderProps } from "./types";
+export default function Uploader({ template, skipHeaderRowSelection, onSuccess, showDownloadTemplateButton, setDataError }: UploaderProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/features/uploader/types/index.d.ts

@@ -0,0 +1,9 @@
+import { Template } from "../../../types";
+import { Dispatch, SetStateAction } from "react";
+export type UploaderProps = {
+    template: Template;
+    skipHeaderRowSelection: boolean;
+    onSuccess: (file: File) => void;
+    showDownloadTemplateButton?: boolean;
+    setDataError: Dispatch<SetStateAction<string | null>>;
+};

package/build/importer/features/validate/index.d.ts

@@ -0,0 +1,24 @@
+import { Template } from '../../types';
+import { TemplateColumnMapping } from '../map-columns/types';
+export type ValidateProps = {
+    data: {
+        rows: Array<{
+            index: number;
+            values: Record<string, string | number>;
+        }>;
+        headers: string[];
+    };
+    template: Template;
+    columnMapping: {
+        [key: number]: TemplateColumnMapping;
+    };
+    onSubmit: (updatedData?: Array<{
+        index: number;
+        values: Record<string, string | number>;
+    }>) => void;
+    onCancel: () => void;
+    isSubmitting?: boolean;
+    importerId?: string;
+    backendUrl?: string;
+};
+export default function Validate({ data, template, columnMapping, onSubmit, onCancel, isSubmitting, importerId, backendUrl, }: ValidateProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/features/validation/AIFixModal.d.ts

@@ -0,0 +1,23 @@
+interface AIFixModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    errors: Array<{
+        rowIndex: number;
+        columnIndex: number;
+        message: string;
+        field?: string;
+    }>;
+    dataRows: any[];
+    headerRow: any;
+    templateFields: any[];
+    selectedHeaderRow: number;
+    columnMapping: Record<number, any>;
+    backendUrl: string;
+    onApplyFixes: (fixes: Array<{
+        rowIndex: number;
+        columnIndex: number;
+        value: string;
+    }>) => void;
+}
+export default function AIFixModal({ isOpen, onClose, errors, dataRows, headerRow, templateFields, selectedHeaderRow, columnMapping, backendUrl, onApplyFixes }: AIFixModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/importer/features/validation/SimpleValidation.d.ts

@@ -0,0 +1,2 @@
+import { ValidationProps } from './types';
+export default function SimpleValidation({ template, data: fileData, columnMapping, selectedHeaderRow, onSuccess, onCancel, isSubmitting, }: ValidationProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/features/validation/Validation.d.ts

@@ -0,0 +1,2 @@
+import { ValidationProps } from './types';
+export default function Validation({ template, data: fileData, columnMapping, selectedHeaderRow, onSuccess, onCancel, isSubmitting, backendUrl, filterInvalidRows, disableOnInvalidRows, }: ValidationProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/features/validation/ValidationFixed.d.ts

@@ -0,0 +1,2 @@
+import { ValidationProps } from './types';
+export default function Validation({ template, data: fileData, columnMapping, selectedHeaderRow, onSuccess, onCancel, isSubmitting, backendUrl, importerConfig, }: ValidationProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/features/validation/components/AISuggestionsPanel.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ValidationFix, BatchFix, ValidationError } from '../types';
+type AISuggestionsPanelProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    fixes: ValidationFix[];
+    batchFixes: BatchFix[];
+    errors: ValidationError[];
+    onApplyFix: (fix: ValidationFix) => void;
+    onApplyBatchFix: (batchFix: BatchFix) => void;
+    onApplyAllFixes: () => void;
+    isLoading: boolean;
+};
+declare const AISuggestionsPanel: React.FC<AISuggestionsPanelProps>;
+export default AISuggestionsPanel;

package/build/importer/features/validation/components/InlineFixSuggestion.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ValidationFix } from '../types';
+type InlineFixSuggestionProps = {
+    fix: ValidationFix;
+    onApplyFix: (fix: ValidationFix, applyToSimilar: boolean) => void;
+};
+declare const InlineFixSuggestion: React.FC<InlineFixSuggestionProps>;
+export default InlineFixSuggestion;

package/build/importer/features/validation/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Validation';

package/build/importer/features/validation/types.d.ts

@@ -0,0 +1,31 @@
+import { FileData } from "../main/types";
+import { TemplateColumnMapping } from "../map-columns/types";
+import { Template } from "../../types";
+export interface ValidationError {
+    rowIndex: number;
+    columnIndex: number;
+    message: string;
+    value: string | number;
+}
+export interface ValidationProps {
+    template: Template;
+    data: FileData;
+    columnMapping: {
+        [index: number]: TemplateColumnMapping;
+    };
+    selectedHeaderRow: number | null;
+    onSuccess: (validData: any) => void;
+    onCancel: () => void;
+    isSubmitting: boolean;
+    backendUrl?: string;
+    filterInvalidRows?: boolean;
+    disableOnInvalidRows?: boolean;
+}
+export interface ValidationState {
+    errors: ValidationError[];
+    editedValues: {
+        [rowIndex: number]: {
+            [columnIndex: number]: string | number;
+        };
+    };
+}

package/build/importer/hooks/useClickOutside.d.ts

@@ -0,0 +1 @@
+export default function useClickOutside(ref: any | null, callback: (...args: any[]) => any): void;

package/build/importer/hooks/useCustomStyles.d.ts

@@ -0,0 +1 @@
+export default function useCustomStyles(customStyles?: string): void;

package/build/importer/hooks/useDelayLoader.d.ts

@@ -0,0 +1,2 @@
+declare const useDelayedLoader: (isLoading: boolean, delay: number) => boolean;
+export default useDelayedLoader;

package/build/importer/hooks/useEventListener.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from "react";
+declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void): void;
+declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: RefObject<T>): void;
+export default useEventListener;

package/build/importer/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import { useLayoutEffect } from "react";
+declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+export default useIsomorphicLayoutEffect;

package/build/importer/hooks/useRect.d.ts

@@ -0,0 +1,12 @@
+type Size = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+declare function useRect<T extends HTMLElement = HTMLDivElement>(): [(node: T | null) => void, Size, Function];
+export default useRect;