@strictly/react-form 0.0.1 → 0.0.2

package/core/mobx/specs/flattened_list_type_defs_of.tests.ts

@@ -1,35 +0,0 @@
-import {
-  list,
-  nullType,
-  numberType,
-  object,
-  record,
-  stringType,
-  union,
-} from '@strictly/define'
-import {
-  type FlattenedListTypeDefsOf,
-} from 'core/mobx/flattened_list_type_defs_of'
-
-describe('FlattenedListTypeDefsOf', function () {
-  it('filters lists types', function () {
-    const listTypeDef = list(numberType)
-    const recordTypeDef = record<typeof stringType, string>(stringType)
-    const objectTypeDef = object()
-    const unionTypeDef = union().add('0', numberType).add('1', nullType)
-    const typeDef = object()
-      .set('literal', numberType)
-      .set('list', listTypeDef)
-      .set('record', recordTypeDef)
-      .set('object', objectTypeDef)
-      .set('union', unionTypeDef)
-
-    type F = FlattenedListTypeDefsOf<typeof typeDef>
-
-    type E = {
-      readonly '$.list': typeof listTypeDef.narrow,
-    }
-
-    expectTypeOf<F>().toEqualTypeOf<E>()
-  })
-})

package/field_validators/minimum_string_length_field_validator.ts

@@ -1,13 +0,0 @@
-import { type FieldValidator } from 'types/field_validator'
-
-export function minimumStringLengthFieldValidatorFactory<E, ValuePath extends string, Context>(
-  minimumLength: number,
-  error: E,
-): FieldValidator<string, E, ValuePath, Context> {
-  return function (value: string) {
-    if (value.length < minimumLength) {
-      return error
-    }
-    return null
-  }
-}

package/mantine/specs/__snapshots__/check_box_hooks.tests.tsx.snap

