pdyform 2.0.2 → 2.2.0

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 (215) hide show
  1. package/README.md +98 -74
  2. package/package.json +9 -3
  3. package/packages/core/dist/chunk-6F4PWJZI.js +0 -0
  4. package/packages/core/dist/chunk-KA6QUMVR.js +158 -0
  5. package/packages/core/dist/chunk-REHKL5VH.js +76 -0
  6. package/packages/core/dist/formState.cjs +132 -78
  7. package/packages/core/dist/formState.d.cts +14 -10
  8. package/packages/core/dist/formState.d.ts +14 -10
  9. package/packages/core/dist/formState.js +4 -12
  10. package/packages/core/dist/index.cjs +138 -78
  11. package/packages/core/dist/index.d.cts +4 -3
  12. package/packages/core/dist/index.d.ts +4 -3
  13. package/packages/core/dist/index.js +11 -12
  14. package/packages/core/dist/types.d.cts +17 -5
  15. package/packages/core/dist/types.d.ts +17 -5
  16. package/packages/core/dist/types.js +1 -0
  17. package/packages/core/dist/utils.cjs +78 -19
  18. package/packages/core/dist/utils.d.cts +17 -5
  19. package/packages/core/dist/utils.d.ts +17 -5
  20. package/packages/core/dist/utils.js +7 -1
  21. package/packages/react/dist/index.cjs +1 -461
  22. package/packages/react/dist/index.d.cts +33 -2
  23. package/packages/react/dist/index.d.ts +33 -2
  24. package/packages/react/dist/index.js +1 -411
  25. package/packages/vue/dist/index.d.ts +51 -39
  26. package/packages/vue/dist/index.js +1 -28
  27. package/packages/vue/dist/index.mjs +630 -6527
  28. package/eslint.config.mjs +0 -53
  29. package/example/README.md +0 -36
  30. package/example/react-demo/index.html +0 -12
  31. package/example/react-demo/node_modules/.bin/browserslist +0 -17
  32. package/example/react-demo/node_modules/.bin/tsc +0 -17
  33. package/example/react-demo/node_modules/.bin/tsserver +0 -17
  34. package/example/react-demo/node_modules/.bin/vite +0 -17
  35. package/example/react-demo/node_modules/.vite/deps/@radix-ui_react-checkbox.js +0 -300
  36. package/example/react-demo/node_modules/.vite/deps/@radix-ui_react-checkbox.js.map +0 -7
  37. package/example/react-demo/node_modules/.vite/deps/@radix-ui_react-label.js +0 -194
  38. package/example/react-demo/node_modules/.vite/deps/@radix-ui_react-label.js.map +0 -7
  39. package/example/react-demo/node_modules/.vite/deps/@radix-ui_react-radio-group.js +0 -530
  40. package/example/react-demo/node_modules/.vite/deps/@radix-ui_react-radio-group.js.map +0 -7
  41. package/example/react-demo/node_modules/.vite/deps/@radix-ui_react-select.js +0 -4808
  42. package/example/react-demo/node_modules/.vite/deps/@radix-ui_react-select.js.map +0 -7
  43. package/example/react-demo/node_modules/.vite/deps/_metadata.json +0 -115
  44. package/example/react-demo/node_modules/.vite/deps/chunk-3D5PZ6F6.js +0 -49
  45. package/example/react-demo/node_modules/.vite/deps/chunk-3D5PZ6F6.js.map +0 -7
  46. package/example/react-demo/node_modules/.vite/deps/chunk-5Q2RBQLA.js +0 -127
  47. package/example/react-demo/node_modules/.vite/deps/chunk-5Q2RBQLA.js.map +0 -7
  48. package/example/react-demo/node_modules/.vite/deps/chunk-G3PMV62Z.js +0 -36
  49. package/example/react-demo/node_modules/.vite/deps/chunk-G3PMV62Z.js.map +0 -7
  50. package/example/react-demo/node_modules/.vite/deps/chunk-GX7YZ5KV.js +0 -370
  51. package/example/react-demo/node_modules/.vite/deps/chunk-GX7YZ5KV.js.map +0 -7
  52. package/example/react-demo/node_modules/.vite/deps/chunk-PUFJGYAC.js +0 -928
  53. package/example/react-demo/node_modules/.vite/deps/chunk-PUFJGYAC.js.map +0 -7
  54. package/example/react-demo/node_modules/.vite/deps/chunk-SIU35MPB.js +0 -21
  55. package/example/react-demo/node_modules/.vite/deps/chunk-SIU35MPB.js.map +0 -7
  56. package/example/react-demo/node_modules/.vite/deps/chunk-TOMGVNQP.js +0 -1906
  57. package/example/react-demo/node_modules/.vite/deps/chunk-TOMGVNQP.js.map +0 -7
  58. package/example/react-demo/node_modules/.vite/deps/chunk-YYN6DZAU.js +0 -21628
  59. package/example/react-demo/node_modules/.vite/deps/chunk-YYN6DZAU.js.map +0 -7
  60. package/example/react-demo/node_modules/.vite/deps/chunk-ZE5VSJFE.js +0 -144
  61. package/example/react-demo/node_modules/.vite/deps/chunk-ZE5VSJFE.js.map +0 -7
  62. package/example/react-demo/node_modules/.vite/deps/class-variance-authority.js +0 -51
  63. package/example/react-demo/node_modules/.vite/deps/class-variance-authority.js.map +0 -7
  64. package/example/react-demo/node_modules/.vite/deps/clsx.js +0 -10
  65. package/example/react-demo/node_modules/.vite/deps/clsx.js.map +0 -7
  66. package/example/react-demo/node_modules/.vite/deps/lucide-react.js +0 -29725
  67. package/example/react-demo/node_modules/.vite/deps/lucide-react.js.map +0 -7
  68. package/example/react-demo/node_modules/.vite/deps/package.json +0 -3
  69. package/example/react-demo/node_modules/.vite/deps/react-dom.js +0 -7
  70. package/example/react-demo/node_modules/.vite/deps/react-dom.js.map +0 -7
  71. package/example/react-demo/node_modules/.vite/deps/react-dom_client.js +0 -39
  72. package/example/react-demo/node_modules/.vite/deps/react-dom_client.js.map +0 -7
  73. package/example/react-demo/node_modules/.vite/deps/react.js +0 -6
  74. package/example/react-demo/node_modules/.vite/deps/react.js.map +0 -7
  75. package/example/react-demo/node_modules/.vite/deps/react_jsx-dev-runtime.js +0 -913
  76. package/example/react-demo/node_modules/.vite/deps/react_jsx-dev-runtime.js.map +0 -7
  77. package/example/react-demo/node_modules/.vite/deps/react_jsx-runtime.js +0 -7
  78. package/example/react-demo/node_modules/.vite/deps/react_jsx-runtime.js.map +0 -7
  79. package/example/react-demo/node_modules/.vite/deps/tailwind-merge.js +0 -2534
  80. package/example/react-demo/node_modules/.vite/deps/tailwind-merge.js.map +0 -7
  81. package/example/react-demo/package.json +0 -23
  82. package/example/react-demo/postcss.config.mjs +0 -6
  83. package/example/react-demo/src/App.tsx +0 -64
  84. package/example/react-demo/src/main.tsx +0 -10
  85. package/example/react-demo/src/styles.css +0 -102
  86. package/example/react-demo/tailwind.config.mjs +0 -50
  87. package/example/react-demo/tsconfig.json +0 -16
  88. package/example/react-demo/vite.config.ts +0 -14
  89. package/example/shared/defaultSchema.ts +0 -68
  90. package/example/vue-demo/index.html +0 -12
  91. package/example/vue-demo/node_modules/.bin/tsc +0 -17
  92. package/example/vue-demo/node_modules/.bin/tsserver +0 -17
  93. package/example/vue-demo/node_modules/.bin/vite +0 -17
  94. package/example/vue-demo/node_modules/.vite/deps/_metadata.json +0 -46
  95. package/example/vue-demo/node_modules/.vite/deps/chunk-PZ5AY32C.js +0 -10
  96. package/example/vue-demo/node_modules/.vite/deps/chunk-PZ5AY32C.js.map +0 -7
  97. package/example/vue-demo/node_modules/.vite/deps/chunk-TCXBSQ4M.js +0 -12877
  98. package/example/vue-demo/node_modules/.vite/deps/chunk-TCXBSQ4M.js.map +0 -7
  99. package/example/vue-demo/node_modules/.vite/deps/clsx.js +0 -22
  100. package/example/vue-demo/node_modules/.vite/deps/clsx.js.map +0 -7
  101. package/example/vue-demo/node_modules/.vite/deps/lucide-vue-next.js +0 -29720
  102. package/example/vue-demo/node_modules/.vite/deps/lucide-vue-next.js.map +0 -7
  103. package/example/vue-demo/node_modules/.vite/deps/package.json +0 -3
  104. package/example/vue-demo/node_modules/.vite/deps/radix-vue.js +0 -24321
  105. package/example/vue-demo/node_modules/.vite/deps/radix-vue.js.map +0 -7
  106. package/example/vue-demo/node_modules/.vite/deps/tailwind-merge.js +0 -2534
  107. package/example/vue-demo/node_modules/.vite/deps/tailwind-merge.js.map +0 -7
  108. package/example/vue-demo/node_modules/.vite/deps/vue.js +0 -348
  109. package/example/vue-demo/node_modules/.vite/deps/vue.js.map +0 -7
  110. package/example/vue-demo/package.json +0 -20
  111. package/example/vue-demo/postcss.config.mjs +0 -6
  112. package/example/vue-demo/src/App.vue +0 -61
  113. package/example/vue-demo/src/env.d.ts +0 -1
  114. package/example/vue-demo/src/main.ts +0 -5
  115. package/example/vue-demo/src/style.css +0 -102
  116. package/example/vue-demo/tailwind.config.mjs +0 -50
  117. package/example/vue-demo/tsconfig.json +0 -15
  118. package/example/vue-demo/vite.config.ts +0 -14
  119. package/packages/core/dist/chunk-TP3IHKWV.js +0 -69
  120. package/packages/core/dist/chunk-WEDHXOHH.js +0 -102
  121. package/packages/core/node_modules/.bin/api-extractor +0 -17
  122. package/packages/core/node_modules/.bin/esbuild +0 -14
  123. package/packages/core/node_modules/.bin/jiti +0 -17
  124. package/packages/core/node_modules/.bin/tsc +0 -17
  125. package/packages/core/node_modules/.bin/tsserver +0 -17
  126. package/packages/core/node_modules/.bin/tsup +0 -17
  127. package/packages/core/node_modules/.bin/tsup-node +0 -17
  128. package/packages/core/node_modules/.bin/vitest +0 -17
  129. package/packages/core/node_modules/.vite/vitest/results.json +0 -1
  130. package/packages/core/package.json +0 -37
  131. package/packages/core/src/formState.ts +0 -79
  132. package/packages/core/src/index.ts +0 -3
  133. package/packages/core/src/types.ts +0 -42
  134. package/packages/core/src/utils.ts +0 -104
  135. package/packages/core/test/formState.test.ts +0 -71
  136. package/packages/core/test/utils.test.ts +0 -178
  137. package/packages/core/tsconfig.json +0 -15
  138. package/packages/core/tsup.config.ts +0 -9
  139. package/packages/react/node_modules/.bin/api-extractor +0 -17
  140. package/packages/react/node_modules/.bin/browserslist +0 -17
  141. package/packages/react/node_modules/.bin/esbuild +0 -14
  142. package/packages/react/node_modules/.bin/jiti +0 -17
  143. package/packages/react/node_modules/.bin/tsc +0 -17
  144. package/packages/react/node_modules/.bin/tsserver +0 -17
  145. package/packages/react/node_modules/.bin/tsup +0 -17
  146. package/packages/react/node_modules/.bin/tsup-node +0 -17
  147. package/packages/react/node_modules/.bin/vite +0 -17
  148. package/packages/react/node_modules/.bin/vitest +0 -17
  149. package/packages/react/node_modules/.vite/vitest/results.json +0 -1
  150. package/packages/react/package.json +0 -57
  151. package/packages/react/postcss.config.mjs +0 -6
  152. package/packages/react/src/DynamicForm.tsx +0 -69
  153. package/packages/react/src/FormFieldRenderer.tsx +0 -50
  154. package/packages/react/src/components/Checkbox.tsx +0 -28
  155. package/packages/react/src/components/CheckboxRenderer.tsx +0 -37
  156. package/packages/react/src/components/Input.tsx +0 -24
  157. package/packages/react/src/components/InputRenderer.tsx +0 -25
  158. package/packages/react/src/components/Label.tsx +0 -24
  159. package/packages/react/src/components/RadioGroup.tsx +0 -42
  160. package/packages/react/src/components/RadioRenderer.tsx +0 -29
  161. package/packages/react/src/components/Select.tsx +0 -93
  162. package/packages/react/src/components/SelectRenderer.tsx +0 -27
  163. package/packages/react/src/components/Textarea.tsx +0 -23
  164. package/packages/react/src/components/TextareaRenderer.tsx +0 -17
  165. package/packages/react/src/components/index.ts +0 -55
  166. package/packages/react/src/components/types.ts +0 -17
  167. package/packages/react/src/index.tsx +0 -3
  168. package/packages/react/src/utils.ts +0 -7
  169. package/packages/react/tailwind.config.mjs +0 -10
  170. package/packages/react/test/DynamicForm.test.tsx +0 -25
  171. package/packages/react/test/FormFieldRenderer.test.tsx +0 -127
  172. package/packages/react/tsconfig.json +0 -15
  173. package/packages/react/vitest.config.ts +0 -16
  174. package/packages/vue/node_modules/.bin/rollup +0 -17
  175. package/packages/vue/node_modules/.bin/tsc +0 -17
  176. package/packages/vue/node_modules/.bin/tsserver +0 -17
  177. package/packages/vue/node_modules/.bin/vite +0 -17
  178. package/packages/vue/node_modules/.bin/vitest +0 -17
  179. package/packages/vue/node_modules/.bin/vue-tsc +0 -17
  180. package/packages/vue/node_modules/.vite/vitest/results.json +0 -1
  181. package/packages/vue/node_modules/.vue-global-types/vue_3.5_0_0_0.d.ts +0 -118
  182. package/packages/vue/node_modules/.vue-global-types/vue_3.5_false.d.ts +0 -128
  183. package/packages/vue/package.json +0 -53
  184. package/packages/vue/postcss.config.mjs +0 -6
  185. package/packages/vue/src/DynamicForm.vue +0 -63
  186. package/packages/vue/src/FormFieldRenderer.vue +0 -70
  187. package/packages/vue/src/components/Checkbox.vue +0 -28
  188. package/packages/vue/src/components/CheckboxRenderer.vue +0 -35
  189. package/packages/vue/src/components/Input.vue +0 -21
  190. package/packages/vue/src/components/InputRenderer.vue +0 -24
  191. package/packages/vue/src/components/Label.vue +0 -21
  192. package/packages/vue/src/components/RadioGroup.vue +0 -30
  193. package/packages/vue/src/components/RadioGroupItem.vue +0 -26
  194. package/packages/vue/src/components/RadioRenderer.vue +0 -24
  195. package/packages/vue/src/components/Select.vue +0 -40
  196. package/packages/vue/src/components/SelectContent.vue +0 -38
  197. package/packages/vue/src/components/SelectItem.vue +0 -43
  198. package/packages/vue/src/components/SelectRenderer.vue +0 -30
  199. package/packages/vue/src/components/SelectTrigger.vue +0 -27
  200. package/packages/vue/src/components/Textarea.vue +0 -19
  201. package/packages/vue/src/components/TextareaRenderer.vue +0 -18
  202. package/packages/vue/src/components/index.ts +0 -24
  203. package/packages/vue/src/env.d.ts +0 -7
  204. package/packages/vue/src/fieldComponentMap.ts +0 -34
  205. package/packages/vue/src/index.ts +0 -4
  206. package/packages/vue/src/utils.ts +0 -6
  207. package/packages/vue/tailwind.config.mjs +0 -10
  208. package/packages/vue/test/DynamicForm.test.ts +0 -19
  209. package/packages/vue/test/FormFieldRenderer.test.ts +0 -133
  210. package/packages/vue/tsconfig.json +0 -16
  211. package/packages/vue/vite.config.ts +0 -29
  212. package/packages/vue/vitest.config.ts +0 -16
  213. package/pnpm-workspace.yaml +0 -4
  214. package/tsconfig.json +0 -21
  215. package/turbo.json +0 -25
