@ultraviolet/form 3.15.6 → 3.15.7

package/dist/components/SelectInputFieldV2/index.cjs

@@ -40,7 +40,8 @@ const SelectInputFieldV2 = ({
   shouldUnregister = false,
   control,
   validate,
-  tooltip
+  tooltip,
+  dropdownAlign
 }) => {
   const {
     field,
@@ -68,6 +69,6 @@ const SelectInputFieldV2 = ({
     onBlur?.(event);
   }, placeholder, readOnly, multiselect, value: field.value, placeholderSearch, helper, emptyState, searchable, clearable, descriptionDirection, footer, labelDescription, error: getError({
     label: label ?? ariaLabel ?? name
-  }, error), success, loadMore, isLoading, selectAll, selectAllGroup, autofocus, optionalInfoPlacement, "aria-label": ariaLabel, onChange: handleChange, tooltip });
+  }, error), success, loadMore, isLoading, selectAll, selectAllGroup, autofocus, optionalInfoPlacement, "aria-label": ariaLabel, onChange: handleChange, tooltip, dropdownAlign });
 };
 exports.SelectInputFieldV2 = SelectInputFieldV2;

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

@@ -2,6 +2,6 @@ import { SelectInputV2 } from '@ultraviolet/ui';
 import { type ComponentProps } from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';
 import type { BaseFieldProps } from '../../types';
-type SelectInputFieldV2Props<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Pick<ComponentProps<typeof SelectInputV2>, 'placeholder' | 'placeholderSearch' | 'label' | 'helper' | 'options' | 'emptyState' | 'searchable' | 'readOnly' | 'clearable' | 'size' | 'multiselect' | 'required' | 'descriptionDirection' | 'footer' | 'labelDescription' | 'success' | 'loadMore' | 'isLoading' | 'selectAll' | 'selectAllGroup' | 'autofocus' | 'data-testid' | 'id' | 'onBlur' | 'aria-label' | 'className' | 'onFocus' | 'optionalInfoPlacement' | 'disabled' | 'tooltip'>;
-export declare const SelectInputFieldV2: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ autofocus, className, id, label, onFocus, onBlur, placeholder, readOnly, required, size, "data-testid": dataTestId, disabled, placeholderSearch, helper, options, emptyState, onChange, searchable, clearable, multiselect, descriptionDirection, footer, labelDescription, success, loadMore, isLoading, selectAll, selectAllGroup, name, "aria-label": ariaLabel, optionalInfoPlacement, shouldUnregister, control, validate, tooltip, }: SelectInputFieldV2Props<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
+type SelectInputFieldV2Props<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Pick<ComponentProps<typeof SelectInputV2>, 'placeholder' | 'placeholderSearch' | 'label' | 'helper' | 'options' | 'emptyState' | 'searchable' | 'readOnly' | 'clearable' | 'size' | 'multiselect' | 'required' | 'descriptionDirection' | 'footer' | 'labelDescription' | 'success' | 'loadMore' | 'isLoading' | 'selectAll' | 'selectAllGroup' | 'autofocus' | 'data-testid' | 'id' | 'onBlur' | 'aria-label' | 'className' | 'onFocus' | 'optionalInfoPlacement' | 'disabled' | 'tooltip' | 'dropdownAlign'>;
+export declare const SelectInputFieldV2: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ autofocus, className, id, label, onFocus, onBlur, placeholder, readOnly, required, size, "data-testid": dataTestId, disabled, placeholderSearch, helper, options, emptyState, onChange, searchable, clearable, multiselect, descriptionDirection, footer, labelDescription, success, loadMore, isLoading, selectAll, selectAllGroup, name, "aria-label": ariaLabel, optionalInfoPlacement, shouldUnregister, control, validate, tooltip, dropdownAlign, }: SelectInputFieldV2Props<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SelectInputFieldV2/index.js

