@arkyn/components 3.0.1-beta.99 → 3.0.2

package/dist/components/drawer/drawerContext.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-const drawerContext = createContext({});
-function DrawerProvider(props) {
-    return (_jsx(drawerContext.Provider, { value: { makeInvisible: props.makeInvisible }, children: props.children }));
-}
-function useDrawer() {
-    return useContext(drawerContext);
-}
-export { DrawerProvider, useDrawer };

package/dist/components/drawer/drawerHeader/index.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { X } from "lucide-react";
-import { useDrawer } from "../drawerContext";
-import "./styles.css";
-/**
- * DrawerHeader component - header section for drawer with optional close button
- *
- * @param props - DrawerHeader component properties
- * @param props.showCloseButton - Shows close button in header. Default: true
- *
- * **...Other valid HTML properties for header element**
- *
- * @returns DrawerHeader JSX element
- *
- * @example
- * ```tsx
- * // Basic drawer header with close button
- * <DrawerHeader>
- *   <h2>Menu</h2>
- * </DrawerHeader>
- *
- * // Header without close button
- * <DrawerHeader showCloseButton={false}>
- *   <h2>Settings</h2>
- * </DrawerHeader>
- *
- * // Complete drawer example
- * <DrawerContainer isVisible={isOpen} makeInvisible={() => setIsOpen(false)}>
- *   <DrawerHeader>
- *     <h2>Navigation</h2>
- *     <p>Welcome to our app</p>
- *   </DrawerHeader>
- *
- *   <div className="drawer-content">
- *     <nav>
- *       <a href="/home">Home</a>
- *       <a href="/about">About</a>
- *       <a href="/contact">Contact</a>
- *     </nav>
- *   </div>
- * </DrawerContainer>
- *
- * // Custom styled header
- * <DrawerHeader className="custom-header">
- *   <div className="header-content">
- *     <img src="/logo.png" alt="Logo" />
- *     <h1>My App</h1>
- *   </div>
- * </DrawerHeader>
- * ```
- */
-function DrawerHeader(props) {
-    const { showCloseButton = true, className: baseClassName, children, ...rest } = props;
-    const { makeInvisible } = useDrawer();
-    const className = `arkynDrawerHeader ${baseClassName}`;
-    return (_jsxs("header", { className: className.trim(), ...rest, children: [children, showCloseButton && (_jsx("button", { className: "arkynDrawerHeaderCloseButton", type: "button", onClick: makeInvisible, "aria-label": "Close drawer", children: _jsx(X, { size: 24 }) }))] }));
-}
-export { DrawerHeader };

package/dist/components/fieldError/index.js

@@ -1,33 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import "./styles.css";
-/**
- * FieldError component - used to display error messages for form fields
- *
- * @param props - FieldError component properties
- *
- * **...Other valid HTML properties for strong element**
- *
- * @returns FieldError JSX element or empty fragment if no children
- *
- * @example
- * ```tsx
- * // Basic field error
- * <FieldError>This field is required</FieldError>
- *
- * // Field error with custom styling
- * <FieldError className="custom-error">
- *  Invalid email format
- * </FieldError>
- *
- * // Conditional field error
- * {error && <FieldError>{error}</FieldError>}
- * ```
- */
-function FieldError(props) {
-    const { children, className: baseClassName, ...rest } = props;
-    const className = `arkynFieldError ${baseClassName}`;
-    if (!children)
-        return _jsx(_Fragment, {});
-    return (_jsx("strong", { className: className.trim(), ...rest, children: children }));
-}
-export { FieldError };

package/dist/components/fieldLabel/index.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "./styles.css";
-/**
- * FieldLabel component - used to display labels for form fields with optional required indicator
- *
- * @param props - FieldLabel component properties
- * @param props.showAsterisk - Whether to display an asterisk (*) to indicate required field. Default: false
- *
- * **...Other valid HTML properties for label element**
- *
- * @returns FieldLabel JSX element
- *
- * @example
- * ```tsx
- * // Basic field label
- * <FieldLabel htmlFor="username">Username</FieldLabel>
- *
- * // Required field label with asterisk
- * <FieldLabel htmlFor="email" showAsterisk>
- *   Email Address
- * </FieldLabel>
- *
- * // Label with custom styling
- * <FieldLabel
- *   htmlFor="password"
- *   className="custom-label"
- *   showAsterisk
- * >
- *   Password
- * </FieldLabel>
- * ```
- */
-function FieldLabel(props) {
-    const { showAsterisk = false, className: baseClassName = "", ...rest } = props;
-    const show = showAsterisk ? "asteriskTrue" : "asteriskFalse";
-    const className = `arkynFieldLabel ${show} ${baseClassName}`;
-    return _jsx("label", { className: className.trim(), ...rest });
-}
-export { FieldLabel };

