pdyform 2.0.1 → 2.1.0

package/packages/vue/src/index.ts

@@ -1,4 +0,0 @@
-export { default as DynamicForm } from './DynamicForm.vue';
-export { default as FormFieldRenderer } from './FormFieldRenderer.vue';
-export { defaultComponentMap } from './fieldComponentMap';
-export type { FieldComponentMap, FieldRendererProps } from './fieldComponentMap';

package/packages/vue/src/utils.ts

@@ -1,6 +0,0 @@
-import { type ClassValue, clsx } from 'clsx'
-import { twMerge } from 'tailwind-merge'
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-}

package/packages/vue/tailwind.config.mjs

@@ -1,10 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: [
-    "./src/**/*.{vue,js,ts,jsx,tsx}",
-  ],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-}

package/packages/vue/test/DynamicForm.test.ts

@@ -1,19 +0,0 @@
-// @vitest-environment jsdom
-import { describe, it, expect } from 'vitest';
-import { mount } from '@vue/test-utils';
-import DynamicForm from '../src/DynamicForm.vue';
-
-describe('Vue DynamicForm', () => {
-  const schema: any = {
-    fields: [
-      { name: 'username', label: 'Username', type: 'text' }
-    ]
-  };
-
-  it('renders correctly', () => {
-    const wrapper = mount(DynamicForm, {
-      props: { schema }
-    });
-    expect(wrapper.find('label').text()).toBe('Username');
-  });
-});

package/packages/vue/test/FormFieldRenderer.test.ts

@@ -1,133 +0,0 @@
-// @vitest-environment jsdom
-import { describe, it, expect } from 'vitest';
-import { mount } from '@vue/test-utils';
-import FormFieldRenderer from '../src/FormFieldRenderer.vue';
-import type { FormField } from 'pdyform/core';
-
-describe('FormFieldRenderer', () => {
-  const defaultField: FormField = {
-    name: 'testField',
-    label: 'Test Label',
-    type: 'text',
-    id: 'test-field-id',
-  };
-
-  it('renders a text input correctly', async () => {
-    const wrapper = mount(FormFieldRenderer, {
-      props: { field: defaultField, modelValue: 'test value' }
-    });
-    
-    expect(wrapper.find('label').text()).toBe('Test Label');
-    const input = wrapper.find('input');
-    expect((input.element as HTMLInputElement).value).toBe('test value');
-    expect((input.element as HTMLInputElement).type).toBe('text');
-    
-    await input.setValue('new value');
-    expect(wrapper.emitted('update:modelValue')![0]).toEqual(['new value']);
-  });
-
-  it('emits number for number inputs', async () => {
-    const field: FormField = { ...defaultField, type: 'number' };
-    const wrapper = mount(FormFieldRenderer, {
-      props: { field, modelValue: 22 }
-    });
-
-    const input = wrapper.find('input');
-    await input.setValue('23');
-    expect(wrapper.emitted('update:modelValue')![0]).toEqual([23]);
-  });
-
-  it('renders a textarea correctly', async () => {
-    const field: FormField = { ...defaultField, type: 'textarea' };
-    const wrapper = mount(FormFieldRenderer, {
-      props: { field, modelValue: 'text\narea' }
-    });
-    
-    const textarea = wrapper.find('textarea');
-    expect((textarea.element as HTMLTextAreaElement).value).toBe('text\narea');
-    
-    await textarea.setValue('new textarea value');
-    expect(wrapper.emitted('update:modelValue')![0]).toEqual(['new textarea value']);
-  });
-
-  it('renders a select correctly', async () => {
-    const field: FormField = { 
-      ...defaultField, 
-      type: 'select', 
-      options: [
-        { label: 'Option 1', value: 'opt1' },
-        { label: 'Option 2', value: 'opt2' }
-      ]
-    };
-    const wrapper = mount(FormFieldRenderer, {
-      props: { field, modelValue: 'opt1' }
-    });
-    
-    // Radix Select renders a combobox trigger
-    expect(wrapper.find('[role="combobox"]').exists()).toBe(true);
-
-    // Simulate the SelectField emitting the new value (Radix portal doesn't fully function in jsdom)
-    const selectField = wrapper.findComponent({ name: 'Select' });
-    await selectField.vm.$emit('update:modelValue', 'opt2');
-    
-    expect(wrapper.emitted('update:modelValue')![0]).toEqual(['opt2']);
-  });
-
-  it('renders a checkbox correctly', async () => {
-    const field: FormField = { 
-      ...defaultField, 
-      type: 'checkbox', 
-      options: [
-        { label: 'Check 1', value: 'c1' },
-        { label: 'Check 2', value: 'c2' }
-      ]
-    };
-    const wrapper = mount(FormFieldRenderer, {
-      props: { field, modelValue: ['c1'] }
-    });
-    
-    const checkboxes = wrapper.findAll('[role="checkbox"]');
-    expect(checkboxes[0].attributes('data-state')).toBe('checked');
-    expect(checkboxes[1].attributes('data-state')).toBe('unchecked');
-    
-    // Emit from the internal CheckboxComponent logic since Radix click simulation can be tricky with simple DOM wrapper
-    const checkboxComponents = wrapper.findAllComponents({ name: 'Checkbox' });
-    await checkboxComponents[1].vm.$emit('update:checked', true);
-
-    expect(wrapper.emitted('update:modelValue')![0]).toEqual([['c1', 'c2']]);
-  });
-
-  it('renders a radio correctly', async () => {
-    const field: FormField = { 
-      ...defaultField, 
-      type: 'radio', 
-      options: [
-        { label: 'Radio 1', value: 'r1' },
-        { label: 'Radio 2', value: 'r2' }
-      ]
-    };
-    const wrapper = mount(FormFieldRenderer, {
-      props: { field, modelValue: 'r1' }
-    });
-    
-    const radios = wrapper.findAll('[role="radio"]');
-    expect(radios[0].attributes('data-state')).toBe('checked');
-    expect(radios[1].attributes('data-state')).toBe('unchecked');
-    
-    // Radix Vue uses a radio group component wrapper for selecting
-    const radioGroupComp = wrapper.findComponent({ name: 'RadioGroup' });
-    await radioGroupComp.vm.$emit('update:modelValue', 'r2');
-    
-    expect(wrapper.emitted('update:modelValue')![0]).toEqual(['r2']);
-  });
-
-  it('displays description and error', () => {
-    const field: FormField = { ...defaultField, description: 'Desc text' };
-    const wrapper = mount(FormFieldRenderer, {
-      props: { field, modelValue: '', error: 'Error text' }
-    });
-    
-    expect(wrapper.text()).toContain('Desc text');
-    expect(wrapper.text()).toContain('Error text');
-  });
-});

