@pixpilot/formily-shadcn 0.6.0 → 0.8.1

package/dist/utils/resolve-responsive-space.cjs

@@ -1 +1,131 @@
-const e={compact:`sm`,normal:`md`,comfortable:`lg`},t={sm:`space-y-3`,md:`space-y-4`,lg:`space-y-6`},n={sm:`gap-y-3`,md:`gap-y-4`,lg:`gap-y-6`},r=`space-y-3 md:space-y-4 lg:space-y-6`,i=`gap-y-3 md:gap-y-4 lg:gap-y-6`;function a(e){return e===`responsive`}function o(t){if(t){if(t.responsive)return t.responsive.desktop||t.responsive.tablet||t.responsive.mobile||`lg`;if(!a(t.density)&&t.density&&!a(t.density))return e[t.density]}}function s(e){return t[e]}function c(e){if(!e||a(e.density))return r;if(e.responsive&&!a(e.density)){let t=o(e);return t?s(t):r}let t=o(e);return t?s(t):r}function l(e){return n[e]}function u(e){if(!e||a(e.density))return i;if(e.responsive&&!a(e.density)){let t=o(e);return t?l(t):i}let t=o(e);return t?l(t):i}exports.autoResponsiveGapClasses=i,exports.autoResponsiveSpaceClasses=r,exports.getGapClass=l,exports.getSpaceClass=s,exports.isResponsiveDensity=a,exports.resolveResponsiveGapClass=u,exports.resolveResponsiveSpace=o,exports.resolveResponsiveSpaceClass=c;
+
+//#region src/utils/resolve-responsive-space.ts
+/**
+* Density-based space mapping
+* Maps density levels to Tailwind space utilities
+*/
+const densitySpaceMap = {
+	compact: "sm",
+	normal: "md",
+	comfortable: "lg"
+};
+/**
+* Space to Tailwind space-y class mapping
+* Converts space values to actual Tailwind utilities
+*/
+const spaceClassMap = {
+	sm: "space-y-3",
+	md: "space-y-4",
+	lg: "space-y-6"
+};
+/**
+* Space to Tailwind gap class mapping
+* Converts space values to gap utilities for grid/flex containers
+*/
+const gapClassMap = {
+	sm: "gap-y-3",
+	md: "gap-y-4",
+	lg: "gap-y-6"
+};
+/**
+* Responsive breakpoint classes for responsive density mode
+* - Mobile (default): compact (space-y-3)
+* - Tablet (md:): normal (space-y-4)
+* - Desktop (lg:): comfortable (space-y-6)
+*/
+const autoResponsiveSpaceClasses = "space-y-3 md:space-y-4 lg:space-y-6";
+/**
+* Responsive breakpoint classes for responsive density mode using gap
+* - Mobile (default): compact (gap-y-3)
+* - Tablet (md:): normal (gap-y-4)
+* - Desktop (lg:): comfortable (gap-y-6)
+*/
+const autoResponsiveGapClasses = "gap-y-3 md:gap-y-4 lg:gap-y-6";
+/**
+* Checks if density is responsive mode
+*
+* @param density - Density value
+* @returns true if density is 'responsive'
+*/
+function isResponsiveDensity(density) {
+	return density === "responsive";
+}
+/**
+* Resolves responsive space value from FormSpace configuration
+* Priority:
+* 1. If responsive is set → use it (ignore density)
+* 2. If density is 'responsive' → return undefined (handled separately with responsive classes)
+* 3. If only other density is set → use density-based mapping
+* 4. Default to undefined (responsive mode)
+*
+* @param formSpace - FormSpace configuration
+* @returns Space value ('sm' | 'md' | 'lg') or undefined for responsive mode
+*/
+function resolveResponsiveSpace(formSpace) {
+	if (!formSpace) return;
+	if (formSpace.responsive) return formSpace.responsive.desktop || formSpace.responsive.tablet || formSpace.responsive.mobile || "lg";
+	if (isResponsiveDensity(formSpace.density)) return;
+	if (formSpace.density && !isResponsiveDensity(formSpace.density)) return densitySpaceMap[formSpace.density];
+}
+/**
+* Gets the Tailwind class for a given space value
+*
+* @param space - Space value
+* @returns Tailwind utility class
+*/
+function getSpaceClass(space) {
+	return spaceClassMap[space];
+}
+/**
+* Resolves responsive space and returns the Tailwind class(es)
+* For responsive density, returns responsive breakpoint classes
+* For fixed density, returns single space class
+*
+* @param formSpace - FormSpace configuration
+* @returns Tailwind utility class(es)
+*/
+function resolveResponsiveSpaceClass(formSpace) {
+	if (!formSpace || isResponsiveDensity(formSpace.density)) return autoResponsiveSpaceClasses;
+	if (formSpace.responsive && !isResponsiveDensity(formSpace.density)) {
+		const space$1 = resolveResponsiveSpace(formSpace);
+		return space$1 ? getSpaceClass(space$1) : autoResponsiveSpaceClasses;
+	}
+	const space = resolveResponsiveSpace(formSpace);
+	return space ? getSpaceClass(space) : autoResponsiveSpaceClasses;
+}
+/**
+* Gets the Tailwind gap class for a given space value
+*
+* @param space - Space value
+* @returns Tailwind utility gap class
+*/
+function getGapClass(space) {
+	return gapClassMap[space];
+}
+/**
+* Resolves responsive space and returns the Tailwind gap class(es)
+* For responsive density, returns responsive breakpoint classes
+* For fixed density, returns single gap class
+*
+* @param formSpace - FormSpace configuration
+* @returns Tailwind utility gap class(es)
+*/
+function resolveResponsiveGapClass(formSpace) {
+	if (!formSpace || isResponsiveDensity(formSpace.density)) return autoResponsiveGapClasses;
+	if (formSpace.responsive && !isResponsiveDensity(formSpace.density)) {
+		const space$1 = resolveResponsiveSpace(formSpace);
+		return space$1 ? getGapClass(space$1) : autoResponsiveGapClasses;
+	}
+	const space = resolveResponsiveSpace(formSpace);
+	return space ? getGapClass(space) : autoResponsiveGapClasses;
+}
+
+//#endregion
+exports.autoResponsiveGapClasses = autoResponsiveGapClasses;
+exports.autoResponsiveSpaceClasses = autoResponsiveSpaceClasses;
+exports.getGapClass = getGapClass;
+exports.getSpaceClass = getSpaceClass;
+exports.isResponsiveDensity = isResponsiveDensity;
+exports.resolveResponsiveGapClass = resolveResponsiveGapClass;
+exports.resolveResponsiveSpace = resolveResponsiveSpace;
+exports.resolveResponsiveSpaceClass = resolveResponsiveSpaceClass;