package/dist/components/fieldWrapper/index.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "./styles.css";
-/**
- * FieldWrapper component - used as a container wrapper for a single form field and its related elements
- *
- * @param props - FieldWrapper component properties
- * @param props.children - React elements that compose a single field (label, input, error message, etc.)
- * @param props.orientation - Orientation of the field wrapper. Default: "vertical"
- *
- * **...Other valid HTML properties for section element**
- *
- * @returns FieldWrapper JSX element
- *
- * @example
- * ```tsx
- * // Basic field container
- * <FieldWrapper>
- *   <FieldLabel>Username</FieldLabel>
- *   <Input name="username" />
- *   <FieldError>This field is required</FieldError>
- * </FieldWrapper>
- *
- * // Field container with custom styling
- * <FieldWrapper className="custom-spacing">
- *   <FieldLabel>Email</FieldLabel>
- *   <Input name="email" type="email" />
- * </FieldWrapper>
- *
- * // Complete field with all elements
- * <FieldWrapper>
- *   <FieldLabel showAsterisk>Password</FieldLabel>
- *   <Input name="password" type="password" />
- *   <FieldError>Password must be at least 8 characters</FieldError>
- * </FieldWrapper>
- * ```
- */
-function FieldWrapper(props) {
-    const { children, className: baseClassName, orientation = "vertical", ...rest } = props;
-    const className = `arkynFieldWrapper ${baseClassName} ${orientation}`;
-    return (_jsx("section", { className: className.trim(), ...rest, children: children }));
-}
-export { FieldWrapper };

package/dist/components/fileUpload/hasFileContent/index.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { File, FileArchive, FileAudio, FileImage, RefreshCw, } from "lucide-react";
-import { Button } from "../../button";
-import { Divider } from "../../divider";
-import { IconButton } from "../../iconButton";
-import { Tooltip } from "../../tooltip";
-import "./styles.css";
-function HasFileContent(props) {
-    const { disabled, file, isLoading, acceptFile, changeFileButtonText, handleSelectFile, reSendFile, } = props;
-    function handleClick() {
-        if (disabled)
-            return;
-        const input = document.createElement("input");
-        input.type = "file";
-        input.accept = acceptFile;
-        input.onchange = (event) => {
-            const file = event.target.files?.[0];
-            if (file)
-                handleSelectFile(file);
-        };
-        input.click();
-    }
-    function FileIcon() {
-        if (file.type.startsWith("image/"))
-            return _jsx(FileImage, {});
-        if (file.type.startsWith("audio/"))
-            return _jsx(FileAudio, {});
-        if (file.type.startsWith("application/zip"))
-            return _jsx(FileArchive, {});
-        return _jsx(File, {});
-    }
-    return (_jsxs("div", { className: "arkynFileUploadHasFileContent", children: [_jsxs("section", { className: "arkynFileUploadFileContainer", children: [_jsx(FileIcon, {}), _jsx("p", { children: file.name })] }), _jsx(Divider, {}), _jsxs("div", { className: "arkynFileUploadButtonsContainer", children: [!!reSendFile && (_jsx(Tooltip, { orientation: "bottom", text: "Reenviar arquivo", children: _jsx(IconButton, { type: "button", "aria-label": "resend file", variant: "outline", scheme: "danger", size: "sm", isLoading: isLoading, onClick: reSendFile, icon: RefreshCw, disabled: disabled }) })), _jsx(Button, { isLoading: isLoading, onClick: handleClick, variant: "outline", size: "sm", type: "button", disabled: disabled, children: changeFileButtonText })] })] }));
-}
-export { HasFileContent };

package/dist/components/fileUpload/index.js

