@j2-health/design-system 0.6.4 → 0.6.6

package/dist/src/components/fileDropzone/FileDropzone.js

@@ -0,0 +1,293 @@
+import { Button } from "../button/Button.js";
+import { Modal } from "../modal/Modal.js";
+import { Spinner } from "../spinner/Spinner.js";
+import { useCallback, useImperativeHandle, useRef, useState } from "react";
+import { CheckCircleIcon, DownloadSimpleIcon, FileCsvIcon, UploadSimpleIcon } from "@phosphor-icons/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import cx from "classnames";
+// src/components/fileDropzone/FileDropzone.tsx
+function ViewIssuesButton({ onClick }) {
+	return /* @__PURE__ */ jsx(Button, {
+		type: "link",
+		size: "small",
+		className: "h-auto p-0 text-sm font-medium",
+		onClick: (event) => {
+			event.stopPropagation();
+			onClick?.();
+		},
+		children: "View & Fix Issues"
+	});
+}
+/**
+* A file upload: an optional label, a full-width Download Template bar, and a
+* dashed dropzone that shows the prompt, a spinner while the file is checked,
+* or the uploaded file with a Replace link. Error and warning banners tuck
+* under the dropzone. Click, keyboard or drag and drop all upload; with
+* `replaceConfirm` set, replacing an existing file asks first.
+*
+* Presentational: the caller checks the file and passes the result back as
+* `status` and the counts.
+*/
+function FileDropzone({ status, fileName, label, accept = ".csv", errorRowCount, warningRowCount, missingHeaders, templateUrl, onDownloadTemplate, uploadDisabled = false, onFileSelected, onViewIssues, errorMessage, replaceConfirm, hasExistingUpload = false, successExtra, handleRef, className }) {
+	const fileInputRef = useRef(null);
+	const [isDragOver, setIsDragOver] = useState(false);
+	const [dragError, setDragError] = useState(null);
+	const [confirmOpen, setConfirmOpen] = useState(false);
+	const pendingDropRef = useRef(null);
+	const isUploading = status === "validating";
+	const hasHeaderError = status === "header-error";
+	const hasRowErrors = status === "success-with-errors";
+	const hasRowWarnings = status === "success-with-warnings";
+	const isUploaded = status === "success" || hasRowErrors || hasRowWarnings;
+	const disabled = uploadDisabled || isUploading;
+	const acceptLabel = accept.replace(/^\./, "").toUpperCase();
+	const needsReplaceConfirm = Boolean(replaceConfirm) && (isUploaded || hasExistingUpload);
+	const handleFile = useCallback((file) => {
+		if (!file) return;
+		setDragError(null);
+		onFileSelected(file);
+	}, [onFileSelected]);
+	const handleFileChange = (event) => {
+		handleFile(event.target.files?.[0] ?? null);
+		event.target.value = "";
+	};
+	const openPicker = () => fileInputRef.current?.click();
+	const requestUpload = () => {
+		if (disabled) return;
+		if (needsReplaceConfirm) {
+			pendingDropRef.current = null;
+			setConfirmOpen(true);
+			return;
+		}
+		openPicker();
+	};
+	useImperativeHandle(handleRef, () => ({ requestUpload }));
+	const confirmReplace = () => {
+		setConfirmOpen(false);
+		const droppedFile = pendingDropRef.current;
+		pendingDropRef.current = null;
+		if (droppedFile) handleFile(droppedFile);
+		else openPicker();
+	};
+	const cancelReplace = () => {
+		pendingDropRef.current = null;
+		setConfirmOpen(false);
+	};
+	const handleDragOver = (event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		if (!disabled) setIsDragOver(true);
+	};
+	const handleDragLeave = (event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		setIsDragOver(false);
+	};
+	const handleDrop = (event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		setIsDragOver(false);
+		if (disabled) return;
+		const file = event.dataTransfer.files?.[0] ?? null;
+		if (!file) return;
+		if (!file.name.toLowerCase().endsWith(accept.toLowerCase())) {
+			setDragError(`Only ${acceptLabel} files are supported`);
+			return;
+		}
+		setDragError(null);
+		if (needsReplaceConfirm) {
+			pendingDropRef.current = file;
+			setConfirmOpen(true);
+			return;
+		}
+		handleFile(file);
+	};
+	const templateClass = cx("mt-2 flex w-full items-center justify-center gap-2 rounded-j2 border-0 bg-j2-gray-3 px-4 py-1.5 text-sm text-j2-primary no-underline transition-colors", uploadDisabled ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-j2-gray-4");
+	const templateBar = onDownloadTemplate || !templateUrl || uploadDisabled ? /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		disabled: uploadDisabled || !onDownloadTemplate,
+		onClick: onDownloadTemplate,
+		className: templateClass,
+		children: [/* @__PURE__ */ jsx(DownloadSimpleIcon, {
+			size: 16,
+			weight: "regular"
+		}), "Download Template"]
+	}) : /* @__PURE__ */ jsxs("a", {
+		href: templateUrl,
+		download: true,
+		className: templateClass,
+		children: [/* @__PURE__ */ jsx(DownloadSimpleIcon, {
+			size: 16,
+			weight: "regular"
+		}), "Download Template"]
+	});
+	const renderContent = () => {
+		if (isUploading) return /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-center gap-2 py-4",
+			children: [/* @__PURE__ */ jsx(Spinner, { size: 32 }), /* @__PURE__ */ jsx("p", {
+				className: "m-0 text-sm text-j2-text-secondary",
+				children: "Checking file..."
+			})]
+		});
+		if (fileName && isUploaded) return /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-center gap-4 py-8",
+			children: [
+				/* @__PURE__ */ jsx(CheckCircleIcon, {
+					size: 32,
+					weight: "regular",
+					className: "text-j2-green-9"
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col items-center gap-1",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "m-0 text-base font-normal text-j2-text",
+						children: "File Uploaded"
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "inline-flex items-center gap-1 rounded-j2-sm border border-solid border-j2-border px-2 py-1 text-xs text-j2-text",
+						children: [/* @__PURE__ */ jsx(FileCsvIcon, {
+							size: 14,
+							weight: "regular"
+						}), fileName.replace(new RegExp(`\\${accept}$`, "i"), "")]
+					})]
+				}),
+				successExtra && /* @__PURE__ */ jsx("div", {
+					className: "flex w-full cursor-default justify-center",
+					onClick: (event) => event.stopPropagation(),
+					children: successExtra
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					disabled,
+					onClick: (event) => {
+						event.stopPropagation();
+						requestUpload();
+					},
+					className: cx("border-none bg-transparent p-0 text-sm font-medium", disabled ? "cursor-not-allowed text-j2-text-tertiary" : "cursor-pointer text-j2-blue-10 hover:underline"),
+					children: "Replace"
+				})
+			]
+		});
+		return /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-center gap-4 py-8",
+			children: [/* @__PURE__ */ jsx(UploadSimpleIcon, {
+				size: 32,
+				weight: "regular",
+				className: "text-j2-blue-9"
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center gap-1",
+				children: [/* @__PURE__ */ jsxs("p", {
+					className: "m-0 text-base font-normal text-j2-text",
+					children: ["Upload ", acceptLabel]
+				}), /* @__PURE__ */ jsx("p", {
+					className: "m-0 text-sm text-j2-text-secondary",
+					children: "Structure your file according to the provided template"
+				})]
+			})]
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className,
+		children: [
+			label && /* @__PURE__ */ jsx("label", {
+				className: "mb-1 block text-sm font-semibold",
+				children: label
+			}),
+			templateBar,
+			/* @__PURE__ */ jsx("input", {
+				ref: fileInputRef,
+				type: "file",
+				accept,
+				onChange: handleFileChange,
+				className: "hidden",
+				"data-testid": "file-dropzone-input"
+			}),
+			/* @__PURE__ */ jsx("div", {
+				role: "button",
+				tabIndex: 0,
+				"aria-disabled": disabled,
+				"aria-label": `Upload ${acceptLabel} file`,
+				onClick: disabled ? void 0 : requestUpload,
+				onKeyDown: (event) => {
+					if (event.key === "Enter" || event.key === " ") {
+						event.preventDefault();
+						if (!disabled) requestUpload();
+					}
+				},
+				onDragOver: handleDragOver,
+				onDragLeave: handleDragLeave,
+				onDrop: handleDrop,
+				className: cx("mt-2 rounded-j2-lg border-2 border-dashed transition-colors", isDragOver ? "border-j2-blue-7 bg-j2-blue-2" : cx("border-j2-gray-6 bg-j2-gray-1", !disabled && "hover:border-j2-gray-8"), disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"),
+				children: renderContent()
+			}),
+			hasHeaderError && (missingHeaders?.length ?? 0) > 0 && /* @__PURE__ */ jsx("div", {
+				className: "mx-4 flex items-start justify-between gap-3 rounded-b-xl border-x border-b border-solid border-j2-error bg-j2-red-2 px-3 py-2 text-sm",
+				children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("span", {
+					className: "font-medium text-j2-primary",
+					children: [
+						"Missing required",
+						" ",
+						missingHeaders.length === 1 ? "column" : "columns",
+						":",
+						" ",
+						missingHeaders.map((header) => `"${header}"`).join(", ")
+					]
+				}), /* @__PURE__ */ jsxs("p", {
+					className: "m-0 text-xs text-j2-text-secondary",
+					children: [
+						"Header names are case-sensitive. Add the missing",
+						" ",
+						missingHeaders.length === 1 ? "column" : "columns",
+						" and re-upload."
+					]
+				})] })
+			}),
+			hasRowErrors && (errorRowCount ?? 0) > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "mx-4 flex items-center justify-between rounded-b-xl border-x border-b border-solid border-j2-error bg-j2-red-2 px-3 py-2 text-sm",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "font-medium text-j2-primary",
+					children: [
+						errorRowCount.toLocaleString(),
+						" ",
+						errorRowCount === 1 ? "row" : "rows",
+						" will not be ingested"
+					]
+				}), /* @__PURE__ */ jsx(ViewIssuesButton, { onClick: onViewIssues })]
+			}),
+			hasRowWarnings && /* @__PURE__ */ jsxs("div", {
+				className: "mx-4 flex items-center justify-between rounded-b-xl border-x border-b border-solid border-j2-warning bg-j2-warning-bg px-3 py-2 text-sm",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "font-medium text-j2-primary",
+					children: (warningRowCount ?? 0) > 0 ? `${warningRowCount.toLocaleString()} ${warningRowCount === 1 ? "row has" : "rows have"} warnings` : "This file has warnings"
+				}), /* @__PURE__ */ jsx(ViewIssuesButton, { onClick: onViewIssues })]
+			}),
+			(dragError || errorMessage) && /* @__PURE__ */ jsx("p", {
+				className: "m-0 mt-1 text-xs text-j2-error",
+				children: dragError || errorMessage
+			}),
+			replaceConfirm && /* @__PURE__ */ jsxs(Modal, {
+				open: confirmOpen,
+				width: 460,
+				title: "Replace this file?",
+				onCancel: cancelReplace,
+				footer: null,
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "text-sm text-j2-text",
+					children: replaceConfirm
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "mt-6 flex justify-end gap-2",
+					children: [/* @__PURE__ */ jsx(Button, {
+						onClick: cancelReplace,
+						children: "Cancel"
+					}), /* @__PURE__ */ jsx(Button, {
+						type: "primary",
+						onClick: confirmReplace,
+						children: "Replace"
+					})]
+				})]
+			})
+		]
+	});
+}
+export { FileDropzone };
+
+//# sourceMappingURL=FileDropzone.js.map