package/dist/utils/resolve-responsive-space.js

@@ -1 +1,123 @@
-const e={compact:`sm`,normal:`md`,comfortable:`lg`},t={sm:`space-y-3`,md:`space-y-4`,lg:`space-y-6`},n={sm:`gap-y-3`,md:`gap-y-4`,lg:`gap-y-6`},r=`space-y-3 md:space-y-4 lg:space-y-6`,i=`gap-y-3 md:gap-y-4 lg:gap-y-6`;function a(e){return e===`responsive`}function o(t){if(t){if(t.responsive)return t.responsive.desktop||t.responsive.tablet||t.responsive.mobile||`lg`;if(!a(t.density)&&t.density&&!a(t.density))return e[t.density]}}function s(e){return t[e]}function c(e){if(!e||a(e.density))return r;if(e.responsive&&!a(e.density)){let t=o(e);return t?s(t):r}let t=o(e);return t?s(t):r}function l(e){return n[e]}function u(e){if(!e||a(e.density))return i;if(e.responsive&&!a(e.density)){let t=o(e);return t?l(t):i}let t=o(e);return t?l(t):i}export{i as autoResponsiveGapClasses,r as autoResponsiveSpaceClasses,l as getGapClass,s as getSpaceClass,a as isResponsiveDensity,u as resolveResponsiveGapClass,o as resolveResponsiveSpace,c as resolveResponsiveSpaceClass};
+//#region src/utils/resolve-responsive-space.ts
+/**
+* Density-based space mapping
+* Maps density levels to Tailwind space utilities
+*/
+const densitySpaceMap = {
+	compact: "sm",
+	normal: "md",
+	comfortable: "lg"
+};
+/**
+* Space to Tailwind space-y class mapping
+* Converts space values to actual Tailwind utilities
+*/
+const spaceClassMap = {
+	sm: "space-y-3",
+	md: "space-y-4",
+	lg: "space-y-6"
+};
+/**
+* Space to Tailwind gap class mapping
+* Converts space values to gap utilities for grid/flex containers
+*/
+const gapClassMap = {
+	sm: "gap-y-3",
+	md: "gap-y-4",
+	lg: "gap-y-6"
+};
+/**
+* Responsive breakpoint classes for responsive density mode
+* - Mobile (default): compact (space-y-3)
+* - Tablet (md:): normal (space-y-4)
+* - Desktop (lg:): comfortable (space-y-6)
+*/
+const autoResponsiveSpaceClasses = "space-y-3 md:space-y-4 lg:space-y-6";
+/**
+* Responsive breakpoint classes for responsive density mode using gap
+* - Mobile (default): compact (gap-y-3)
+* - Tablet (md:): normal (gap-y-4)
+* - Desktop (lg:): comfortable (gap-y-6)
+*/
+const autoResponsiveGapClasses = "gap-y-3 md:gap-y-4 lg:gap-y-6";
+/**
+* Checks if density is responsive mode
+*
+* @param density - Density value
+* @returns true if density is 'responsive'
+*/
+function isResponsiveDensity(density) {
+	return density === "responsive";
+}
+/**
+* Resolves responsive space value from FormSpace configuration
+* Priority:
+* 1. If responsive is set → use it (ignore density)
+* 2. If density is 'responsive' → return undefined (handled separately with responsive classes)
+* 3. If only other density is set → use density-based mapping
+* 4. Default to undefined (responsive mode)
+*
+* @param formSpace - FormSpace configuration
+* @returns Space value ('sm' | 'md' | 'lg') or undefined for responsive mode
+*/
+function resolveResponsiveSpace(formSpace) {
+	if (!formSpace) return;
+	if (formSpace.responsive) return formSpace.responsive.desktop || formSpace.responsive.tablet || formSpace.responsive.mobile || "lg";
+	if (isResponsiveDensity(formSpace.density)) return;
+	if (formSpace.density && !isResponsiveDensity(formSpace.density)) return densitySpaceMap[formSpace.density];
+}
+/**
+* Gets the Tailwind class for a given space value
+*
+* @param space - Space value
+* @returns Tailwind utility class
+*/
+function getSpaceClass(space) {
+	return spaceClassMap[space];
+}
+/**
+* Resolves responsive space and returns the Tailwind class(es)
+* For responsive density, returns responsive breakpoint classes
+* For fixed density, returns single space class
+*
+* @param formSpace - FormSpace configuration
+* @returns Tailwind utility class(es)
+*/
+function resolveResponsiveSpaceClass(formSpace) {
+	if (!formSpace || isResponsiveDensity(formSpace.density)) return autoResponsiveSpaceClasses;
+	if (formSpace.responsive && !isResponsiveDensity(formSpace.density)) {
+		const space$1 = resolveResponsiveSpace(formSpace);
+		return space$1 ? getSpaceClass(space$1) : autoResponsiveSpaceClasses;
+	}
+	const space = resolveResponsiveSpace(formSpace);
+	return space ? getSpaceClass(space) : autoResponsiveSpaceClasses;
+}
+/**
+* Gets the Tailwind gap class for a given space value
+*
+* @param space - Space value
+* @returns Tailwind utility gap class
+*/
+function getGapClass(space) {
+	return gapClassMap[space];
+}
+/**
+* Resolves responsive space and returns the Tailwind gap class(es)
+* For responsive density, returns responsive breakpoint classes
+* For fixed density, returns single gap class
+*
+* @param formSpace - FormSpace configuration
+* @returns Tailwind utility gap class(es)
+*/
+function resolveResponsiveGapClass(formSpace) {
+	if (!formSpace || isResponsiveDensity(formSpace.density)) return autoResponsiveGapClasses;
+	if (formSpace.responsive && !isResponsiveDensity(formSpace.density)) {
+		const space$1 = resolveResponsiveSpace(formSpace);
+		return space$1 ? getGapClass(space$1) : autoResponsiveGapClasses;
+	}
+	const space = resolveResponsiveSpace(formSpace);
+	return space ? getGapClass(space) : autoResponsiveGapClasses;
+}
+
+//#endregion
+export { autoResponsiveGapClasses, autoResponsiveSpaceClasses, getGapClass, getSpaceClass, isResponsiveDensity, resolveResponsiveGapClass, resolveResponsiveSpace, resolveResponsiveSpaceClass };