@@ -1,127 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { useForm } from "../../hooks/useForm";
-import { FieldError } from "../fieldError";
-import { FieldLabel } from "../fieldLabel";
-import { FieldWrapper } from "../fieldWrapper";
-import { HasFileContent } from "./hasFileContent";
-import { NoFileContent } from "./noFileContent";
-import "./styles.css";
-/**
- * FileUpload component - used for uploading files with drag and drop functionality
- *
- * @param props - FileUpload component properties
- * @param props.name - Required field name for form handling
- * @param props.action - Required endpoint URL where the file will be uploaded
- * @param props.disabled - Whether the file upload is disabled. Default: false
- * @param props.label - Optional label text to display above the file upload area
- * @param props.showAsterisk - Whether to show asterisk on label for required fields. Default: false
- * @param props.changeFileButtonText - Text for the button to change/replace an uploaded file. Default: "Alterar arquivo"
- * @param props.selectFileButtonText - Text for the button to select a file. Default: "Selecionar arquivo"
- * @param props.dropFileText - Text displayed in the drop zone area. Default: "Ou arraste e solte o arquivo aqui"
- * @param props.method - HTTP method for the upload request. Default: "POST"
- * @param props.fileName - Form data field name for the file. Default: "file"
- * @param props.fileResponseName - Property name in the response object containing the file URL. Default: "url"
- * @param props.acceptFile - File types accepted by the input (e.g., "image/*", ".pdf"). Default: "*"
- * @param props.onChange - Callback function called when file upload completes successfully, receives the file URL
- *
- * @returns FileUpload JSX element wrapped in FieldGroup with optional label and error handling
- *
- * @example
- * ```tsx
- * // Basic file upload
- * <FileUpload
- *   name="document"
- *   action="/api/upload"
- * />
- *
- * // File upload with label and custom text
- * <FileUpload
- *   name="avatar"
- *   action="/api/upload/avatar"
- *   label="Profile Picture"
- *   showAsterisk
- *   selectFileButtonText="Choose Image"
- *   changeFileButtonText="Change Image"
- *   dropFileText="Drop your image here"
- * />
- *
- * // File upload with restrictions and callback
- * <FileUpload
- *   name="pdf"
- *   action="/api/upload/document"
- *   label="Upload PDF Document"
- *   acceptFile=".pdf"
- *   fileName="document"
- *   fileResponseName="documentUrl"
- *   onChange={(url) => console.log('File uploaded:', url)}
- * />
- *
- * // Disabled file upload
- * <FileUpload
- *   name="attachment"
- *   action="/api/upload"
- *   label="Attachment"
- *   disabled
- * />
- *
- * // File upload with custom HTTP method and response handling
- * <FileUpload
- *   name="file"
- *   action="/api/files"
- *   method="PUT"
- *   fileName="uploadedFile"
- *   fileResponseName="fileUrl"
- *   label="Custom Upload"
- *   onChange={(url) => {
- *     if (url) {
- *       setFileUrl(url);
- *       console.log('Upload successful:', url);
- *     }
- *   }}
- * />
- * ```
- */
-function FileUpload(props) {
-    const { name, label, showAsterisk = false, action, fileName = "file", method = "POST", acceptFile = "*", fileResponseName = "url", changeFileButtonText = "Alterar arquivo", selectFileButtonText = "Selecionar arquivo", dropFileText = "Ou arraste e solte o arquivo aqui", onChange, disabled = false, } = props;
-    const { fieldErrors } = useForm();
-    const fieldError = fieldErrors?.[name];
-    const [value, setValue] = useState("");
-    const [error, setError] = useState("");
-    const [file, setFile] = useState(null);
-    const [isLoading, setIsLoading] = useState(false);
-    async function handleUploadFile(file) {
-        if (disabled)
-            return;
-        setIsLoading(true);
-        setFile(file);
-        setError("");
-        const formData = new FormData();
-        formData.append(fileName, file);
-        await fetch(action, { method: method, body: formData })
-            .then(async (response) => await response.json())
-            .then((response) => {
-            if (!!response?.error)
-                setError(response.error);
-            else
-                setValue(response?.[fileResponseName]);
-            onChange && onChange(response?.[fileResponseName]);
-        })
-            .catch((error) => {
-            console.error(error);
-            setError("Erro ao enviar o arquivo");
-        })
-            .finally(() => setIsLoading(false));
-    }
-    function handleSelectFile(file) {
-        if (disabled)
-            return;
-        handleUploadFile(file);
-    }
-    const errorMessage = fieldError || error;
-    const hasErrorClassName = errorMessage ? "hasError" : "noHasError";
-    const hasFileClassName = file ? "hasFile" : "noHasFile";
-    const className = `arkynFileUpload ${hasErrorClassName} ${hasFileClassName}`;
-    return (_jsxs(FieldWrapper, { children: [label && _jsx(FieldLabel, { showAsterisk: showAsterisk, children: label }), _jsxs("div", { className: className, children: [_jsx("input", { type: "hidden", name: name, value: value || "" }), !file && (_jsx(NoFileContent, { disabled: disabled, isLoading: isLoading, acceptFile: acceptFile, dropFileText: dropFileText, handleSelectFile: handleSelectFile, selectFileButtonText: selectFileButtonText })), file && (_jsx(HasFileContent, { disabled: disabled, isLoading: isLoading, acceptFile: acceptFile, file: file, handleSelectFile: handleSelectFile, changeFileButtonText: changeFileButtonText, reSendFile: !!errorMessage && file ? () => handleUploadFile(file) : undefined }))] }), errorMessage && _jsx(FieldError, { children: errorMessage })] }));
-}
-export { FileUpload };

