@solidpb/ui-kit 0.5.1 → 0.5.3

package/dist/components/Form.d.ts

@@ -1,4 +1,4 @@
-import { JSXElement } from "solid-js";
+import { JSXElement, Setter } from "solid-js";
 import { type SwitchProps } from "./Switch";
 import { type SelectProps } from "./Select";
 import { type InputRootProps } from "./Input";
@@ -11,6 +11,7 @@ import { type FileInputProps } from "./FileInput";
 import { RelationPickerProps } from "./RelationPicker";
 export interface FormProps<T> {
     data: Partial<T>;
+    setData: Setter<Partial<T>>;
     title?: string;
     onSave?: (values: Partial<T>) => Promise<void>;
     onCancel?: () => void;

package/dist/components/Form.jsx

@@ -1,5 +1,4 @@
 import { splitProps } from "solid-js";
-import { createStore } from "solid-js/store";
 import { tv } from "tailwind-variants";
 import { InternalFormContext, useInternalFormContext } from "./formContext";
 import { Switch } from "./Switch";
@@ -18,17 +17,16 @@ const formClass = tv({
 });
 export function createForm() {
     const Form = (props) => {
-        const [values, setValues] = createStore({ ...props.data });
         const setValue = (key, value) => {
-            setValues(key, value);
+            props.setData((prev) => ({ ...prev, [key]: value }));
         };
         const getValue = (key) => {
-            return values[key];
+            return props.data[key];
         };
         const contextValue = { setValue, getValue };
         const handleSubmit = (e) => {
             e.preventDefault();
-            props.onSave?.(values);
+            props.onSave?.(props.data);
         };
         return (<InternalFormContext.Provider value={contextValue}>
         <form onSubmit={handleSubmit} class={formClass({ class: props.class })}>
@@ -94,18 +92,7 @@ export function createForm() {
         return (<Slider {...props} value={form.getValue(props.field)} onChange={(v) => form.setValue(props.field, v)}/>);
     };
     const RelationField = (props) => {
-        const form = useInternalFormContext();
-        const [local, others] = splitProps(props, ["onChange"]);
-        const handleChange = (val) => {
-            if (props.multi) {
-                form.setValue(props.field, (Array.isArray(val) ? val.map((v) => v.id) : []));
-            }
-            else {
-                form.setValue(props.field, (val?.id || null));
-            }
-            local.onChange?.(val);
-        };
-        return <RelationPicker {...others} onChange={handleChange}/>;
+        return <RelationPicker {...props}/>;
     };
     Form.TextField = TextField;
     Form.NumberField = NumberField;

package/dist/components/Tabs/Tabs.d.ts

@@ -3,6 +3,8 @@ export interface TabsProps {
     defaultTab?: string;
     size?: "xs" | "sm" | "md" | "lg" | "xl";
     class?: string;
+    value?: string;
+    onTabChange?: (value: string) => void;
 }
 export interface TabsComponents {
     Trigger: ParentComponent<{

package/dist/components/Tabs/Tabs.jsx

@@ -22,7 +22,7 @@ const tabContent = tv({
     base: "card bg-base-100 border-base-300 p-3 w-full",
 });
 export const Tabs = (props) => {
-    return (<KTabs class={tabs({ size: props.size, class: props.class })} defaultValue={props.defaultTab}>
+    return (<KTabs class={tabs({ size: props.size, class: props.class })} defaultValue={props.defaultTab} value={props.value} onChange={props.onTabChange}>
       {props.children}
     </KTabs>);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidpb/ui-kit",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",