@solspace/freeform-vue 0.1.17

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) Solspace, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/README.md

@@ -0,0 +1,61 @@
+# @solspace/freeform-vue
+
+Vue 3 adapter for Solspace Freeform headless forms.
+
+## Install
+
+```bash
+npm install @solspace/freeform-vue @solspace/freeform-core @solspace/freeform-extensions
+```
+
+Load the default theme CSS (shared BEM styles from the React default theme package for now):
+
+```bash
+npm install @solspace/freeform-theme-default
+```
+
+```ts
+import "@solspace/freeform-theme-default/styles.css";
+```
+
+## Usage
+
+```vue
+<script setup lang="ts">
+import { Freeform } from "@solspace/freeform-vue";
+import { recommendedExtensions } from "@solspace/freeform-extensions";
+
+const baseUrl = "https://cms.example.com";
+</script>
+
+<template>
+  <Freeform
+    handle="contact"
+    :base-url="baseUrl"
+    :extensions="recommendedExtensions"
+  />
+</template>
+```
+
+### Headless composable
+
+```vue
+<script setup lang="ts">
+import { useFreeform } from "@solspace/freeform-vue";
+
+const form = useFreeform({
+  handle: "contact",
+  baseUrl: "https://cms.example.com",
+});
+</script>
+
+<template>
+  <div v-if="form.loading">Loading…</div>
+  <form v-else @submit.prevent="form.handleSubmit">
+  </form>
+</template>
+```
+
+## Docs
+
+[Getting Started](https://docs.solspace.com/craft/freeform/v5/headless/getting-started/) · [React JS](https://docs.solspace.com/craft/freeform/v5/headless/reactjs/) (API parity; Vue docs coming)

package/dist/components/CaptchaHost.vue.d.ts

@@ -0,0 +1,9 @@
+import type { ManifestCaptchaSecurity } from "@solspace/freeform-core";
+import type { FreeformRuntime } from "../types.js";
+type __VLS_Props = {
+    form: FreeformRuntime;
+    captcha: ManifestCaptchaSecurity;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/ExtensionHost.vue.d.ts

@@ -0,0 +1,23 @@
+import type { ManifestFieldDefinition } from "@solspace/freeform-core";
+import type { FreeformRuntime } from "../types.js";
+type __VLS_Props = {
+    field: ManifestFieldDefinition;
+    form: FreeformRuntime;
+    class?: string;
+    dataAttr: string;
+    dataValue?: string;
+    hidden?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/FieldRenderer.vue.d.ts

@@ -0,0 +1,12 @@
+import type { ManifestFieldDefinition } from "@solspace/freeform-core";
+import type { FreeformRuntime, FreeformVueTheme, RendererOverrides } from "../types.js";
+type __VLS_Props = {
+    field: ManifestFieldDefinition;
+    form: FreeformRuntime;
+    theme: FreeformVueTheme;
+    renderers: RendererOverrides;
+    allowRawHtml?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/FormLoader.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    message?: string;
+    loaderClass?: string;
+    variant?: "spinner" | "skeleton";
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    message: string;
+    loaderClass: string;
+    variant: "spinner" | "skeleton";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Freeform.vue.d.ts

@@ -0,0 +1,24 @@
+import type { UseFreeformOptions } from "../types.js";
+type __VLS_Props = UseFreeformOptions & {
+    class?: string;
+    loadingMessage?: string;
+};
+declare const form: import("../types.js").UseFreeformResult;
+type __VLS_Slots = {
+    default?: (props: {
+        form: typeof form;
+    }) => unknown;
+    error?: (props: {
+        error: Error;
+    }) => unknown;
+    loading?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/FreeformView.vue.d.ts

@@ -0,0 +1,10 @@
+import type { UseFreeformResult } from "../types.js";
+type __VLS_Props = {
+    form: UseFreeformResult & {
+        manifest: NonNullable<UseFreeformResult["manifest"]>;
+    };
+    class?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/composables/useFieldExtension.d.ts

@@ -0,0 +1,3 @@
+import type { ManifestFieldDefinition } from "@solspace/freeform-core";
+import type { FreeformRuntime } from "../types.js";
+export declare function useFieldExtension(field: ManifestFieldDefinition, form: FreeformRuntime): import("vue").Ref<HTMLElement | null, HTMLElement | null>;

package/dist/composables/useFreeform.d.ts

@@ -0,0 +1,3 @@
+import { type MaybeRefOrGetter } from "vue";
+import { type UseFreeformOptions, type UseFreeformResult } from "../types.js";
+export declare function useFreeform(options: MaybeRefOrGetter<UseFreeformOptions>): UseFreeformResult;

package/dist/index.css

@@ -0,0 +1,2 @@
+.ff-loader-root[data-v-36bcdb81]{color:inherit;gap:1rem;padding:1.25rem 0;display:grid}.ff-loader-skeleton[data-v-36bcdb81]{width:100%}.ff-loader-line[data-v-36bcdb81]{opacity:.12;background-color:currentColor;border-radius:8px;animation:1.4s ease-in-out infinite ff-loader-pulse-36bcdb81}.ff-loader-line--title[data-v-36bcdb81]{width:38%;height:.75rem;margin-bottom:1.25rem}.ff-loader-line--label[data-v-36bcdb81]{width:28%;height:.65rem;margin-bottom:.45rem}.ff-loader-line--input[data-v-36bcdb81]{height:2.5rem}.ff-loader-line--button[data-v-36bcdb81]{width:7rem;height:2.5rem;margin-top:.5rem}.ff-loader-field[data-v-36bcdb81]{margin-bottom:1rem}.ff-loader-spinner[data-v-36bcdb81]{opacity:.85;border:3px solid;border-top-color:#0000;border-radius:50%;width:2rem;height:2rem;animation:.7s linear infinite ff-loader-spin-36bcdb81}.ff-loader-message[data-v-36bcdb81]{opacity:.75;margin:0;font-size:.9rem}@keyframes ff-loader-spin-36bcdb81{to{transform:rotate(360deg)}}@keyframes ff-loader-pulse-36bcdb81{0%,to{opacity:1}50%{opacity:.45}}
+/*$vite$:1*/

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @solspace/freeform-vue
+ *
+ * Vue adapter for Freeform headless forms.
+ */
+export type { FieldValue, FreeformManifest, ManifestFieldDefinition, SubmitIntent, SubmitResponse, } from "@solspace/freeform-core";
+export { default as FormLoader } from "./components/FormLoader.vue";
+export { default as Freeform } from "./components/Freeform.vue";
+export { default as FreeformView } from "./components/FreeformView.vue";
+export { useFieldExtension } from "./composables/useFieldExtension.js";
+export { useFreeform } from "./composables/useFreeform.js";
+export { builtinComponents, builtinRenderers, } from "./renderers/builtin/index.js";
+export { resolveFieldRenderer } from "./renderers/resolve.js";
+export { createTheme, defaultTheme } from "./theme/defaultTheme.js";
+export { joinClassNames, mergeClassNames } from "./theme/mergeClassNames.js";
+export { resolveThemeClassNames } from "./theme/resolveThemeClassNames.js";
+export { toBemModifier } from "./theme/toBemModifier.js";
+export type { FreeformProps, FreeformRuntime, FreeformThemeClassNames, FreeformVueTheme, RendererOverrides, UseFreeformOptions, UseFreeformResult, VueFieldRenderer, VueFieldRendererProps, } from "./types.js";
+export { CLIENT_NAME, PACKAGE_VERSION } from "./types.js";