package/dist/components/fileUpload/noFileContent/index.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../../button";
-import "./styles.css";
-function NoFileContent(props) {
-    const { dropFileText, isLoading, acceptFile, handleSelectFile, selectFileButtonText, disabled, } = props;
-    function handleDrop(event) {
-        if (disabled)
-            return;
-        event.preventDefault();
-        const file = event.dataTransfer.files[0];
-        if (file)
-            handleSelectFile(file);
-    }
-    function handleClick() {
-        if (disabled)
-            return;
-        const input = document.createElement("input");
-        input.type = "file";
-        input.accept = acceptFile;
-        input.onchange = (event) => {
-            const file = event.target.files?.[0];
-            if (file)
-                handleSelectFile(file);
-        };
-        input.click();
-    }
-    return (_jsxs("div", { onDrop: handleDrop, className: "arkynFileUploadNoFileContent", children: [_jsx(Button, { isLoading: isLoading, onClick: handleClick, variant: "ghost", size: "sm", type: "button", disabled: disabled, children: selectFileButtonText }), _jsx("p", { children: dropFileText })] }));
-}
-export { NoFileContent };

package/dist/components/iconButton/index.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Loader2 } from "lucide-react";
-import "./styles.css";
-/**
- * IconButton component - compact button that renders only an icon
- *
- * @param props - IconButton component properties
- * @param props.icon - Icon to render inside the button (LucideIcon). Required
- * @param props.aria-label - Accessible label for screen readers. Required
- * @param props.isLoading - Controls loading state with spinner. Default: false
- * @param props.size - Button size. Default: "md"
- * @param props.variant - Visual variant of the button. Default: "solid"
- * @param props.scheme - Button color scheme. Default: "primary"
- *
- * **...Other valid HTML properties for button element (children not supported)**
- *
- * @returns IconButton JSX element
- *
- * @example
- * ```tsx
- * // Basic icon button
- * <IconButton icon={Plus} aria-label="Add" />
- *
- * // Different color scheme and variant
- * <IconButton icon={Trash2} aria-label="Delete" scheme="danger" variant="outline" />
- *
- * // Loading state
- * <IconButton icon={Save} aria-label="Saving" isLoading />
- *
- * // Sizes
- * <IconButton icon={MoreVertical} aria-label="More options" size="sm" />
- * ```
- */
-function IconButton(props) {
-    const { isLoading = false, scheme = "primary", variant = "solid", size = "md", icon: Icon, disabled, className: baseClassName = "", ...rest } = props;
-    const iconSize = { xs: 12, sm: 16, md: 20, lg: 24 };
-    const loading = isLoading ? "loadingTrue" : "loadingFalse";
-    const className = `arkynIconButton ${variant} ${scheme} ${size} ${loading} ${baseClassName}`;
-    return (_jsxs("button", { disabled: disabled || isLoading, className: className.trim(), ...rest, children: [_jsx("div", { className: "arkynIconButtonSpinner", children: _jsx(Loader2, { size: iconSize[size], strokeWidth: 2.5 }) }), _jsx("div", { className: "arkynIconButtonContent", children: _jsx(Icon, { size: iconSize[size], strokeWidth: 2.5 }) })] }));
-}
-export { IconButton };

