@zayne-labs/ui-react 0.9.16 → 0.9.18

package/dist/esm/drop-zone-_YK9C3Xj.js

@@ -0,0 +1,313 @@
+import { __export } from "./chunk-Cl8Af3a2.js";
+import { getSlotMap, withSlotNameAndSymbol } from "./utils-D4YNWj2X.js";
+import { SlotRoot } from "./slot-RXTKo4L7.js";
+import { ShowRoot } from "./show-BgYrfIxJ.js";
+import { cnMerge } from "./cn-_FbtIrlZ.js";
+import { Fragment, isValidElement, useCallback, useMemo, useRef, useState } from "react";
+import { createImagePreview, dataAttr, handleFileValidation, toArray } from "@zayne-labs/toolkit-core";
+import { isArray, isFile, isFunction, isString } from "@zayne-labs/toolkit-type-helpers";
+import { createCustomContext, useCallbackRef } from "@zayne-labs/toolkit-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { composeRefs, composeTwoEventHandlers, mergeTwoProps } from "@zayne-labs/toolkit-react/utils";
+
+//#region src/components/ui/drop-zone/drop-context.ts
+const [DropZoneContextProvider, useDropZoneContext] = createCustomContext({
+	hookName: "useDropZoneContext",
+	name: "DropZoneContext",
+	providerName: "DropZoneRoot"
+});
+
+//#endregion
+//#region src/components/ui/drop-zone/utils.ts
+const generateUniqueId = (file) => {
+	if (!isFile(file)) return file.id;
+	return `${file.name}-(${Math.round(performance.now())})-${crypto.randomUUID().slice(0, 8)}`;
+};
+const createObjectURL = (file, disallowPreviewForNonImageFiles) => {
+	if (disallowPreviewForNonImageFiles && !file.type.startsWith("image/")) return;
+	return createImagePreview(file);
+};
+const clearObjectURL = (fileWithPreview, disallowPreviewForNonImageFiles) => {
+	if (!isFile(fileWithPreview?.file)) return;
+	if (disallowPreviewForNonImageFiles && !fileWithPreview.file.type.startsWith("image/")) return;
+	if (!fileWithPreview.preview) return;
+	URL.revokeObjectURL(fileWithPreview.preview);
+};
+
+//#endregion
+//#region src/components/ui/drop-zone/use-drop-zone.ts
+const useDropZone = (props) => {
+	const { allowedFileTypes, classNames, disallowDuplicates = true, disallowPreviewForNonImageFiles = true, extraContainerProps, extraInputProps, initialFiles, maxFileCount, maxFileSize, multiple, onFilesChange, onRenderPropsChange, onUpload, onUploadError, onUploadErrors, onUploadSuccess, validator, validatorForAllFiles, withDefaultFilePicker = true } = props ?? {};
+	const inputRef = useRef(null);
+	const initialFileArray = toArray(initialFiles).filter(Boolean);
+	const [dropZoneState, setDropZoneState] = useState({
+		errors: [],
+		filesWithPreview: initialFileArray.map((fileMeta) => ({
+			file: fileMeta,
+			id: fileMeta.id,
+			preview: fileMeta.url
+		})),
+		isDragging: false
+	});
+	const toggleIsDragging = (value) => {
+		setDropZoneState((prevState) => ({
+			...prevState,
+			isDragging: value
+		}));
+	};
+	const addFiles = useCallbackRef((fileList, event) => {
+		if (!fileList || fileList.length === 0) {
+			console.warn("No file selected!");
+			return;
+		}
+		clearErrors();
+		if (!multiple) clearFiles();
+		const { errors, validFiles } = handleFileValidation({
+			existingFiles: dropZoneState.filesWithPreview.map((fileWithPreview) => fileWithPreview.file),
+			newFiles: fileList,
+			onError: onUploadError,
+			onErrors: onUploadErrors,
+			onSuccess: onUploadSuccess,
+			validationSettings: {
+				allowedFileTypes,
+				disallowDuplicates,
+				maxFileCount,
+				maxFileSize,
+				validator
+			},
+			validatorForAllFiles
+		});
+		if (validFiles.length === 0) {
+			setDropZoneState((prevState) => ({
+				...prevState,
+				errors
+			}));
+			return;
+		}
+		const filesWithPreview = validFiles.map((file) => ({
+			file,
+			id: generateUniqueId(file),
+			preview: createObjectURL(file, disallowPreviewForNonImageFiles)
+		}));
+		if (event) onUpload?.({
+			event,
+			filesWithPreview
+		});
+		const newFileUploadState = {
+			...dropZoneState,
+			errors,
+			...event?.type === "drop" && { isDragging: false },
+			filesWithPreview: multiple ? [...dropZoneState.filesWithPreview, ...filesWithPreview] : filesWithPreview
+		};
+		onFilesChange?.({ filesWithPreview: newFileUploadState.filesWithPreview });
+		setDropZoneState(newFileUploadState);
+		inputRef.current && (inputRef.current.value = "");
+	});
+	const clearFiles = useCallbackRef(() => {
+		dropZoneState.filesWithPreview.forEach((fileWithPreview) => clearObjectURL(fileWithPreview, disallowPreviewForNonImageFiles));
+		const newFileUploadState = {
+			...dropZoneState,
+			errors: [],
+			filesWithPreview: []
+		};
+		onFilesChange?.({ filesWithPreview: newFileUploadState.filesWithPreview });
+		setDropZoneState(newFileUploadState);
+		inputRef.current && (inputRef.current.value = "");
+	});
+	const removeFile = useCallbackRef((fileToRemoveOrId) => {
+		const actualFileToRemove = isString(fileToRemoveOrId) ? dropZoneState.filesWithPreview.find((file) => file.id === fileToRemoveOrId) : fileToRemoveOrId;
+		if (!actualFileToRemove) return;
+		clearObjectURL(actualFileToRemove, disallowPreviewForNonImageFiles);
+		const newFilesWithPreview = dropZoneState.filesWithPreview.filter((file) => file.id !== actualFileToRemove.id);
+		onFilesChange?.({ filesWithPreview: newFilesWithPreview });
+		setDropZoneState({
+			...dropZoneState,
+			errors: [],
+			filesWithPreview: newFilesWithPreview
+		});
+	});
+	const clearErrors = useCallbackRef(() => {
+		setDropZoneState((prevState) => ({
+			...prevState,
+			errors: []
+		}));
+	});
+	const handleFileUpload = useCallbackRef((event) => {
+		if (inputRef.current?.disabled) return;
+		if (event.type === "drop") {
+			event.preventDefault();
+			event.stopPropagation();
+		}
+		const fileList = event.type === "drop" ? event.dataTransfer.files : event.target.files;
+		if (!multiple) {
+			const firstFile = fileList?.[0];
+			firstFile && addFiles([firstFile], event);
+			return;
+		}
+		addFiles(fileList, event);
+	});
+	const handleDragEnter = useCallbackRef((event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		toggleIsDragging(true);
+	});
+	const handleDragOver = useCallbackRef((event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		toggleIsDragging(true);
+	});
+	const handleDragLeave = useCallbackRef((event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		toggleIsDragging(false);
+	});
+	const openFilePicker = useCallbackRef(() => {
+		inputRef.current?.click();
+	});
+	const getContainerProps = useCallback((containerProps) => {
+		const mergedContainerProps = mergeTwoProps(extraContainerProps, containerProps);
+		return {
+			...mergedContainerProps,
+			className: cnMerge("relative isolate flex flex-col", mergedContainerProps.className, classNames?.base, dropZoneState.isDragging && [
+				"opacity-60",
+				classNames?.isDragging,
+				containerProps?.classNames?.isDragging
+			]),
+			"data-dragging": dataAttr(dropZoneState.isDragging),
+			"data-scope": "dropzone",
+			"data-part": "container",
+			"data-slot": "dropzone-container",
+			onDragEnter: composeTwoEventHandlers(handleDragEnter, mergedContainerProps.onDragEnter),
+			onDragLeave: composeTwoEventHandlers(handleDragLeave, mergedContainerProps.onDragLeave),
+			onDragOver: composeTwoEventHandlers(handleDragOver, mergedContainerProps.onDragOver),
+			onDrop: composeTwoEventHandlers(handleFileUpload, mergedContainerProps.onDrop)
+		};
+	}, [
+		classNames?.base,
+		classNames?.isDragging,
+		extraContainerProps,
+		dropZoneState.isDragging,
+		handleDragEnter,
+		handleDragLeave,
+		handleDragOver,
+		handleFileUpload
+	]);
+	const getInputProps = useCallback((inputProps) => {
+		const mergedInputProps = mergeTwoProps(extraInputProps, inputProps);
+		return {
+			...mergedInputProps,
+			accept: allowedFileTypes ? allowedFileTypes.join(", ") : mergedInputProps.accept,
+			className: cnMerge(withDefaultFilePicker ? "absolute inset-0 z-[100] cursor-pointer opacity-0" : "hidden", classNames?.input, mergedInputProps.className),
+			"data-dragging": dataAttr(dropZoneState.isDragging),
+			"data-scope": "dropzone",
+			"data-part": "input",
+			"data-slot": "dropzone-input",
+			multiple: multiple ?? mergedInputProps.multiple,
+			onChange: composeTwoEventHandlers(handleFileUpload, mergedInputProps.onChange),
+			ref: composeRefs(inputRef, mergedInputProps.ref),
+			type: "file"
+		};
+	}, [
+		allowedFileTypes,
+		classNames?.input,
+		extraInputProps,
+		dropZoneState.isDragging,
+		handleFileUpload,
+		multiple,
+		withDefaultFilePicker
+	]);
+	const savedOnRenderPropsChange = useCallbackRef(onRenderPropsChange);
+	const dropZoneResult = useMemo(() => {
+		const propsForRenderFn = {
+			dropZoneActions: {
+				addFiles,
+				clearErrors,
+				clearFiles,
+				handleDragEnter,
+				handleDragLeave,
+				handleDragOver,
+				handleFileUpload,
+				openFilePicker,
+				removeFile
+			},
+			dropZoneState,
+			getContainerProps,
+			getInputProps,
+			inputRef
+		};
+		savedOnRenderPropsChange(propsForRenderFn);
+		return propsForRenderFn;
+	}, [
+		savedOnRenderPropsChange,
+		addFiles,
+		clearErrors,
+		clearFiles,
+		dropZoneState,
+		getInputProps,
+		getContainerProps,
+		handleDragEnter,
+		handleDragLeave,
+		handleDragOver,
+		handleFileUpload,
+		openFilePicker,
+		removeFile
+	]);
+	return dropZoneResult;
+};
+
+//#endregion
+//#region src/components/ui/drop-zone/drop-zone.tsx
+function DropZoneRoot(props) {
+	const { children, render, withInternalElements = true,...restOfProps } = props;
+	const dropZone = useDropZone(restOfProps);
+	const ContainerComponent = withInternalElements ? DropZoneContainer : Fragment;
+	const InputComponent = withInternalElements ? DropZoneInput : Fragment;
+	const selectedChildren = children ?? render;
+	const resolvedChildren = isFunction(selectedChildren) ? selectedChildren(dropZone) : selectedChildren;
+	const couldChildrenContainSlots = isArray(resolvedChildren) || isValidElement(resolvedChildren) && resolvedChildren.type === Fragment;
+	const slots = withInternalElements && couldChildrenContainSlots ? getSlotMap(resolvedChildren) : { default: resolvedChildren };
+	return /* @__PURE__ */ jsxs(DropZoneContextProvider, {
+		value: dropZone,
+		children: [/* @__PURE__ */ jsxs(ContainerComponent, { children: [/* @__PURE__ */ jsx(InputComponent, {}), slots.default] }), slots.preview]
+	});
+}
+function DropZoneInput(props) {
+	const { asChild,...restOfProps } = props;
+	const dropZoneContext = useDropZoneContext();
+	const Component$1 = asChild ? SlotRoot : "input";
+	return /* @__PURE__ */ jsx(Component$1, { ...dropZoneContext.getInputProps(restOfProps) });
+}
+function DropZoneContainer(props) {
+	const { as: Element = "div", asChild,...restOfProps } = props;
+	const dropZoneContext = useDropZoneContext();
+	const Component$1 = asChild ? SlotRoot : Element;
+	return /* @__PURE__ */ jsx(Component$1, { ...dropZoneContext.getContainerProps(restOfProps) });
+}
+function DropZoneContext(props) {
+	const { children } = props;
+	const dropZoneContext = useDropZoneContext();
+	return children(dropZoneContext);
+}
+const DropZoneImagePreview = withSlotNameAndSymbol("preview", (props) => {
+	const { children } = props;
+	if (isFunction(children)) return /* @__PURE__ */ jsx(DropZoneContext, { children: (dropZoneCtx) => /* @__PURE__ */ jsx(ShowRoot, {
+		when: dropZoneCtx.dropZoneState.filesWithPreview.length > 0,
+		children: children(dropZoneCtx)
+	}) });
+	return children;
+});
+
+//#endregion
+//#region src/components/ui/drop-zone/drop-zone-parts.ts
+var drop_zone_parts_exports = {};
+__export(drop_zone_parts_exports, {
+	Container: () => DropZoneContainer,
+	Context: () => DropZoneContext,
+	ImagePreview: () => DropZoneImagePreview,
+	Input: () => DropZoneInput,
+	Root: () => DropZoneRoot
+});
+
+//#endregion
+export { DropZoneContainer, DropZoneContext, DropZoneImagePreview, DropZoneInput, DropZoneRoot, drop_zone_parts_exports, useDropZone, useDropZoneContext };
+//# sourceMappingURL=drop-zone-_YK9C3Xj.js.map

