@povio/ui 3.4.0-rc.9 → 4.0.0-rc.2

package/dist/exports-DUKqxyno.js

@@ -0,0 +1,20 @@
+import "react-aria/CollectionBuilder";
+import "react-aria/Collection";
+import { useLocale as $a3be900807531178$re_export$useLocale } from "react-aria/I18nProvider";
+import "react-aria/VisuallyHidden";
+import "react-stately/private/form/useFormValidationState";
+import "react-stately/Color";
+import { useFilter as $a3be900807531178$re_export$useFilter } from "react-aria/useFilter";
+import "react-aria/useDrop";
+import "react-aria/SSRProvider";
+import { ListLayout as $a3be900807531178$re_export$ListLayout, Rect as $a3be900807531178$re_export$Rect } from "react-stately/useVirtualizerState";
+import "react-stately/useTokenFieldState";
+import "react-stately/useToastState";
+import "react-aria/useDrag";
+import "react-aria/private/utils/openLink";
+import "react-aria/Pressable";
+import { Focusable as $a3be900807531178$re_export$Focusable } from "react-aria/Focusable";
+import "react-stately/useListData";
+import "react-stately/useTreeData";
+import "react-stately/useAsyncList";
+export { $a3be900807531178$re_export$useLocale as a, $a3be900807531178$re_export$useFilter as i, $a3be900807531178$re_export$ListLayout as n, $a3be900807531178$re_export$Rect as r, $a3be900807531178$re_export$Focusable as t };

package/dist/fieldAdapter-BaQgRGA9.js