package/dist/components/imageUpload/hasFileContent/index.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RefreshCw } from "lucide-react";
-import { Button } from "../../button";
-import { IconButton } from "../../iconButton";
-import { Tooltip } from "../../tooltip";
-import "./styles.css";
-function HasFileContent(props) {
-    const { disabled, filePath, isLoading, acceptImage, changeImageButtonText, handleSelectFile, reSendImage, } = props;
-    function handleClick() {
-        if (disabled)
-            return;
-        const input = document.createElement("input");
-        input.type = "file";
-        input.accept = acceptImage;
-        input.onchange = (event) => {
-            const file = event.target.files?.[0];
-            if (file)
-                handleSelectFile(file);
-        };
-        input.click();
-    }
-    return (_jsxs("div", { className: "arkynImageUploadHasFileContent", style: { backgroundImage: `url("${filePath}")` }, children: [reSendImage && (_jsx(Tooltip, { orientation: "bottom", text: "Reenviar imagem", children: _jsx(IconButton, { type: "button", "aria-label": "resend image", variant: "outline", scheme: "danger", size: "sm", isLoading: isLoading, onClick: reSendImage, icon: RefreshCw, disabled: disabled }) })), _jsx(Button, { isLoading: isLoading, onClick: handleClick, variant: "outline", size: "sm", type: "button", disabled: disabled, children: changeImageButtonText })] }));
-}
-export { HasFileContent };

package/dist/components/imageUpload/index.js