package/dist/esm/drop-zone-_YK9C3Xj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone-_YK9C3Xj.js","names":["file: File | FileMeta","file: File","disallowPreviewForNonImageFiles: boolean","fileWithPreview: FileWithPreview | undefined","props?: UseDropZoneProps","value: boolean","addFiles: DropZoneActions[\"addFiles\"]","filesWithPreview: FileWithPreview[]","clearFiles: DropZoneActions[\"clearFiles\"]","removeFile: DropZoneActions[\"removeFile\"]","clearErrors: DropZoneActions[\"clearErrors\"]","handleFileUpload: DropZoneActions[\"handleFileUpload\"]","handleDragEnter: DropZoneActions[\"handleDragEnter\"]","handleDragOver: DropZoneActions[\"handleDragOver\"]","handleDragLeave: DropZoneActions[\"handleDragLeave\"]","openFilePicker: DropZoneActions[\"openFilePicker\"]","getContainerProps: UseDropZoneResult[\"getContainerProps\"]","getInputProps: UseDropZoneResult[\"getInputProps\"]","props: DropZoneRootProps","ReactFragment","props: DropZoneInputProps","Component","props: PolymorphicProps<TElement, DropZoneContainerProps>","props: { children: RenderPropFn }"],"sources":["../../src/components/ui/drop-zone/drop-context.ts","../../src/components/ui/drop-zone/utils.ts","../../src/components/ui/drop-zone/use-drop-zone.ts","../../src/components/ui/drop-zone/drop-zone.tsx","../../src/components/ui/drop-zone/drop-zone-parts.ts"],"sourcesContent":["import { createCustomContext } from \"@zayne-labs/toolkit-react\";\nimport type { UseDropZoneResult } from \"./use-drop-zone\";\n\nconst [DropZoneContextProvider, useDropZoneContext] = createCustomContext<UseDropZoneResult>({\n\thookName: \"useDropZoneContext\",\n\tname: \"DropZoneContext\",\n\tproviderName: \"DropZoneRoot\",\n});\n\nexport { DropZoneContextProvider, useDropZoneContext };\n","import { type FileMeta, createImagePreview } from \"@zayne-labs/toolkit-core\";\nimport { isFile } from \"@zayne-labs/toolkit-type-helpers\";\nimport type { FileWithPreview } from \"./use-drop-zone\";\n\nexport const generateUniqueId = (file: File | FileMeta): string => {\n\tif (!isFile(file)) {\n\t\treturn file.id;\n\t}\n\n\treturn `${file.name}-(${Math.round(performance.now())})-${crypto.randomUUID().slice(0, 8)}`;\n};\n\nexport const createObjectURL = (file: File, disallowPreviewForNonImageFiles: boolean) => {\n\tif (disallowPreviewForNonImageFiles && !file.type.startsWith(\"image/\")) return;\n\n\treturn createImagePreview(file);\n};\n\nexport const clearObjectURL = (\n\tfileWithPreview: FileWithPreview | undefined,\n\tdisallowPreviewForNonImageFiles: boolean\n) => {\n\tif (!isFile(fileWithPreview?.file)) return;\n\n\tif (disallowPreviewForNonImageFiles && !fileWithPreview.file.type.startsWith(\"image/\")) return;\n\n\tif (!fileWithPreview.preview) return;\n\n\tURL.revokeObjectURL(fileWithPreview.preview);\n};\n","import { cnMerge } from \"@/lib/utils/cn\";\nimport { dataAttr } from \"@zayne-labs/toolkit-core\";\nimport {\n\ttype FileMeta,\n\ttype FileValidationErrorContext,\n\ttype FileValidationOptions,\n\thandleFileValidation,\n\ttoArray,\n} from \"@zayne-labs/toolkit-core\";\nimport { useCallbackRef } from \"@zayne-labs/toolkit-react\";\nimport {\n\ttype InferProps,\n\tcomposeRefs,\n\tcomposeTwoEventHandlers,\n\tmergeTwoProps,\n} from \"@zayne-labs/toolkit-react/utils\";\nimport { type Prettify, isString } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport { clearObjectURL, createObjectURL, generateUniqueId } from \"./utils\";\n\nexport type ContainerProps = InferProps<HTMLElement> & {\n\tclassNames?: {\n\t\tbase?: string;\n\t\tisDragging?: string;\n\t};\n};\n\nexport type InputProps = InferProps<\"input\">;\n\nexport type FileWithPreview = {\n\t/**\n\t *  File object or file metadata\n\t */\n\tfile: File | FileMeta;\n\t/**\n\t *  Unique ID for the file\n\t */\n\tid: string;\n\t/**\n\t *  Preview URL for the file\n\t *  - Will be undefined if `disallowPreviewForNonImageFiles` is set to `true` and the file is not an image\n\t *  - Can also be undefined if `URL.createObjectURL` fails\n\t */\n\tpreview: string | undefined;\n};\n\nexport type DropZoneState = {\n\t/**\n\t *  List of validation errors\n\t */\n\terrors: FileValidationErrorContext[];\n\t/**\n\t *  List of files with their preview URLs and unique IDs\n\t */\n\tfilesWithPreview: FileWithPreview[];\n\t/**\n\t *  Whether or not a file is currently being dragged over the drop zone\n\t */\n\tisDragging: boolean;\n};\n\ntype ChangeOrDragEvent = React.ChangeEvent<HTMLInputElement> | React.DragEvent<HTMLElement>;\n\nexport type DropZoneActions = {\n\taddFiles: (fileList: File[] | FileList | null, event?: ChangeOrDragEvent) => void;\n\tclearErrors: () => void;\n\tclearFiles: () => void;\n\thandleDragEnter: (event: React.DragEvent<HTMLElement>) => void;\n\thandleDragLeave: (event: React.DragEvent<HTMLElement>) => void;\n\thandleDragOver: (event: React.DragEvent<HTMLElement>) => void;\n\thandleFileUpload: (event: ChangeOrDragEvent) => void;\n\topenFilePicker: () => void;\n\tremoveFile: (fileToRemoveOrId: string | FileWithPreview) => void;\n};\n\nexport type UseDropZoneResult = {\n\tdropZoneActions: DropZoneActions;\n\tdropZoneState: DropZoneState;\n\tgetContainerProps: (containerProps?: ContainerProps) => ContainerProps;\n\tgetInputProps: (inputProps?: InputProps) => InputProps;\n\tinputRef: React.RefObject<HTMLInputElement | null>;\n};\n\nexport type UseDropZoneProps = {\n\t/**\n\t * Allowed file types to be uploaded.\n\t */\n\tallowedFileTypes?: string[];\n\n\t/**\n\t * CSS classes to apply to the various parts of the drop zone\n\t */\n\tclassNames?: Prettify<ContainerProps[\"classNames\"] & { input?: string }>;\n\n\t/**\n\t * Whether to disallow duplicate files\n\t * @default true\n\t */\n\tdisallowDuplicates?: boolean;\n\n\t/**\n\t * Whether to disallow preview for non-image files\n\t * @default true\n\t */\n\tdisallowPreviewForNonImageFiles?: boolean;\n\n\t/**\n\t * Extra props to pass to the container element\n\t */\n\textraContainerProps?: ContainerProps;\n\n\t/**\n\t * Extra props to pass to the input element\n\t */\n\textraInputProps?: InputProps;\n\n\t/**\n\t * Initial files to populate the drop zone\n\t */\n\tinitialFiles?: FileMeta | FileMeta[] | null;\n\n\t/**\n\t * Maximum number of files that can be uploaded.\n\t */\n\tmaxFileCount?: number;\n\n\t/**\n\t * Maximum file size in MB\n\t */\n\tmaxFileSize?: number;\n\n\t/**\n\t * Whether to allow multiple files to be uploaded\n\t */\n\tmultiple?: boolean;\n\n\t/**\n\t * Callback function to be called when internal files state changes\n\t */\n\tonFilesChange?: (context: { filesWithPreview: FileWithPreview[] }) => void;\n\n\t/**\n\t * Callback function to be called when the render props change\n\t */\n\tonRenderPropsChange?: (props: UseDropZoneResult) => void;\n\n\t/**\n\t * Callback function to be called when new files are uploaded\n\t */\n\tonUpload?: (context: { event: ChangeOrDragEvent; filesWithPreview: FileWithPreview[] }) => void;\n\n\t/**\n\t * Callback function to be called on each file upload as they occur\n\t */\n\tonUploadError?: FileValidationOptions[\"onError\"];\n\n\t/**\n\t * Callback function to be called once after all file upload errors have occurred\n\t */\n\tonUploadErrors?: FileValidationOptions[\"onErrors\"];\n\n\t/**\n\t * Callback function to be called on file upload success\n\t */\n\tonUploadSuccess?: FileValidationOptions[\"onSuccess\"];\n\n\t/**\n\t * Custom validation function.\n\t *\n\t * If the function returns false, the file will be rejected\n\t */\n\tvalidator?: NonNullable<FileValidationOptions[\"validationSettings\"]>[\"validator\"];\n\n\t/**\n\t * Custom validation function that runs after all file validation has occurred\n\t */\n\tvalidatorForAllFiles?: FileValidationOptions[\"validatorForAllFiles\"];\n\n\t/**\n\t * Whether to allow the default file picker via the file input element\n\t * @default true\n\t */\n\twithDefaultFilePicker?: boolean;\n};\n\nexport const useDropZone = (props?: UseDropZoneProps): UseDropZoneResult => {\n\tconst {\n\t\tallowedFileTypes,\n\t\tclassNames,\n\t\tdisallowDuplicates = true,\n\t\tdisallowPreviewForNonImageFiles = true,\n\t\textraContainerProps,\n\t\textraInputProps,\n\t\tinitialFiles,\n\t\tmaxFileCount,\n\t\tmaxFileSize,\n\t\tmultiple,\n\t\tonFilesChange,\n\t\tonRenderPropsChange,\n\t\tonUpload,\n\t\tonUploadError,\n\t\tonUploadErrors,\n\t\tonUploadSuccess,\n\t\tvalidator,\n\t\tvalidatorForAllFiles,\n\t\twithDefaultFilePicker = true,\n\t} = props ?? {};\n\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\n\tconst initialFileArray = toArray(initialFiles).filter(Boolean);\n\n\tconst [dropZoneState, setDropZoneState] = useState<DropZoneState>({\n\t\terrors: [],\n\t\tfilesWithPreview: initialFileArray.map((fileMeta) => ({\n\t\t\tfile: fileMeta,\n\t\t\tid: fileMeta.id,\n\t\t\tpreview: fileMeta.url,\n\t\t})),\n\t\tisDragging: false,\n\t});\n\n\tconst toggleIsDragging = (value: boolean) => {\n\t\tsetDropZoneState((prevState) => ({ ...prevState, isDragging: value }));\n\t};\n\n\tconst addFiles: DropZoneActions[\"addFiles\"] = useCallbackRef((fileList, event) => {\n\t\tif (!fileList || fileList.length === 0) {\n\t\t\tconsole.warn(\"No file selected!\");\n\t\t\treturn;\n\t\t}\n\n\t\t// Clear existing errors when new files are uploaded\n\t\tclearErrors();\n\n\t\t// In single file mode, clear existing files first\n\t\tif (!multiple) {\n\t\t\tclearFiles();\n\t\t}\n\n\t\tconst { errors, validFiles } = handleFileValidation({\n\t\t\texistingFiles: dropZoneState.filesWithPreview.map((fileWithPreview) => fileWithPreview.file),\n\t\t\tnewFiles: fileList,\n\t\t\tonError: onUploadError,\n\t\t\tonErrors: onUploadErrors,\n\t\t\tonSuccess: onUploadSuccess,\n\t\t\tvalidationSettings: {\n\t\t\t\tallowedFileTypes,\n\t\t\t\tdisallowDuplicates,\n\t\t\t\tmaxFileCount,\n\t\t\t\tmaxFileSize,\n\t\t\t\tvalidator,\n\t\t\t},\n\t\t\tvalidatorForAllFiles,\n\t\t});\n\n\t\tif (validFiles.length === 0) {\n\t\t\tsetDropZoneState((prevState) => ({ ...prevState, errors }));\n\t\t\treturn;\n\t\t}\n\n\t\tconst filesWithPreview: FileWithPreview[] = validFiles.map((file) => ({\n\t\t\tfile,\n\t\t\tid: generateUniqueId(file),\n\t\t\tpreview: createObjectURL(file, disallowPreviewForNonImageFiles),\n\t\t}));\n\n\t\t// == Only call onUpload callback if event is provided, which indicates that new files were uploaded from an event handler\n\n\t\tif (event) {\n\t\t\tonUpload?.({ event, filesWithPreview });\n\t\t}\n\n\t\tconst newFileUploadState = {\n\t\t\t...dropZoneState,\n\t\t\terrors,\n\t\t\t...(event?.type === \"drop\" && { isDragging: false }),\n\t\t\tfilesWithPreview: multiple\n\t\t\t\t? [...dropZoneState.filesWithPreview, ...filesWithPreview]\n\t\t\t\t: filesWithPreview,\n\t\t} satisfies DropZoneState;\n\n\t\tonFilesChange?.({ filesWithPreview: newFileUploadState.filesWithPreview });\n\n\t\tsetDropZoneState(newFileUploadState);\n\n\t\t// == Reset input value after adding files\n\t\tinputRef.current && (inputRef.current.value = \"\");\n\t});\n\n\tconst clearFiles: DropZoneActions[\"clearFiles\"] = useCallbackRef(() => {\n\t\t// == Clean up object URLs if any\n\t\tdropZoneState.filesWithPreview.forEach((fileWithPreview) =>\n\t\t\tclearObjectURL(fileWithPreview, disallowPreviewForNonImageFiles)\n\t\t);\n\n\t\tconst newFileUploadState = {\n\t\t\t...dropZoneState,\n\t\t\terrors: [],\n\t\t\tfilesWithPreview: [],\n\t\t} satisfies DropZoneState;\n\n\t\tonFilesChange?.({ filesWithPreview: newFileUploadState.filesWithPreview });\n\n\t\tsetDropZoneState(newFileUploadState);\n\n\t\t// == Reset input value after clearing files\n\t\tinputRef.current && (inputRef.current.value = \"\");\n\t});\n\n\tconst removeFile: DropZoneActions[\"removeFile\"] = useCallbackRef((fileToRemoveOrId) => {\n\t\tconst actualFileToRemove = isString(fileToRemoveOrId)\n\t\t\t? dropZoneState.filesWithPreview.find((file) => file.id === fileToRemoveOrId)\n\t\t\t: fileToRemoveOrId;\n\n\t\tif (!actualFileToRemove) return;\n\n\t\tclearObjectURL(actualFileToRemove, disallowPreviewForNonImageFiles);\n\n\t\tconst newFilesWithPreview = dropZoneState.filesWithPreview.filter(\n\t\t\t(file) => file.id !== actualFileToRemove.id\n\t\t);\n\n\t\tonFilesChange?.({ filesWithPreview: newFilesWithPreview });\n\n\t\tsetDropZoneState({\n\t\t\t...dropZoneState,\n\t\t\terrors: [],\n\t\t\tfilesWithPreview: newFilesWithPreview,\n\t\t});\n\t});\n\n\tconst clearErrors: DropZoneActions[\"clearErrors\"] = useCallbackRef(() => {\n\t\tsetDropZoneState((prevState) => ({ ...prevState, errors: [] }));\n\t});\n\n\tconst handleFileUpload: DropZoneActions[\"handleFileUpload\"] = useCallbackRef((event) => {\n\t\tif (inputRef.current?.disabled) return;\n\n\t\tif (event.type === \"drop\") {\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t}\n\n\t\tconst fileList =\n\t\t\tevent.type === \"drop\"\n\t\t\t\t? (event as React.DragEvent).dataTransfer.files\n\t\t\t\t: (event as React.ChangeEvent<HTMLInputElement>).target.files;\n\n\t\t// == In single file mode, only use the first file\n\t\tif (!multiple) {\n\t\t\tconst firstFile = fileList?.[0];\n\n\t\t\tfirstFile && addFiles([firstFile], event);\n\n\t\t\treturn;\n\t\t}\n\n\t\taddFiles(fileList, event);\n\t});\n\n\tconst handleDragEnter: DropZoneActions[\"handleDragEnter\"] = useCallbackRef((event) => {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\ttoggleIsDragging(true);\n\t});\n\n\tconst handleDragOver: DropZoneActions[\"handleDragOver\"] = useCallbackRef((event) => {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\ttoggleIsDragging(true);\n\t});\n\n\tconst handleDragLeave: DropZoneActions[\"handleDragLeave\"] = useCallbackRef((event) => {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\ttoggleIsDragging(false);\n\t});\n\n\tconst openFilePicker: DropZoneActions[\"openFilePicker\"] = useCallbackRef(() => {\n\t\tinputRef.current?.click();\n\t});\n\n\tconst getContainerProps: UseDropZoneResult[\"getContainerProps\"] = useCallback(\n\t\t(containerProps) => {\n\t\t\tconst mergedContainerProps = mergeTwoProps(extraContainerProps, containerProps);\n\n\t\t\treturn {\n\t\t\t\t...mergedContainerProps,\n\t\t\t\tclassName: cnMerge(\n\t\t\t\t\t\"relative isolate flex flex-col\",\n\t\t\t\t\tmergedContainerProps.className,\n\t\t\t\t\tclassNames?.base,\n\t\t\t\t\tdropZoneState.isDragging && [\n\t\t\t\t\t\t\"opacity-60\",\n\t\t\t\t\t\tclassNames?.isDragging,\n\t\t\t\t\t\tcontainerProps?.classNames?.isDragging,\n\t\t\t\t\t]\n\t\t\t\t),\n\t\t\t\t\"data-dragging\": dataAttr(dropZoneState.isDragging),\n\t\t\t\t\"data-scope\": \"dropzone\",\n\t\t\t\t// eslint-disable-next-line perfectionist/sort-objects -- I need data-scope to be first\n\t\t\t\t\"data-part\": \"container\",\n\t\t\t\t\"data-slot\": \"dropzone-container\",\n\t\t\t\tonDragEnter: composeTwoEventHandlers(handleDragEnter, mergedContainerProps.onDragEnter),\n\t\t\t\tonDragLeave: composeTwoEventHandlers(handleDragLeave, mergedContainerProps.onDragLeave),\n\t\t\t\tonDragOver: composeTwoEventHandlers(handleDragOver, mergedContainerProps.onDragOver),\n\t\t\t\tonDrop: composeTwoEventHandlers(handleFileUpload, mergedContainerProps.onDrop),\n\t\t\t};\n\t\t},\n\t\t[\n\t\t\tclassNames?.base,\n\t\t\tclassNames?.isDragging,\n\t\t\textraContainerProps,\n\t\t\tdropZoneState.isDragging,\n\t\t\thandleDragEnter,\n\t\t\thandleDragLeave,\n\t\t\thandleDragOver,\n\t\t\thandleFileUpload,\n\t\t]\n\t);\n\n\tconst getInputProps: UseDropZoneResult[\"getInputProps\"] = useCallback(\n\t\t(inputProps) => {\n\t\t\tconst mergedInputProps = mergeTwoProps(extraInputProps, inputProps);\n\n\t\t\treturn {\n\t\t\t\t...mergedInputProps,\n\t\t\t\taccept: allowedFileTypes ? allowedFileTypes.join(\", \") : mergedInputProps.accept,\n\t\t\t\tclassName: cnMerge(\n\t\t\t\t\twithDefaultFilePicker ? \"absolute inset-0 z-[100] cursor-pointer opacity-0\" : \"hidden\",\n\t\t\t\t\tclassNames?.input,\n\t\t\t\t\tmergedInputProps.className\n\t\t\t\t),\n\t\t\t\t\"data-dragging\": dataAttr(dropZoneState.isDragging),\n\t\t\t\t\"data-scope\": \"dropzone\",\n\t\t\t\t// eslint-disable-next-line perfectionist/sort-objects -- I need data-scope to be first\n\t\t\t\t\"data-part\": \"input\",\n\t\t\t\t\"data-slot\": \"dropzone-input\",\n\t\t\t\tmultiple: multiple ?? mergedInputProps.multiple,\n\t\t\t\tonChange: composeTwoEventHandlers(handleFileUpload, mergedInputProps.onChange),\n\t\t\t\tref: composeRefs(inputRef, mergedInputProps.ref),\n\t\t\t\ttype: \"file\",\n\t\t\t};\n\t\t},\n\t\t[\n\t\t\tallowedFileTypes,\n\t\t\tclassNames?.input,\n\t\t\textraInputProps,\n\t\t\tdropZoneState.isDragging,\n\t\t\thandleFileUpload,\n\t\t\tmultiple,\n\t\t\twithDefaultFilePicker,\n\t\t]\n\t);\n\n\tconst savedOnRenderPropsChange = useCallbackRef(onRenderPropsChange);\n\n\tconst dropZoneResult = useMemo(() => {\n\t\tconst propsForRenderFn = {\n\t\t\tdropZoneActions: {\n\t\t\t\taddFiles,\n\t\t\t\tclearErrors,\n\t\t\t\tclearFiles,\n\t\t\t\thandleDragEnter,\n\t\t\t\thandleDragLeave,\n\t\t\t\thandleDragOver,\n\t\t\t\thandleFileUpload,\n\t\t\t\topenFilePicker,\n\t\t\t\tremoveFile,\n\t\t\t},\n\t\t\tdropZoneState,\n\t\t\tgetContainerProps,\n\t\t\tgetInputProps,\n\t\t\tinputRef,\n\t\t} satisfies UseDropZoneResult;\n\n\t\tsavedOnRenderPropsChange(propsForRenderFn);\n\n\t\treturn propsForRenderFn;\n\t}, [\n\t\tsavedOnRenderPropsChange,\n\t\taddFiles,\n\t\tclearErrors,\n\t\tclearFiles,\n\t\tdropZoneState,\n\t\tgetInputProps,\n\t\tgetContainerProps,\n\t\thandleDragEnter,\n\t\thandleDragLeave,\n\t\thandleDragOver,\n\t\thandleFileUpload,\n\t\topenFilePicker,\n\t\tremoveFile,\n\t]);\n\n\treturn dropZoneResult;\n};\n","\"use client\";\n\nimport * as React from \"react\";\n\nimport { Show, Slot } from \"@/components/common\";\nimport { type GetSlotComponentProps, getSlotMap, withSlotNameAndSymbol } from \"@/lib/utils/getSlotMap\";\nimport type { DiscriminatedRenderProps, PolymorphicProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { isArray, isFunction } from \"@zayne-labs/toolkit-type-helpers\";\nimport { Fragment as ReactFragment, isValidElement } from \"react\";\nimport { DropZoneContextProvider, useDropZoneContext } from \"./drop-context\";\nimport {\n\ttype ContainerProps,\n\ttype InputProps,\n\ttype UseDropZoneProps,\n\ttype UseDropZoneResult,\n\tuseDropZone,\n} from \"./use-drop-zone\";\n\nexport type DropZoneRenderPropType = DiscriminatedRenderProps<\n\tReact.ReactNode | ((props: UseDropZoneResult) => React.ReactNode)\n>;\n\nexport type DropZoneRootProps = DropZoneRenderPropType\n\t& UseDropZoneProps & {\n\t\t/**\n\t\t * Controls whether to include internal elements (root and input) or not.\n\t\t */\n\t\twithInternalElements?: boolean;\n\t};\n\nexport function DropZoneRoot(props: DropZoneRootProps) {\n\tconst { children, render, withInternalElements = true, ...restOfProps } = props;\n\n\tconst dropZone = useDropZone(restOfProps);\n\n\tconst ContainerComponent = withInternalElements ? DropZoneContainer : ReactFragment;\n\tconst InputComponent = withInternalElements ? DropZoneInput : ReactFragment;\n\n\tconst selectedChildren = children ?? render;\n\n\tconst resolvedChildren = isFunction(selectedChildren) ? selectedChildren(dropZone) : selectedChildren;\n\n\tconst couldChildrenContainSlots =\n\t\tisArray(resolvedChildren)\n\t\t|| (isValidElement(resolvedChildren) && resolvedChildren.type === ReactFragment);\n\n\tconst slots =\n\t\twithInternalElements && couldChildrenContainSlots\n\t\t\t? getSlotMap<SlotComponentProps>(resolvedChildren)\n\t\t\t: ({ default: resolvedChildren } as ReturnType<typeof getSlotMap<SlotComponentProps>>);\n\n\treturn (\n\t\t<DropZoneContextProvider value={dropZone}>\n\t\t\t<ContainerComponent>\n\t\t\t\t<InputComponent />\n\n\t\t\t\t{slots.default}\n\t\t\t</ContainerComponent>\n\n\t\t\t{slots.preview}\n\t\t</DropZoneContextProvider>\n\t);\n}\n\ntype DropZoneInputProps = InputProps & { asChild?: boolean };\n\nexport function DropZoneInput(props: DropZoneInputProps) {\n\tconst { asChild, ...restOfProps } = props;\n\n\tconst dropZoneContext = useDropZoneContext();\n\n\tconst Component = asChild ? Slot.Root : \"input\";\n\n\treturn <Component {...dropZoneContext.getInputProps(restOfProps)} />;\n}\n\ntype DropZoneContainerProps = ContainerProps & { asChild?: boolean };\n\nexport function DropZoneContainer<TElement extends React.ElementType = \"div\">(\n\tprops: PolymorphicProps<TElement, DropZoneContainerProps>\n) {\n\tconst { as: Element = \"div\", asChild, ...restOfProps } = props;\n\n\tconst dropZoneContext = useDropZoneContext();\n\n\tconst Component = asChild ? Slot.Root : Element;\n\n\treturn <Component {...dropZoneContext.getContainerProps(restOfProps)} />;\n}\n\ntype RenderPropFn = (props: UseDropZoneResult) => React.ReactNode;\n\ntype SlotComponentProps = GetSlotComponentProps<\"preview\", React.ReactNode | RenderPropFn>;\n\nexport function DropZoneContext(props: { children: RenderPropFn }) {\n\tconst { children } = props;\n\n\tconst dropZoneContext = useDropZoneContext();\n\n\treturn children(dropZoneContext);\n}\n\nexport const DropZoneImagePreview = withSlotNameAndSymbol<SlotComponentProps>(\"preview\", (props) => {\n\tconst { children } = props;\n\n\tif (isFunction(children)) {\n\t\treturn (\n\t\t\t<DropZoneContext>\n\t\t\t\t{(dropZoneCtx) => (\n\t\t\t\t\t<Show.Root when={dropZoneCtx.dropZoneState.filesWithPreview.length > 0}>\n\t\t\t\t\t\t{children(dropZoneCtx)}\n\t\t\t\t\t</Show.Root>\n\t\t\t\t)}\n\t\t\t</DropZoneContext>\n\t\t);\n\t}\n\n\treturn children;\n});\n","export {\n\tDropZoneRoot as Root,\n\tDropZoneImagePreview as ImagePreview,\n\tDropZoneContext as Context,\n\tDropZoneInput as Input,\n\tDropZoneContainer as Container,\n} from \"./drop-zone\";\n"],"mappings":"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"}