package/dist/src/components/fileDropzone/FileDropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropzone.js","names":[],"sources":["../../../../src/components/fileDropzone/FileDropzone.tsx"],"sourcesContent":["import {\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type ReactNode,\n  type Ref,\n} from 'react'\nimport cx from 'classnames'\nimport {\n  CheckCircleIcon,\n  DownloadSimpleIcon,\n  FileCsvIcon,\n  UploadSimpleIcon,\n} from '@phosphor-icons/react'\n\nimport { Button } from '../button'\nimport { Modal } from '../modal'\nimport { Spinner } from '../spinner'\n\nexport type FileDropzoneStatus =\n  | 'idle'\n  /** The file is being checked; the dropzone shows a spinner. */\n  | 'validating'\n  /** A file-level failure: the dropzone returns to its idle prompt and the\n   *  caller shows the details (usually in a results dialog). */\n  | 'file-error'\n  /** Required columns are missing; `missingHeaders` names them. */\n  | 'header-error'\n  | 'success'\n  /** Uploaded, with rows that will not be ingested (`errorRowCount`). */\n  | 'success-with-errors'\n  /** Uploaded, with rows to review (`warningRowCount`). */\n  | 'success-with-warnings'\n\n/** Lets a caller start an upload from outside the dropzone, such as a results\n *  dialog's Re-upload. It goes through the same replace confirm as a click. */\nexport type FileDropzoneHandle = { requestUpload: () => void }\n\nexport type FileDropzoneProps = {\n  status: FileDropzoneStatus\n  /** Shown in a chip once a file is uploaded. */\n  fileName?: string | null\n  /** Bold label above the Download Template bar. Omit when the caller renders\n   *  its own section header. */\n  label?: ReactNode\n  /** Accepted file extension, for the picker and the drag-and-drop guard. */\n  accept?: string\n  errorRowCount?: number\n  warningRowCount?: number\n  missingHeaders?: string[]\n  /** Static template URL for an `<a download>`. */\n  templateUrl?: string\n  /** Generates the template at runtime; takes precedence over `templateUrl`. */\n  onDownloadTemplate?: () => void\n  /** Greys out the template bar and the dropzone, e.g. until a choice the\n   *  upload depends on has been made. */\n  uploadDisabled?: boolean\n  onFileSelected: (file: File) => void\n  /** Opens the caller's results dialog from an error or warning banner. */\n  onViewIssues?: () => void\n  /** A request that failed before the file was checked, shown under the\n   *  dropzone. */\n  errorMessage?: ReactNode\n  /** Body of a blocking \"Replace this file?\" confirm. When set and a file\n   *  already exists, every attempt to upload (click, Replace, keyboard or a\n   *  drop) asks first. When omitted, uploads proceed with no confirm. */\n  replaceConfirm?: ReactNode\n  /** True when a stored upload would be replaced even though the dropzone\n   *  looks idle. Defaults to the visible uploaded state. */\n  hasExistingUpload?: boolean\n  /** Read-only content in the uploaded state, between the file name and the\n   *  Replace link (a summary of what the file holds). Clicks inside it do not\n   *  start a replace. */\n  successExtra?: ReactNode\n  handleRef?: Ref<FileDropzoneHandle>\n  className?: string\n}\n\nfunction ViewIssuesButton({ onClick }: { onClick?: () => void }) {\n  return (\n    <Button\n      type=\"link\"\n      size=\"small\"\n      className=\"h-auto p-0 text-sm font-medium\"\n      onClick={(event) => {\n        event.stopPropagation()\n        onClick?.()\n      }}\n    >\n      View &amp; Fix Issues\n    </Button>\n  )\n}\n\n/**\n * A file upload: an optional label, a full-width Download Template bar, and a\n * dashed dropzone that shows the prompt, a spinner while the file is checked,\n * or the uploaded file with a Replace link. Error and warning banners tuck\n * under the dropzone. Click, keyboard or drag and drop all upload; with\n * `replaceConfirm` set, replacing an existing file asks first.\n *\n * Presentational: the caller checks the file and passes the result back as\n * `status` and the counts.\n */\nexport function FileDropzone({\n  status,\n  fileName,\n  label,\n  accept = '.csv',\n  errorRowCount,\n  warningRowCount,\n  missingHeaders,\n  templateUrl,\n  onDownloadTemplate,\n  uploadDisabled = false,\n  onFileSelected,\n  onViewIssues,\n  errorMessage,\n  replaceConfirm,\n  hasExistingUpload = false,\n  successExtra,\n  handleRef,\n  className,\n}: FileDropzoneProps) {\n  const fileInputRef = useRef<HTMLInputElement>(null)\n  const [isDragOver, setIsDragOver] = useState(false)\n  const [dragError, setDragError] = useState<string | null>(null)\n  const [confirmOpen, setConfirmOpen] = useState(false)\n  // A file dropped onto an uploaded dropzone waits here until the confirm\n  // resolves; a picker request leaves it null.\n  const pendingDropRef = useRef<File | null>(null)\n\n  const isUploading = status === 'validating'\n  const hasHeaderError = status === 'header-error'\n  const hasRowErrors = status === 'success-with-errors'\n  const hasRowWarnings = status === 'success-with-warnings'\n  const isUploaded = status === 'success' || hasRowErrors || hasRowWarnings\n\n  const disabled = uploadDisabled || isUploading\n  const acceptLabel = accept.replace(/^\\./, '').toUpperCase()\n  // The first upload overwrites nothing, so only a replace asks first.\n  const needsReplaceConfirm =\n    Boolean(replaceConfirm) && (isUploaded || hasExistingUpload)\n\n  const handleFile = useCallback(\n    (file: File | null) => {\n      if (!file) return\n      setDragError(null)\n      onFileSelected(file)\n    },\n    [onFileSelected]\n  )\n\n  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    handleFile(event.target.files?.[0] ?? null)\n    event.target.value = ''\n  }\n\n  const openPicker = () => fileInputRef.current?.click()\n\n  // Every upload attempt routes through here, so a replace always confirms.\n  const requestUpload = () => {\n    if (disabled) return\n    if (needsReplaceConfirm) {\n      pendingDropRef.current = null\n      setConfirmOpen(true)\n      return\n    }\n    openPicker()\n  }\n\n  useImperativeHandle(handleRef, () => ({ requestUpload }))\n\n  const confirmReplace = () => {\n    setConfirmOpen(false)\n    const droppedFile = pendingDropRef.current\n    pendingDropRef.current = null\n    if (droppedFile) handleFile(droppedFile)\n    else openPicker()\n  }\n\n  const cancelReplace = () => {\n    pendingDropRef.current = null\n    setConfirmOpen(false)\n  }\n\n  // Drag events are always cancelled, even while disabled: otherwise the\n  // browser's own drop opens the file in place of the page.\n  const handleDragOver = (event: React.DragEvent) => {\n    event.preventDefault()\n    event.stopPropagation()\n    if (!disabled) setIsDragOver(true)\n  }\n\n  const handleDragLeave = (event: React.DragEvent) => {\n    event.preventDefault()\n    event.stopPropagation()\n    setIsDragOver(false)\n  }\n\n  const handleDrop = (event: React.DragEvent) => {\n    event.preventDefault()\n    event.stopPropagation()\n    setIsDragOver(false)\n    if (disabled) return\n    const file = event.dataTransfer.files?.[0] ?? null\n    if (!file) return\n    if (!file.name.toLowerCase().endsWith(accept.toLowerCase())) {\n      setDragError(`Only ${acceptLabel} files are supported`)\n      return\n    }\n    setDragError(null)\n    // Dropping onto an existing upload is still a replace: confirm first.\n    if (needsReplaceConfirm) {\n      pendingDropRef.current = file\n      setConfirmOpen(true)\n      return\n    }\n    handleFile(file)\n  }\n\n  const templateClass = cx(\n    'mt-2 flex w-full items-center justify-center gap-2 rounded-j2 border-0 bg-j2-gray-3 px-4 py-1.5 text-sm text-j2-primary no-underline transition-colors',\n    uploadDisabled\n      ? 'cursor-not-allowed opacity-60'\n      : 'cursor-pointer hover:bg-j2-gray-4'\n  )\n\n  // While disabled, the URL form renders as the disabled button too, so the\n  // template can't be downloaded before the upload is available.\n  const templateBar =\n    onDownloadTemplate || !templateUrl || uploadDisabled ? (\n      <button\n        type=\"button\"\n        disabled={uploadDisabled || !onDownloadTemplate}\n        onClick={onDownloadTemplate}\n        className={templateClass}\n      >\n        <DownloadSimpleIcon size={16} weight=\"regular\" />\n        Download Template\n      </button>\n    ) : (\n      <a href={templateUrl} download className={templateClass}>\n        <DownloadSimpleIcon size={16} weight=\"regular\" />\n        Download Template\n      </a>\n    )\n\n  const renderContent = () => {\n    if (isUploading) {\n      return (\n        <div className=\"flex flex-col items-center gap-2 py-4\">\n          <Spinner size={32} />\n          <p className=\"m-0 text-sm text-j2-text-secondary\">Checking file...</p>\n        </div>\n      )\n    }\n\n    if (fileName && isUploaded) {\n      return (\n        <div className=\"flex flex-col items-center gap-4 py-8\">\n          <CheckCircleIcon\n            size={32}\n            weight=\"regular\"\n            className=\"text-j2-green-9\"\n          />\n          <div className=\"flex flex-col items-center gap-1\">\n            <p className=\"m-0 text-base font-normal text-j2-text\">\n              File Uploaded\n            </p>\n            <span className=\"inline-flex items-center gap-1 rounded-j2-sm border border-solid border-j2-border px-2 py-1 text-xs text-j2-text\">\n              <FileCsvIcon size={14} weight=\"regular\" />\n              {fileName.replace(new RegExp(`\\\\${accept}$`, 'i'), '')}\n            </span>\n          </div>\n          {successExtra && (\n            // Read-only content, not part of the click-to-replace target.\n            <div\n              className=\"flex w-full cursor-default justify-center\"\n              onClick={(event) => event.stopPropagation()}\n            >\n              {successExtra}\n            </div>\n          )}\n          <button\n            type=\"button\"\n            disabled={disabled}\n            onClick={(event) => {\n              event.stopPropagation()\n              requestUpload()\n            }}\n            className={cx(\n              'border-none bg-transparent p-0 text-sm font-medium',\n              disabled\n                ? 'cursor-not-allowed text-j2-text-tertiary'\n                : 'cursor-pointer text-j2-blue-10 hover:underline'\n            )}\n          >\n            Replace\n          </button>\n        </div>\n      )\n    }\n\n    return (\n      <div className=\"flex flex-col items-center gap-4 py-8\">\n        <UploadSimpleIcon\n          size={32}\n          weight=\"regular\"\n          className=\"text-j2-blue-9\"\n        />\n        <div className=\"flex flex-col items-center gap-1\">\n          <p className=\"m-0 text-base font-normal text-j2-text\">\n            Upload {acceptLabel}\n          </p>\n          <p className=\"m-0 text-sm text-j2-text-secondary\">\n            Structure your file according to the provided template\n          </p>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className={className}>\n      {label && (\n        <label className=\"mb-1 block text-sm font-semibold\">{label}</label>\n      )}\n\n      {templateBar}\n\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        accept={accept}\n        onChange={handleFileChange}\n        className=\"hidden\"\n        data-testid=\"file-dropzone-input\"\n      />\n\n      <div\n        role=\"button\"\n        tabIndex={0}\n        aria-disabled={disabled}\n        aria-label={`Upload ${acceptLabel} file`}\n        onClick={disabled ? undefined : requestUpload}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault()\n            if (!disabled) requestUpload()\n          }\n        }}\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={handleDrop}\n        className={cx(\n          'mt-2 rounded-j2-lg border-2 border-dashed transition-colors',\n          isDragOver\n            ? 'border-j2-blue-7 bg-j2-blue-2'\n            : cx(\n                'border-j2-gray-6 bg-j2-gray-1',\n                !disabled && 'hover:border-j2-gray-8'\n              ),\n          disabled ? 'cursor-not-allowed opacity-60' : 'cursor-pointer'\n        )}\n      >\n        {renderContent()}\n      </div>\n\n      {hasHeaderError && (missingHeaders?.length ?? 0) > 0 && (\n        <div className=\"mx-4 flex items-start justify-between gap-3 rounded-b-xl border-x border-b border-solid border-j2-error bg-j2-red-2 px-3 py-2 text-sm\">\n          <div>\n            <span className=\"font-medium text-j2-primary\">\n              Missing required{' '}\n              {missingHeaders!.length === 1 ? 'column' : 'columns'}:{' '}\n              {missingHeaders!.map((header) => `\"${header}\"`).join(', ')}\n            </span>\n            <p className=\"m-0 text-xs text-j2-text-secondary\">\n              Header names are case-sensitive. Add the missing{' '}\n              {missingHeaders!.length === 1 ? 'column' : 'columns'} and\n              re-upload.\n            </p>\n          </div>\n        </div>\n      )}\n\n      {hasRowErrors && (errorRowCount ?? 0) > 0 && (\n        <div className=\"mx-4 flex items-center justify-between rounded-b-xl border-x border-b border-solid border-j2-error bg-j2-red-2 px-3 py-2 text-sm\">\n          <span className=\"font-medium text-j2-primary\">\n            {errorRowCount!.toLocaleString()}{' '}\n            {errorRowCount === 1 ? 'row' : 'rows'} will not be ingested\n          </span>\n          <ViewIssuesButton onClick={onViewIssues} />\n        </div>\n      )}\n\n      {hasRowWarnings && (\n        <div className=\"mx-4 flex items-center justify-between rounded-b-xl border-x border-b border-solid border-j2-warning bg-j2-warning-bg px-3 py-2 text-sm\">\n          <span className=\"font-medium text-j2-primary\">\n            {(warningRowCount ?? 0) > 0\n              ? `${warningRowCount!.toLocaleString()} ${\n                  warningRowCount === 1 ? 'row has' : 'rows have'\n                } warnings`\n              : 'This file has warnings'}\n          </span>\n          <ViewIssuesButton onClick={onViewIssues} />\n        </div>\n      )}\n\n      {(dragError || errorMessage) && (\n        <p className=\"m-0 mt-1 text-xs text-j2-error\">\n          {dragError || errorMessage}\n        </p>\n      )}\n\n      {replaceConfirm && (\n        <Modal\n          open={confirmOpen}\n          width={460}\n          title=\"Replace this file?\"\n          onCancel={cancelReplace}\n          footer={null}\n        >\n          <div className=\"text-sm text-j2-text\">{replaceConfirm}</div>\n          <div className=\"mt-6 flex justify-end gap-2\">\n            <Button onClick={cancelReplace}>Cancel</Button>\n            <Button type=\"primary\" onClick={confirmReplace}>\n              Replace\n            </Button>\n          </div>\n        </Modal>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/src/components/fileDropzone/index.d.ts

@@ -0,0 +1 @@
+export { FileDropzone, type FileDropzoneHandle, type FileDropzoneProps, type FileDropzoneStatus, } from './FileDropzone.js';

package/dist/src/components/filterform/FilterGroup.cjs

@@ -7,7 +7,7 @@ _phosphor_icons_react = require_runtime.__toESM(_phosphor_icons_react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames, 1);
-//#region src/components/filterform/FilterGroup.tsx
+// src/components/filterform/FilterGroup.tsx
 var FilterGroup = ({ filterGroup, groupIndex, filterConfigs, className, onRemove, onChange, onDone }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: (0, classnames.default)("flex flex-col gap-4", {
@@ -38,7 +38,6 @@ var FilterGroup = ({ filterGroup, groupIndex, filterConfigs, className, onRemove
 		}, `${groupIndex}:${filterIndex}-input-container`))
 	}, filterGroup.field);
 };
-//#endregion
 exports.FilterGroup = FilterGroup;
 
 //# sourceMappingURL=FilterGroup.cjs.map

package/dist/src/components/filterform/FilterGroup.js

@@ -4,7 +4,7 @@ import { FilterInput } from "./FilterInput.js";
 import { TrashIcon } from "@phosphor-icons/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import cx from "classnames";
-//#region src/components/filterform/FilterGroup.tsx
+// src/components/filterform/FilterGroup.tsx
 var FilterGroup = ({ filterGroup, groupIndex, filterConfigs, className, onRemove, onChange, onDone }) => {
 	return /* @__PURE__ */ jsx("div", {
 		className: cx("flex flex-col gap-4", {
@@ -35,7 +35,6 @@ var FilterGroup = ({ filterGroup, groupIndex, filterConfigs, className, onRemove
 		}, `${groupIndex}:${filterIndex}-input-container`))
 	}, filterGroup.field);
 };
-//#endregion
 export { FilterGroup };
 
 //# sourceMappingURL=FilterGroup.js.map

package/dist/src/components/filterform/FilterInput.cjs

@@ -8,7 +8,7 @@ let antd = require("antd");
 let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames, 1);
-//#region src/components/filterform/FilterInput.tsx
+// src/components/filterform/FilterInput.tsx
 var FilterInput = ({ value, filterConfigs, onChange, onBlur, className, size = "middle" }) => {
 	const { filter, operatorOptions, valueInputConfig, handleFieldChange, handleOperatorChange, handleValuesChange } = require_useFilterField.useFilterField({
 		filterConfigs,
@@ -167,7 +167,6 @@ var MultiValueTextInput = ({ values, maxValues, onChange, onBlur, size }) => {
 		})]
 	});
 };