package/dist/utils/transform-schema.cjs

@@ -1 +1,45 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`);let t=require(`json-schema-traverse`);t=e.__toESM(t);const n={string:{"x-component":`Input`,"x-decorator":`FormItem`},number:{"x-component":`NumberInput`,"x-decorator":`FormItem`},integer:{"x-component":`NumberInput`,"x-decorator":`FormItem`},boolean:{"x-component":`Checkbox`,"x-decorator":`FormItem`},array:{"x-component":`ArrayCards`,"x-decorator":`FormItem`},object:{"x-component":`ObjectContainer`}};function r(e){return(0,t.default)(e,{allKeys:!0,cb:e=>{let{type:t}=e;if(typeof t==`string`&&t in n){let r=n[t];e[`x-component`]??=r[`x-component`],[`Hidden`].includes(e[`x-component`])||(e[`x-decorator`]=r[`x-decorator`])}}}),e}exports.transformSchema=r;
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let json_schema_traverse = require("json-schema-traverse");
+json_schema_traverse = require_rolldown_runtime.__toESM(json_schema_traverse);
+
+//#region src/utils/transform-schema.ts
+const inputSchemaMap = {
+	string: {
+		"x-component": "Input",
+		"x-decorator": "FormItem"
+	},
+	number: {
+		"x-component": "NumberInput",
+		"x-decorator": "FormItem"
+	},
+	integer: {
+		"x-component": "NumberInput",
+		"x-decorator": "FormItem"
+	},
+	boolean: {
+		"x-component": "Checkbox",
+		"x-decorator": "FormItem"
+	},
+	array: {
+		"x-component": "ArrayCards",
+		"x-decorator": "FormItem"
+	},
+	object: { "x-component": "ObjectContainer" }
+};
+function transformSchema(schema) {
+	(0, json_schema_traverse.default)(schema, {
+		allKeys: true,
+		cb: (currentSchema) => {
+			const { type } = currentSchema;
+			if (typeof type === "string" && type in inputSchemaMap) {
+				const mapping = inputSchemaMap[type];
+				if (currentSchema["x-component"] == null) currentSchema["x-component"] = mapping["x-component"];
+				if (!["Hidden"].includes(currentSchema["x-component"])) currentSchema["x-decorator"] = mapping["x-decorator"];
+			}
+		}
+	});
+	return schema;
+}
+
+//#endregion
+exports.transformSchema = transformSchema;

package/dist/utils/transform-schema.js

@@ -1 +1,43 @@
-import e from"json-schema-traverse";const t={string:{"x-component":`Input`,"x-decorator":`FormItem`},number:{"x-component":`NumberInput`,"x-decorator":`FormItem`},integer:{"x-component":`NumberInput`,"x-decorator":`FormItem`},boolean:{"x-component":`Checkbox`,"x-decorator":`FormItem`},array:{"x-component":`ArrayCards`,"x-decorator":`FormItem`},object:{"x-component":`ObjectContainer`}};function n(n){return e(n,{allKeys:!0,cb:e=>{let{type:n}=e;if(typeof n==`string`&&n in t){let r=t[n];e[`x-component`]??=r[`x-component`],[`Hidden`].includes(e[`x-component`])||(e[`x-decorator`]=r[`x-decorator`])}}}),n}export{n as transformSchema};
+import traverse from "json-schema-traverse";
+
+//#region src/utils/transform-schema.ts
+const inputSchemaMap = {
+	string: {
+		"x-component": "Input",
+		"x-decorator": "FormItem"
+	},
+	number: {
+		"x-component": "NumberInput",
+		"x-decorator": "FormItem"
+	},
+	integer: {
+		"x-component": "NumberInput",
+		"x-decorator": "FormItem"
+	},
+	boolean: {
+		"x-component": "Checkbox",
+		"x-decorator": "FormItem"
+	},
+	array: {
+		"x-component": "ArrayCards",
+		"x-decorator": "FormItem"
+	},
+	object: { "x-component": "ObjectContainer" }
+};
+function transformSchema(schema) {
+	traverse(schema, {
+		allKeys: true,
+		cb: (currentSchema) => {
+			const { type } = currentSchema;
+			if (typeof type === "string" && type in inputSchemaMap) {
+				const mapping = inputSchemaMap[type];
+				if (currentSchema["x-component"] == null) currentSchema["x-component"] = mapping["x-component"];
+				if (!["Hidden"].includes(currentSchema["x-component"])) currentSchema["x-decorator"] = mapping["x-decorator"];
+			}
+		}
+	});
+	return schema;
+}
+
+//#endregion
+export { transformSchema };

package/dist/utils/use-array-item-editor.cjs

@@ -1 +1,3 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`);let t=require(`react`);t=e.__toESM(t);
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);

