@strictly/react-form 0.0.4 → 0.0.6

package/mantine/specs/select_hooks.stories.tsx

@@ -3,21 +3,21 @@ import {
   type Meta,
   type StoryObj,
 } from '@storybook/react'
-import { type FormProps } from 'core/props'
+import { type FieldsViewProps } from 'core/props'
 import { type ErrorRenderer } from 'mantine/error_renderer'
-import { useMantineForm } from 'mantine/hooks'
+import { useMantineFormFields } from 'mantine/hooks'
 import { type Field } from 'types/field'
 import { SELECT_LABEL } from './select_hooks_constant'
 
 function Component({
   ErrorRenderer,
   ...props
-}: FormProps<{
+}: FieldsViewProps<{
   $: Field<string | null, string>,
 }> & {
   ErrorRenderer?: ErrorRenderer,
 }) {
-  const form = useMantineForm(props)
+  const form = useMantineFormFields(props)
   const SelectComponent = form.select('$')
   return (
     <SelectComponent

package/mantine/specs/text_input_hooks.stories.tsx

@@ -8,13 +8,13 @@ import {
   type Meta,
   type StoryObj,
 } from '@storybook/react'
-import { type FormProps } from 'core/props'
+import { type FieldsViewProps } from 'core/props'
 import {
   type SuppliedTextInputProps,
   type TextInputTarget,
 } from 'mantine/create_text_input'
 import { type ErrorRenderer } from 'mantine/error_renderer'
-import { useMantineForm } from 'mantine/hooks'
+import { useMantineFormFields } from 'mantine/hooks'
 import { type ComponentType } from 'react'
 import { type Field } from 'types/field'
 import { TEXT_INPUT_LABEL } from './text_input_constants'
@@ -25,14 +25,14 @@ function Component<T extends TextInputTarget>({
   TextInput,
   ErrorRenderer,
   ...props
-}: FormProps<{
+}: FieldsViewProps<{
   $: Field<string, string>,
 }> & {
   TextInput?: ComponentType<StoryTextInputProps<T>>,
 } & {
   ErrorRenderer?: ErrorRenderer,
 }) {
-  const form = useMantineForm(props)
+  const form = useMantineFormFields(props)
   const TextInputComponent = form.textInput<'$', StoryTextInputProps<T>>('$', TextInput)
   return (
     <TextInputComponent

package/mantine/specs/value_input_hooks.stories.tsx

@@ -13,10 +13,10 @@ import {
   type Meta,
   type StoryObj,
 } from '@storybook/react'
-import { type FormProps } from 'core/props'
+import { type FieldsViewProps } from 'core/props'
 import { type SuppliedValueInputProps } from 'mantine/create_value_input'
 import { type ErrorRenderer } from 'mantine/error_renderer'
-import { useMantineForm } from 'mantine/hooks'
+import { useMantineFormFields } from 'mantine/hooks'
 import {
   type ComponentType,
 } from 'react'
@@ -37,7 +37,7 @@ function Component<
   ErrorRenderer,
   inputProps,
   ...props
-}: FormProps<{
+}: FieldsViewProps<{
   $: Field<V, string>,
 }> & {
   ValueInput: ComponentType<P>,
@@ -46,7 +46,7 @@ function Component<
 } & {
   ErrorRenderer?: ErrorRenderer,
 }) {
-  const form = useMantineForm(props)
+  const form = useMantineFormFields(props)
   const ValueInputComponent = form.valueInput<'$', P>('$', ValueInput)
   return (
     <ValueInputComponent

package/package.json

@@ -69,7 +69,7 @@
     "test:watch": "vitest"
   },
   "type": "module",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "exports": {
     ".": {
       "import": {

package/.out/field_converters/list_converter.d.ts

@@ -1,2 +0,0 @@
-import { type AnnotatedFieldConverter } from 'types/field_converters';
-export declare function listConverter<E, K extends string, ValuePath extends string, Context>(): AnnotatedFieldConverter<readonly E[], K[], ValuePath, Context>;

package/.out/field_converters/list_converter.js

@@ -1,13 +0,0 @@
-export function listConverter() {
-    return function (from, valuePath) {
-        const value = from.map(function (_v, i) {
-            // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-            return `${valuePath}.${i}`;
-        });
-        return {
-            value,
-            required: false,
-            readonly: false,
-        };
-    };
-}

package/.out/mantine/create_sub_form.d.ts

@@ -1,6 +0,0 @@
-import type { FormProps } from 'core/props';
-import type { ComponentType } from 'react';
-import type { AllFieldsOfFields } from 'types/all_fields_of_fields';
-import type { Fields } from 'types/field';
-import type { SubFormFields } from 'types/sub_form_fields';
-export declare function createSubForm<F extends Fields, K extends keyof AllFieldsOfFields<F>, S extends Fields = SubFormFields<F, K>>(valuePath: K, SubForm: ComponentType<FormProps<S>>, observableProps: FormProps<F>): () => import("react/jsx-runtime").JSX.Element;

package/field_converters/list_converter.ts

@@ -1,20 +0,0 @@
-import { type AnnotatedFieldConverter } from 'types/field_converters'
-
-export function listConverter<
-  E,
-  K extends string,
-  ValuePath extends string,
-  Context,
->(): AnnotatedFieldConverter<readonly E[], K[], ValuePath, Context> {
-  return function (from: readonly E[], valuePath: ValuePath) {
-    const value = from.map(function (_v, i) {
-      // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-      return `${valuePath as string}.${i}` as K
-    })
-    return {
-      value,
-      required: false,
-      readonly: false,
-    }
-  }
-}