@texturehq/edges 5.0.1 → 5.1.0

package/dist/rhf/index.d.cts

@@ -1,9 +1,9 @@
-import { FieldValues, FieldPath, Path, UseFormProps, SubmitHandler, SubmitErrorHandler } from 'react-hook-form';
+import { FieldValues, FieldPath, FieldPathValue, Path, UseFormProps, SubmitHandler, SubmitErrorHandler } from 'react-hook-form';
 export { Controller, useFieldArray, useFormContext, useWatch } from 'react-hook-form';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { Key, DateValue } from 'react-aria-components';
-import { A as Autocomplete, C as Checkbox, a as CheckboxGroup, b as ColorField, N as NumberField, R as RadioCardGroup, c as RadioGroup, S as Select, d as Switch, T as TextArea, e as TextField, f as TimeFieldProps, B as Button } from '../TimeField-CJUNJDQT.cjs';
+import { A as Autocomplete, C as Checkbox, a as CheckboxGroup, b as ColorField, M as MultiSelect, c as MultiSelectOption, N as NumberField, R as RadioCardGroup, d as RadioGroup, S as Select, e as Switch, T as TextArea, f as TextField, g as TimeFieldProps, B as Button } from '../TimeField-DsHO9pLs.cjs';
 import { a as DateField, b as FileUpload, c as RichTextEditor } from '../RichTextEditor-B_GaE_Yf.cjs';
 import '@phosphor-icons/react';
 
@@ -45,6 +45,25 @@ interface FormFileUploadProps<T extends FieldValues> extends Omit<React.Componen
 }
 declare function FormFileUpload<T extends FieldValues>({ name, defaultValue, errorBelow, ...rest }: FormFileUploadProps<T>): react_jsx_runtime.JSX.Element;
 