package/dist/esm/error-boundary-B3ycUZ1t.js

@@ -0,0 +1,126 @@
+import { Component, useState } from "react";
+import { isFunction } from "@zayne-labs/toolkit-type-helpers";
+import { createCustomContext, useCallbackRef } from "@zayne-labs/toolkit-react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/common/error-boundary/error-boundary-context.ts
+const [ErrorBoundaryContext, useErrorBoundaryContext] = createCustomContext({
+	hookName: "useErrorBoundaryContext",
+	name: "ErrorBoundaryContext",
+	providerName: "ErrorBoundaryContextProvider"
+});
+
+//#endregion
+//#region src/components/common/error-boundary/error-boundary.tsx
+const initialState = {
+	error: null,
+	hasError: false
+};
+const hasArrayChanged = (arrayOne = [], arrayTwo = []) => {
+	return arrayOne.length !== arrayTwo.length || arrayOne.some((item, index) => !Object.is(item, arrayTwo[index]));
+};
+/**
+* Copied from react-error-boundary package
+* @see https://github.com/bvaughn/react-error-boundary
+*/
+var ErrorBoundary = class extends Component {
+	constructor(props) {
+		super(props);
+		this.state = initialState;
+	}
+	static getDerivedStateFromError(error) {
+		return {
+			error,
+			hasError: true
+		};
+	}
+	componentDidCatch(error, info) {
+		this.props.onError?.({
+			error,
+			info
+		});
+	}
+	componentDidUpdate(prevProps, prevState) {
+		const { hasError } = this.state;
+		const { resetKeys } = this.props;
+		if (hasError && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
+			this.props.onReset?.({
+				next: resetKeys,
+				prev: prevProps.resetKeys,
+				reason: "keys"
+			});
+			this.setState(initialState);
+		}
+	}
+	render() {
+		const { children, fallback } = this.props;
+		const { error, hasError } = this.state;
+		let childToRender = children;
+		if (hasError) switch (true) {
+			case isFunction(fallback): {
+				const fallbackRenderProps = {
+					error,
+					resetErrorBoundary: this.#resetErrorBoundary
+				};
+				childToRender = fallback(fallbackRenderProps);
+				break;
+			}
+			case Boolean(fallback): {
+				childToRender = fallback;
+				break;
+			}
+			default: console.warn("No fallback provided to error boundary");
+		}
+		const contextValue = {
+			error,
+			hasError,
+			resetErrorBoundary: this.#resetErrorBoundary
+		};
+		return /* @__PURE__ */ jsx(ErrorBoundaryContext, {
+			value: contextValue,
+			children: childToRender
+		});
+	}
+	#resetErrorBoundary = (...parameters) => {
+		const { error } = this.state;
+		if (error !== null) {
+			this.props.onReset?.({
+				args: parameters,
+				reason: "imperative-api"
+			});
+			this.setState(initialState);
+		}
+	};
+};
+
+//#endregion
+//#region src/components/common/error-boundary/useErrorBoundary.ts
+const useErrorBoundary = () => {
+	const { resetErrorBoundary } = useErrorBoundaryContext();
+	const [state, setState] = useState({
+		error: null,
+		hasError: false
+	});
+	if (state.hasError) throw state.error;
+	const resetBoundary = useCallbackRef(() => {
+		resetErrorBoundary();
+		setState({
+			error: null,
+			hasError: false
+		});
+	});
+	const showBoundary = useCallbackRef((error) => {
+		setState({
+			error,
+			hasError: true
+		});
+	});
+	return {
+		resetBoundary,
+		showBoundary
+	};
+};
+
+//#endregion
+export { ErrorBoundary, useErrorBoundary, useErrorBoundaryContext };
+//# sourceMappingURL=error-boundary-B3ycUZ1t.js.map