-//#endregion
 exports.FilterInput = FilterInput;
 exports.MULTI_VALUE_TOKEN_SEPARATORS = MULTI_VALUE_TOKEN_SEPARATORS;
 

package/dist/src/components/filterform/FilterInput.js

@@ -4,7 +4,7 @@ import * as React from "react";
 import { Input, InputNumber, Select, Typography } from "antd";
 import { jsx, jsxs } from "react/jsx-runtime";
 import cx from "classnames";
-//#region src/components/filterform/FilterInput.tsx
+// src/components/filterform/FilterInput.tsx
 var FilterInput = ({ value, filterConfigs, onChange, onBlur, className, size = "middle" }) => {
 	const { filter, operatorOptions, valueInputConfig, handleFieldChange, handleOperatorChange, handleValuesChange } = useFilterField({
 		filterConfigs,
@@ -163,7 +163,6 @@ var MultiValueTextInput = ({ values, maxValues, onChange, onBlur, size }) => {
 		})]
 	});
 };
-//#endregion
 export { FilterInput, MULTI_VALUE_TOKEN_SEPARATORS };
 
 //# sourceMappingURL=FilterInput.js.map

package/dist/src/components/filterform/FiltersForm.cjs

@@ -11,7 +11,7 @@ _phosphor_icons_react = require_runtime.__toESM(_phosphor_icons_react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames, 1);
-//#region src/components/filterform/FiltersForm.tsx
+// src/components/filterform/FiltersForm.tsx
 var FiltersForm = ({ title, filterConfigs, onSubmit, initialValues, maxFiltersPerField = 5 }) => {
 	const { dispatch, filterGroups, newFilter, isNewFilterInputOpen, isValid, isEmpty } = require_useFiltersForm.useFiltersForm({ initialValues });
 	const handleSubmit = () => {
@@ -141,7 +141,6 @@ var FiltersForm = ({ title, filterConfigs, onSubmit, initialValues, maxFiltersPe
 		})]
 	});
 };