@@ -0,0 +1,61 @@
+import { t as UIConfig } from "./uiConfig.context-BvBsrMFI.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+//#region src/rhf/entry.utils.tsx
+const runtime = (component) => component;
+const useFireBlurOnChange = (props, key) => {
+	const $ = c(3);
+	const config = UIConfig.useConfig();
+	const t0 = props.fireBlurOnChange ?? config[key].fireBlurOnChange;
+	let t1;
+	if ($[0] !== props || $[1] !== t0) {
+		t1 = {
+			...props,
+			fireBlurOnChange: t0
+		};
+		$[0] = props;
+		$[1] = t0;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
+//#endregion
+//#region src/rhf/fieldAdapter.tsx
+function renderRHFField(Component, props, valueKey = "value", blurValueTransform = (value) => value) {
+	if (!("formControl" in props)) {
+		const { fireBlurOnChange, ...componentProps } = props;
+		const runtimeProps = componentProps;
+		return /* @__PURE__ */ jsx(Component, {
+			...runtimeProps,
+			onChange: (value) => {
+				runtimeProps.onChange?.(value);
+				if (fireBlurOnChange) runtimeProps.onBlur?.({ target: { value: blurValueTransform(value) } });
+			}
+		});
+	}
+	const { fireBlurOnChange, formControl, ...componentProps } = props;
+	const runtimeProps = componentProps;
+	return /* @__PURE__ */ jsx(Controller, {
+		control: formControl.control,
+		name: formControl.name,
+		render: ({ field, fieldState }) => {
+			const valueProps = { [valueKey]: field.value ?? (valueKey === "isSelected" ? false : null) };
+			return /* @__PURE__ */ jsx(Component, {
+				...componentProps,
+				...valueProps,
+				ref: field.ref,
+				onChange: (value) => {
+					field.onChange(value ?? null);
+					if (fireBlurOnChange) field.onBlur();
+				},
+				onBlur: field.onBlur,
+				isDisabled: field.disabled || runtimeProps.isDisabled,
+				isDirty: fieldState.isDirty,
+				error: runtimeProps.error ?? fieldState.error?.message
+			});
+		}
+	});
+}
+//#endregion
+export { runtime as n, useFireBlurOnChange as r, renderRHFField as t };

package/dist/fieldAdapter-C4sDFC8f.d.ts

@@ -0,0 +1,9 @@
+import "./form.types-ZNGbcqJS.js";
+import { ComponentType, ReactNode } from "react";
+import { FieldValues } from "react-hook-form";
+//#region src/rhf/fieldAdapter.d.ts
+interface FireBlurOnChangeProps {
+  fireBlurOnChange?: boolean;
+}
+//#endregion
+export { FireBlurOnChangeProps as t };

package/dist/file-input-D-46wS5j.d.ts

@@ -0,0 +1,9 @@
+import { n as FileInputBaseProps } from "./FileInput-CI8D_wf_.js";
+import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
+import { FieldValues } from "react-hook-form";
+//#region src/entries/rhf/file-input.d.ts
+type FileInputProps<T extends FieldValues> = ControlProps<FileInputBaseProps, T>;
+type RHFFileInputProps<T extends FieldValues> = FileInputProps<T>;
+declare const FileInput: <T extends FieldValues>(props: FileInputProps<T>) => import("react").ReactNode;
+//#endregion
+export { FileInputProps as n, RHFFileInputProps as r, FileInput as t };

package/dist/file-upload-BG20Bhrn.d.ts

@@ -0,0 +1,10 @@
+import { n as FileUploadBaseProps } from "./fileUpload.types-xFzuCT_m.js";
+import "./FileUpload-BrnJdN3M.js";
+import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
+import { FieldValues } from "react-hook-form";
+//#region src/entries/rhf/file-upload.d.ts
+type FileUploadProps<T extends FieldValues> = ControlProps<FileUploadBaseProps, T>;
+type RHFFileUploadProps<T extends FieldValues> = FileUploadProps<T>;
+declare const FileUpload: <T extends FieldValues>(props: FileUploadProps<T>) => import("react").ReactNode;
+//#endregion
+export { FileUploadProps as n, RHFFileUploadProps as r, FileUpload as t };

package/dist/file.utils-Crb-mIHs.d.ts

@@ -0,0 +1,21 @@
+//#region src/utils/file.utils.d.ts
+type ResponseHeaders = Headers | Record<string, unknown>;
+type BlobResponse = {
+  data: Blob;
+  headers?: ResponseHeaders;
+};
+declare namespace FileUtils {
+  const extractContentDispositionFilename: (headers?: ResponseHeaders) => string | undefined;
+  const getObjectUrl: (data: Blob | BlobResponse, revokeTimeoutMs?: number) => string;
+  const openFile: (data: Blob | BlobResponse, target?: string, revokeTimeoutMs?: number) => void;
+  const downloadFile: (data: Blob | BlobResponse, fileName?: string, revokeTimeoutMs?: number) => void;
+  const isFileTypeAccepted: (file: File, fileTypes?: readonly string[] | string[]) => boolean;
+  const getCalculatedFileSize: (file?: File) => string;
+  const getFileDisplaySize: (state: {
+    file?: File;
+    displaySize?: number;
+  }) => string;
+  const formatBytes: (size: number, decimals?: number) => string;
+}
+//#endregion
+export { FileUtils as t };

package/dist/file.utils-DqQxnuAm.js

@@ -0,0 +1,61 @@
+//#region src/utils/file.utils.ts
+const isBlobResponse = (data) => !(data instanceof Blob);
+const getHeader = (headers, name) => {
+	if (!headers) return;
+	if (headers instanceof Headers) return headers.get(name) ?? void 0;
+	const matchingKey = Object.keys(headers).find((key) => key.toLowerCase() === name.toLowerCase());
+	const value = matchingKey ? headers[matchingKey] : void 0;
+	return typeof value === "string" ? value : void 0;
+};
+let FileUtils;
+(function(_FileUtils) {
+	const extractContentDispositionFilename = _FileUtils.extractContentDispositionFilename = (headers) => {
+		const contentDisposition = getHeader(headers, "content-disposition");
+		return contentDisposition ? /filename=["']?([^"';]+)/iu.exec(contentDisposition)?.[1] : void 0;
+	};
+	const getObjectUrl = _FileUtils.getObjectUrl = (data, revokeTimeoutMs = 4e4) => {
+		const url = URL.createObjectURL(isBlobResponse(data) ? data.data : data);
+		setTimeout(() => URL.revokeObjectURL(url), revokeTimeoutMs);
+		return url;
+	};
+	_FileUtils.openFile = (data, target = "_blank", revokeTimeoutMs) => {
+		const url = getObjectUrl(data, revokeTimeoutMs);
+		window.open(url, target);
+	};
+	_FileUtils.downloadFile = (data, fileName, revokeTimeoutMs) => {
+		const url = getObjectUrl(data, revokeTimeoutMs);
+		const contentDispositionFileName = isBlobResponse(data) ? extractContentDispositionFilename(data.headers) : void 0;
+		const a = document.createElement("a");
+		a.download = fileName ?? contentDispositionFileName ?? "download";
+		a.rel = "noopener";
+		a.href = url;
+		setTimeout(() => a.dispatchEvent(new MouseEvent("click")));
+	};
+	_FileUtils.isFileTypeAccepted = (file, fileTypes) => {
+		if (!fileTypes || fileTypes.length === 0) return true;
+		return fileTypes.some((type) => {
+			if (type.includes("/")) return file.type === type || type.endsWith("/*") && file.type.startsWith(type.slice(0, -1));
+			return file.name.toLowerCase().endsWith(type.toLowerCase());
+		});
+	};
+	const getCalculatedFileSize = _FileUtils.getCalculatedFileSize = (file) => {
+		if (!file) return "";
+		if (file.size < 1024) return `${file.size} B`;
+		if (file.size < 1048576) return `${(file.size / 1024).toFixed(2)} KB`;
+		if (file.size < 1073741824) return `${(file.size / 1024 / 1024).toFixed(2)} MB`;
+		return `${(file.size / 1024 / 1024 / 1024).toFixed(2)} GB`;
+	};
+	_FileUtils.getFileDisplaySize = (state) => {
+		if (state.file) return getCalculatedFileSize(state.file);
+		if (state.displaySize != null) return formatBytes(state.displaySize);
+		return "";
+	};
+	const formatBytes = _FileUtils.formatBytes = (size, decimals = 2) => {
+		if (size < 1024) return `${size} B`;
+		if (size < 1048576) return `${(size / 1024).toFixed(decimals)} KB`;
+		if (size < 1073741824) return `${(size / 1024 / 1024).toFixed(decimals)} MB`;
+		return `${(size / 1024 / 1024 / 1024).toFixed(decimals)} GB`;
+	};
+})(FileUtils || (FileUtils = {}));
+//#endregion
+export { FileUtils as t };

package/dist/fileUpload.types-xFzuCT_m.d.ts

@@ -0,0 +1,110 @@
+import { i as ButtonProps$1 } from "./Button-DTNjsGx5.js";
+import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
+import { t as ControlProps } from "./form.types-CecYaerF.js";
+import { n as FormFieldProps } from "./FormField-DTDj3F0A.js";
+import { ReactNode, Ref } from "react";
+import { DropZoneProps, FileTriggerProps } from "react-aria-components";
+//#region src/types/error-handling.d.ts
+type GeneralErrorCodes = "DATA_VALIDATION_ERROR" | "NETWORK_ERROR" | "CANCELED_ERROR" | "INTERNAL_ERROR" | "UNKNOWN_ERROR";
+declare class ApplicationException<CodeT> extends Error {
+  code: CodeT;
+  serverMessage: string | null;
+  constructor(message: string, code: CodeT, serverMessage: string | null);
+}
+//#endregion
+//#region src/components/inputs/File/fileUpload.types.d.ts
+interface FileUploadVariant {
+  variant?: "vertical" | "horizontal";
+}
+interface SingleFileUploadProps {
+  allowsMultiple?: false;
+  /** Standard alias for React Aria's `allowsMultiple`. */
+  multiple?: false;
+  value?: FileUploadState | null;
+  onChange?: (file: File | null) => void;
+  defaultValue?: File | null;
+  onInvalidFileType?: (filename: string) => void;
+}
+interface MultipleFileUploadProps {
+  allowsMultiple: true;
+  /** Standard alias for React Aria's `allowsMultiple`. */
+  multiple?: true;
+  value?: FileUploadState[];
+  onChange?: (files: File[]) => void;
+  defaultValue?: File[];
+  onInvalidFileType?: (filenames: string[]) => void;
+}
+type GroupedFileUploadProps = MultipleFileUploadProps | SingleFileUploadProps;
+type GroupedFileUploadControlProps<TFieldValues extends FieldValues> = ({
+  allowsMultiple: true;
+} & ControlProps<MultipleFileUploadProps, TFieldValues>) | ({
+  allowsMultiple?: false;
+} & ControlProps<SingleFileUploadProps, TFieldValues>);
+interface FileUploadResponse {
+  id: string;
+}
+interface FileUploadRequest {
+  data: {
+    resourceName: string;
+    fileName: string;
+    fileSize: number;
+    method: string;
+  };
+}
+interface DefaultFile {
+  name: string;
+  size: number;
+  type?: string;
+  id?: string;
+}
+interface FileUploadCallbacks {
+  fileUpload?: (request: FileUploadRequest, file: File, options?: {
+    abortController?: AbortController;
+    onUploadProgress?: ({ loaded, total }: {
+      loaded: number;
+      total: number;
+    }) => void;
+  }) => Promise<FileUploadResponse>;
+  fileRemove?: ({ id }: {
+    id: string;
+  }) => Promise<void>;
+}
+type FileUploadError = ApplicationException<GeneralErrorCodes>;
+interface FileUploadState {
+  state: "idle" | "uploading" | "uploaded" | "error";
+  file?: File;
+  displayName?: string;
+  displaySize?: number;
+  displayType?: string;
+  src?: string;
+  id?: string;
+  progress?: number;
+  error?: FileUploadError;
+  abortController?: AbortController;
+}
+interface FileUploadContainerChildrenProps {
+  files: FileUploadState[];
+  onRemove: (id: string) => void;
+  onCancel: (index: number) => void;
+}
+type FileUploadButtonProps = Omit<ButtonProps$1, "children" | "isDisabled" | "isSelected" | "onPress" | "toggle">;
+type FileUploadBaseProps = {
+  as?: "button" | "link";
+  ref?: Ref<HTMLElement>;
+  label?: string;
+  className?: string;
+  emptyText?: string;
+  uploadText?: string;
+  browseText?: string;
+  value?: FileUploadState[];
+  defaultState?: DefaultFile[];
+  clearOnSuccess?: boolean;
+  children?: (props: FileUploadContainerChildrenProps) => ReactNode;
+  listRenderer?: (props: FileUploadContainerChildrenProps) => ReactNode;
+  browseButtonProps?: FileUploadButtonProps;
+  cancelButtonProps?: FileUploadButtonProps;
+} & FormFieldProps & FileUploadVariant & Omit<FileTriggerProps, "children" | "onSelect" | "allowsMultiple" | "value"> & Omit<DropZoneProps, "children" | "onDrop" | "value"> & GroupedFileUploadProps & FileUploadCallbacks;
+type FileUploadProps<TFieldValues extends FieldValues = FieldValues> = FileUploadBaseProps & GroupedFileUploadControlProps<TFieldValues>;
+type FileUploadContainerProps = (Omit<FileUploadBaseProps, "label" | "hideLabel" | "variant" | "as"> & SingleFileUploadProps) | (Omit<FileUploadBaseProps, "label" | "hideLabel" | "variant" | "as"> & MultipleFileUploadProps);
+//#endregion
+export { FileUploadError as a, FileUploadResponse as c, FileUploadContainerProps as i, FileUploadState as l, FileUploadBaseProps as n, FileUploadProps as o, FileUploadButtonProps as r, FileUploadRequest as s, DefaultFile as t };