+/**
+ * Paths in `T` whose value is a string array. `MultiSelect` spreads its value, so a
+ * scalar path would turn a string into character-by-character selections and a
+ * non-iterable would throw — neither of which the old `FieldPath<T>` prevented.
+ *
+ * Built from `FieldPathValue` rather than RHF's own `FieldPathByValue`, which only
+ * exists from 7.35. This package declares `react-hook-form` at `^7.x`, so a consumer
+ * on an earlier 7 must still typecheck; `FieldPathValue` has been there since 7.0.
+ */
+type ArrayFieldPath<T extends FieldValues> = {
+    [K in FieldPath<T>]: FieldPathValue<T, K> extends string[] | undefined ? K : never;
+}[FieldPath<T>];
+interface FormMultiSelectProps<T extends FieldValues> extends Omit<React.ComponentProps<typeof MultiSelect>, "value" | "defaultValue" | "onChange" | "errorMessage" | "inputRef" | "options"> {
+    name: ArrayFieldPath<T>;
+    options: readonly MultiSelectOption[];
+    defaultValue?: string[];
+}
+declare function FormMultiSelect<T extends FieldValues>({ name, defaultValue, ...rest }: FormMultiSelectProps<T>): react_jsx_runtime.JSX.Element;
+
 interface FormNumberFieldProps<T extends FieldValues> extends Omit<React.ComponentProps<typeof NumberField>, "value" | "defaultValue" | "onChange"> {
     name: FieldPath<T>;
     defaultValue?: number;
@@ -178,4 +197,4 @@ declare function useAutoSave<TValues extends Record<string, unknown>>({ delayMs,
 
 declare function focusFirstError(formEl: HTMLFormElement): void;
 
-export { ErrorSummary, type ErrorSummaryProps, FieldArrayList, type FieldArrayListProps, FormAutocomplete, type FormAutocompleteProps, FormCheckbox, FormCheckboxGroup, type FormCheckboxGroupProps, type FormCheckboxProps, FormColorField, type FormColorFieldProps, FormDateField, type FormDateFieldProps, FormFileUpload, type FormFileUploadProps, FormNumberField, type FormNumberFieldProps, FormProvider, type FormProviderProps, FormRadioCardGroup, type FormRadioCardGroupProps, FormRadioGroup, type FormRadioGroupProps, FormRichTextEditor, type FormRichTextEditorProps, FormSaveBar, type FormSaveBarProps, FormSelect, type FormSelectProps, FormSwitch, type FormSwitchProps, FormTextArea, type FormTextAreaProps, FormTextField, type FormTextFieldProps, FormTimeField, type FormTimeFieldProps, SubmitButton, type SubmitButtonProps, type UseAutoSaveOptions, focusFirstError, useAutoSave, useScrollIntoViewOnError };
+export { ErrorSummary, type ErrorSummaryProps, FieldArrayList, type FieldArrayListProps, FormAutocomplete, type FormAutocompleteProps, FormCheckbox, FormCheckboxGroup, type FormCheckboxGroupProps, type FormCheckboxProps, FormColorField, type FormColorFieldProps, FormDateField, type FormDateFieldProps, FormFileUpload, type FormFileUploadProps, FormMultiSelect, type FormMultiSelectProps, FormNumberField, type FormNumberFieldProps, FormProvider, type FormProviderProps, FormRadioCardGroup, type FormRadioCardGroupProps, FormRadioGroup, type FormRadioGroupProps, FormRichTextEditor, type FormRichTextEditorProps, FormSaveBar, type FormSaveBarProps, FormSelect, type FormSelectProps, FormSwitch, type FormSwitchProps, FormTextArea, type FormTextAreaProps, FormTextField, type FormTextFieldProps, FormTimeField, type FormTimeFieldProps, SubmitButton, type SubmitButtonProps, type UseAutoSaveOptions, focusFirstError, useAutoSave, useScrollIntoViewOnError };

package/dist/rhf/index.d.ts

@@ -1,9 +1,9 @@
-import { FieldValues, FieldPath, Path, UseFormProps, SubmitHandler, SubmitErrorHandler } from 'react-hook-form';
+import { FieldValues, FieldPath, FieldPathValue, Path, UseFormProps, SubmitHandler, SubmitErrorHandler } from 'react-hook-form';
 export { Controller, useFieldArray, useFormContext, useWatch } from 'react-hook-form';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { Key, DateValue } from 'react-aria-components';
-import { A as Autocomplete, C as Checkbox, a as CheckboxGroup, b as ColorField, N as NumberField, R as RadioCardGroup, c as RadioGroup, S as Select, d as Switch, T as TextArea, e as TextField, f as TimeFieldProps, B as Button } from '../TimeField-rRIt80g3.js';
+import { A as Autocomplete, C as Checkbox, a as CheckboxGroup, b as ColorField, M as MultiSelect, c as MultiSelectOption, N as NumberField, R as RadioCardGroup, d as RadioGroup, S as Select, e as Switch, T as TextArea, f as TextField, g as TimeFieldProps, B as Button } from '../TimeField-DVuYVoDw.js';
 import { a as DateField, b as FileUpload, c as RichTextEditor } from '../RichTextEditor-B_GaE_Yf.js';
 import '@phosphor-icons/react';
 
@@ -45,6 +45,25 @@ interface FormFileUploadProps<T extends FieldValues> extends Omit<React.Componen
 }
 declare function FormFileUpload<T extends FieldValues>({ name, defaultValue, errorBelow, ...rest }: FormFileUploadProps<T>): react_jsx_runtime.JSX.Element;
 
+/**
+ * Paths in `T` whose value is a string array. `MultiSelect` spreads its value, so a
+ * scalar path would turn a string into character-by-character selections and a
+ * non-iterable would throw — neither of which the old `FieldPath<T>` prevented.
+ *
+ * Built from `FieldPathValue` rather than RHF's own `FieldPathByValue`, which only
+ * exists from 7.35. This package declares `react-hook-form` at `^7.x`, so a consumer
+ * on an earlier 7 must still typecheck; `FieldPathValue` has been there since 7.0.
+ */
+type ArrayFieldPath<T extends FieldValues> = {
+    [K in FieldPath<T>]: FieldPathValue<T, K> extends string[] | undefined ? K : never;
+}[FieldPath<T>];
+interface FormMultiSelectProps<T extends FieldValues> extends Omit<React.ComponentProps<typeof MultiSelect>, "value" | "defaultValue" | "onChange" | "errorMessage" | "inputRef" | "options"> {
+    name: ArrayFieldPath<T>;
+    options: readonly MultiSelectOption[];
+    defaultValue?: string[];
+}
+declare function FormMultiSelect<T extends FieldValues>({ name, defaultValue, ...rest }: FormMultiSelectProps<T>): react_jsx_runtime.JSX.Element;
+
 interface FormNumberFieldProps<T extends FieldValues> extends Omit<React.ComponentProps<typeof NumberField>, "value" | "defaultValue" | "onChange"> {
     name: FieldPath<T>;
     defaultValue?: number;
@@ -178,4 +197,4 @@ declare function useAutoSave<TValues extends Record<string, unknown>>({ delayMs,
 
 declare function focusFirstError(formEl: HTMLFormElement): void;
 
-export { ErrorSummary, type ErrorSummaryProps, FieldArrayList, type FieldArrayListProps, FormAutocomplete, type FormAutocompleteProps, FormCheckbox, FormCheckboxGroup, type FormCheckboxGroupProps, type FormCheckboxProps, FormColorField, type FormColorFieldProps, FormDateField, type FormDateFieldProps, FormFileUpload, type FormFileUploadProps, FormNumberField, type FormNumberFieldProps, FormProvider, type FormProviderProps, FormRadioCardGroup, type FormRadioCardGroupProps, FormRadioGroup, type FormRadioGroupProps, FormRichTextEditor, type FormRichTextEditorProps, FormSaveBar, type FormSaveBarProps, FormSelect, type FormSelectProps, FormSwitch, type FormSwitchProps, FormTextArea, type FormTextAreaProps, FormTextField, type FormTextFieldProps, FormTimeField, type FormTimeFieldProps, SubmitButton, type SubmitButtonProps, type UseAutoSaveOptions, focusFirstError, useAutoSave, useScrollIntoViewOnError };
+export { ErrorSummary, type ErrorSummaryProps, FieldArrayList, type FieldArrayListProps, FormAutocomplete, type FormAutocompleteProps, FormCheckbox, FormCheckboxGroup, type FormCheckboxGroupProps, type FormCheckboxProps, FormColorField, type FormColorFieldProps, FormDateField, type FormDateFieldProps, FormFileUpload, type FormFileUploadProps, FormMultiSelect, type FormMultiSelectProps, FormNumberField, type FormNumberFieldProps, FormProvider, type FormProviderProps, FormRadioCardGroup, type FormRadioCardGroupProps, FormRadioGroup, type FormRadioGroupProps, FormRichTextEditor, type FormRichTextEditorProps, FormSaveBar, type FormSaveBarProps, FormSelect, type FormSelectProps, FormSwitch, type FormSwitchProps, FormTextArea, type FormTextAreaProps, FormTextField, type FormTextFieldProps, FormTimeField, type FormTimeFieldProps, SubmitButton, type SubmitButtonProps, type UseAutoSaveOptions, focusFirstError, useAutoSave, useScrollIntoViewOnError };