-//#endregion
 exports.FiltersForm = FiltersForm;
 
 //# sourceMappingURL=FiltersForm.cjs.map

package/dist/src/components/filterform/FiltersForm.js

@@ -8,7 +8,7 @@ import { useMemo } from "react";
 import { PlusCircleIcon, TrashIcon } from "@phosphor-icons/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import cx from "classnames";
-//#region src/components/filterform/FiltersForm.tsx
+// src/components/filterform/FiltersForm.tsx
 var FiltersForm = ({ title, filterConfigs, onSubmit, initialValues, maxFiltersPerField = 5 }) => {
 	const { dispatch, filterGroups, newFilter, isNewFilterInputOpen, isValid, isEmpty } = useFiltersForm({ initialValues });
 	const handleSubmit = () => {
@@ -138,7 +138,6 @@ var FiltersForm = ({ title, filterConfigs, onSubmit, initialValues, maxFiltersPe
 		})]
 	});
 };
-//#endregion
 export { FiltersForm };
 
 //# sourceMappingURL=FiltersForm.js.map

package/dist/src/components/filterform/FiltersForm.module.css.cjs

@@ -1,4 +1,4 @@
-//#region src/components/filterform/FiltersForm.module.css
+// src/components/filterform/FiltersForm.module.css
 var j2FilterForm = "_j2FilterForm_rdja9_1";
 var filterFormTitle = "_filterFormTitle_rdja9_2";
 var filterFormConjunction = "_filterFormConjunction_rdja9_6";