package/dist/esm/error-boundary-B3ycUZ1t.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary-B3ycUZ1t.js","names":["initialState: ErrorBoundaryState","arrayOne: unknown[]","arrayTwo: unknown[]","props: ErrorBoundaryProps","error: Error","info: React.ErrorInfo","prevProps: ErrorBoundaryProps","prevState: ErrorBoundaryState","#resetErrorBoundary","error: TError"],"sources":["../../src/components/common/error-boundary/error-boundary-context.ts","../../src/components/common/error-boundary/error-boundary.tsx","../../src/components/common/error-boundary/useErrorBoundary.ts"],"sourcesContent":["import { createCustomContext } from \"@zayne-labs/toolkit-react\";\n\nexport type ErrorBoundaryContextType = {\n\terror: unknown;\n\thasError: boolean;\n\tresetErrorBoundary: (...args: unknown[]) => void;\n};\n\nexport const [ErrorBoundaryContext, useErrorBoundaryContext] =\n\tcreateCustomContext<ErrorBoundaryContextType>({\n\t\thookName: \"useErrorBoundaryContext\",\n\t\tname: \"ErrorBoundaryContext\",\n\t\tproviderName: \"ErrorBoundaryContextProvider\",\n\t});\n","import * as React from \"react\";\n\nimport { isFunction } from \"@zayne-labs/toolkit-type-helpers\";\nimport { Component } from \"react\";\nimport { ErrorBoundaryContext, type ErrorBoundaryContextType } from \"./error-boundary-context\";\nimport type { ErrorBoundaryProps, FallbackProps } from \"./types\";\n\ntype ErrorBoundaryState =\n\t| {\n\t\t\terror: Error;\n\t\t\thasError: true;\n\t  }\n\t| {\n\t\t\terror: null;\n\t\t\thasError: false;\n\t  };\n\nconst initialState: ErrorBoundaryState = {\n\terror: null,\n\thasError: false,\n};\n\nconst hasArrayChanged = (arrayOne: unknown[] = [], arrayTwo: unknown[] = []) => {\n\treturn (\n\t\tarrayOne.length !== arrayTwo.length\n\t\t|| arrayOne.some((item, index) => !Object.is(item, arrayTwo[index]))\n\t);\n};\n\n/**\n * Copied from react-error-boundary package\n * @see https://github.com/bvaughn/react-error-boundary\n */\n\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n\tconstructor(props: ErrorBoundaryProps) {\n\t\tsuper(props);\n\n\t\tthis.state = initialState;\n\t}\n\n\tstatic getDerivedStateFromError(error: Error) {\n\t\treturn { error, hasError: true };\n\t}\n\n\toverride componentDidCatch(error: Error, info: React.ErrorInfo) {\n\t\tthis.props.onError?.({\n\t\t\terror,\n\t\t\tinfo,\n\t\t});\n\t}\n\n\toverride componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState) {\n\t\tconst { hasError } = this.state;\n\t\tconst { resetKeys } = this.props;\n\n\t\t// == There's an edge case where if the thing that triggered the error happens to *also* be in the resetKeys array, we'd end up resetting the error boundary immediately.\n\t\t// == This would likely trigger a second error to be thrown.\n\t\t// == So we make sure that we don't check the resetKeys on the first call of cDU after the error is set.\n\n\t\tif (hasError && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {\n\t\t\tthis.props.onReset?.({\n\t\t\t\tnext: resetKeys,\n\t\t\t\tprev: prevProps.resetKeys,\n\t\t\t\treason: \"keys\",\n\t\t\t});\n\n\t\t\tthis.setState(initialState);\n\t\t}\n\t}\n\n\toverride render() {\n\t\tconst { children, fallback } = this.props;\n\t\tconst { error, hasError } = this.state;\n\n\t\tlet childToRender = children;\n\n\t\tif (hasError) {\n\t\t\tswitch (true) {\n\t\t\t\tcase isFunction(fallback): {\n\t\t\t\t\tconst fallbackRenderProps = {\n\t\t\t\t\t\terror,\n\t\t\t\t\t\tresetErrorBoundary: this.#resetErrorBoundary,\n\t\t\t\t\t} satisfies FallbackProps;\n\n\t\t\t\t\tchildToRender = fallback(fallbackRenderProps);\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tcase Boolean(fallback): {\n\t\t\t\t\tchildToRender = fallback;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tdefault: {\n\t\t\t\t\tconsole.warn(\"No fallback provided to error boundary\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst contextValue = {\n\t\t\terror,\n\t\t\thasError,\n\t\t\tresetErrorBoundary: this.#resetErrorBoundary,\n\t\t} satisfies ErrorBoundaryContextType;\n\n\t\treturn <ErrorBoundaryContext value={contextValue}>{childToRender}</ErrorBoundaryContext>;\n\t}\n\n\t#resetErrorBoundary = (...parameters: unknown[]) => {\n\t\tconst { error } = this.state;\n\n\t\tif (error !== null) {\n\t\t\tthis.props.onReset?.({\n\t\t\t\targs: parameters,\n\t\t\t\treason: \"imperative-api\",\n\t\t\t});\n\n\t\t\tthis.setState(initialState);\n\t\t}\n\t};\n}\n","import { useCallbackRef } from \"@zayne-labs/toolkit-react\";\nimport { useState } from \"react\";\nimport { useErrorBoundaryContext } from \"./error-boundary-context\";\n\ntype UseErrorBoundaryState<TError extends Error> =\n\t| {\n\t\t\terror: null;\n\t\t\thasError: false;\n\t  }\n\t| {\n\t\t\terror: TError;\n\t\t\thasError: true;\n\t  };\n\nexport const useErrorBoundary = <TError extends Error>() => {\n\tconst { resetErrorBoundary } = useErrorBoundaryContext();\n\n\tconst [state, setState] = useState<UseErrorBoundaryState<TError>>({\n\t\terror: null,\n\t\thasError: false,\n\t});\n\n\tif (state.hasError) {\n\t\tthrow state.error;\n\t}\n\n\tconst resetBoundary = useCallbackRef(() => {\n\t\tresetErrorBoundary();\n\n\t\tsetState({\n\t\t\terror: null,\n\t\t\thasError: false,\n\t\t});\n\t});\n\n\tconst showBoundary = useCallbackRef((error: TError) => {\n\t\tsetState({\n\t\t\terror,\n\t\t\thasError: true,\n\t\t});\n\t});\n\n\treturn { resetBoundary, showBoundary };\n};\n"],"mappings":";;;;;;AAQA,MAAa,CAAC,sBAAsB,wBAAwB,GAC3D,oBAA8C;CAC7C,UAAU;CACV,MAAM;CACN,cAAc;AACd,EAAC;;;;ACIH,MAAMA,eAAmC;CACxC,OAAO;CACP,UAAU;AACV;AAED,MAAM,kBAAkB,CAACC,WAAsB,CAAE,GAAEC,WAAsB,CAAE,MAAK;AAC/E,QACC,SAAS,WAAW,SAAS,UAC1B,SAAS,KAAK,CAAC,MAAM,WAAW,OAAO,GAAG,MAAM,SAAS,OAAO,CAAC;AAErE;;;;;AAOD,IAAa,gBAAb,cAAmC,UAAkD;CACpF,YAAYC,OAA2B;AACtC,QAAM,MAAM;AAEZ,OAAK,QAAQ;CACb;CAED,OAAO,yBAAyBC,OAAc;AAC7C,SAAO;GAAE;GAAO,UAAU;EAAM;CAChC;CAED,AAAS,kBAAkBA,OAAcC,MAAuB;AAC/D,OAAK,MAAM,UAAU;GACpB;GACA;EACA,EAAC;CACF;CAED,AAAS,mBAAmBC,WAA+BC,WAA+B;EACzF,MAAM,EAAE,UAAU,GAAG,KAAK;EAC1B,MAAM,EAAE,WAAW,GAAG,KAAK;AAM3B,MAAI,YAAY,UAAU,UAAU,QAAQ,gBAAgB,UAAU,WAAW,UAAU,EAAE;AAC5F,QAAK,MAAM,UAAU;IACpB,MAAM;IACN,MAAM,UAAU;IAChB,QAAQ;GACR,EAAC;AAEF,QAAK,SAAS,aAAa;EAC3B;CACD;CAED,AAAS,SAAS;EACjB,MAAM,EAAE,UAAU,UAAU,GAAG,KAAK;EACpC,MAAM,EAAE,OAAO,UAAU,GAAG,KAAK;EAEjC,IAAI,gBAAgB;AAEpB,MAAI,SACH,SAAQ,MAAR;GACC,KAAK,WAAW,SAAS,EAAE;IAC1B,MAAM,sBAAsB;KAC3B;KACA,oBAAoB,KAAKC;IACzB;AAED,oBAAgB,SAAS,oBAAoB;AAC7C;GACA;GAED,KAAK,QAAQ,SAAS,EAAE;AACvB,oBAAgB;AAChB;GACA;GAED,QACC,SAAQ,KAAK,yCAAyC;EAEvD;EAGF,MAAM,eAAe;GACpB;GACA;GACA,oBAAoB,KAAKA;EACzB;AAED,yBAAO,IAAC;GAAqB,OAAO;aAAe;IAAqC;CACxF;CAED,sBAAsB,CAAC,GAAG,eAA0B;EACnD,MAAM,EAAE,OAAO,GAAG,KAAK;AAEvB,MAAI,UAAU,MAAM;AACnB,QAAK,MAAM,UAAU;IACpB,MAAM;IACN,QAAQ;GACR,EAAC;AAEF,QAAK,SAAS,aAAa;EAC3B;CACD;AACD;;;;AC3GD,MAAa,mBAAmB,MAA4B;CAC3D,MAAM,EAAE,oBAAoB,GAAG,yBAAyB;CAExD,MAAM,CAAC,OAAO,SAAS,GAAG,SAAwC;EACjE,OAAO;EACP,UAAU;CACV,EAAC;AAEF,KAAI,MAAM,SACT,OAAM,MAAM;CAGb,MAAM,gBAAgB,eAAe,MAAM;AAC1C,sBAAoB;AAEpB,WAAS;GACR,OAAO;GACP,UAAU;EACV,EAAC;CACF,EAAC;CAEF,MAAM,eAAe,eAAe,CAACC,UAAkB;AACtD,WAAS;GACR;GACA,UAAU;EACV,EAAC;CACF,EAAC;AAEF,QAAO;EAAE;EAAe;CAAc;AACtC"}