package/dist/utils/use-array-item-editor.js

@@ -1 +1 @@
-import"react";
+import "react";

package/dist/utils/validate-array-item-fields.cjs

@@ -1 +1,22 @@
-const e=require(`./has-error.cjs`);async function t(t,n){let{form:r}=t,i=`${t.address.toString()}.${n}.*`,a=r.query(i).map(e=>e),o=[];for(let e of a)`validate`in e&&o.push(e.validate());if(await Promise.all(o),e.fieldsHasError(a))throw Error(`Validation failed for array item fields`)}exports.validateArrayItemFields=t;
+const require_has_error = require('./has-error.cjs');
+
+//#region src/utils/validate-array-item-fields.ts
+/**
+* Validates all child fields of a specific array item asynchronously.
+* @param form - The Formily form instance
+* @param arrayField - The array field containing the item
+* @param index - The index of the array item to validate
+* @throws Error if any field has validation errors
+*/
+async function validateArrayItemFields(arrayField, index) {
+	const { form } = arrayField;
+	const itemPathPattern = `${arrayField.address.toString()}.${index}.*`;
+	const childFields = form.query(itemPathPattern).map((field) => field);
+	const validations = [];
+	for (const field of childFields) if ("validate" in field) validations.push(field.validate());
+	await Promise.all(validations);
+	if (require_has_error.fieldsHasError(childFields)) throw new Error("Validation failed for array item fields");
+}
+
+//#endregion
+exports.validateArrayItemFields = validateArrayItemFields;

