@twintag/twintag-form 1.6.2-beta.1 → 1.6.2

package/lib/index.tsx

@@ -1,45 +1,45 @@
-import type { ComponentProps } from 'react';
-import type { RawJsonComponent } from '@twintag/twintag-form/types';
-
-import { forwardRef } from 'react';
-
-import { components, Inputs } from '@twintag/twintag-form/components/config';
-import { TwintagForm } from '@twintag/twintag-form/components/form';
-import { TwintagFormProvider } from '@twintag/twintag-form/components/provider';
-import { JsonRenderer } from '@twintag/twintag-form/components/renderer';
-
-type Props = {
-  config: RawJsonComponent[];
-  options?: Partial<{
-    defaultValues: ComponentProps<typeof TwintagForm>['defaultValues'];
-    variant: ComponentProps<typeof TwintagFormProvider>['variant'];
-    size: ComponentProps<typeof TwintagFormProvider>['size'];
-    resetOnSubmit?: boolean;
-    acceptFileType?: ComponentProps<
-      typeof TwintagFormProvider
-    >['acceptFileType'];
-  }>;
-};
-
-export const Form = forwardRef<HTMLFormElement, Props>(
-  ({ config, options }, ref) => {
-    return (
-      <TwintagFormProvider
-        inputs={Inputs}
-        components={components}
-        variant={options?.variant}
-        size={options?.size}
-        config={config}
-        acceptFileType={options?.acceptFileType}
-      >
-        <TwintagForm
-          ref={ref}
-          defaultValues={options?.defaultValues}
-          resetOnSubmit={options?.resetOnSubmit}
-        >
-          <JsonRenderer />
-        </TwintagForm>
-      </TwintagFormProvider>
-    );
-  },
-);
+import type { ComponentProps } from 'react';
+import type { RawJsonComponent } from '@twintag/twintag-form/types';
+
+import { forwardRef } from 'react';
+
+import { components, Inputs } from '@twintag/twintag-form/components/config';
+import { TwintagForm } from '@twintag/twintag-form/components/form';
+import { TwintagFormProvider } from '@twintag/twintag-form/components/provider';
+import { JsonRenderer } from '@twintag/twintag-form/components/renderer';
+
+type Props = {
+  config: RawJsonComponent[];
+  options?: Partial<{
+    defaultValues: ComponentProps<typeof TwintagForm>['defaultValues'];
+    variant: ComponentProps<typeof TwintagFormProvider>['variant'];
+    size: ComponentProps<typeof TwintagFormProvider>['size'];
+    resetOnSubmit?: boolean;
+    acceptFileType?: ComponentProps<
+      typeof TwintagFormProvider
+    >['acceptFileType'];
+  }>;
+};
+
+export const Form = forwardRef<HTMLFormElement, Props>(
+  ({ config, options }, ref) => {
+    return (
+      <TwintagFormProvider
+        inputs={Inputs}
+        components={components}
+        variant={options?.variant}
+        size={options?.size}
+        config={config}
+        acceptFileType={options?.acceptFileType}
+      >
+        <TwintagForm
+          ref={ref}
+          defaultValues={options?.defaultValues}
+          resetOnSubmit={options?.resetOnSubmit}
+        >
+          <JsonRenderer />
+        </TwintagForm>
+      </TwintagFormProvider>
+    );
+  },
+);

package/lib/types/index.ts

