@twintag/twintag-form 1.1.1 → 1.2.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @twintag/twintag-form@1.1.1 build C:\Users\daryl\Desktop\twintag-projects\twintag-admin\packages\twintag-form
+> @twintag/twintag-form@1.2.1 build C:\Users\daryl\Desktop\twintag-projects\twintag-admin\packages\twintag-form
 > tsc && vite build
 
 vite v4.4.9 building for production...
@@ -14,8 +14,8 @@ computing gzip size...
 [vite:dts] Outside emitted: C:/Users/daryl/Desktop/twintag-projects/twintag-admin/packages/twintag-form/prettier.config.d.mts
 [vite:dts] Outside emitted: C:/Users/daryl/Desktop/twintag-projects/twintag-admin/packages/twintag-form/dev/main.d.ts
 [vite:dts] Outside emitted: C:/Users/daryl/Desktop/twintag-projects/twintag-admin/packages/twintag-form/vite.config.d.ts
-[vite:dts] Declaration files built in 4729ms.
+[vite:dts] Declaration files built in 4789ms.
 
-dist/twintag-form.webcomponent.js  119.72 kB │ gzip:  33.42 kB
-dist/twintag-form.react.js         687.57 kB │ gzip: 139.88 kB
-✓ built in 10.13s
+dist/twintag-form.webcomponent.js  119.76 kB │ gzip:  33.52 kB
+dist/twintag-form.react.js         688.05 kB │ gzip: 139.98 kB
+✓ built in 10.27s

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @twintag/twintag-form
 
+## 1.2.1
+
+### Patch Changes
+
+- 2a66cb3: fix: allow `ref` for React usage
+
+## 1.2.0
+
+### Minor Changes
+
+- feat: get-values implemented
+
 ## 1.1.1
 
 ### Patch Changes

package/dev/main.tsx

@@ -184,3 +184,27 @@ const form = document.querySelector('twintag-form');
 
 form?.setAttribute('config', JSON.stringify(config));
 form?.setAttribute('options', JSON.stringify(options));
+
+form?.addEventListener('twintag-form-values', (event) => {
+  console.log('form values', (event as CustomEvent).detail);
+});
+form?.addEventListener('twintag-form-valid', (e) => {
+  console.log('form valid', (e as CustomEvent).detail);
+});
+form?.addEventListener('twintag-form-invalid', (e) => {
+  console.log('form invalid', (e as CustomEvent).detail);
+});
+
+const getValues = document.getElementById('get-values');
+getValues?.addEventListener('click', () => {
+  form?.shadowRoot
+    ?.querySelector('form')
+    ?.dispatchEvent(new CustomEvent('twintag-form-get_values'));
+});
+
+const submit = document.getElementById('submit');
+submit?.addEventListener('click', () => {
+  form?.shadowRoot
+    ?.querySelector('form')
+    ?.dispatchEvent(new CustomEvent('twintag-form-validate'));
+});

package/dist/components/form.d.ts

@@ -1,9 +1,9 @@
-import { JSX } from 'react/jsx-runtime';
+import { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
+/// <reference types="react" />
 import type { FieldValues } from 'react-hook-form';
-import type { WithChildren } from 'twintag-types/dom';
-type Props = {
-    defaultValues?: FieldValues;
-    resetOnSubmit?: boolean;
-} & WithChildren;
-export declare const TwintagForm: ({ defaultValues, resetOnSubmit, children, }: Props) => JSX.Element;
-export {};
+export declare const TwintagForm: ForwardRefExoticComponent<{
+    defaultValues?: FieldValues | undefined;
+    resetOnSubmit?: boolean | undefined;
+} & {
+    children?: ReactNode;
+} & RefAttributes<HTMLFormElement>>;

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-import { JSX } from 'react/jsx-runtime';
-import type { ComponentProps } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
 import type { RawJsonComponent } from './types';
 import { TwintagForm } from './components/form';
 import { TwintagFormProvider } from './provider';
@@ -11,5 +10,5 @@ type Props = {
         resetOnSubmit?: boolean;
     }>;
 };
-export declare const Form: ({ config, options }: Props) => JSX.Element;
+export declare const Form: ForwardRefExoticComponent<Props & RefAttributes<HTMLFormElement>>;
 export {};