package/dist/utils/validate-array-item-fields.js

@@ -1 +1,22 @@
-import{fieldsHasError as e}from"./has-error.js";async function t(t,n){let{form:r}=t,i=`${t.address.toString()}.${n}.*`,a=r.query(i).map(e=>e),o=[];for(let e of a)`validate`in e&&o.push(e.validate());if(await Promise.all(o),e(a))throw Error(`Validation failed for array item fields`)}export{t as validateArrayItemFields};
+import { fieldsHasError } from "./has-error.js";
+
+//#region src/utils/validate-array-item-fields.ts
+/**
+* Validates all child fields of a specific array item asynchronously.
+* @param form - The Formily form instance
+* @param arrayField - The array field containing the item
+* @param index - The index of the array item to validate
+* @throws Error if any field has validation errors
+*/
+async function validateArrayItemFields(arrayField, index) {
+	const { form } = arrayField;
+	const itemPathPattern = `${arrayField.address.toString()}.${index}.*`;
+	const childFields = form.query(itemPathPattern).map((field) => field);
+	const validations = [];
+	for (const field of childFields) if ("validate" in field) validations.push(field.validate());
+	await Promise.all(validations);
+	if (fieldsHasError(childFields)) throw new Error("Validation failed for array item fields");
+}
+
+//#endregion
+export { validateArrayItemFields };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/formily-shadcn",
   "type": "module",
-  "version": "0.6.0",
+  "version": "0.8.1",
   "description": "Formily integration for shadcn/ui components",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -39,8 +39,8 @@
     "json-schema-traverse": "^1.0.0",
     "lucide-react": "^0.554.0",
     "pretty-bytes": "^7.1.0",