@@ -11,7 +11,6 @@ var FiltersForm_module_default = {
 	filterFormFieldsContainer,
 	filterFormGroupContainer
 };
-//#endregion
 exports.default = FiltersForm_module_default;
 exports.filterFormConjunction = filterFormConjunction;
 exports.filterFormFieldsContainer = filterFormFieldsContainer;

package/dist/src/components/filterform/FiltersForm.module.css.js

@@ -1,4 +1,4 @@
-//#region src/components/filterform/FiltersForm.module.css
+// src/components/filterform/FiltersForm.module.css
 var j2FilterForm = "_j2FilterForm_rdja9_1";
 var filterFormTitle = "_filterFormTitle_rdja9_2";
 var filterFormConjunction = "_filterFormConjunction_rdja9_6";
@@ -11,7 +11,6 @@ var FiltersForm_module_default = {
 	filterFormFieldsContainer,
 	filterFormGroupContainer
 };
-//#endregion
 export { FiltersForm_module_default as default, filterFormConjunction, filterFormFieldsContainer, filterFormGroupContainer, filterFormTitle, j2FilterForm };
 
 //# sourceMappingURL=FiltersForm.module.css.js.map

package/dist/src/components/filterform/filterHelpers.cjs

@@ -1,4 +1,4 @@
-//#region src/components/filterform/filterHelpers.ts
+// src/components/filterform/filterHelpers.ts
 var isMultiValueTextOperator = (operator) => operator === "isAnyOf" || operator === "isNoneOf";
 /**
 * Normalize a chip list: trim, drop empties, dedupe case-insensitively (the
@@ -50,7 +50,6 @@ var validateFormFilter = (filter, limits) => {
 var isFilter = (filter) => {
 	return filter.operator !== void 0 && filter.field !== void 0 && filter.type !== void 0;
 };
-//#endregion
 exports.isEmptyFilter = isEmptyFilter;
 exports.isEmptyFormFilter = isEmptyFormFilter;
 exports.isFilter = isFilter;

package/dist/src/components/filterform/filterHelpers.js

@@ -1,4 +1,4 @@
-//#region src/components/filterform/filterHelpers.ts
+// src/components/filterform/filterHelpers.ts
 var isMultiValueTextOperator = (operator) => operator === "isAnyOf" || operator === "isNoneOf";
 /**
 * Normalize a chip list: trim, drop empties, dedupe case-insensitively (the
@@ -50,7 +50,6 @@ var validateFormFilter = (filter, limits) => {
 var isFilter = (filter) => {
 	return filter.operator !== void 0 && filter.field !== void 0 && filter.type !== void 0;
 };
-//#endregion
 export { isEmptyFilter, isEmptyFormFilter, isFilter, isMultiValueTextOperator, normalizeMultiValues, tooManyValuesMessage, validateFormFilter };
 
 //# sourceMappingURL=filterHelpers.js.map

package/dist/src/components/filterform/useFilterField.cjs

@@ -3,7 +3,7 @@ const require_filterHelpers = require("./filterHelpers.cjs");
 let react = require("react");
 let react$1 = require_runtime.__toESM(react, 1);
 react = require_runtime.__toESM(react);
-//#region src/components/filterform/useFilterField.tsx
+// src/components/filterform/useFilterField.tsx
 var TypeToOperatorOptions = {
 	select: [
 		{
@@ -268,7 +268,6 @@ var useFilterField = ({ filterConfigs, filter: initialFilter }) => {
 		handleValuesChange
 	};
 };
-//#endregion
 exports.MultiValueTextOperatorOptions = MultiValueTextOperatorOptions;
 exports.TypeToOperatorOptions = TypeToOperatorOptions;
 exports.operatorOptionsFor = operatorOptionsFor;

package/dist/src/components/filterform/useFilterField.js

@@ -1,6 +1,6 @@
 import { isMultiValueTextOperator, normalizeMultiValues, validateFormFilter } from "./filterHelpers.js";
 import * as React from "react";
-//#region src/components/filterform/useFilterField.tsx
+// src/components/filterform/useFilterField.tsx
 var TypeToOperatorOptions = {
 	select: [
 		{
@@ -265,7 +265,6 @@ var useFilterField = ({ filterConfigs, filter: initialFilter }) => {
 		handleValuesChange
 	};
 };
-//#endregion
 export { MultiValueTextOperatorOptions, TypeToOperatorOptions, operatorOptionsFor, useFilterField };
 
 //# sourceMappingURL=useFilterField.js.map

package/dist/src/components/filterform/useFiltersForm.cjs

@@ -3,7 +3,7 @@ const require_filterHelpers = require("./filterHelpers.cjs");
 let react = require("react");
 let lodash_cloneDeep_js = require("lodash/cloneDeep.js");
 lodash_cloneDeep_js = require_runtime.__toESM(lodash_cloneDeep_js, 1);
-//#region src/components/filterform/useFiltersForm.ts
+// src/components/filterform/useFiltersForm.ts
 var copyFilterGroups = (filterGroups) => {
 	return (0, lodash_cloneDeep_js.default)(filterGroups);
 };
@@ -120,7 +120,6 @@ var useFiltersForm = ({ initialValues }) => {
 		isEmpty: filterGroups.length === 0 && (newFilter ? require_filterHelpers.isEmptyFormFilter(newFilter) : true)
 	};
 };
-//#endregion
 exports.useFiltersForm = useFiltersForm;
 
 //# sourceMappingURL=useFiltersForm.cjs.map

package/dist/src/components/filterform/useFiltersForm.js

@@ -1,7 +1,7 @@
 import { isEmptyFormFilter } from "./filterHelpers.js";
 import { useReducer } from "react";
 import cloneDeep from "lodash/cloneDeep.js";
-//#region src/components/filterform/useFiltersForm.ts
+// src/components/filterform/useFiltersForm.ts
 var copyFilterGroups = (filterGroups) => {
 	return cloneDeep(filterGroups);
 };
@@ -118,7 +118,6 @@ var useFiltersForm = ({ initialValues }) => {
 		isEmpty: filterGroups.length === 0 && (newFilter ? isEmptyFormFilter(newFilter) : true)
 	};
 };
-//#endregion
 export { useFiltersForm };
 
 //# sourceMappingURL=useFiltersForm.js.map

package/dist/src/components/form/Form.cjs

@@ -3,7 +3,7 @@ const require_FormItem = require("./FormItem.cjs");
 let antd = require("antd");
 let react_jsx_runtime = require("react/jsx-runtime");
 let formik = require("formik");
-//#region src/components/form/Form.tsx
+// src/components/form/Form.tsx
 var Form = ({ children, onFinish, onReset, ...props }) => {
 	const { handleSubmit, handleReset } = (0, formik.useFormikContext)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form, {
@@ -20,7 +20,6 @@ var Form = ({ children, onFinish, onReset, ...props }) => {
 	});
 };
 Form.Item = require_FormItem.FormItem;
-//#endregion
 exports.Form = Form;
 
 //# sourceMappingURL=Form.cjs.map

package/dist/src/components/form/Form.js

@@ -3,7 +3,7 @@ import { FormItem } from "./FormItem.js";
 import { Form } from "antd";
 import { jsx } from "react/jsx-runtime";
 import { useFormikContext } from "formik";
-//#region src/components/form/Form.tsx
+// src/components/form/Form.tsx
 var Form$1 = ({ children, onFinish, onReset, ...props }) => {
 	const { handleSubmit, handleReset } = useFormikContext();
 	return /* @__PURE__ */ jsx(Form, {
@@ -20,7 +20,6 @@ var Form$1 = ({ children, onFinish, onReset, ...props }) => {
 	});
 };
 Form$1.Item = FormItem;