package/dist/esm/for-aTw1TgJo.js

@@ -0,0 +1,42 @@
+import "react";
+import { isArray, isNumber } from "@zayne-labs/toolkit-type-helpers";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/common/for/for.tsx
+function For(props) {
+	const { children, each, fallback = null, render } = props;
+	if (each == null || isNumber(each) && each === 0 || isArray(each) && each.length === 0) return fallback;
+	const resolvedArray = isNumber(each) ? [...Array(each).keys()] : each;
+	if (resolvedArray.length === 0) return fallback;
+	const JSXElementList = resolvedArray.map((...params) => {
+		return typeof children === "function" ? children(...params) : render(...params);
+	});
+	return JSXElementList;
+}
+function ForWithWrapper(props) {
+	const { as: ListContainer = "ul", children, className, each, ref, render,...restOfListProps } = props;
+	return /* @__PURE__ */ jsx(ListContainer, {
+		ref,
+		className,
+		...restOfListProps,
+		children: /* @__PURE__ */ jsx(For, {
+			children,
+			each,
+			render
+		})
+	});
+}
+
+//#endregion
+//#region src/components/common/for/getElementList.ts
+const getElementList = (variant) => {
+	switch (variant) {
+		case "base": return [For];
+		case "withWrapper": return [ForWithWrapper];
+		default: return [ForWithWrapper];
+	}
+};
+
+//#endregion
+export { For, ForWithWrapper, getElementList };
+//# sourceMappingURL=for-aTw1TgJo.js.map