@@ -1,102 +1,102 @@
-import type { ElementType } from 'react';
-
-export type InputCompConfig = {
-  defaultValue?: unknown;
-  component: ElementType;
-};
-
-type BaseInputOptions = Partial<{
-  description: string;
-  error: string;
-  optionalField: boolean;
-}>;
-
-type TextInputOptions = BaseInputOptions & {
-  placeholder?: string;
-};
-
-type DatePickerInputOptions = BaseInputOptions & {
-  placeholder?: string;
-};
-
-type FileInputOptions = BaseInputOptions & {
-  accept?: string;
-};
-
-type CompType = 'input' | 'item' | 'accordion' | 'category';
-type StringLiteral<T> = T extends string
-  ? string extends T
-    ? never
-    : T
-  : never;
-
-type RawProps<
-  TType extends string = string,
-  TSubtype extends string = string,
-> = TType extends 'input' | 'item'
-  ? {
-      type: TType;
-      bind: string;
-      label?: string;
-      subtype?: string;
-      options?: TSubtype extends 'text' | 'textarea'
-        ? TextInputOptions
-        : TSubtype extends 'datepicker'
-          ? DatePickerInputOptions
-          : TSubtype extends 'file'
-            ? FileInputOptions
-            : BaseInputOptions;
-    }
-  : TType extends 'accordion'
-    ? TSubtype extends 'item'
-      ? {
-          type: TType;
-          subtype: TSubtype;
-          value?: string;
-          label: string;
-          icon: string;
-        }
-      : TSubtype extends 'multiple' | 'single'
-        ? { type: TType; subtype: TSubtype; defaultValue?: string }
-        : never
-    : {
-        type: TType;
-        label?: string;
-        subtype?: string;
-      };
-
-export type RawJsonComponent = CompType extends infer T
-  ? T extends CompType
-    ? {
-        type: StringLiteral<T>;
-        props?: Omit<RawProps<StringLiteral<T>>, 'type'>;
-        children?: RawJsonComponent[];
-      }
-    : never
-  : never;
-
-export type ParsedJsonComponent<TType extends string = string> =
-  RawProps<TType> & {
-    id: string;
-    type: string;
-    subtype?: string;
-    comp?: ElementType;
-    items?: ParsedJsonComponent[];
-  };
-
-export type Props<
-  TType extends string = string,
-  TSubtype extends string = string,
-> = Omit<RawProps<TType, TSubtype>, 'type'> & {
-  items?: (Props<'input'> & ParsedJsonComponent)[];
-};
-
-export type TwintagFormContext = {
-  variant?: 'default' | 'outline';
-  size?: 'base' | 'sm';
-  inputs: Map<string, InputCompConfig>;
-  components: Map<string, ElementType>;
-  config: ParsedJsonComponent[] | ParsedJsonComponent;
-  resetValues: Record<string, unknown>;
-  acceptFileType?: string;
-};
+import type { ElementType } from 'react';
+
+export type InputCompConfig = {
+  defaultValue?: unknown;
+  component: ElementType;
+};
+
+type BaseInputOptions = Partial<{
+  description: string;
+  error: string;
+  optionalField: boolean;
+}>;
+
+type TextInputOptions = BaseInputOptions & {
+  placeholder?: string;
+};
+
+type DatePickerInputOptions = BaseInputOptions & {
+  placeholder?: string;
+};
+
+type FileInputOptions = BaseInputOptions & {
+  accept?: string;
+};
+
+type CompType = 'input' | 'item' | 'accordion' | 'category';
+type StringLiteral<T> = T extends string
+  ? string extends T
+    ? never
+    : T
+  : never;
+
+type RawProps<
+  TType extends string = string,
+  TSubtype extends string = string,
+> = TType extends 'input' | 'item'
+  ? {
+      type: TType;
+      bind: string;
+      label?: string;
+      subtype?: string;
+      options?: TSubtype extends 'text' | 'textarea'
+        ? TextInputOptions
+        : TSubtype extends 'datepicker'
+          ? DatePickerInputOptions
+          : TSubtype extends 'file'
+            ? FileInputOptions
+            : BaseInputOptions;
+    }
+  : TType extends 'accordion'
+    ? TSubtype extends 'item'
+      ? {
+          type: TType;
+          subtype: TSubtype;
+          value?: string;
+          label: string;
+          icon: string;
+        }
+      : TSubtype extends 'multiple' | 'single'
+        ? { type: TType; subtype: TSubtype; defaultValue?: string }
+        : never
+    : {
+        type: TType;
+        label?: string;
+        subtype?: string;
+      };
+
+export type RawJsonComponent = CompType extends infer T
+  ? T extends CompType
+    ? {
+        type: StringLiteral<T>;
+        props?: Omit<RawProps<StringLiteral<T>>, 'type'>;
+        children?: RawJsonComponent[];
+      }
+    : never
+  : never;
+
+export type ParsedJsonComponent<TType extends string = string> =
+  RawProps<TType> & {
+    id: string;
+    type: string;
+    subtype?: string;
+    comp?: ElementType;
+    items?: ParsedJsonComponent[];
+  };
+
+export type Props<
+  TType extends string = string,
+  TSubtype extends string = string,
+> = Omit<RawProps<TType, TSubtype>, 'type'> & {
+  items?: (Props<'input'> & ParsedJsonComponent)[];
+};
+
+export type TwintagFormContext = {
+  variant?: 'default' | 'outline';
+  size?: 'base' | 'sm';
+  inputs: Map<string, InputCompConfig>;
+  components: Map<string, ElementType>;
+  config: ParsedJsonComponent[] | ParsedJsonComponent;
+  resetValues: Record<string, unknown>;
+  acceptFileType?: string;
+};

package/lib/webcomponent.ts

@@ -1,9 +1,8 @@
 import r2wc from '@r2wc/react-to-web-component';
 import install from '@twind/with-web-components';
 
-import { Form } from './index';
-
 import config from '../twind.config';
+import { Form } from './index';
 
 const withTwind = install(config);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twintag/twintag-form",
-  "version": "1.6.2-beta.1",
+  "version": "1.6.2",
   "author": "Twintag",
   "type": "module",
   "exports": {

package/vite.config.ts

@@ -1,6 +1,7 @@
+import { fileURLToPath } from 'node:url';
+
 import react from '@vitejs/plugin-react-swc';
 import { dirname, resolve } from 'pathe';
-import { fileURLToPath } from 'node:url'
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';