@squaredr/fieldcraft-pro 1.1.0 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +53 -36
  2. package/package.json +11 -3
package/README.md CHANGED
@@ -1,12 +1,17 @@
1
1
  # @squaredr/fieldcraft-pro
2
2
 
3
- Pro components for [FieldCraft](https://squaredr.tech/products/fieldcraft) — a schema-driven form engine for React.
3
+ [![npm version](https://img.shields.io/npm/v/@squaredr/fieldcraft-pro.svg)](https://www.npmjs.com/package/@squaredr/fieldcraft-pro)
4
+ [![license](https://img.shields.io/badge/license-Commercial-blue.svg)](https://squaredr.tech/products/fieldcraft/admin-pro#pricing)
4
5
 
5
- **Includes:**
6
+ Pro components for [FieldCraft](https://squaredr.tech/products/fieldcraft) — a schema-driven form engine for React. Build forms visually, view responses, and customize themes without writing code.
6
7
 
7
- - **Form Builder** — Drag-and-drop visual form designer with 32 field types, undo/redo, import/export, and live preview
8
- - **Response Viewer** — Read-only viewer for submitted form data with table and detail views, CSV/JSON export
9
- - **Theme Editor** — Visual theme editor for form styling and branding with CSS custom properties and live preview
8
+ ## What's Included
9
+
10
+ | Component | Description |
11
+ |-----------|-------------|
12
+ | **FormBuilder** | Drag-and-drop visual form designer with 32 field types, undo/redo, import/export, and live preview |
13
+ | **ResponseViewer** | Read-only viewer for submitted form data with table and detail views, CSV/JSON export |
14
+ | **ThemeEditor** | Visual theme editor for form styling with color pickers, typography controls, and live preview |
10
15
 
11
16
  ## Install
12
17
 
@@ -48,38 +53,21 @@ import "@squaredr/fieldcraft-pro/styles.css"; // Form Builder style
48
53
  import "@squaredr/fieldcraft-pro/theme-editor/styles.css"; // Theme Editor styles
49
54
  ```
50
55
 
51
- ## Response Viewer
52
-
53
- Display submitted form responses in table or card/detail views:
54
-
55
- ```tsx
56
- import { ResponseViewer } from "@squaredr/fieldcraft-pro";
57
-
58
- <ResponseViewer
59
- schema={schema}
60
- responses={responses}
61
- onExport={(format) => console.log(`Export as ${format}`)}
62
- />
63
- ```
64
-
65
- Supports clinical field rendering (scoring instruments, body diagrams, pain scales, BMI, vitals) when paired with `@squaredr/fieldcraft-pro-telehealth`.
66
-
67
- ## Theme Editor
56
+ ## Form Builder
68
57
 
69
- Live-edit form themes with color pickers, typography controls, and shape/spacing sliders:
58
+ Visual form designer with drag-and-drop, live preview, and schema export:
70
59
 
71
60
  ```tsx
72
- import { ThemeEditor } from "@squaredr/fieldcraft-pro";
61
+ import { FormBuilder } from "@squaredr/fieldcraft-pro";
73
62
 
74
- <ThemeEditor
75
- onChange={(theme) => console.log(theme)}
76
- onSave={(theme) => saveToServer(theme)}
63
+ <FormBuilder
64
+ onSave={(schema) => saveToServer(schema)}
65
+ onChange={(schema) => setPreview(schema)}
66
+ height="100vh"
77
67
  />
78
68
  ```
79
69
 
80
- Includes presets: Clean, Dark, Modern, High Contrast, Clinical, Playful.
81
-
82
- ## Field Types (32)
70
+ ### Field Types (32)
83
71
 
84
72
  | Category | Fields |
85
73
  |----------|--------|
@@ -92,9 +80,7 @@ Includes presets: Clean, Dark, Modern, High Contrast, Clinical, Playful.
92
80
  | Structural | Section Header, Info Block, Page Break, Consent |
93
81
  | Advanced | Matrix, Calculated, Hidden |
94
82
 
95
- Need telehealth fields (PHQ-9, GAD-7, clinical instruments, patient intake)? See [`@squaredr/fieldcraft-pro-telehealth`](https://www.npmjs.com/package/@squaredr/fieldcraft-pro-telehealth).
96
-
97
- ## Extending with Custom Fields
83
+ ### Extending with Custom Fields
98
84
 
99
85
  The FormBuilder accepts `questionTypes` and `palette` props to inject additional field types at runtime:
100
86
 
@@ -107,11 +93,40 @@ import { FormBuilder, QUESTION_TYPE_INFO, DEFAULT_PALETTE } from "@squaredr/fiel
107
93
  />
108
94
  ```
109
95
 
96
+ ## Response Viewer
97
+
98
+ Display submitted form responses in table or card/detail views:
99
+
100
+ ```tsx
101
+ import { ResponseViewer } from "@squaredr/fieldcraft-pro";
102
+
103
+ <ResponseViewer
104
+ schema={schema}
105
+ responses={responses}
106
+ onExport={(format) => console.log(`Export as ${format}`)}
107
+ />
108
+ ```
109
+
110
+ ## Theme Editor
111
+
112
+ Live-edit form themes with color pickers, typography controls, and shape/spacing sliders:
113
+
114
+ ```tsx
115
+ import { ThemeEditor } from "@squaredr/fieldcraft-pro";
116
+
117
+ <ThemeEditor
118
+ onChange={(theme) => console.log(theme)}
119
+ onSave={(theme) => saveToServer(theme)}
120
+ />
121
+ ```
122
+
123
+ Includes presets: Clean, Dark, Modern, High Contrast, Clinical, Playful.
124
+
110
125
  ## Requirements
111
126
 
112
127
  - React 18 or 19
113
- - `@squaredr/fieldcraft-core` ^1.3.3
114
- - `@squaredr/fieldcraft-react` ^1.2.8
128
+ - `@squaredr/fieldcraft-core` >= 1.3.3
129
+ - `@squaredr/fieldcraft-react` >= 1.2.8
115
130
 
116
131
  ## License
117
132
 
@@ -119,4 +134,6 @@ Commercial license required for production use. Free in development mode.
119
134
 
120
135
  See [LICENSE.txt](./LICENSE.txt) for details.
121
136
 
122
- [Get a license](https://squaredr.tech/products/fieldcraft/admin-pro#pricing) | [Documentation](https://squaredr.tech/products/fieldcraft/docs/pro) | [Discord](https://discord.gg/zMxdu5UVW)
137
+ ---
138
+
139
+ [Get a license](https://squaredr.tech/products/fieldcraft/admin-pro#pricing) | [Documentation](https://squaredr.tech/products/fieldcraft/docs/pro) | [GitHub](https://github.com/SquaredR98/fieldcraft-pro) | [Discord](https://discord.gg/squaredr)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@squaredr/fieldcraft-pro",
3
- "version": "1.1.0",
3
+ "version": "1.1.1",
4
4
  "description": "Pro components for FieldCraft — visual drag-and-drop Form Builder, Response Viewer, and Theme Editor for React",
5
5
  "keywords": [
6
6
  "fieldcraft",
@@ -79,12 +79,20 @@
79
79
  "tsup": "^8.0",
80
80
  "typescript": "^5.5",
81
81
  "vitest": "^2.0",
82
- "@squaredr/fieldcraft-pro-license": "1.2.0",
83
- "@squaredr/fieldcraft-pro-tsconfig": "0.0.1"
82
+ "@squaredr/fieldcraft-pro-tsconfig": "0.0.1",
83
+ "@squaredr/fieldcraft-pro-license": "1.2.0"
84
84
  },
85
85
  "license": "SEE LICENSE IN LICENSE.txt",
86
86
  "author": "SquaredR",
87
87
  "homepage": "https://squaredr.tech/products/fieldcraft/admin-pro",
88
+ "repository": {
89
+ "type": "git",
90
+ "url": "https://github.com/SquaredR98/fieldcraft-pro.git",
91
+ "directory": "packages/pro"
92
+ },
93
+ "bugs": {
94
+ "url": "https://github.com/SquaredR98/fieldcraft-pro/issues"
95
+ },
88
96
  "scripts": {
89
97
  "build": "tsup && npx @tailwindcss/cli -i src/form-builder/styles/formbuilder.css -o dist/styles.css --minify",
90
98
  "build:css": "npx @tailwindcss/cli -i src/form-builder/styles/formbuilder.css -o dist/styles.css --minify",