sveltik - npm Package Compare versions

Comparing version 0.1.14 to 0.1.15

CHANGELOG.md

 # Changelog
 
+### [v0.1.14](https://github.com/nathancahill/sveltik/releases/tag/v0.1.14)
+
+- Moves stores to context, allowing multiple forms [nathancahill/sveltik#127](https://github.com/nathancahill/sveltik/pull/127)
+
 ### [v0.1.13](https://github.com/nathancahill/sveltik/releases/tag/v0.1.13)
@@ -4,0 +8,0 @@

package.json

 {
     "name": "sveltik",
-    "version": "0.1.14",
+    "version": "0.1.15",
     "repository": "github:nathancahill/sveltik",
@@ -13,6 +13,6 @@ "author": "Nathan Cahill <nathan@nathancahill>",
         "@babel/preset-env": "^7.12.7",
-        "@rollup/plugin-node-resolve": "^10.0.0",
+        "@rollup/plugin-node-resolve": "^11.0.0",
         "@testing-library/jest-dom": "^5.11.6",
         "babel-jest": "^26.6.3",
-        "dainte": "^0.1.4",
+        "dainte": "^0.1.5",
         "jest": "^26.6.3",
@@ -22,4 +22,4 @@ "jsdom": "^16.4.0",
         "prettier-plugin-svelte": "^1.4.1",
-        "rollup": "^2.34.0",
-        "rollup-plugin-svelte": "^5.2.3"
+        "rollup": "^2.34.1",
+        "rollup-plugin-svelte": "^7.0.0"
     },
@@ -26,0 +26,0 @@ "dependencies": {

README.md

@@ -98,3 +98,3 @@ # Sveltik ![CI](https://github.com/nathancahill/sveltik/workflows/CI/badge.svg)
 - `onSubmit: (values: Values, sveltikBag: SveltikBag) => void | Promise<any>`
-- `validate?: (values: Values) => SveltikErrors<Values>`
+- `validate?: (values: Values, sveltikBag: SveltikBag) => SveltikErrors<Values>`
 - `validateOnBlur?: boolean`
@@ -107,3 +107,3 @@ - `validateOnChange?: boolean`
 - `let:props: SveltikProps`
-- `let:dirty: boolean`
+- `let:isDirty: boolean`
 - `let:errors: { [field: string]: string }`
@@ -118,2 +118,3 @@ - `let:handleBlur: (e: HTMLBlurEvent) => void`
 - `let:resetForm: (nextInitialState?: SveltikState<Values>) => void`
+- `let:scrollFirstErrorIntoView: () => void`
 - `let:setErrors: (fields: { [field: string]: string }) => void`
@@ -198,3 +199,3 @@ - `let:setFieldError: (field: string, errorMsg: string) => void`
 
-##### `let:dirty: boolean`
+##### `let:isDirty: boolean`
 
@@ -240,2 +241,6 @@ Returns `true` if values are not deeply equal from initial values, `false` otherwise. `dirty` is a readonly computed property and should not be mutated directly.
 
+##### `let:scrollFirstErrorIntoView: () => void`
+
+Scroll the first `<ScrollMarker />` with an error into view. First is calculated by the vertical distance from the top of the document.
+
 ##### `let:setErrors: (fields: { [field: string]: string }) => void`
@@ -533,1 +538,18 @@
 - Uses `as` prop instead of `component` for consistency with `<Field />`
+
+## `<ScrollMarker />`
+
+`<ScrollMarker />` marks the DOM scroll position of a form element in the document.
+It renders a zero-height div. Useful for scrolling to the first field with an error.
+
+### Props
+
+- `name: string`
+
+### Reference
+
+#### Props
+
+##### `name: string`
+
+A field's name in Sveltik state. Required.

No alert changes

Improved metrics

Total package byte prevSize

442667

increased by1.73%

Lines of code

12610

increased by3.19%

Number of lines in readme file

550

increased by4.17%

No dependency changes