package/packages/vue/tsconfig.json

@@ -1,16 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.json",
-  "compilerOptions": {
-    "composite": false,
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "outDir": "./dist",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "declaration": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.vue"],
-  "exclude": ["node_modules", "dist", "**/*.test.ts"]
-}

package/packages/vue/vite.config.ts

@@ -1,29 +0,0 @@
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
-import dts from 'vite-plugin-dts';
-import path from 'path';
-
-export default defineConfig({
-  plugins: [vue(), dts({ rollupTypes: true })],
-  build: {
-    lib: {
-      entry: path.resolve(__dirname, 'src/index.ts'),
-      name: 'PdDynamicFormVue',
-      fileName: (format) => `index.${format === 'es' ? 'mjs' : 'js'}`,
-    },
-    rollupOptions: {
-      external: ['vue', 'pdyform/core'],
-      output: {
-        globals: {
-          vue: 'Vue',
-          'pdyform/core': 'PdyformCore',
-        },
-      },
-    },
-  },
-  resolve: {
-    alias: {
-      'pdyform/core': path.resolve(__dirname, '../core/src'),
-    },
-  },
-});

package/packages/vue/vitest.config.ts

@@ -1,16 +0,0 @@
-import { defineConfig } from 'vitest/config';
-import vue from '@vitejs/plugin-vue';
-import path from 'path';
-
-export default defineConfig({
-  plugins: [vue()],
-  test: {
-    environment: 'jsdom',
-    globals: true,
-  },
-  resolve: {
-    alias: {
-      'pdyform/core': path.resolve(__dirname, '../core/src'),
-    },
-  },
-});

package/pnpm-workspace.yaml

@@ -1,4 +0,0 @@
-packages:
-  - 'packages/*'
-  - 'example/*'
-  - '.'

package/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "declaration": true,
-    "declarationMap": true,
-    "sourceMap": true,
-  },
-  "files": [],
-  "references": [
-    { "path": "./packages/core" },
-    { "path": "./packages/react" },
-    { "path": "./packages/vue" }
-  ],
-  "exclude": ["node_modules", "dist"]
-}

package/turbo.json

@@ -1,25 +0,0 @@
-{
-  "$schema": "https://turbo.build/schema.json",
-  "tasks": {
-    "build": {
-      "dependsOn": ["^build"],
-      "outputs": ["dist/**"]
-    },
-    "pdyform-react#build": {
-      "dependsOn": ["pdyform-core#build"],
-      "outputs": ["dist/**"]
-    },
-    "pdyform-vue#build": {
-      "dependsOn": ["pdyform-core#build"],
-      "outputs": ["dist/**"]
-    },
-    "lint": {},
-    "dev": {
-      "cache": false,
-      "persistent": true
-    },
-    "test": {
-      "dependsOn": ["build"]
-    }
-  }
-}