@cripty2001/utils 0.0.126 → 0.0.128

package/dist/react-ui/form.js

@@ -18,17 +18,27 @@ function FormComponent(props) {
                     ...prev,
                     [input.key]: v
                 }));
+                const baseProps = {
+                    label: input.label,
+                    value: value,
+                    setValue: setValue,
+                    variant: "default",
+                    variants: variants,
+                    key: index,
+                    required: input.required,
+                    icon: input.icon,
+                };
                 switch (input.type) {
                     case "text":
                     case "email":
                     case "password":
                     case "tel":
-                        return (0, jsx_runtime_1.jsx)(input_1.default, { label: input.label, value: value, setValue: setValue, variant: "default", variants: variants, children: ({ value, setValue, className }) => ((0, jsx_runtime_1.jsx)("input", { type: input.type, value: value, onChange: (e) => setValue(e.target.value), required: input.required, className: className, placeholder: input.label })) }, index);
+                        return (0, jsx_runtime_1.jsx)(input_1.default, { ...baseProps, children: ({ value, setValue, className }) => ((0, jsx_runtime_1.jsx)("input", { type: input.type, value: value, onChange: (e) => setValue(e.target.value), required: input.required, className: className, placeholder: input.label })) });
                     case "select":
-                        return (0, jsx_runtime_1.jsx)(input_1.default, { label: input.label, value: value, setValue: setValue, variant: "default", variants: variants, required: input.required, validate: (v) => {
+                        return (0, jsx_runtime_1.jsx)(input_1.default, { ...baseProps, required: input.required, validate: (v) => {
                                 if (!input.options.includes(v))
                                     throw new Error("Invalid option");
-                            }, children: ({ value, setValue, className }) => ((0, jsx_runtime_1.jsx)("select", { value: value, onChange: (e) => setValue(e.target.value), required: input.required, className: className, children: input.options.map(option => ((0, jsx_runtime_1.jsx)("option", { value: option, children: option }, option))) })) }, index);
+                            }, children: ({ value, setValue, className }) => ((0, jsx_runtime_1.jsx)("select", { value: value, onChange: (e) => setValue(e.target.value), required: input.required, className: className, children: input.options.map(option => ((0, jsx_runtime_1.jsx)("option", { value: option, children: option }, option))) })) });
                     default:
                         return (0, jsx_runtime_1.jsx)("div", { style: { color: '#ef4444', backgroundColor: 'white' }, children: "Unknown input type" });
                 }

package/dist/react-whispr.js

@@ -171,7 +171,22 @@ function useRelTime(refresh = 1000) {
         const then = ts instanceof Date ? ts.getTime() : ts;
         const delta = then - now;
         const seconds = Math.round(delta / 1000);
-        return rtf.format(seconds, "second");
+        const format = (() => {
+            if (seconds < 60)
+                return "second";
+            if (seconds < 3600)
+                return "minute";
+            if (seconds < 86400)
+                return "hour";
+            if (seconds < 604800)
+                return "day";
+            if (seconds < 2592000)
+                return "week";
+            if (seconds < 31536000)
+                return "month";
+            return "year";
+        })();
+        return rtf.format(seconds, format);
     }, [currTs, rtf]);
     return cb;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cripty2001/utils",
-  "version": "0.0.126",
+  "version": "0.0.128",
   "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": {