@functionalcms/svelte-components 4.10.37 → 4.10.40

package/dist/components/form/Form.svelte

@@ -5,7 +5,6 @@
 	import Select from './Select.svelte';
 	import Switch from './Switch.svelte';
 	import { Placement } from '../Styling.js';
-	import { addTransactionSupport } from 'ioredis/built/transaction.js';
 	import Button from './Button.svelte';
 
 	interface FormButton {
@@ -24,7 +23,7 @@
 
 	let {
 		buttons = [],
-		schema,
+		schema = [],
 		action = '',
 		buttonsContainer = '',
 		buttonPosition = Placement.Bottom
@@ -39,7 +38,7 @@
 	</div>
 {/snippet}
 
-<form method="POST" action={action}>
+<form method="POST" {action}>
 	<fieldset>
 		{#if buttonPosition === Placement.Top}
 			{@render renderButtons()}

package/dist/components/form/form.d.ts

@@ -5,7 +5,8 @@ export interface Field {
     meta: any;
     isRequired: boolean;
 }
-export declare function serialize(schema: any): Promise<import("sveltekit-superforms").SuperValidated<{}, any, {}>>;
+export declare function serialize(schema: any): Promise<Field[]>;
+export declare function createForm(schema: any): Promise<import("sveltekit-superforms").SuperValidated<{}, any, {}>>;
 export declare function mapEntiresToOptions(field: Field): {
     label: string;
     value: string;

package/dist/components/form/form.js

@@ -1,20 +1,22 @@
 import { superValidate } from 'sveltekit-superforms';
 import { yup } from 'sveltekit-superforms/adapters';
 export async function serialize(schema) {
-    // const keys = schema._nodes.reverse();
-    // const fields: Array<Field> = keys.map((key: string) => {
-    //   const field = schema.fields[key];
-    //   const hasEntries = field._whitelist.size > 0;
-    //   const isOptional = field.spec.optional ?? true;
-    //   return {
-    //     name: key,
-    //     type: hasEntries ? "enum" : field.type,
-    //     entries: hasEntries ? [...field._whitelist] : [],
-    //     meta: field.spec.meta ?? {},
-    //     isRequired: !isOptional,
-    //   };
-    // });
-    // return fields;
+    const keys = schema._nodes.reverse();
+    const fields = keys.map((key) => {
+        const field = schema.fields[key];
+        const hasEntries = field._whitelist.size > 0;
+        const isOptional = field.spec.optional ?? true;
+        return {
+            name: key,
+            type: hasEntries ? "enum" : field.type,
+            entries: hasEntries ? [...field._whitelist] : [],
+            meta: field.spec.meta ?? {},
+            isRequired: !isOptional,
+        };
+    });
+    return fields;
+}
+export async function createForm(schema) {
     const form = await superValidate(yup(schema));
     return form;
 }

package/dist/components/layouts/Tabs.svelte

@@ -20,7 +20,7 @@
 
 	let dynamicComponentRefs = $state([]); //https://svelte.dev/tutorial/component-this
 	let tabButtonRefs: Array<HTMLButtonElement> = $state([]);
-	let activePanel = $state(null);
+	let activePanel: Tab = $state(tabs[0]);
 
 	const baseStyles = () => `tabs ${isVerticalOrientation ? 'tabs-vertical' : ''}`;
 
@@ -168,8 +168,8 @@
 			{:else} -->
 			<button
 				bind:this={tabButtonRefs[i]}
-				on:click={() => selectTab(i)}
-				on:keydown={(e) => handleKeyDown(e, i)}
+				onclick={() => selectTab(i)}
+				onkeydown={(e) => handleKeyDown(e, i)}
 				disabled={tab.isDisabled}
 				class={tabButtonClasses(tab)}
 				role="tab"

package/dist/index.d.ts

@@ -34,7 +34,7 @@ export { default as AntiBot } from './components/form/AntiBot.svelte';
 export { default as Dropzone } from './components/form/Dropzone.svelte';
 export { default as Select } from './components/form/Select.svelte';
 export { default as Form } from './components/form/Form.svelte';
-export { type Field, serialize, mapEntiresToOptions } from './components/form/form.js';
+export { type Field, serialize, createForm, mapEntiresToOptions } from './components/form/form.js';
 export { default as Markdown } from './components/content/Markdown.svelte';
 export { type BlogPost, listAllPosts, importPost } from './components/blog/blog.js';
 export { default as EasyTools } from './components/integrations/EasyTools.svelte';

package/dist/index.js

@@ -46,7 +46,7 @@ export { default as AntiBot } from './components/form/AntiBot.svelte';
 export { default as Dropzone } from './components/form/Dropzone.svelte';
 export { default as Select } from './components/form/Select.svelte';
 export { default as Form } from './components/form/Form.svelte';
-export { serialize, mapEntiresToOptions } from './components/form/form.js';
+export { serialize, createForm, mapEntiresToOptions } from './components/form/form.js';
 /*
  * Content
  */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "4.10.37",
+	"version": "4.10.40",
 	"watch": {
 		"build": {
 			"patterns": [