@@ -1,227 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`checkbox mantine hooks > renders Disabled 1`] = `
-<div>
-  <style
-    data-mantine-styles="classes"
-  >
-    @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
-  </style>
-  <div
-    class="m_bf2d988c mantine-Checkbox-root m_5f75b09e mantine-Checkbox-root"
-    data-label-position="right"
-    style="--checkbox-color: var(--mantine-color-blue-filled);"
-  >
-    <div
-      class="m_5f6e695e mantine-Checkbox-body"
-    >
-      <div
-        class="m_26062bec mantine-Checkbox-inner"
-        data-label-position="right"
-      >
-        <input
-          class="mantine-focus-auto m_26063560 mantine-Checkbox-input"
-          disabled=""
-          id="mantine-0px4bipx4"
-          name="$"
-          type="checkbox"
-        />
-        <svg
-          aria-hidden="true"
-          class="m_bf295423 mantine-Checkbox-icon"
-          fill="none"
-          viewBox="0 0 10 7"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            clip-rule="evenodd"
-            d="M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z"
-            fill="currentColor"
-            fill-rule="evenodd"
-          />
-        </svg>
-      </div>
-      <div
-        class="m_d3ea56bb mantine-Checkbox-labelWrapper"
-        data-disabled="true"
-      >
-        <label
-          class="m_8ee546b8 mantine-Checkbox-label"
-          data-disabled="true"
-          for="mantine-0px4bipx4"
-        >
-          Checkbox
-        </label>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`checkbox mantine hooks > renders Off 1`] = `
-<div>
-  <style
-    data-mantine-styles="classes"
-  >
-    @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
-  </style>
-  <div
-    class="m_bf2d988c mantine-Checkbox-root m_5f75b09e mantine-Checkbox-root"
-    data-label-position="right"
-    style="--checkbox-color: var(--mantine-color-blue-filled);"
-  >
-    <div
-      class="m_5f6e695e mantine-Checkbox-body"
-    >
-      <div
-        class="m_26062bec mantine-Checkbox-inner"
-        data-label-position="right"
-      >
-        <input
-          class="mantine-focus-auto m_26063560 mantine-Checkbox-input"
-          id="mantine-12voha2vo"
-          name="$"
-          type="checkbox"
-        />
-        <svg
-          aria-hidden="true"
-          class="m_bf295423 mantine-Checkbox-icon"
-          fill="none"
-          viewBox="0 0 10 7"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            clip-rule="evenodd"
-            d="M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z"
-            fill="currentColor"
-            fill-rule="evenodd"
-          />
-        </svg>
-      </div>
-      <div
-        class="m_d3ea56bb mantine-Checkbox-labelWrapper"
-      >
-        <label
-          class="m_8ee546b8 mantine-Checkbox-label"
-          for="mantine-12voha2vo"
-        >
-          Checkbox
-        </label>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`checkbox mantine hooks > renders On 1`] = `
-<div>
-  <style
-    data-mantine-styles="classes"
-  >
-    @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
-  </style>
-  <div
-    class="m_bf2d988c mantine-Checkbox-root m_5f75b09e mantine-Checkbox-root"
-    data-checked="true"
-    data-label-position="right"
-    style="--checkbox-color: var(--mantine-color-blue-filled);"
-  >
-    <div
-      class="m_5f6e695e mantine-Checkbox-body"
-    >
-      <div
-        class="m_26062bec mantine-Checkbox-inner"
-        data-label-position="right"
-      >
-        <input
-          checked=""
-          class="mantine-focus-auto m_26063560 mantine-Checkbox-input"
-          id="mantine-0px4bipx4"
-          name="$"
-          type="checkbox"
-        />
-        <svg
-          aria-hidden="true"
-          class="m_bf295423 mantine-Checkbox-icon"
-          fill="none"
-          viewBox="0 0 10 7"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            clip-rule="evenodd"
-            d="M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z"
-            fill="currentColor"
-            fill-rule="evenodd"
-          />
-        </svg>
-      </div>
-      <div
-        class="m_d3ea56bb mantine-Checkbox-labelWrapper"
-      >
-        <label
-          class="m_8ee546b8 mantine-Checkbox-label"
-          for="mantine-0px4bipx4"
-        >
-          Checkbox
-        </label>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`checkbox mantine hooks > renders Required 1`] = `
-<div>
-  <style
-    data-mantine-styles="classes"
-  >
-    @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
-  </style>
-  <div
-    class="m_bf2d988c mantine-Checkbox-root m_5f75b09e mantine-Checkbox-root"
-    data-label-position="right"
-    style="--checkbox-color: var(--mantine-color-blue-filled);"
-  >
-    <div
-      class="m_5f6e695e mantine-Checkbox-body"
-    >
-      <div
-        class="m_26062bec mantine-Checkbox-inner"
-        data-label-position="right"
-      >
-        <input
-          class="mantine-focus-auto m_26063560 mantine-Checkbox-input"
-          id="mantine-0px4bipx4"
-          name="$"
-          required=""
-          type="checkbox"
-        />
-        <svg
-          aria-hidden="true"
-          class="m_bf295423 mantine-Checkbox-icon"
-          fill="none"
-          viewBox="0 0 10 7"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            clip-rule="evenodd"
-            d="M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z"
-            fill="currentColor"
-            fill-rule="evenodd"
-          />
-        </svg>
-      </div>
-      <div
-        class="m_d3ea56bb mantine-Checkbox-labelWrapper"
-      >
-        <label
-          class="m_8ee546b8 mantine-Checkbox-label"
-          for="mantine-0px4bipx4"
-        >
-          Checkbox
-        </label>
-      </div>
-    </div>
-  </div>
-</div>
-`;

package/types/error_type_of_field.ts

@@ -1,3 +0,0 @@
-import { type Field } from './field'
-
-export type ErrorTypeOfField<F extends Field> = F extends Field<infer _V, infer E> ? E : never

package/types/field_validator.ts

@@ -1,7 +0,0 @@
-export type FieldValidator<V, E, ValuePath extends string, Context> = {
-  (
-    value: V,
-    valuePath: ValuePath,
-    context: Context,
-  ): E | null,
-}

package/types/flattened_form_fields_of.ts

@@ -1,16 +0,0 @@
-import { type PrintableOf } from '@strictly/base'
-import { type ValueOf } from 'type-fest'
-import { type Field } from './field'
-
-/**
- * Maps type paths to value paths for
- */
-export type FlattenedFormFieldsOf<
-  JsonPaths extends Record<string, string>,
-  TypePathsToFormFields extends Partial<Readonly<Record<ValueOf<JsonPaths>, Field>>>,
-> = keyof TypePathsToFormFields extends ValueOf<JsonPaths> ? {
-    readonly [K in keyof JsonPaths as unknown extends TypePathsToFormFields[JsonPaths[K]] ? never : K]:
-      TypePathsToFormFields[JsonPaths[K]]
-  }
-  // TODO is there a better way of enforcing the types are a subset?
-  : `fields missing paths: ${PrintableOf<Exclude<keyof TypePathsToFormFields, ValueOf<JsonPaths>>>}`

package/types/specs/flattened_form_fields_of.tests.ts

@@ -1,43 +0,0 @@
-import { type Field } from 'types/field'
-import { type FlattenedFormFieldsOf } from 'types/flattened_form_fields_of'
-
-describe('FlattenedFormFieldsOf', function () {
-  describe('subset', function () {
-    it('equals expected type', function () {
-      type T = FlattenedFormFieldsOf<
-        {
-          readonly a: 'x',
-          readonly b: 'y',
-          readonly c: 'z',
-        },
-        {
-          readonly x: Field<1, string>,
-          readonly z: Field<3, string>,
-        }
-      >
-
-      expectTypeOf<T>().toEqualTypeOf<{
-        readonly a: Field<1, string>,
-        readonly c: Field<3, string>,
-      }>()
-    })
-  })
-
-  describe('overlap', function () {
-    it('errors to callee', function () {
-      type T = FlattenedFormFieldsOf<
-        {
-          readonly a: 'x',
-          readonly b: 'y',
-          readonly c: 'z',
-        },
-        {
-          readonly w: Field<0, string>,
-          readonly x: Field<1, string>,
-        }
-      >
-
-      expectTypeOf<T>().toEqualTypeOf<'fields missing paths: w'>()
-    })
-  })
-})