@stackshift-ui/form 1.0.0 → 6.0.3

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@stackshift-ui/form",
   "description": "",
-  "version": "1.0.0",
+  "version": "6.0.3",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist/**"
+    "dist/**",
+    "src"
   ],
   "author": "WebriQ <info@webriq.com>",
   "devDependencies": {
@@ -28,13 +29,13 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/eslint-config": "1.0.0",
-    "@stackshift-ui/typescript-config": "2.0.0"
+    "@stackshift-ui/eslint-config": "6.0.2",
+    "@stackshift-ui/typescript-config": "6.0.2"
   },
   "dependencies": {
-    "@stackshift-ui/scripts": "1.0.0",
-    "@stackshift-ui/system": "2.0.0",
-    "@stackshift-ui/webriq-form": "1.0.0"
+    "@stackshift-ui/system": "6.0.3",
+    "@stackshift-ui/scripts": "6.0.2",
+    "@stackshift-ui/webriq-form": "6.0.3"
   },
   "peerDependencies": {
     "@types/react": "16.8 - 19",

package/src/form.test.tsx

@@ -0,0 +1,13 @@
+import { cleanup, render, screen } from "@testing-library/react";
+import { afterEach, describe, test } from "vitest";
+import { Form } from "./form";
+
+describe.concurrent("form", () => {
+  afterEach(cleanup);
+
+  test("Common: Form - test if renders without errors", ({ expect }) => {
+    const clx = "form-class";
+    render(<Form className={clx} />);
+    expect(screen.getByTestId("stackshift-form").classList).toContain(clx);
+  });
+});

package/src/form.tsx

@@ -0,0 +1,26 @@
+import { WebriQForm } from "@stackshift-ui/webriq-form";
+import React from "react";
+import { LabeledRoute } from "./types";
+
+export type FormProps = {
+  className?: string;
+  id?: string;
+  name?: string;
+  children?: React.ReactNode;
+  thankyouPage?: LabeledRoute;
+};
+
+export const Form = ({ id, name, thankyouPage, className, children }: FormProps) => {
+  return (
+    <WebriQForm
+      method="POST"
+      data-form-id={id}
+      data-testid="stackshift-form"
+      name={name ?? "Form"}
+      className={className}
+      data-thankyou-url={thankyouPage}
+      scriptsrc="https://pagebuilderforms.webriq.com/js/initReactForms">
+      {children}
+    </WebriQForm>
+  );
+};

package/src/index.ts

@@ -0,0 +1,4 @@
+"use client";
+
+// component exports
+export * from "./form";

package/src/types.ts

@@ -0,0 +1,14 @@
+export interface LabeledRoute extends ConditionalLink {
+  ariaLabel?: string;
+  label?: string;
+  linkTarget?: string;
+  linkType?: string;
+  _type?: string;
+  linkInternal?: any;
+}
+
+export interface ConditionalLink {
+  type?: string;
+  internalLink?: string | null;
+  externalLink?: string | null;
+}