Skip to content

Latest commit

聽

History

History
197 lines (119 loc) 路 4.2 KB

CHANGELOG.md

File metadata and controls

197 lines (119 loc) 路 4.2 KB
Raw

formsnap

0.4.3

Patch Changes

  • Changes input type to "hidden" in hidden form control inputs (#121)

0.4.2

Patch Changes

  • fix: apply correct data-fs attributes to elements (#96)

0.4.1

Patch Changes

  • Fix: Add missing attributes for SSR (#89)

0.4.0

Minor Changes

  • Feat: Controlled SuperForm usage (#83)

0.3.1

Patch Changes

  • Fix (#79): Bug with the options prop of the <Form.Root /> component (#81)

0.3.0

Minor Changes

  • New Component: <Form.Control /> (#75)

Patch Changes

  • Fix: Returned values (#78)

0.2.1

Patch Changes

  • Fix lack of reactivity of data-fs-error (#66)

  • Fix the typing for tag (#67)

  • Fix: Reactivity (#72)

  • fix: export get-form-schema function in helpers/index.ts (#64)

0.2.0

Minor Changes

    • Add utility function getFormSchema() (#62)

0.1.4

Patch Changes

  • Add FormValidation to Field.config.schema's type (#52)

0.1.3

Patch Changes

  • Add data attributes for styling (#49)

  • Fix handling of refined zod schemas so as not to throw false type errors. (#47)

0.1.2

Patch Changes

  • Forward for events to <Form.Root /> component (#38)

0.1.1

Patch Changes

  • b31af0f: Fix: Set Form Context for getForm

0.1.0

Minor Changes

  • 83dcbbd: - Add getForm helper
    • Fix bug which was creating large .d.ts files and crashing editors

0.0.9

Patch Changes

  • 709b7ab: - Add method="POST" by default to <Form.Root />

0.0.8

Patch Changes

  • 48eea47: - add formStore to <Form.Root /> slot props

0.0.7

Patch Changes

  • 4bc5459: Fix: Value typing

0.0.6

Patch Changes

  • bfa0520: Add tag prop to Validation & Description

0.0.5

Patch Changes

  • 2a857e1: Fix: <Form.Root /> slot prop types

0.0.4

Patch Changes

  • 6c46a7f: export additional types

0.0.3

Patch Changes

  • 0801f7d: Add the handlers object containing the event handler helpers as well as the setValue helper function to the getFormField return object.

  • 748f8e8: #### Add a getFormField helper function

    The getFormField helper function must be called upon component initialization and provides some useful stores, actions, etc. when composing your own forms. For example, if I wanted to create a reusable Form.Label with conditional styles applied to it depending on the error state of the field, I could do something like this:

    <!-- CustomLabel.svelte -->
<script lang="ts">
	import { Form, getFormField } from "formsnap";
	const { errors } = getFormField();
</script>

<Form.Label class={$errors ? "text-red-500" : "text-gray-800"}>
	<slot />
</Form.Label>

    It returns the following type:

    export type FormFieldContext = {
	name: string;
	ids: {
		input: string;
		description: string;
		validation: string;
	};
	errors: Writable<string[] | undefined>;
	value: Writable<unknown>;
	hasDescription: Writable<boolean>;
	hasValidation: Writable<boolean>;
	attrStore: AttrStore;
	actions: ActionsObject;
};

0.0.2

Patch Changes

  • 8596892: Exposes the following additional values from superforms as slot props via the <Form.Root/> component.

    • allErrors
    • delayed
    • errors
    • submitting
    • tainted
    • timeout
    • validate
    • posted
    • fields
    • message
    • options
    • formId
    • restore
    • capture
    • constraints

0.0.1

Patch Changes

  • 69b7e73: initial release