package/dist/esm/for-aTw1TgJo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"for-aTw1TgJo.js","names":["props: ForProps<TArray>","props: PolymorphicProps<TElement, ForProps<TArrayItem>>","variant?: TVariant"],"sources":["../../src/components/common/for/for.tsx","../../src/components/common/for/getElementList.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport type { DiscriminatedRenderProps, PolymorphicProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { type ExtractUnion, type Prettify, isArray, isNumber } from \"@zayne-labs/toolkit-type-helpers\";\n\n// prettier-ignore\ntype RenderPropFn<TArray> = (\n\titem: TArray extends readonly unknown[] ? ExtractUnion<TArray> : TArray extends number ? number : unknown,\n\tindex: number,\n\tarray: TArray extends readonly unknown[] ? TArray : TArray extends number ? number[] : unknown[]\n) => React.ReactNode;\n\nexport type ForRenderProps<TArrayItem> = DiscriminatedRenderProps<RenderPropFn<TArrayItem>>;\n\n/* eslint-disable perfectionist/sort-intersection-types -- Prefer the object to come first before the render props */\ntype ForProps<TArray> = Prettify<\n\t{\n\t\teach: TArray;\n\t\tfallback?: React.ReactNode;\n\t} & ForRenderProps<TArray>\n>;\n\n/* eslint-enable perfectionist/sort-intersection-types -- Prefer the object to come first before the render props */\n\nexport function For<const TArray>(props: ForProps<TArray>) {\n\tconst { children, each, fallback = null, render } = props;\n\n\tif (each == null || (isNumber(each) && each === 0) || (isArray(each) && each.length === 0)) {\n\t\treturn fallback;\n\t}\n\n\tconst resolvedArray = isNumber(each) ? [...Array(each).keys()] : (each as unknown[]);\n\n\tif (resolvedArray.length === 0) {\n\t\treturn fallback;\n\t}\n\n\tconst JSXElementList = resolvedArray.map((...params) => {\n\t\ttype Params = Parameters<RenderPropFn<TArray>>;\n\n\t\treturn typeof children === \"function\"\n\t\t\t? children(...(params as Params))\n\t\t\t: render(...(params as Params));\n\t});\n\n\treturn JSXElementList;\n}\n\nexport function ForWithWrapper<TArrayItem, TElement extends React.ElementType = \"ul\">(\n\tprops: PolymorphicProps<TElement, ForProps<TArrayItem>>\n) {\n\tconst { as: ListContainer = \"ul\", children, className, each, ref, render, ...restOfListProps } = props;\n\n\treturn (\n\t\t<ListContainer ref={ref} className={className} {...restOfListProps}>\n\t\t\t<For {...({ children, each, render } as ForProps<TArrayItem>)} />\n\t\t</ListContainer>\n\t);\n}\n","import { For, ForWithWrapper } from \"./for\";\n\ntype GetElementListResult<TVariant extends \"base\" | \"withWrapper\"> = TVariant extends \"base\"\n\t? [typeof For]\n\t: [typeof ForWithWrapper];\n\nconst getElementList = <TVariant extends \"base\" | \"withWrapper\" = \"withWrapper\">(\n\tvariant?: TVariant\n): GetElementListResult<TVariant> => {\n\tswitch (variant) {\n\t\tcase \"base\": {\n\t\t\treturn [For] as never;\n\t\t}\n\t\tcase \"withWrapper\": {\n\t\t\treturn [ForWithWrapper] as never;\n\t\t}\n\t\tdefault: {\n\t\t\treturn [ForWithWrapper] as never;\n\t\t}\n\t}\n};\n\nexport { getElementList };\n"],"mappings":";;;;;AAwBA,SAAgB,IAAkBA,OAAyB;CAC1D,MAAM,EAAE,UAAU,MAAM,WAAW,MAAM,QAAQ,GAAG;AAEpD,KAAI,QAAQ,QAAS,SAAS,KAAK,IAAI,SAAS,KAAO,QAAQ,KAAK,IAAI,KAAK,WAAW,EACvF,QAAO;CAGR,MAAM,gBAAgB,SAAS,KAAK,GAAG,CAAC,GAAG,MAAM,KAAK,CAAC,MAAM,AAAC,IAAI;AAElE,KAAI,cAAc,WAAW,EAC5B,QAAO;CAGR,MAAM,iBAAiB,cAAc,IAAI,CAAC,GAAG,WAAW;AAGvD,gBAAc,aAAa,aACxB,SAAS,GAAI,OAAkB,GAC/B,OAAO,GAAI,OAAkB;CAChC,EAAC;AAEF,QAAO;AACP;AAED,SAAgB,eACfC,OACC;CACD,MAAM,EAAE,IAAI,gBAAgB,MAAM,UAAU,WAAW,MAAM,KAAK,OAAQ,GAAG,iBAAiB,GAAG;AAEjG,wBACC,IAAC;EAAmB;EAAgB;EAAW,GAAI;4BAClD,IAAC;GAAW;GAAU;GAAM;IAAqC;GAClD;AAEjB;;;;ACpDD,MAAM,iBAAiB,CACtBC,YACoC;AACpC,SAAQ,SAAR;EACC,KAAK,OACJ,QAAO,CAAC,GAAI;EAEb,KAAK,cACJ,QAAO,CAAC,cAAe;EAExB,QACC,QAAO,CAAC,cAAe;CAExB;AACD"}