-    "@pixpilot/shadcn": "0.1.11",
-    "@pixpilot/shadcn-ui": "0.1.0"
+    "@pixpilot/shadcn-ui": "0.4.1",
+    "@pixpilot/shadcn": "0.3.0"
   },
   "devDependencies": {
     "@storybook/react": "^10.0.8",
@@ -56,8 +56,8 @@
     "@internal/eslint-config": "0.3.0",
     "@internal/prettier-config": "0.0.1",
     "@internal/tsconfig": "0.1.0",
-    "@internal/tsdown-config": "0.1.0",
-    "@internal/vitest-config": "0.1.0"
+    "@internal/vitest-config": "0.1.0",
+    "@internal/tsdown-config": "0.1.0"
   },
   "prettier": "@internal/prettier-config",
   "scripts": {

package/dist/components/file-upload-inline.cjs

@@ -1,3 +0,0 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`);let t=require(`@pixpilot/shadcn-ui`);t=e.__toESM(t);let n=require(`@formily/react`);n=e.__toESM(n);let r=require(`react`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);i=e.__toESM(i);let a=require(`pretty-bytes`);a=e.__toESM(a);const o=2097152,s=e=>{let{onFilesReject:o,maxSize:s=2097152,onFileValidate:c}=e,l=(0,n.useField)(),u=r.default.useCallback(e=>{o?.(e);let t=e.filter(e=>e.message.startsWith(`Maximum`)),n=e.filter(e=>e.message.startsWith(`File too large`)),r=e.filter(e=>!n.includes(e)&&!t.includes(e)),i=[];if(t.length>0&&i.push(t[0].message),n.length>0){let e=n.map(e=>`${e.file.name} (${(0,a.default)(e.file.size)})`).join(`
-`);i.push(`Files exceed ${(0,a.default)(s)} limit:\n${e}`)}r.length>0&&r.forEach(e=>{i.push(`${e.message}: ${e.file.name}`)}),l.setFeedback({type:`warning`,messages:[i.join(`
-`)]})},[l,s,o]),d=r.default.useCallback(e=>(l.setFeedback({type:`warning`,messages:[]}),c?.(e)),[l,c]);return(0,i.jsx)(t.FileUploadInline,{...e,maxSize:s,onFilesReject:u,onFileValidate:d})},c=(0,n.connect)(s,(0,n.mapProps)((e,t)=>({...e,value:t.value??null})));exports.FileUploadInline=c;

package/dist/components/file-upload-inline.d.cts

@@ -1,12 +0,0 @@
-import { FileUploadInlineProps } from "@pixpilot/shadcn-ui";
-import React from "react";
-
-//#region src/components/file-upload-inline.d.ts
-
-/**
- * Formily-connected FileUploadInline component
- * Automatically connects shadcn FileUploadInline to Formily field state
- */
-declare const FileUploadInline: React.ForwardRefExoticComponent<Omit<Partial<FileUploadInlineProps>, "ref"> & React.RefAttributes<unknown>>;
-//#endregion
-export { FileUploadInline };

package/dist/components/file-upload-inline.d.ts

@@ -1,12 +0,0 @@
-import { FileUploadInlineProps } from "@pixpilot/shadcn-ui";
-import React from "react";
-
-//#region src/components/file-upload-inline.d.ts
-
-/**
- * Formily-connected FileUploadInline component
- * Automatically connects shadcn FileUploadInline to Formily field state
- */
-declare const FileUploadInline$1: React.ForwardRefExoticComponent<Omit<Partial<FileUploadInlineProps>, "ref"> & React.RefAttributes<unknown>>;
-//#endregion
-export { FileUploadInline$1 as FileUploadInline };

package/dist/components/file-upload-inline.js

@@ -1,3 +0,0 @@
-import{FileUploadInline as e}from"@pixpilot/shadcn-ui";import{connect as t,mapProps as n,useField as r}from"@formily/react";import i from"react";import{jsx as a}from"react/jsx-runtime";import o from"pretty-bytes";const s=t(t=>{let{onFilesReject:n,maxSize:s=2097152,onFileValidate:c}=t,l=r(),u=i.useCallback(e=>{n?.(e);let t=e.filter(e=>e.message.startsWith(`Maximum`)),r=e.filter(e=>e.message.startsWith(`File too large`)),i=e.filter(e=>!r.includes(e)&&!t.includes(e)),a=[];if(t.length>0&&a.push(t[0].message),r.length>0){let e=r.map(e=>`${e.file.name} (${o(e.file.size)})`).join(`
-`);a.push(`Files exceed ${o(s)} limit:\n${e}`)}i.length>0&&i.forEach(e=>{a.push(`${e.message}: ${e.file.name}`)}),l.setFeedback({type:`warning`,messages:[a.join(`
-`)]})},[l,s,n]),d=i.useCallback(e=>(l.setFeedback({type:`warning`,messages:[]}),c?.(e)),[l,c]);return a(e,{...t,maxSize:s,onFilesReject:u,onFileValidate:d})},n((e,t)=>({...e,value:t.value??null})));export{s as FileUploadInline};