-//#endregion
 export { Form$1 as Form };
 
 //# sourceMappingURL=Form.js.map

package/dist/src/components/form/FormItem.cjs

@@ -3,7 +3,7 @@ const require_FormikField = require("./FormikField.cjs");
 let antd = require("antd");
 let react_jsx_runtime = require("react/jsx-runtime");
 let formik = require("formik");
-//#region src/components/form/FormItem.tsx
+// src/components/form/FormItem.tsx
 var FormItem = ({ name, validate, children, showValidateSuccess, showInitialErrorAfterTouched = false, ...props }) => {
 	const form = (0, formik.useFormikContext)();
 	const error = (0, formik.getIn)(form.errors, name);
@@ -31,7 +31,6 @@ var FormItem = ({ name, validate, children, showValidateSuccess, showInitialErro
 		})
 	}) : item;
 };
-//#endregion
 exports.FormItem = FormItem;
 
 //# sourceMappingURL=FormItem.cjs.map

package/dist/src/components/form/FormItem.js

@@ -3,7 +3,7 @@ import { FormikField } from "./FormikField.js";
 import { Form } from "antd";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getIn, useFormikContext } from "formik";
-//#region src/components/form/FormItem.tsx
+// src/components/form/FormItem.tsx
 var FormItem = ({ name, validate, children, showValidateSuccess, showInitialErrorAfterTouched = false, ...props }) => {
 	const form = useFormikContext();
 	const error = getIn(form.errors, name);
@@ -31,7 +31,6 @@ var FormItem = ({ name, validate, children, showValidateSuccess, showInitialErro
 		})
 	}) : item;
 };
-//#endregion
 export { FormItem };
 
 //# sourceMappingURL=FormItem.js.map