@cripty2001/utils 0.0.114 → 0.0.116

package/dist/react-ui/form.d.ts

@@ -12,7 +12,7 @@ export type FormComponentPropsInput = {
 });
 export type FormComponentProps<T extends Record<string, string>> = {
     inputs: FormComponentPropsInput[];
-    onSubmit: (values: T) => void;
+    onSubmit?: (values: T) => void;
     submitLabel: string;
     value: T;
     setValue: React.Dispatch<React.SetStateAction<T>>;

package/dist/react-ui/form.js

@@ -32,5 +32,6 @@ function FormComponent(props) {
                     default:
                         return (0, jsx_runtime_1.jsx)("div", { style: { color: '#ef4444', backgroundColor: 'white' }, children: "Unknown input type" });
                 }
-            })()), (0, jsx_runtime_1.jsx)(button_1.default, { className: variants.default.button, title: props.submitLabel, onClick: () => props.onSubmit(props.value) })] }));
+            })()), props.onSubmit &&
+                (0, jsx_runtime_1.jsx)(button_1.default, { className: variants.default.button, title: props.submitLabel, onClick: () => props.onSubmit?.(props.value) })] }));
 }

package/dist/react-ui/input.d.ts

@@ -1,12 +1,15 @@
+import { LucideIcon } from "lucide-react";
 export type InputComponentPropsVariantsItem = {
     input: string;
     label: string;
+    wrapper: string;
 };
 export type InputComponentPropsVariants = Record<string, InputComponentPropsVariantsItem> & {
     default: InputComponentPropsVariantsItem;
 };
 export type InputComponentProps<V extends InputComponentPropsVariants> = {
     label?: string;
+    icon?: React.ReactElement<LucideIcon>;
     value: string;
     setValue: (value: string) => void;
     required?: boolean;

package/dist/react-ui/input.js

@@ -11,21 +11,22 @@ function InputComponent(props) {
     const [error, setError] = (0, react_1.useState)(null);
     return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', gap: '0.5rem' }, children: [props.label &&
                         (0, jsx_runtime_1.jsx)("label", { className: baseClassName.label, children: props.label }), props.copy &&
-                        (0, jsx_runtime_1.jsx)(lucide_react_1.CopyIcon, { style: { width: '1rem', height: '1rem', cursor: 'pointer' }, onClick: () => (0, index_1.copyToClipboard)(props.value) })] }), (0, jsx_runtime_1.jsx)("div", { style: { position: 'relative' }, children: props.children({
-                    value: props.value,
-                    setValue: (v) => {
-                        try {
-                            if (props.required && v === "")
-                                throw new Error("Required field is empty");
-                            props.validate?.(v);
-                            props.setValue(v);
-                            setError(null);
-                        }
-                        catch (e) {
-                            setError(e.message);
-                        }
-                    },
-                    className: baseClassName.input
-                }) }), error &&
+                        (0, jsx_runtime_1.jsx)(lucide_react_1.CopyIcon, { style: { width: '1rem', height: '1rem', cursor: 'pointer' }, onClick: () => (0, index_1.copyToClipboard)(props.value) })] }), (0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative' }, className: baseClassName.wrapper, children: [props.icon &&
+                        (0, jsx_runtime_1.jsx)("div", { style: { position: 'absolute', left: '0.5rem', top: '0.5rem' }, children: props.icon }), (0, jsx_runtime_1.jsx)("div", { style: { paddingLeft: props.icon ? '2rem' : '0.5rem' }, children: props.children({
+                            value: props.value,
+                            setValue: (v) => {
+                                try {
+                                    if (props.required && v === "")
+                                        throw new Error("Required field is empty");
+                                    props.validate?.(v);
+                                    props.setValue(v);
+                                    setError(null);
+                                }
+                                catch (e) {
+                                    setError(e.message);
+                                }
+                            },
+                            className: baseClassName.input
+                        }) })] }), error &&
                 (0, jsx_runtime_1.jsx)("div", { style: { color: '#ef4444', fontSize: '0.75rem' }, children: error })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cripty2001/utils",
-  "version": "0.0.114",
+  "version": "0.0.116",
   "description": "Internal Set of utils. If you need them use them, otherwise go to the next package ;)",
   "homepage": "https://github.com/cripty2001/utils#readme",
   "bugs": {