@@ -38,7 +38,8 @@ const SelectInputFieldV2 = ({
   shouldUnregister = false,
   control,
   validate,
-  tooltip
+  tooltip,
+  dropdownAlign
 }) => {
   const {
     field,
@@ -66,7 +67,7 @@ const SelectInputFieldV2 = ({
     onBlur?.(event);
   }, placeholder, readOnly, multiselect, value: field.value, placeholderSearch, helper, emptyState, searchable, clearable, descriptionDirection, footer, labelDescription, error: getError({
     label: label ?? ariaLabel ?? name
-  }, error), success, loadMore, isLoading, selectAll, selectAllGroup, autofocus, optionalInfoPlacement, "aria-label": ariaLabel, onChange: handleChange, tooltip });
+  }, error), success, loadMore, isLoading, selectAll, selectAllGroup, autofocus, optionalInfoPlacement, "aria-label": ariaLabel, onChange: handleChange, tooltip, dropdownAlign });
 };
 export {
   SelectInputFieldV2

package/dist/components/UnitInputField/index.cjs

@@ -25,7 +25,8 @@ const UnitInputField = ({
   shouldUnregister = false,
   validate,
   control,
-  optionName
+  optionName,
+  dropdownAlign
 }) => {
   const {
     getError
@@ -61,6 +62,6 @@ const UnitInputField = ({
   }, onChangeUnitValue: (event) => {
     unitField.onChange(event);
     onChangeUnitValue?.(event);
-  }, value: valueField.value, unitValue: unitField.value, selectInputWidth, disabled, options, label, className, width, placeholderUnit });
+  }, value: valueField.value, unitValue: unitField.value, selectInputWidth, disabled, options, label, className, width, placeholderUnit, dropdownAlign });
 };
 exports.UnitInputField = UnitInputField;

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

@@ -2,10 +2,10 @@ import { UnitInput } from '@ultraviolet/ui';
 import type { ComponentProps } from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';
 import type { BaseFieldProps } from '../../types';
-type UnitInputFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Pick<ComponentProps<typeof UnitInput>, 'id' | 'name' | 'className' | 'data-testid' | 'disabled' | 'value' | 'max' | 'min' | 'options' | 'placeholder' | 'placeholderUnit' | 'size' | 'unitValue' | 'required' | 'width' | 'helper' | 'selectInputWidth'> & {
+type UnitInputFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Pick<ComponentProps<typeof UnitInput>, 'id' | 'name' | 'className' | 'data-testid' | 'disabled' | 'value' | 'max' | 'min' | 'options' | 'placeholder' | 'placeholderUnit' | 'size' | 'unitValue' | 'required' | 'width' | 'helper' | 'selectInputWidth' | 'dropdownAlign'> & {
     onChangeUnitValue?: ComponentProps<typeof UnitInput>['onChangeUnitValue'];
     label: string;
     optionName?: string;
 };
-export declare const UnitInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ id, name, max, min, size, placeholder, placeholderUnit, onChange, onChangeUnitValue, disabled, options, className, label, required, width, selectInputWidth, helper, shouldUnregister, validate, control, optionName, }: UnitInputFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const UnitInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ id, name, max, min, size, placeholder, placeholderUnit, onChange, onChangeUnitValue, disabled, options, className, label, required, width, selectInputWidth, helper, shouldUnregister, validate, control, optionName, dropdownAlign, }: UnitInputFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/UnitInputField/index.js

@@ -23,7 +23,8 @@ const UnitInputField = ({
   shouldUnregister = false,
   validate,
   control,
-  optionName
+  optionName,
+  dropdownAlign
 }) => {
   const {
     getError
@@ -59,7 +60,7 @@ const UnitInputField = ({
   }, onChangeUnitValue: (event) => {
     unitField.onChange(event);
     onChangeUnitValue?.(event);
-  }, value: valueField.value, unitValue: unitField.value, selectInputWidth, disabled, options, label, className, width, placeholderUnit });
+  }, value: valueField.value, unitValue: unitField.value, selectInputWidth, disabled, options, label, className, width, placeholderUnit, dropdownAlign });
 };
 export {
   UnitInputField

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "3.15.6",
+  "version": "3.15.7",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -72,7 +72,7 @@
     "react-hook-form": "7.55.0",
     "react-select": "5.10.0",
     "@ultraviolet/themes": "1.17.0",
-    "@ultraviolet/ui": "1.92.4"
+    "@ultraviolet/ui": "1.92.5"
   },
   "scripts": {
     "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",