@@ -1,149 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { useForm } from "../../hooks/useForm";
-import { FieldError } from "../fieldError";
-import { FieldLabel } from "../fieldLabel";
-import { FieldWrapper } from "../fieldWrapper";
-import { HasFileContent } from "./hasFileContent";
-import { NoFileContent } from "./noFileContent";
-import "./styles.css";
-/**
- * ImageUpload component - specialized file upload component for image files with preview functionality
- *
- * @param props - ImageUpload component properties
- * @param props.name - Required field name for form handling
- * @param props.defaultValue - Initial image URL to display as preview. Default: ""
- * @param props.disabled - Whether the image upload is disabled. Default: false
- * @param props.className - Additional class name(s) for the wrapper element
- * @param props.label - Optional label text to display above the image upload area
- * @param props.showAsterisk - Whether to show asterisk on label for required fields. Default: false
- * @param props.changeImageButtonText - Text for the button to change/replace an uploaded image. Default: "Alterar imagem"
- * @param props.selectImageButtonText - Text for the button to select an image. Default: "Selecionar imagem"
- * @param props.dropImageText - Text displayed in the drop zone area. Default: "Ou arraste e solte a imagem aqui"
- * @param props.action - Required endpoint URL where the image will be uploaded
- * @param props.method - HTTP method for the upload request. Default: "POST"
- * @param props.fileName - Form data field name for the image file. Default: "file"
- * @param props.fileResponseName - Property name in the response object containing the image URL. Default: "url"
- * @param props.acceptImage - Image file types accepted by the input (e.g., "image/*", ".jpg,.png"). Default: "image/*"
- * @param props.onChange - Callback function called when image upload completes successfully, receives the image URL
- *
- * @returns ImageUpload JSX element wrapped in FieldGroup with optional label, image preview, and error handling
- *
- * @example
- * ```tsx
- * // Basic image upload
- * <ImageUpload
- *   name="avatar"
- *   action="/api/upload/image"
- * />
- *
- * // Image upload with label and custom text
- * <ImageUpload
- *   name="profilePicture"
- *   action="/api/upload/avatar"
- *   label="Profile Picture"
- *   showAsterisk
- *   selectImageButtonText="Choose Photo"
- *   changeImageButtonText="Change Photo"
- *   dropImageText="Drop your photo here"
- * />
- *
- * // Image upload with default value and restrictions
- * <ImageUpload
- *   name="productImage"
- *   action="/api/upload/product"
- *   label="Product Image"
- *   defaultValue="https://example.com/default-image.jpg"
- *   acceptImage=".jpg,.jpeg,.png,.webp"
- *   fileName="productImage"
- *   fileResponseName="imageUrl"
- *   onChange={(url) => console.log('Image uploaded:', url)}
- * />
- *
- * // Disabled image upload with existing image
- * <ImageUpload
- *   name="banner"
- *   action="/api/upload/banner"
- *   label="Banner Image"
- *   defaultValue="https://example.com/banner.jpg"
- *   disabled
- * />
- *
- * // Image upload with custom HTTP method and response handling
- * <ImageUpload
- *   name="gallery"
- *   action="/api/images"
- *   method="PUT"
- *   fileName="galleryImage"
- *   fileResponseName="imageUrl"
- *   label="Gallery Image"
- *   acceptImage="image/jpeg,image/png"
- *   onChange={(url) => {
- *     if (url) {
- *       setImageUrl(url);
- *       console.log('Upload successful:', url);
- *     }
- *   }}
- * />
- *
- * // Image upload for user avatar with form integration
- * <ImageUpload
- *   name="userAvatar"
- *   action="/api/users/avatar"
- *   label="User Avatar"
- *   showAsterisk
- *   defaultValue={user?.avatarUrl}
- *   selectImageButtonText="Select Avatar"
- *   changeImageButtonText="Update Avatar"
- *   dropImageText="Drop avatar image here"
- *   onChange={(avatarUrl) => {
- *     updateUserProfile({ avatarUrl });
- *   }}
- * />
- * ```
- */
-function ImageUpload(props) {
-    const { name, defaultValue = "", label, showAsterisk = false, action, fileName = "file", className: wrapperClassName = "", method = "POST", acceptImage = "image/*", fileResponseName = "url", changeImageButtonText = "Alterar imagem", selectImageButtonText = "Selecionar imagem", dropImageText = "Ou arraste e solte a imagem aqui", onChange, disabled = false, } = props;
-    const { fieldErrors } = useForm();
-    const fieldError = fieldErrors?.[name];
-    const [value, setValue] = useState(defaultValue);
-    const [error, setError] = useState("");
-    const [file, setFile] = useState(null);
-    const [filePath, setFilePath] = useState(defaultValue);
-    const [isLoading, setIsLoading] = useState(false);
-    async function handleUploadImage(file) {
-        if (disabled)
-            return;
-        setIsLoading(true);
-        setFile(file);
-        setError("");
-        const formData = new FormData();
-        formData.append(fileName, file);
-        await fetch(action, { method: method, body: formData })
-            .then(async (response) => await response.json())
-            .then((response) => {
-            if (!!response?.error)
-                setError(response.error);
-            else
-                setValue(response?.[fileResponseName]);
-            onChange && onChange(response?.[fileResponseName]);
-        })
-            .catch((error) => {
-            console.error(error);
-            setError("Erro ao enviar imagem");
-        })
-            .finally(() => setIsLoading(false));
-    }
-    function handleSelectFile(file) {
-        if (disabled)
-            return;
-        setFilePath(URL.createObjectURL(file));
-        handleUploadImage(file);
-    }
-    const errorMessage = fieldError || error;
-    const hasErrorClassName = errorMessage ? "hasError" : "noHasError";
-    const hasImageClassName = filePath ? "hasImage" : "noHasImage";
-    const className = `arkynImageUpload ${hasErrorClassName} ${hasImageClassName}`;
-    return (_jsxs(FieldWrapper, { className: wrapperClassName, children: [label && _jsx(FieldLabel, { showAsterisk: showAsterisk, children: label }), _jsxs("div", { className: className, children: [_jsx("input", { type: "hidden", name: name, value: value || "" }), !filePath && (_jsx(NoFileContent, { disabled: disabled, isLoading: isLoading, acceptImage: acceptImage, dropImageText: dropImageText, handleSelectFile: handleSelectFile, selectImageButtonText: selectImageButtonText })), filePath && (_jsx(HasFileContent, { disabled: disabled, isLoading: isLoading, acceptImage: acceptImage, filePath: filePath, handleSelectFile: handleSelectFile, changeImageButtonText: changeImageButtonText, reSendImage: !!errorMessage && file ? () => handleUploadImage(file) : undefined }))] }), errorMessage && _jsx(FieldError, { children: errorMessage })] }));
-}
-export { ImageUpload };

package/dist/components/imageUpload/noFileContent/index.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../../button";
-import "./styles.css";
-function NoFileContent(props) {
-    const { dropImageText, isLoading, acceptImage, handleSelectFile, selectImageButtonText, disabled, } = props;
-    function handleDrop(event) {
-        if (disabled)
-            return;
-        event.preventDefault();
-        const file = event.dataTransfer.files[0];
-        if (file)
-            handleSelectFile(file);
-    }
-    function handleClick() {
-        if (disabled)
-            return;
-        const input = document.createElement("input");
-        input.type = "file";
-        input.accept = acceptImage;
-        input.onchange = (event) => {
-            const file = event.target.files?.[0];
-            if (file)
-                handleSelectFile(file);
-        };
-        input.click();
-    }
-    return (_jsxs("div", { onDrop: handleDrop, className: "arkynImageUploadNoFileContent", children: [_jsx(Button, { isLoading: isLoading, onClick: handleClick, variant: "ghost", size: "sm", type: "button", disabled: disabled, children: selectImageButtonText }), _jsx("p", { children: dropImageText })] }));
-}
-export { NoFileContent };