@oneplatformdev/ui 0.0.1-beta.13 → 0.0.1-beta.130

package/Form/FormRenderControl.types.d.ts

@@ -1,7 +1,4 @@
-import { ControllerFieldState, ControllerRenderProps } from 'react-hook-form/dist/types/controller';
-import { FieldPath, UseFormStateReturn } from 'react-hook-form/dist/types';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
-import { UseFormReturn } from 'react-hook-form';
+import { ControllerFieldState, ControllerRenderProps, FieldPath, FieldValues, UseFormReturn, UseFormStateReturn } from 'react-hook-form';
 import { default as React } from 'react';
 
 export type FormRenderProps<Data extends FieldValues> = ({ field, fieldState, formState, }: {
@@ -9,10 +6,11 @@ export type FormRenderProps<Data extends FieldValues> = ({ field, fieldState, fo
     fieldState: ControllerFieldState;
     formState: UseFormStateReturn<Data>;
 }) => React.ReactElement;
-export interface FormRenderControlProps<Data extends FieldValues, Form extends UseFormReturn<Data>> {
-    form: Form;
+export interface FormRenderControlProps<Data extends FieldValues> {
+    form: UseFormReturn<Data>;
     name: FieldPath<Data>;
     label?: string;
     render: FormRenderProps<Data>;
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
 }
-export type FormRenderControlExtendProps<Data extends FieldValues, Form extends UseFormReturn<Data>> = Pick<FormRenderControlProps<Data, Form>, 'form' | 'name' | 'label'>;
+export type FormRenderControlExtendProps<Data extends FieldValues> = Omit<FormRenderControlProps<Data>, 'render'>;

package/FormCheckbox/FormCheckbox.d.ts

@@ -1,5 +1,4 @@
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
 import { FormCheckboxProps } from './FormCheckbox.types';
+import { FieldValues } from 'react-hook-form';
 
-export declare const FormCheckbox: <Data extends FieldValues, Form extends UseFormReturn<Data>>(props: FormCheckboxProps<Data, Form>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormCheckbox: <Data extends FieldValues>(props: FormCheckboxProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/FormCheckbox/FormCheckbox.mjs

@@ -1,30 +1,30 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { Checkbox as l } from "../Checkbox/Checkbox.mjs";
-import { FormLabel as h } from "../Form/Form.mjs";
-import { FormRenderControl as d } from "../Form/FormRenderControl.mjs";
-const b = (o) => {
-  const { form: m, label: n, name: t, disabled: a, ...c } = o;
-  return /* @__PURE__ */ r(
-    d,
+import { jsx as e } from "react/jsx-runtime";
+import { FormControl as h } from "../Form/Form.mjs";
+import { FormRenderControl as p } from "../Form/FormRenderControl.mjs";
+import { CheckboxLabel as s } from "../Checkbox/Checkbox.mjs";
+const i = (t) => {
+  const { form: c, label: a, name: l, onCheckedChange: o, ...m } = t;
+  return /* @__PURE__ */ e(
+    p,
     {
-      form: m,
-      name: t,
-      render: ({ field: e }) => /* @__PURE__ */ s("div", { className: "flex items-center gap-2 mt-4", children: [
-        /* @__PURE__ */ r(
-          l,
-          {
-            ...e,
-            checked: e.value || !1,
-            onCheckedChange: e.onChange,
-            disabled: a
+      form: c,
+      name: l,
+      render: ({ field: r }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
+        s,
+        {
+          ...r,
+          ...m,
+          label: a,
+          checked: r.value || !1,
+          onCheckedChange: (n) => {
+            r.onChange(n), o == null || o(n);
           }
-        ),
-        /* @__PURE__ */ r(h, { children: n })
-      ] }),
-      ...c
+        }
+      ) }),
+      ...m
     }
   );
 };
 export {
-  b as FormCheckbox
+  i as FormCheckbox
 };

package/FormCheckbox/FormCheckbox.types.d.ts

@@ -1,7 +1,7 @@
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
 import { FormRenderControlExtendProps } from '../Form';
+import { FieldValues } from 'react-hook-form';
+import { CheckboxProps } from '../Checkbox';
 
-export interface FormCheckboxProps<Data extends FieldValues, Form extends UseFormReturn<Data>> extends FormRenderControlExtendProps<Data, Form> {
+export interface FormCheckboxProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<CheckboxProps, 'form' | 'name' | 'label'> {
     disabled?: boolean;
 }

package/FormCombobox/FormCombobox.d.ts

@@ -1,4 +1,4 @@
-import { FieldValues, UseFormReturn } from 'react-hook-form';
+import { FieldValues } from 'react-hook-form';
 import { FormComboboxProps } from './FormCombobox.types';
 
-export declare const FormCombobox: <Data extends FieldValues, Form extends UseFormReturn<Data>>(props: FormComboboxProps<Data, Form>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormCombobox: <Data extends FieldValues>(props: FormComboboxProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/FormCombobox/FormCombobox.mjs

@@ -1,17 +1,17 @@
 import { jsx as o } from "react/jsx-runtime";
-import { FormControl as b } from "../Form/Form.mjs";
-import { FormRenderControl as p } from "../Form/FormRenderControl.mjs";
-import { Combobox as a } from "../Combobox/Combobox.mjs";
+import { FormControl as a } from "../Form/Form.mjs";
+import { FormRenderControl as b } from "../Form/FormRenderControl.mjs";
+import { C as p } from "../Combobox-CkGEIfTD.js";
 const x = (m) => {
   const { form: n, label: e, name: t, ...C } = m;
   return /* @__PURE__ */ o(
-    p,
+    b,
     {
       form: n,
       label: e,
       name: t,
-      render: ({ field: r }) => /* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(
-        a,
+      render: ({ field: r }) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(
+        p,
         {
           ...C,
           ...r,

package/FormCombobox/FormCombobox.types.d.ts

@@ -1,7 +1,6 @@
 import { FormRenderControlExtendProps } from '../Form';
 import { ComboboxProps } from '../Combobox';
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 
-export interface FormComboboxProps<Data extends FieldValues, Form extends UseFormReturn<Data>> extends FormRenderControlExtendProps<Data, Form>, ComboboxProps {
+export interface FormComboboxProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<ComboboxProps, 'value' | 'onChange'> {
 }

package/FormDatePicker/FormDatePicker.d.ts

@@ -1,4 +1,4 @@
 import { FormDatePickerProps } from './FormDatePicker.types';
-import { FieldValues, UseFormReturn } from 'react-hook-form';
+import { FieldValues } from 'react-hook-form';
 
-export declare const FormDatePicker: <Data extends FieldValues, Form extends UseFormReturn<Data>>(props: FormDatePickerProps<Data, Form>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormDatePicker: <Data extends FieldValues>(props: FormDatePickerProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/FormDatePicker/FormDatePicker.mjs

@@ -1,27 +1,29 @@
-import { jsx as o } from "react/jsx-runtime";
-import { DatePicker as c } from "../DatePicker/DatePicker.mjs";
-import { FormControl as i } from "../Form/Form.mjs";
-import { FormRenderControl as l } from "../Form/FormRenderControl.mjs";
-const f = (e) => {
-  const { form: t, name: m, label: n, ...a } = e;
-  return /* @__PURE__ */ o(
-    l,
+import { jsx as e } from "react/jsx-runtime";
+import { DatePicker as l } from "../DatePicker/DatePicker.mjs";
+import { FormControl as p } from "../Form/Form.mjs";
+import { FormRenderControl as s } from "../Form/FormRenderControl.mjs";
+const h = (m) => {
+  const { form: n, name: a, label: c, onDateChange: r, ...i } = m;
+  return /* @__PURE__ */ e(
+    s,
     {
-      form: t,
-      name: m,
-      label: n,
-      render: ({ field: r }) => /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(
-        c,
+      form: n,
+      name: a,
+      label: c,
+      render: ({ field: o }) => /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+        l,
         {
-          ...r,
-          ...a,
-          selectedDate: r.value,
-          onDateChange: r.onChange
+          ...o,
+          ...i,
+          selectedDate: o.value,
+          onDateChange: (t) => {
+            o.onChange(t), r == null || r(t);
+          }
         }
       ) })
     }
   );
 };
 export {
-  f as FormDatePicker
+  h as FormDatePicker
 };

package/FormDatePicker/FormDatePicker.types.d.ts

@@ -1,7 +1,6 @@
 import { DatePickerProps } from '../DatePicker';
 import { FormRenderControlExtendProps } from '../Form';
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 
-export interface FormDatePickerProps<Data extends FieldValues, Form extends UseFormReturn<Data>> extends FormRenderControlExtendProps<Data, Form>, DatePickerProps {
+export interface FormDatePickerProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<DatePickerProps, 'onDateChange'>, Partial<Pick<DatePickerProps, 'onDateChange'>> {
 }

package/FormDropzone/FormDropzone.d.ts

@@ -0,0 +1,4 @@
+import { FormDropzoneProps } from './FormDropzone.types';
+import { FieldValues } from 'react-hook-form';
+
+export declare const FormDropzone: <Data extends FieldValues>(props: FormDropzoneProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/FormDropzone/FormDropzone.mjs

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import { FormControl as a } from "../Form/Form.mjs";
+import { FormRenderControl as l } from "../Form/FormRenderControl.mjs";
+import { Dropzone as f } from "../Dropzone/Dropzone.mjs";
+const h = (n) => {
+  const { form: e, label: m, name: t, ...p } = n;
+  return /* @__PURE__ */ o(
+    l,
+    {
+      form: e,
+      label: m,
+      name: t,
+      render: ({ field: r }) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(f, { ...p, ...r, onChangeValue: r.onChange }) })
+    }
+  );
+};
+export {
+  h as FormDropzone
+};

package/FormDropzone/FormDropzone.types.d.ts

@@ -0,0 +1,6 @@
+import { FormRenderControlExtendProps } from '../Form';
+import { DropzoneProps } from '../Dropzone';
+import { FieldValues } from 'react-hook-form';
+
+export interface FormDropzoneProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, DropzoneProps {
+}

package/FormDropzone/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormDropzone';
+export * from './FormDropzone.types';

package/FormDropzone/index.mjs

@@ -0,0 +1,4 @@
+import { FormDropzone as e } from "./FormDropzone.mjs";
+export {
+  e as FormDropzone
+};

package/FormDropzone/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/FormInput/FormInput.d.ts

@@ -1,5 +1,7 @@
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { ReactElement, Ref } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { FormInputProps } from './FormInput.types';
 
-export declare const FormInput: <Data extends FieldValues, Form extends UseFormReturn<Data>>(props: FormInputProps<Data, Form>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormInput: <Data extends FieldValues>(props: FormInputProps<Data> & {
+    ref?: Ref<HTMLInputElement>;
+}) => ReactElement;

package/FormInput/FormInput.mjs

@@ -1,26 +1,47 @@
-import { jsx as r } from "react/jsx-runtime";
-import { FormControl as l } from "../Form/Form.mjs";
-import { FormRenderControl as u } from "../Form/FormRenderControl.mjs";
-import { Input as a } from "../Input/Input.mjs";
-const F = (m) => {
-  const { form: t, label: e, name: n, ...p } = m;
-  return /* @__PURE__ */ r(
-    u,
+import { jsx as c } from "react/jsx-runtime";
+import { FormControl as F } from "../Form/Form.mjs";
+import { FormRenderControl as I } from "../Form/FormRenderControl.mjs";
+import { Input as y } from "../Input/Input.mjs";
+import { forwardRef as C } from "react";
+function b(l, e) {
+  const { form: m, label: v, name: p, onChange: u, onBlur: a, onPaste: s, style: h, ...g } = l;
+  return /* @__PURE__ */ c(
+    I,
     {
-      form: t,
-      name: n,
-      label: e,
-      render: ({ field: o }) => /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
-        a,
+      form: m,
+      name: p,
+      label: v,
+      render: ({ field: o }) => /* @__PURE__ */ c(F, { children: /* @__PURE__ */ c(
+        y,
         {
           ...o,
+          ...g,
+          ref: (t) => {
+            o.ref(t), typeof e == "function" ? e(t) : e && (e.current = t);
+          },
+          style: h,
           value: o.value || "",
-          ...p
+          onChange: (...t) => {
+            var r;
+            (r = o.onChange) == null || r.call(o, ...t), u == null || u(...t);
+          },
+          onPaste: (t) => {
+            const r = t.clipboardData.getData("text"), n = t.currentTarget, x = n.selectionStart ?? n.value.length, i = n.selectionEnd ?? n.value.length, D = n.value.slice(0, x) + r + n.value.slice(i);
+            t.preventDefault(), m.setValue(p, D, {
+              shouldDirty: !0,
+              shouldTouch: !0
+            }), s == null || s(t);
+          },
+          onBlur: (...t) => {
+            var r;
+            (r = o.onBlur) == null || r.call(o), a == null || a(...t);
+          }
         }
       ) })
     }
   );
-};
+}
+const E = C(b);
 export {
-  F as FormInput
+  E as FormInput
 };

package/FormInput/FormInput.types.d.ts

@@ -1,7 +1,6 @@
 import { InputProps } from '../Input';
 import { FormRenderControlExtendProps } from '../Form';
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 
-export interface FormInputProps<Data extends FieldValues, Form extends UseFormReturn<Data>> extends FormRenderControlExtendProps<Data, Form>, Omit<InputProps, 'form' | 'name'> {
+export interface FormInputProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<InputProps, 'form' | 'name'> {
 }

package/FormRadio/FormRadio.d.ts

@@ -0,0 +1,4 @@
+import { FormRadioGroupProps } from './FormRadio.types.ts';
+import { FieldValues } from 'react-hook-form';
+
+export declare const FormRadio: <Data extends FieldValues>(props: FormRadioGroupProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/FormRadio/FormRadio.mjs

@@ -0,0 +1,40 @@
+import { jsx as e } from "react/jsx-runtime";
+import { FormControl as t, FormItem as F } from "../Form/Form.mjs";
+import { FormRenderControl as f } from "../Form/FormRenderControl.mjs";
+import { Radio as i } from "../Radio/Radio.mjs";
+const b = (n) => {
+  const {
+    form: u,
+    name: d,
+    label: c,
+    onValueChange: m,
+    value: h,
+    defaultValue: s,
+    renderOption: a,
+    ...v
+  } = n;
+  return /* @__PURE__ */ e(
+    f,
+    {
+      form: u,
+      name: d,
+      label: c,
+      render: ({ field: o }) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(
+        i,
+        {
+          ...o,
+          ...v,
+          defaultValue: s || o.value,
+          value: h || o.value,
+          onValueChange: (r) => {
+            o.onChange(r), m == null || m(r);
+          },
+          renderOption: (r, l) => /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(t, { children: (a == null ? void 0 : a(r, l)) || /* @__PURE__ */ e(l, { ...r }) }) }, r.value)
+        }
+      ) })
+    }
+  );
+};
+export {
+  b as FormRadio
+};

package/FormRadio/FormRadio.types.d.ts

@@ -0,0 +1,6 @@
+import { RadioProps } from '../Radio';
+import { FormRenderControlExtendProps } from '../Form';
+import { FieldValues } from 'react-hook-form';
+
+export interface FormRadioGroupProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Partial<Omit<RadioProps, 'name'>> {
+}

package/FormRadio/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormRadio';
+export type * from './FormRadio.types.ts';

package/FormRadio/index.mjs

@@ -0,0 +1,4 @@
+import { FormRadio as m } from "./FormRadio.mjs";
+export {
+  m as FormRadio
+};

package/FormRadio/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/FormSelect/FormSelect.d.ts

@@ -1,5 +1,4 @@
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 import { FormSelectProps } from './FormSelect.types';
 
-export declare const FormSelect: <Data extends FieldValues, Form extends UseFormReturn<Data>, ExtendOptionData>(props: FormSelectProps<Data, Form, ExtendOptionData>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormSelect: <Data extends FieldValues, ExtendOptionData>(props: FormSelectProps<Data, ExtendOptionData>) => import("react/jsx-runtime").JSX.Element;

package/FormSelect/FormSelect.mjs

@@ -1,38 +1,40 @@
 import { jsx as e } from "react/jsx-runtime";
-import { FormControl as a } from "../Form/Form.mjs";
-import { FormRenderControl as f } from "../Form/FormRenderControl.mjs";
+import { FormControl as f } from "../Form/Form.mjs";
+import { FormRenderControl as d } from "../Form/FormRenderControl.mjs";
 import "../Select/SelectRoot.mjs";
-import { Select as d } from "../Select/Select.mjs";
-const x = (m) => {
+import { Select as g } from "../Select/Select.mjs";
+const S = (n) => {
   const {
-    form: n,
+    form: m,
     label: i,
-    name: l,
-    options: p = [],
+    name: p,
+    options: l = [],
     onChange: r,
-    ...c
-  } = m;
+    containerProps: c,
+    ...s
+  } = n;
   return /* @__PURE__ */ e(
-    f,
+    d,
     {
-      form: n,
-      name: l,
+      form: m,
+      name: p,
       label: i,
+      containerProps: c,
       render: ({ field: t }) => /* @__PURE__ */ e(
-        d,
+        g,
         {
           value: t.value,
-          options: p,
+          options: l,
           onChange: (o) => {
             t.onChange(o), r == null || r(o);
           },
-          renderTrigger: (o, s) => /* @__PURE__ */ e(a, { children: s }),
-          ...c
+          renderTrigger: (o, a) => /* @__PURE__ */ e(f, { children: a }),
+          ...s
         }
       )
     }
   );
 };
 export {
-  x as FormSelect
+  S as FormSelect
 };

package/FormSelect/FormSelect.types.d.ts

@@ -1,7 +1,6 @@
 import { SelectProps } from '../Select';
 import { FormRenderControlExtendProps } from '../Form';
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 
-export interface FormSelectProps<Data extends FieldValues, Form extends UseFormReturn<Data>, ExtendOptionData> extends FormRenderControlExtendProps<Data, Form>, SelectProps<ExtendOptionData> {
+export interface FormSelectProps<Data extends FieldValues, ExtendOptionData> extends FormRenderControlExtendProps<Data>, Omit<SelectProps<ExtendOptionData>, 'onChange'>, Partial<Pick<SelectProps<ExtendOptionData>, 'onChange'>> {
 }

package/FormTextarea/FormTextarea.d.ts

@@ -1,5 +1,4 @@
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 import { FormTextareaProps } from './FormTextarea.types';
 
-export declare const FormTextarea: <Data extends FieldValues, Form extends UseFormReturn<Data>>(props: FormTextareaProps<Data, Form>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormTextarea: <Data extends FieldValues>(props: FormTextareaProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/FormTextarea/FormTextarea.mjs

@@ -1,26 +1,27 @@
 import { jsx as r } from "react/jsx-runtime";
-import { FormControl as l } from "../Form/Form.mjs";
-import { FormRenderControl as p } from "../Form/FormRenderControl.mjs";
-import { Textarea as f } from "../Textarea/Textarea.mjs";
-const u = (e) => {
-  const { form: m, label: t, name: n, ...a } = e;
+import { FormControl as p } from "../Form/Form.mjs";
+import { FormRenderControl as i } from "../Form/FormRenderControl.mjs";
+import { Textarea as s } from "../Textarea/Textarea.mjs";
+const F = (e) => {
+  const { form: t, label: m, name: n, containerProps: a, ...l } = e;
   return /* @__PURE__ */ r(
-    p,
+    i,
     {
-      form: m,
+      form: t,
       name: n,
-      label: t,
-      render: ({ field: o }) => /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
-        f,
+      label: m,
+      containerProps: a,
+      render: ({ field: o }) => /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(
+        s,
         {
           ...o,
           value: o.value || "",
-          ...a
+          ...l
         }
       ) })
     }
   );
 };
 export {
-  u as FormTextarea
+  F as FormTextarea
 };

package/FormTextarea/FormTextarea.types.d.ts

@@ -1,7 +1,6 @@
 import { TextareaProps } from '../Textarea';
 import { FormRenderControlExtendProps } from '../Form';
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 
-export interface FormTextareaProps<Data extends FieldValues, Form extends UseFormReturn<Data>> extends FormRenderControlExtendProps<Data, Form>, Omit<TextareaProps, 'form' | 'name'> {
+export interface FormTextareaProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<TextareaProps, 'form' | 'name'> {
 }