@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16

package/dist/components/inputs/File/fileUpload.types.d.ts

@@ -1,96 +1,99 @@
-import { ReactNode, Ref } from 'react';
-import { DropZoneProps, FileTriggerProps } from 'react-aria-components';
-import { FieldValues } from '../shared/form.binding';
-import { ButtonProps } from '../../buttons/Button/Button';
-import { FormFieldProps } from '../FormField/FormField';
-import { ControlProps } from '../shared/form.types';
-import { ApplicationException, GeneralErrorCodes } from '../../../types/error-handling';
-export interface FileUploadVariant {
-    variant?: "vertical" | "horizontal";
+import { ButtonProps as ButtonProps$1 } from "../../buttons/Button/Button.js";
+import { FieldValues } from "../shared/form.binding.js";
+import { ControlProps } from "../shared/form.types.js";
+import { FormFieldProps } from "../FormField/FormField.js";
+import { ApplicationException, GeneralErrorCodes } from "../../../types/error-handling.js";
+import { ReactNode, Ref } from "react";
+import { DropZoneProps, FileTriggerProps } from "react-aria-components";
+//#region src/components/inputs/File/fileUpload.types.d.ts
+interface FileUploadVariant {
+  variant?: "vertical" | "horizontal";
 }
-export interface SingleFileUploadProps {
-    allowsMultiple?: false;
-    value?: FileUploadState | null;
-    onChange?: (file: File | null) => void;
-    defaultValue?: File | null;
-    onInvalidFileType?: (filename: string) => void;
+interface SingleFileUploadProps {
+  allowsMultiple?: false;
+  value?: FileUploadState | null;
+  onChange?: (file: File | null) => void;
+  defaultValue?: File | null;
+  onInvalidFileType?: (filename: string) => void;
 }
-export interface MultipleFileUploadProps {
-    allowsMultiple: true;
-    value?: FileUploadState[];
-    onChange?: (files: File[]) => void;
-    defaultValue?: File[];
-    onInvalidFileType?: (filenames: string[]) => void;
+interface MultipleFileUploadProps {
+  allowsMultiple: true;
+  value?: FileUploadState[];
+  onChange?: (files: File[]) => void;
+  defaultValue?: File[];
+  onInvalidFileType?: (filenames: string[]) => void;
 }
-export type GroupedFileUploadProps = MultipleFileUploadProps | SingleFileUploadProps;
-export type GroupedFileUploadControlProps<TFieldValues extends FieldValues> = ({
-    allowsMultiple: true;
+type GroupedFileUploadProps = MultipleFileUploadProps | SingleFileUploadProps;
+type GroupedFileUploadControlProps<TFieldValues extends FieldValues> = ({
+  allowsMultiple: true;
 } & ControlProps<MultipleFileUploadProps, TFieldValues>) | ({
-    allowsMultiple?: false;
+  allowsMultiple?: false;
 } & ControlProps<SingleFileUploadProps, TFieldValues>);
-export interface FileUploadResponse {
-    id: string;
-}
-export interface FileUploadRequest {
-    data: {
-        resourceName: string;
-        fileName: string;
-        fileSize: number;
-        method: string;
-    };
+interface FileUploadResponse {
+  id: string;
 }
-export interface DefaultFile {
-    name: string;
-    size: number;
-    type?: string;
-    id?: string;
+interface FileUploadRequest {
+  data: {
+    resourceName: string;
+    fileName: string;
+    fileSize: number;
+    method: string;
+  };
 }
-export 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>;
+interface DefaultFile {
+  name: string;
+  size: number;
+  type?: string;
+  id?: string;
 }
-export type FileUploadError = ApplicationException<GeneralErrorCodes>;
-export interface FileUploadState {
-    state: "idle" | "uploading" | "uploaded" | "error";
-    file?: File;
-    displayName?: string;
-    displaySize?: number;
-    displayType?: string;
-    src?: string;
-    id?: string;
-    progress?: number;
-    error?: FileUploadError;
+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;
 }
-export interface FileUploadContainerChildrenProps {
-    files: FileUploadState[];
-    onRemove: (id: string) => void;
-    onCancel: (index: number) => void;
+interface FileUploadContainerChildrenProps {
+  files: FileUploadState[];
+  onRemove: (id: string) => void;
+  onCancel: (index: number) => void;
 }
-export type FileUploadButtonProps = Omit<ButtonProps, "children" | "isDisabled" | "isSelected" | "onPress" | "toggle">;
-export 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;
+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;
-export type FileUploadProps<TFieldValues extends FieldValues = FieldValues> = FileUploadBaseProps & GroupedFileUploadControlProps<TFieldValues>;
-export type FileUploadContainerProps = (Omit<FileUploadBaseProps, "label" | "hideLabel" | "variant" | "as"> & SingleFileUploadProps) | (Omit<FileUploadBaseProps, "label" | "hideLabel" | "variant" | "as"> & MultipleFileUploadProps);
+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 { DefaultFile, FileUploadBaseProps, FileUploadButtonProps, FileUploadCallbacks, FileUploadContainerChildrenProps, FileUploadContainerProps, FileUploadError, FileUploadProps, FileUploadRequest, FileUploadResponse, FileUploadState, FileUploadVariant, GroupedFileUploadControlProps, GroupedFileUploadProps, MultipleFileUploadProps, SingleFileUploadProps };

package/dist/components/inputs/File/inputUpload.types.d.ts

@@ -1,37 +1,39 @@
-import { Ref } from 'react';
-import { DropZoneProps, FileTriggerProps } from 'react-aria-components';
-import { FieldValues } from '../shared/form.binding';
-import { FormFieldProps } from '../FormField/FormField';
-import { ControlProps } from '../shared/form.types';
-import { InputUploadButtonProps } from './shared/inputUploadButton.cva';
-import { InputSizeProps } from '../shared/input.cva';
-import { ButtonVariantProps } from '../../buttons/Button/button.cva.js';
-export interface SingleFileUploadProps {
-    allowsMultiple?: false;
-    value?: File | null;
-    onChange?: (file: File | null) => void;
-    defaultValue?: File | null;
-    onInvalidFileType?: (filename: string) => void;
+import "../../buttons/Button/button.cva.js";
+import { FieldValues } from "../shared/form.binding.js";
+import { ControlProps } from "../shared/form.types.js";
+import { InputSizeProps } from "../shared/input.cva.js";
+import { FormFieldProps } from "../FormField/FormField.js";
+import { InputUploadButtonProps } from "./shared/inputUploadButton.cva.js";
+import { Ref } from "react";
+import { DropZoneProps, FileTriggerProps } from "react-aria-components";
+//#region src/components/inputs/File/inputUpload.types.d.ts
+interface SingleFileUploadProps {
+  allowsMultiple?: false;
+  value?: File | null;
+  onChange?: (file: File | null) => void;
+  defaultValue?: File | null;
+  onInvalidFileType?: (filename: string) => void;
 }
-export interface MultipleFileUploadProps {
-    allowsMultiple: true;
-    value?: File[];
-    onChange?: (files: File[]) => void;
-    defaultValue?: File[];
-    onInvalidFileType?: (filenames: string[]) => void;
+interface MultipleFileUploadProps {
+  allowsMultiple: true;
+  value?: File[];
+  onChange?: (files: File[]) => void;
+  defaultValue?: File[];
+  onInvalidFileType?: (filenames: string[]) => void;
 }
-export type GroupedFileUploadProps = MultipleFileUploadProps | SingleFileUploadProps;
-export type GroupedFileUploadControlProps<TFieldValues extends FieldValues> = ({
-    allowsMultiple: true;
+type GroupedFileUploadProps = MultipleFileUploadProps | SingleFileUploadProps;
+type GroupedFileUploadControlProps<TFieldValues extends FieldValues> = ({
+  allowsMultiple: true;
 } & ControlProps<MultipleFileUploadProps, TFieldValues>) | ({
-    allowsMultiple?: false;
+  allowsMultiple?: false;
 } & ControlProps<SingleFileUploadProps, TFieldValues>);
-export type InputUploadBaseProps = {
-    ref?: Ref<HTMLElement>;
-    label?: string;
-    className?: string;
-    placeholder?: string;
-    buttonText?: string;
+type InputUploadBaseProps = {
+  ref?: Ref<HTMLElement>;
+  label?: string;
+  className?: string;
+  placeholder?: string;
+  buttonText?: string;
 } & FormFieldProps & InputUploadButtonProps & Omit<FileTriggerProps, "children" | "onSelect" | "allowsMultiple"> & Omit<DropZoneProps, "children" | "onDrop"> & GroupedFileUploadProps & Pick<InputSizeProps, "size">;
-export type InputUploadProps<TFieldValues extends FieldValues = FieldValues> = InputUploadBaseProps & GroupedFileUploadControlProps<TFieldValues>;
-export declare const inputButtonSizeMapping: Record<NonNullable<InputSizeProps["size"]>, ButtonVariantProps["size"]>;
+type InputUploadProps<TFieldValues extends FieldValues = FieldValues> = InputUploadBaseProps & GroupedFileUploadControlProps<TFieldValues>;
+//#endregion
+export { GroupedFileUploadControlProps, GroupedFileUploadProps, InputUploadBaseProps, InputUploadProps, MultipleFileUploadProps, SingleFileUploadProps };

package/dist/components/inputs/File/inputUpload.types.js

@@ -1,5 +1,5 @@
 //#region src/components/inputs/File/inputUpload.types.ts
-var inputButtonSizeMapping = {
+const inputButtonSizeMapping = {
 	"extra-small": "xs",
 	small: "s",
 	default: "m",

package/dist/components/inputs/File/shared/FileCard.js

@@ -2,120 +2,57 @@ import { FileUploadContentError } from "./FileUploadContentError.js";
 import { FileUploadContentFilled } from "./FileUploadContentFilled.js";
 import { FileUploadContentLoading } from "./FileUploadContentLoading.js";
 import { clsx } from "clsx";
-import { c } from "react/compiler-runtime";
+import { memo, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/File/shared/FileCard.tsx
-var FileCard = (t0) => {
-	const $ = c(31);
-	const { index, as, state, onRemove, isDisabled, browseButtonProps, cancelButtonProps, onCancel } = t0;
-	let t1;
-	bb0: {
-		if (state.state === "uploading") {
-			let t2;
-			if ($[0] !== index || $[1] !== onCancel) {
-				t2 = () => onCancel?.(index);
-				$[0] = index;
-				$[1] = onCancel;
-				$[2] = t2;
-			} else t2 = $[2];
-			let t3;
-			if ($[3] !== as || $[4] !== cancelButtonProps || $[5] !== index || $[6] !== isDisabled || $[7] !== state || $[8] !== t2) {
-				t3 = /* @__PURE__ */ jsx(FileUploadContentLoading, {
-					index,
-					variant: "horizontal",
-					as,
-					isDisabled,
-					state,
-					cancelButtonProps,
-					onCancel: t2
-				});
-				$[3] = as;
-				$[4] = cancelButtonProps;
-				$[5] = index;
-				$[6] = isDisabled;
-				$[7] = state;
-				$[8] = t2;
-				$[9] = t3;
-			} else t3 = $[9];
-			t1 = t3;
-			break bb0;
-		}
-		if (state.state === "error") {
-			let t2;
-			if ($[10] !== index || $[11] !== onCancel) {
-				t2 = () => {
-					onCancel?.(index);
-				};
-				$[10] = index;
-				$[11] = onCancel;
-				$[12] = t2;
-			} else t2 = $[12];
-			let t3;
-			if ($[13] !== as || $[14] !== browseButtonProps || $[15] !== isDisabled || $[16] !== state || $[17] !== t2) {
-				t3 = /* @__PURE__ */ jsx(FileUploadContentError, {
-					as,
-					removeWithIcon: true,
-					variant: "horizontal",
-					isDisabled,
-					state,
-					browseButtonProps,
-					onRemove: t2
-				});
-				$[13] = as;
-				$[14] = browseButtonProps;
-				$[15] = isDisabled;
-				$[16] = state;
-				$[17] = t2;
-				$[18] = t3;
-			} else t3 = $[18];
-			t1 = t3;
-			break bb0;
-		}
-		let t2;
-		if ($[19] !== onRemove || $[20] !== state.id) {
-			t2 = () => {
+const FileCardComponent = ({ index, as, state, onRemove, isDisabled, browseButtonProps, cancelButtonProps, onCancel }) => {
+	const content = useMemo(() => {
+		if (state.state === "uploading") return /* @__PURE__ */ jsx(FileUploadContentLoading, {
+			index,
+			variant: "horizontal",
+			as,
+			isDisabled,
+			state,
+			cancelButtonProps,
+			onCancel: () => onCancel?.(index)
+		});
+		if (state.state === "error") return /* @__PURE__ */ jsx(FileUploadContentError, {
+			as,
+			removeWithIcon: true,
+			variant: "horizontal",
+			isDisabled,
+			state,
+			browseButtonProps,
+			onRemove: () => {
+				onCancel?.(index);
+			}
+		});
+		return /* @__PURE__ */ jsx(FileUploadContentFilled, {
+			as,
+			removeWithIcon: true,
+			variant: "horizontal",
+			isDisabled,
+			state,
+			browseButtonProps,
+			onRemove: () => {
 				onRemove?.(state.id ?? "");
-			};
-			$[19] = onRemove;
-			$[20] = state.id;
-			$[21] = t2;
-		} else t2 = $[21];
-		let t3;
-		if ($[22] !== as || $[23] !== browseButtonProps || $[24] !== isDisabled || $[25] !== state || $[26] !== t2) {
-			t3 = /* @__PURE__ */ jsx(FileUploadContentFilled, {
-				as,
-				removeWithIcon: true,
-				variant: "horizontal",
-				isDisabled,
-				state,
-				browseButtonProps,
-				onRemove: t2
-			});
-			$[22] = as;
-			$[23] = browseButtonProps;
-			$[24] = isDisabled;
-			$[25] = state;
-			$[26] = t2;
-			$[27] = t3;
-		} else t3 = $[27];
-		t1 = t3;
-	}
-	const content = t1;
-	let t2;
-	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = clsx("flex items-center self-stretch", "bg-elevation-fill-default-1", "px-file-upload-file-card-side-default", "py-4", "rounded-file-upload-file-card-rounding-default border border-elevation-outline-default-1 border-solid");
-		$[28] = t2;
-	} else t2 = $[28];
-	let t3;
-	if ($[29] !== content) {
-		t3 = /* @__PURE__ */ jsx("div", {
-			className: t2,
-			children: content
+			}
 		});
-		$[29] = content;
-		$[30] = t3;
-	} else t3 = $[30];
-	return t3;
+	}, [
+		state,
+		index,
+		as,
+		isDisabled,
+		browseButtonProps,
+		cancelButtonProps,
+		onCancel,
+		onRemove
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("flex items-center self-stretch", "bg-elevation-fill-default-1", "px-file-upload-file-card-side-default", "py-4", "rounded-file-upload-file-card-rounding-default border border-elevation-outline-default-1 border-solid"),
+		children: content
+	});
 };
+const FileCard = memo(FileCardComponent);
 //#endregion
 export { FileCard };

package/dist/components/inputs/File/shared/FileCardList.js

@@ -1,60 +1,22 @@
 import { FileCard } from "./FileCard.js";
 import { clsx } from "clsx";
-import { c } from "react/compiler-runtime";
+import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/File/shared/FileCardList.tsx
-var FileCardList = (t0) => {
-	const $ = c(20);
-	const { uploadState, as, isDisabled, browseButtonProps, cancelButtonProps, className, onRemove, onCancel } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = clsx("mt-10 flex flex-col items-start gap-4 self-stretch", className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== as || $[3] !== browseButtonProps || $[4] !== cancelButtonProps || $[5] !== isDisabled || $[6] !== onCancel || $[7] !== onRemove || $[8] !== uploadState) {
-		let t3;
-		if ($[10] !== as || $[11] !== browseButtonProps || $[12] !== cancelButtonProps || $[13] !== isDisabled || $[14] !== onCancel || $[15] !== onRemove) {
-			t3 = (state, index) => /* @__PURE__ */ jsx(FileCard, {
-				index,
-				as,
-				state,
-				isDisabled,
-				browseButtonProps,
-				cancelButtonProps,
-				onRemove,
-				onCancel
-			}, state.file?.name ?? state.displayName ?? state.id ?? state.src);
-			$[10] = as;
-			$[11] = browseButtonProps;
-			$[12] = cancelButtonProps;
-			$[13] = isDisabled;
-			$[14] = onCancel;
-			$[15] = onRemove;
-			$[16] = t3;
-		} else t3 = $[16];
-		t2 = uploadState.map(t3);
-		$[2] = as;
-		$[3] = browseButtonProps;
-		$[4] = cancelButtonProps;
-		$[5] = isDisabled;
-		$[6] = onCancel;
-		$[7] = onRemove;
-		$[8] = uploadState;
-		$[9] = t2;
-	} else t2 = $[9];
-	let t3;
-	if ($[17] !== t1 || $[18] !== t2) {
-		t3 = /* @__PURE__ */ jsx("div", {
-			className: t1,
-			children: t2
-		});
-		$[17] = t1;
-		$[18] = t2;
-		$[19] = t3;
-	} else t3 = $[19];
-	return t3;
-};
+const FileCardList = memo(({ uploadState, as, isDisabled, browseButtonProps, cancelButtonProps, className, onRemove, onCancel }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("mt-10 flex flex-col items-start gap-4 self-stretch", className),
+		children: uploadState.map((state, index) => /* @__PURE__ */ jsx(FileCard, {
+			index,
+			as,
+			state,
+			isDisabled,
+			browseButtonProps,
+			cancelButtonProps,
+			onRemove,
+			onCancel
+		}, state.file?.name ?? state.displayName ?? state.id ?? state.src))
+	});
+});
 //#endregion
 export { FileCardList };