@@ -1,37 +0,0 @@
1
- import React from 'react';
2
- import type { FieldRenderContext } from './types';
3
- import { Checkbox } from './Checkbox';
4
- import { Label } from './Label';
5
-
6
- const CheckboxRenderer: React.FC<FieldRenderContext> = ({ field, value, onChange, onBlur }) => (
7
- <div className="flex flex-wrap gap-4">
8
- {field.options?.map((opt) => {
9
- const checked = Array.isArray(value) && value.includes(opt.value);
10
- return (
11
- <div key={opt.value} className="flex items-center space-x-2">
12
- <Checkbox
13
- id={`checkbox-${field.name}-${opt.value}`}
14
- checked={checked}
15
- disabled={field.disabled}
16
- onCheckedChange={(c) => {
17
- const next = Array.isArray(value) ? [...value] : [];
18
- if (c) {
19
- next.push(opt.value);
20
- } else {
21
- const idx = next.indexOf(opt.value);
22
- if (idx > -1) next.splice(idx, 1);
23
- }
24
- onChange(next);
25
- }}
26
- onBlur={onBlur}
27
- />
28
- <Label htmlFor={`checkbox-${field.name}-${opt.value}`} className="font-normal">
29
- {opt.label}
30
- </Label>
31
- </div>
32
- );
33
- })}
34
- </div>
35
- );
36
-
37
- export default CheckboxRenderer;
@@ -1,24 +0,0 @@
1
- import * as React from "react"
2
- import { cn } from "../utils"
3
-
4
- export interface InputProps
5
- extends React.InputHTMLAttributes<HTMLInputElement> {}
6
-
7
- const Input = React.forwardRef<HTMLInputElement, InputProps>(
8
- ({ className, type, ...props }, ref) => {
9
- return (
10
- <input
11
- type={type}
12
- className={cn(
13
- "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
14
- className
15
- )}
16
- ref={ref}
17
- {...props}
18
- />
19
- )
20
- }
21
- )
22
- Input.displayName = "Input"
23
-
24
- export { Input }
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import { normalizeFieldValue } from 'pdyform/core';
3
- import type { FieldRenderContext } from './types';
4
- import { Input } from './Input';
5
-
6
- const InputRenderer: React.FC<FieldRenderContext> = ({ field, value, onChange, onBlur, fieldId }) => {
7
- const handleChange = (nextValue: string) => {
8
- onChange(normalizeFieldValue(field, nextValue));
9
- };
10
-
11
- return (
12
- <Input
13
- id={fieldId}
14
- type={field.type}
15
- placeholder={field.placeholder}
16
- value={value ?? ''}
17
- onChange={(e) => handleChange(e.target.value)}
18
- onBlur={onBlur}
19
- disabled={field.disabled}
20
- name={field.name}
21
- />
22
- );
23
- };
24
-
25
- export default InputRenderer;
@@ -1,24 +0,0 @@
1
- import * as React from "react"
2
- import * as LabelPrimitive from "@radix-ui/react-label"
3
- import { cva, type VariantProps } from "class-variance-authority"
4
-
5
- import { cn } from "../utils"
6
-
7
- const labelVariants = cva(
8
- "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
9
- )
10
-
11
- const Label = React.forwardRef<
12
- React.ElementRef<typeof LabelPrimitive.Root>,
13
- React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
14
- VariantProps<typeof labelVariants>
15
- >(({ className, ...props }, ref) => (
16
- <LabelPrimitive.Root
17
- ref={ref}
18
- className={cn(labelVariants(), className)}
19
- {...props}
20
- />
21
- ))
22
- Label.displayName = LabelPrimitive.Root.displayName
23
-
24
- export { Label }
@@ -1,42 +0,0 @@
1
- import * as React from "react"
2
- import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
3
- import { Circle } from "lucide-react"
4
-
5
- import { cn } from "../utils"
6
-
7
- const RadioGroup = React.forwardRef<
8
- React.ElementRef<typeof RadioGroupPrimitive.Root>,
9
- React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>
10
- >(({ className, ...props }, ref) => {
11
- return (
12
- <RadioGroupPrimitive.Root
13
- className={cn("grid gap-2", className)}
14
- {...props}
15
- ref={ref}
16
- />
17
- )
18
- })
19
- RadioGroup.displayName = RadioGroupPrimitive.Root.displayName
20
-
21
- const RadioGroupItem = React.forwardRef<
22
- React.ElementRef<typeof RadioGroupPrimitive.Item>,
23
- React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>
24
- >(({ className, ...props }, ref) => {
25
- return (
26
- <RadioGroupPrimitive.Item
27
- ref={ref}
28
- className={cn(
29
- "aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
30
- className
31
- )}
32
- {...props}
33
- >
34
- <RadioGroupPrimitive.Indicator className="flex items-center justify-center">
35
- <Circle className="h-2.5 w-2.5 fill-current text-current" />
36
- </RadioGroupPrimitive.Indicator>
37
- </RadioGroupPrimitive.Item>
38
- )
39
- })
40
- RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName
41
-
42
- export { RadioGroup, RadioGroupItem }
@@ -1,29 +0,0 @@
1
- import React from 'react';
2
- import type { FieldRenderContext } from './types';
3
- import { RadioGroup, RadioGroupItem } from './RadioGroup';
4
- import { Label } from './Label';
5
-
6
- const RadioRenderer: React.FC<FieldRenderContext> = ({ field, value, onChange, onBlur }) => (
7
- <RadioGroup
8
- value={value != null ? String(value) : ''}
9
- onValueChange={onChange}
10
- disabled={field.disabled}
11
- name={field.name}
12
- className="flex flex-wrap gap-4"
13
- >
14
- {field.options?.map((opt) => (
15
- <div key={opt.value} className="flex items-center space-x-2">
16
- <RadioGroupItem
17
- value={String(opt.value)}
18
- id={`radio-${field.name}-${opt.value}`}
19
- onBlur={onBlur}
20
- />
21
- <Label htmlFor={`radio-${field.name}-${opt.value}`} className="font-normal">
22
- {opt.label}
23
- </Label>
24
- </div>
25
- ))}
26
- </RadioGroup>
27
- );
28
-
29
- export default RadioRenderer;
@@ -1,93 +0,0 @@
1
- import * as React from "react"
2
- import * as SelectPrimitive from "@radix-ui/react-select"
3
- import { Check, ChevronDown, ChevronUp } from "lucide-react"
4
-
5
- import { cn } from "../utils"
6
-
7
- const Select = SelectPrimitive.Root
8
-
9
- const SelectGroup = SelectPrimitive.Group
10
-
11
- const SelectValue = SelectPrimitive.Value
12
-
13
- const SelectTrigger = React.forwardRef<
14
- React.ElementRef<typeof SelectPrimitive.Trigger>,
15
- React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
16
- >(({ className, children, ...props }, ref) => (
17
- <SelectPrimitive.Trigger
18
- ref={ref}
19
- className={cn(
20
- "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
21
- className
22
- )}
23
- {...props}
24
- >
25
- {children}
26
- <SelectPrimitive.Icon asChild>
27
- <ChevronDown className="h-4 w-4 opacity-50" />
28
- </SelectPrimitive.Icon>
29
- </SelectPrimitive.Trigger>
30
- ))
31
- SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
32
-
33
- const SelectContent = React.forwardRef<
34
- React.ElementRef<typeof SelectPrimitive.Content>,
35
- React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
36
- >(({ className, children, position = "popper", ...props }, ref) => (
37
- <SelectPrimitive.Portal>
38
- <SelectPrimitive.Content
39
- ref={ref}
40
- className={cn(
41
- "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
42
- position === "popper" &&
43
- "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
44
- className
45
- )}
46
- position={position}
47
- {...props}
48
- >
49
- <SelectPrimitive.Viewport
50
- className={cn(
51
- "p-1",
52
- position === "popper" &&
53
- "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
54
- )}
55
- >
56
- {children}
57
- </SelectPrimitive.Viewport>
58
- </SelectPrimitive.Content>
59
- </SelectPrimitive.Portal>
60
- ))
61
- SelectContent.displayName = SelectPrimitive.Content.displayName
62
-
63
- const SelectItem = React.forwardRef<
64
- React.ElementRef<typeof SelectPrimitive.Item>,
65
- React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
66
- >(({ className, children, ...props }, ref) => (
67
- <SelectPrimitive.Item
68
- ref={ref}
69
- className={cn(
70
- "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
71
- className
72
- )}
73
- {...props}
74
- >
75
- <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
76
- <SelectPrimitive.ItemIndicator>
77
- <Check className="h-4 w-4" />
78
- </SelectPrimitive.ItemIndicator>
79
- </span>
80
-
81
- <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
82
- </SelectPrimitive.Item>
83
- ))
84
- SelectItem.displayName = SelectPrimitive.Item.displayName
85
-
86
- export {
87
- Select,
88
- SelectGroup,
89
- SelectValue,
90
- SelectTrigger,
91
- SelectContent,
92
- SelectItem,
93
- }
@@ -1,27 +0,0 @@
1
- import React from 'react';
2
- import type { FieldRenderContext } from './types';
3
- import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from './Select';
4
-
5
- const SelectRenderer: React.FC<FieldRenderContext> = ({ field, value, onChange, onBlur, fieldId }) => (
6
- <Select
7
- value={value != null ? String(value) : ''}
8
- onValueChange={onChange}
9
- disabled={field.disabled}
10
- name={field.name}
11
- >
12
- <SelectTrigger id={fieldId} onBlur={onBlur}>
13
- <SelectValue placeholder={field.placeholder || 'Select an option'} />
14
- </SelectTrigger>
15
- <SelectContent>
16
- <SelectGroup>
17
- {field.options?.map((opt) => (
18
- <SelectItem key={opt.value} value={String(opt.value)}>
19
- {opt.label}
20
- </SelectItem>
21
- ))}
22
- </SelectGroup>
23
- </SelectContent>
24
- </Select>
25
- );
26
-
27
- export default SelectRenderer;
@@ -1,23 +0,0 @@
1
- import * as React from "react"
2
- import { cn } from "../utils"
3
-
4
- export interface TextareaProps
5
- extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
6
-
7
- const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
8
- ({ className, ...props }, ref) => {
9
- return (
10
- <textarea
11
- className={cn(
12
- "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
13
- className
14
- )}
15
- ref={ref}
16
- {...props}
17
- />
18
- )
19
- }
20
- )
21
- Textarea.displayName = "Textarea"
22
-
23
- export { Textarea }
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- import type { FieldRenderContext } from './types';
3
- import { Textarea } from './Textarea';
4
-
5
- const TextareaRenderer: React.FC<FieldRenderContext> = ({ field, value, onChange, onBlur, fieldId }) => (
6
- <Textarea
7
- id={fieldId}
8
- placeholder={field.placeholder}
9
- value={value ?? ''}
10
- onChange={(e) => onChange(e.target.value)}
11
- onBlur={onBlur}
12
- disabled={field.disabled}
13
- name={field.name}
14
- />
15
- );
16
-
17
- export default TextareaRenderer;
@@ -1,55 +0,0 @@
1
- // ─── Primitive UI components ─────────────────────────────────────────────────
2
- export { Input } from './Input';
3
- export { Textarea } from './Textarea';
4
- export { Checkbox } from './Checkbox';
5
- export { RadioGroup, RadioGroupItem } from './RadioGroup';
6
- export {
7
- Select,
8
- SelectGroup,
9
- SelectValue,
10
- SelectTrigger,
11
- SelectContent,
12
- SelectItem,
13
- } from './Select';
14
- export { Label } from './Label';
15
-
16
- // ─── Field renderer components ────────────────────────────────────────────────
17
- export { default as InputRenderer } from './InputRenderer';
18
- export { default as TextareaRenderer } from './TextareaRenderer';
19
- export { default as SelectRenderer } from './SelectRenderer';
20
- export { default as CheckboxRenderer } from './CheckboxRenderer';
21
- export { default as RadioRenderer } from './RadioRenderer';
22
-
23
- // ─── Types ───────────────────────────────────────────────────────────────────
24
- export type { FieldRenderContext, FieldRenderer, FieldComponentMap } from './types';
25
-
26
- // ─── Default component map ───────────────────────────────────────────────────
27
- import InputRenderer from './InputRenderer';
28
- import TextareaRenderer from './TextareaRenderer';
29
- import SelectRenderer from './SelectRenderer';
30
- import CheckboxRenderer from './CheckboxRenderer';
31
- import RadioRenderer from './RadioRenderer';
32
- import type { FieldComponentMap } from './types';
33
-
34
- /**
35
- * The default built-in component map.
36
- * Import and spread this to extend or override individual field types:
37
- *
38
- * @example
39
- * ```tsx
40
- * import { defaultComponentMap } from 'pdyform-react';
41
- * const myMap = { ...defaultComponentMap, text: MyInput, rating: StarRating };
42
- * <FormFieldRenderer componentMap={myMap} ... />
43
- * ```
44
- */
45
- export const defaultComponentMap: FieldComponentMap = {
46
- text: InputRenderer,
47
- number: InputRenderer,
48
- password: InputRenderer,
49
- email: InputRenderer,
50
- date: InputRenderer,
51
- textarea: TextareaRenderer,
52
- select: SelectRenderer,
53
- checkbox: CheckboxRenderer,
54
- radio: RadioRenderer,
55
- };
@@ -1,17 +0,0 @@
1
- import type React from 'react';
2
- import type { FormField } from 'pdyform/core';
3
-
4
- /** All props passed into each individual field renderer component */
5
- export interface FieldRenderContext {
6
- field: FormField;
7
- value: any;
8
- onChange: (value: any) => void;
9
- onBlur?: () => void;
10
- fieldId: string;
11
- }
12
-
13
- /** A React component that renders a specific field type */
14
- export type FieldRenderer = React.ComponentType<FieldRenderContext>;
15
-
16
- /** Map from field `type` string to its renderer component */
17
- export type FieldComponentMap = Record<string, FieldRenderer>;
@@ -1,3 +0,0 @@
1
- export * from './DynamicForm';
2
- export * from './FormFieldRenderer';
3
- export * from './components';
@@ -1,7 +0,0 @@
1
- import * as React from "react"
2
- import { clsx, type ClassValue } from "clsx"
3
- import { twMerge } from "tailwind-merge"
4
-
5
- export function cn(...inputs: ClassValue[]) {
6
- return twMerge(clsx(inputs))
7
- }
@@ -1,10 +0,0 @@
1
- /** @type {import('tailwindcss').Config} */
2
- export default {
3
- content: [
4
- "./src/**/*.{js,ts,jsx,tsx}",
5
- ],
6
- theme: {
7
- extend: {},
8
- },
9
- plugins: [],
10
- }
@@ -1,25 +0,0 @@
1
- // @vitest-environment jsdom
2
- import { describe, it, expect } from 'vitest';
3
- import { render, screen, fireEvent } from '@testing-library/react';
4
- import { DynamicForm } from '../src/DynamicForm';
5
- import React from 'react';
6
-
7
- describe('React DynamicForm', () => {
8
- const schema: any = {
9
- fields: [
10
- { name: 'username', label: 'Username', type: 'text', validations: [{ type: 'required', message: 'Required' }] }
11
- ]
12
- };
13
-
14
- it('renders correctly', () => {
15
- render(<DynamicForm schema={schema} onSubmit={() => {}} />);
16
- expect(screen.getByLabelText('Username')).toBeTruthy();
17
- });
18
-
19
- it('shows validation error on blur', async () => {
20
- render(<DynamicForm schema={schema} onSubmit={() => {}} />);
21
- const input = screen.getByLabelText('Username');
22
- fireEvent.blur(input);
23
- expect(await screen.findByText('Required')).toBeTruthy();
24
- });
25
- });
@@ -1,127 +0,0 @@
1
- // @vitest-environment jsdom
2
- import { describe, it, expect, vi } from 'vitest';
3
- import { render, screen, fireEvent } from '@testing-library/react';
4
- import { FormFieldRenderer } from '../src/FormFieldRenderer';
5
- import React from 'react';
6
- import type { FormField } from 'pdyform/core';
7
-
8
- describe('FormFieldRenderer', () => {
9
- const defaultField: FormField = {
10
- name: 'testField',
11
- label: 'Test Label',
12
- type: 'text',
13
- id: 'test-field-id',
14
- };
15
-
16
- it('renders a text input correctly', () => {
17
- const onChange = vi.fn();
18
- render(<FormFieldRenderer field={defaultField} value="test value" onChange={onChange} />);
19
-
20
- expect(screen.getByLabelText('Test Label')).toBeTruthy();
21
- const input = screen.getByDisplayValue('test value') as HTMLInputElement;
22
- expect(input.type).toBe('text');
23
-
24
- fireEvent.change(input, { target: { value: 'new value' } });
25
- expect(onChange).toHaveBeenCalledWith('new value');
26
- });
27
-
28
- it('emits number for number inputs', () => {
29
- const field: FormField = { ...defaultField, type: 'number' };
30
- const onChange = vi.fn();
31
- render(<FormFieldRenderer field={field} value={22} onChange={onChange} />);
32
-
33
- const input = screen.getByLabelText('Test Label') as HTMLInputElement;
34
- fireEvent.change(input, { target: { value: '23' } });
35
- expect(onChange).toHaveBeenCalledWith(23);
36
- });
37
-
38
- it('renders a textarea correctly', () => {
39
- const field: FormField = { ...defaultField, type: 'textarea' };
40
- const onChange = vi.fn();
41
- render(<FormFieldRenderer field={field} value={"text\narea"} onChange={onChange} />);
42
-
43
- const textarea = screen.getByRole('textbox') as HTMLTextAreaElement;
44
- expect(textarea.value).toBe('text\narea');
45
- });
46
-
47
- it('renders a select correctly', () => {
48
- const field: FormField = {
49
- ...defaultField,
50
- type: 'select',
51
- options: [
52
- { label: 'Option 1', value: 'opt1' },
53
- { label: 'Option 2', value: 'opt2' }
54
- ]
55
- };
56
- const onChange = vi.fn();
57
- render(<FormFieldRenderer field={field} value="opt1" onChange={onChange} />);
58
-
59
- // Radix Select Trigger is a button (combobox)
60
- const trigger = screen.getByRole('combobox');
61
- expect(trigger.textContent).toContain('Option 1');
62
-
63
- // Open select to trigger change
64
- fireEvent.click(trigger);
65
-
66
- // Select Option 2
67
- const option2 = screen.getByRole('option', { name: 'Option 2' });
68
- fireEvent.click(option2);
69
-
70
- expect(onChange).toHaveBeenCalledWith('opt2');
71
- });
72
-
73
- it('renders a checkbox correctly', () => {
74
- const field: FormField = {
75
- ...defaultField,
76
- type: 'checkbox',
77
- options: [
78
- { label: 'Check 1', value: 'c1' },
79
- { label: 'Check 2', value: 'c2' }
80
- ]
81
- };
82
- const onChange = vi.fn();
83
- render(<FormFieldRenderer field={field} value={['c1']} onChange={onChange} />);
84
-
85
- const checkbox1 = screen.getByRole('checkbox', { name: 'Check 1' });
86
- const checkbox2 = screen.getByRole('checkbox', { name: 'Check 2' });
87
-
88
- expect(checkbox1.getAttribute('aria-checked')).toBe('true');
89
- expect(checkbox2.getAttribute('aria-checked')).toBe('false');
90
-
91
- fireEvent.click(checkbox2);
92
- expect(onChange).toHaveBeenCalledWith(['c1', 'c2']);
93
-
94
- fireEvent.click(checkbox1);
95
- expect(onChange).toHaveBeenCalledWith([]);
96
- });
97
-
98
- it('renders a radio correctly', () => {
99
- const field: FormField = {
100
- ...defaultField,
101
- type: 'radio',
102
- options: [
103
- { label: 'Radio 1', value: 'r1' },
104
- { label: 'Radio 2', value: 'r2' }
105
- ]
106
- };
107
- const onChange = vi.fn();
108
- render(<FormFieldRenderer field={field} value="r1" onChange={onChange} />);
109
-
110
- const radio1 = screen.getByRole('radio', { name: 'Radio 1' });
111
- const radio2 = screen.getByRole('radio', { name: 'Radio 2' });
112
-
113
- expect(radio1.getAttribute('aria-checked')).toBe('true');
114
- expect(radio2.getAttribute('aria-checked')).toBe('false');
115
-
116
- fireEvent.click(radio2);
117
- expect(onChange).toHaveBeenCalledWith('r2');
118
- });
119
-
120
- it('displays description and error', () => {
121
- const field: FormField = { ...defaultField, description: 'Desc text' };
122
- render(<FormFieldRenderer field={field} value="" onChange={() => {}} error="Error text" />);
123
-
124
- expect(screen.getByText('Desc text')).toBeTruthy();
125
- expect(screen.getByText('Error text')).toBeTruthy();
126
- });
127
- });
@@ -1,15 +0,0 @@
1
- {
2
- "compilerOptions": {
3
- "composite": false,
4
- "target": "ESNext",
5
- "module": "ESNext",
6
- "moduleResolution": "bundler",
7
- "jsx": "react-jsx",
8
- "outDir": "./dist",
9
- "strict": true,
10
- "esModuleInterop": true,
11
- "skipLibCheck": true,
12
- },
13
- "include": ["src/**/*.ts", "src/**/*.tsx"],
14
- "exclude": ["node_modules", "dist", "**/*.test.ts", "**/*.test.tsx"]
15
- }
@@ -1,16 +0,0 @@
1
- import { defineConfig } from 'vitest/config';
2
- import react from '@vitejs/plugin-react';
3
- import path from 'path';
4
-
5
- export default defineConfig({
6
- plugins: [react()],
7
- test: {
8
- environment: 'jsdom',
9
- globals: true,
10
- },
11
- resolve: {
12
- alias: {
13
- 'pdyform/core': path.resolve(__dirname, '../core/src'),
14
- },
15
- },
16
- });
@@ -1,17 +0,0 @@
1
- #!/bin/sh
2
- basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
3
-
4
- case `uname` in
5
- *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
6
- esac
7
-
8
- if [ -z "$NODE_PATH" ]; then
9
- export NODE_PATH="/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/rollup@4.59.0/node_modules/rollup/dist/bin/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/rollup@4.59.0/node_modules/rollup/dist/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/rollup@4.59.0/node_modules/rollup/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/rollup@4.59.0/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/node_modules"
10
- else
11
- export NODE_PATH="/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/rollup@4.59.0/node_modules/rollup/dist/bin/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/rollup@4.59.0/node_modules/rollup/dist/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/rollup@4.59.0/node_modules/rollup/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/rollup@4.59.0/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/node_modules:$NODE_PATH"
12
- fi
13
- if [ -x "$basedir/node" ]; then
14
- exec "$basedir/node" "$basedir/../../../../node_modules/.pnpm/rollup@4.59.0/node_modules/rollup/dist/bin/rollup" "$@"
15
- else
16
- exec node "$basedir/../../../../node_modules/.pnpm/rollup@4.59.0/node_modules/rollup/dist/bin/rollup" "$@"
17
- fi