@ultraviolet/form 6.0.4 → 6.0.6

package/dist/components/FileInputField/index.d.ts

@@ -0,0 +1,18 @@
+import { FileInput } from '@ultraviolet/ui';
+import type { ComponentProps, ReactNode } from 'react';
+import type { FieldPath, FieldValues } from 'react-hook-form';
+import type { BaseFieldProps } from '../../types';
+type FileInputFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof FileInput>, 'error' | 'name' | 'onChangeFiles' | 'label' | 'aria-label'> & {
+    label: string;
+};
+/**
+ * List is a component that displays a list of items based on the columns you provide and the data you pass.
+ */
+type FileInputFieldType = {
+    (props: FileInputFieldProps<FieldValues, FieldPath<FieldValues>>): ReactNode;
+    List: typeof FileInput.List;
+    Button: typeof FileInput.Button;
+};
+export declare const FileInputField: FileInputFieldType;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FileInputField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileInputField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAA;AAG9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,mBAAmB,CACtB,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,IACxC,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,GAC1C,IAAI,CACF,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,OAAO,GAAG,MAAM,GAAG,eAAe,GAAG,OAAO,GAAG,YAAY,CAC5D,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAiFvB;;GAEG;AACH,KAAK,kBAAkB,GAAG;IACxB,CAAC,KAAK,EAAE,mBAAmB,CAAC,WAAW,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,GAAG,SAAS,CAAA;IAC5E,IAAI,EAAE,OAAO,SAAS,CAAC,IAAI,CAAA;IAC3B,MAAM,EAAE,OAAO,SAAS,CAAC,MAAM,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,kBAM5B,CAAA"}

package/dist/components/FileInputField/index.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { FileInput } from "@ultraviolet/ui";
+import { useController } from "react-hook-form";
+import { useErrors } from "../../providers/ErrorContext/index.js";
+const FileInputFieldBase = ({
+  onChange,
+  label,
+  required = false,
+  name,
+  shouldUnregister,
+  control,
+  variant,
+  size,
+  title,
+  bottom,
+  children,
+  ...props
+}) => {
+  const { getError } = useErrors();
+  const {
+    field,
+    fieldState: { error }
+  } = useController({
+    control,
+    name,
+    rules: {
+      required
+    },
+    shouldUnregister
+  });
+  if (variant === "overlay" && children) {
+    return /* @__PURE__ */ jsx(
+      FileInput,
+      {
+        ...props,
+        error: getError({ label }, error),
+        label,
+        onChangeFiles: (files) => {
+          field.onChange(files);
+          onChange?.(files);
+        },
+        required,
+        title,
+        variant: "overlay",
+        children: typeof children === "function" ? (inputId, inputRef) => children(inputId, inputRef) : children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    FileInput,
+    {
+      ...props,
+      bottom,
+      error: getError({ label }, error),
+      label,
+      onChangeFiles: (files) => {
+        field.onChange(files);
+        onChange?.(files);
+      },
+      required,
+      size,
+      title,
+      variant: "dropzone",
+      children: typeof children === "function" ? (inputId, inputRef) => children(inputId, inputRef) : children
+    }
+  );
+};
+const FileInputField = Object.assign(
+  FileInputFieldBase,
+  {
+    Button: FileInput.Button,
+    List: FileInput.List
+  }
+);
+export {
+  FileInputField
+};

package/dist/components/index.d.ts

@@ -1,6 +1,7 @@
 export { CheckboxField } from './CheckboxField';
 export { CheckboxGroupField } from './CheckboxGroupField';
 export { DateInputField } from './DateInputField';
+export { FileInputField } from './FileInputField';
 export { Form } from './Form';
 export { KeyValueField } from './KeyValueField';
 export { NumberInputField } from './NumberInputField';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAA;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAA;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,mBAAmB,iBAAiB,CAAA;AACpC,OAAO,EACL,aAAa,EACb,aAAa,EACb,OAAO,EACP,cAAc,EACd,YAAY,EACZ,QAAQ,GACT,MAAM,iBAAiB,CAAA;AACxB,cAAc,cAAc,CAAA;AAE5B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACnE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,mBAAmB,iBAAiB,CAAA;AACpC,OAAO,EACL,aAAa,EACb,aAAa,EACb,OAAO,EACP,cAAc,EACd,YAAY,EACZ,QAAQ,GACT,MAAM,iBAAiB,CAAA;AACxB,cAAc,cAAc,CAAA;AAE5B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACnE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}

package/dist/index.js

@@ -5,6 +5,7 @@ import { useOnFieldChange } from "./hooks/useOnFieldChange.js";
 import { CheckboxField } from "./components/CheckboxField/index.js";
 import { CheckboxGroupField } from "./components/CheckboxGroupField/index.js";
 import { DateInputField } from "./components/DateInputField/index.js";
+import { FileInputField } from "./components/FileInputField/index.js";
 import { KeyValueField } from "./components/KeyValueField/index.js";
 import { NumberInputField } from "./components/NumberInputField/index.js";
 import { RadioField } from "./components/RadioField/index.js";
@@ -30,6 +31,7 @@ export {
   CheckboxGroupField,
   DateInputField,
   ErrorProvider,
+  FileInputField,
   Form,
   KeyValueField,
   NumberInputField,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "6.0.4",
+  "version": "6.0.6",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -59,17 +59,17 @@
     "@types/final-form-focus": "1.1.7",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
-    "react": "19.2.1",
-    "react-dom": "19.2.1",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
     "@repo/config": "0.0.1",
     "@utils/test": "0.0.1"
   },
   "dependencies": {
     "@babel/runtime": "7.28.4",
     "react-hook-form": "7.55.0",
-    "@ultraviolet/icons": "5.0.2",
-    "@ultraviolet/themes": "3.0.1",
-    "@ultraviolet/ui": "3.2.1"
+    "@ultraviolet/icons": "5.0.3",
+    "@ultraviolet/themes": "3.0.2",
+    "@ultraviolet/ui": "3.3.1"
   },
   "scripts": {
     "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",