@oneplatformdev/ui 0.0.1-beta.22 → 0.0.1-beta.23

package/Input/Input.mjs

@@ -1,61 +1,70 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import l, { useState as d } from "react";
-import { Eye as f, EyeOff as y } from "lucide-react";
-import { inputVariants as N } from "./inputVariants.mjs";
-import { cn as b } from "@oneplatformdev/utils";
-const p = l.forwardRef(
-  (t, e) => {
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import p, { useState as b } from "react";
+import { Eye as g, EyeOff as h } from "lucide-react";
+import { inputVariants as v } from "./inputVariants.mjs";
+import { cn as w } from "@oneplatformdev/utils";
+const c = p.forwardRef(
+  (t, a) => {
     const {
-      className: a,
+      className: e,
       variant: r,
       type: o,
-      slotProps: { input: n } = {},
-      ...u
-    } = t, { startAdornment: i } = n || {};
-    return /* @__PURE__ */ c("div", { className: "relative", children: [
-      !!i && /* @__PURE__ */ s("span", { className: "absolute left-[10px] top-1/2 -translate-y-1/2", children: i }),
+      slotProps: { input: i } = {},
+      onChange: u,
+      onTransform: m,
+      ...y
+    } = t, { startAdornment: l } = i || {};
+    return /* @__PURE__ */ f("div", { className: "relative", children: [
+      !!l && /* @__PURE__ */ s("span", { className: "absolute left-[10px] top-1/2 -translate-y-1/2", children: l }),
       /* @__PURE__ */ s(
         "input",
         {
           type: o,
-          className: b(
-            N({ variant: r, className: a }),
-            !!i && "pl-8"
+          className: w(
+            v({ variant: r, className: e }),
+            !!l && "pl-8"
           ),
-          ref: e,
-          ...u
+          ref: a,
+          ...y,
+          onChange: (n) => {
+            if (m) {
+              const N = m(n.target.value, n);
+              n.target.value = JSON.stringify(N);
+            }
+            u && u(n);
+          }
         }
       )
     ] });
   }
 );
-p.displayName = "Input";
-const m = l.forwardRef(
-  (t, e) => {
-    const [a, r] = d(!1), o = a ? "text" : "password", n = () => {
-      r(!a);
+c.displayName = "Input";
+const d = p.forwardRef(
+  (t, a) => {
+    const [e, r] = b(!1), o = e ? "text" : "password", i = () => {
+      r(!e);
     };
-    return /* @__PURE__ */ c("div", { className: "relative", children: [
-      /* @__PURE__ */ s(p, { ...t, type: o, className: "pr-8", ref: e }),
-      /* @__PURE__ */ s(w, { isVisible: a, onClick: n })
+    return /* @__PURE__ */ f("div", { className: "relative", children: [
+      /* @__PURE__ */ s(c, { ...t, type: o, className: "pr-8", ref: a }),
+      /* @__PURE__ */ s(I, { isVisible: e, onClick: i })
     ] });
   }
 );
-m.displayName = "PasswordInput";
-const w = ({ isVisible: t, onClick: e }) => /* @__PURE__ */ s(
+d.displayName = "PasswordInput";
+const I = ({ isVisible: t, onClick: a }) => /* @__PURE__ */ s(
   "button",
   {
     type: "button",
-    onClick: e,
+    onClick: a,
     className: "absolute top-1/2 right-3 transform -translate-y-1/2",
-    children: t ? /* @__PURE__ */ s(f, { size: 16 }) : /* @__PURE__ */ s(y, { size: 16 })
+    children: t ? /* @__PURE__ */ s(g, { size: 16 }) : /* @__PURE__ */ s(h, { size: 16 })
   }
-), I = l.forwardRef(
-  ({ type: t, ...e }, a) => t === "password" ? /* @__PURE__ */ s(m, { type: t, ...e, ref: a }) : /* @__PURE__ */ s(p, { type: t, ...e, ref: a })
+), x = p.forwardRef(
+  ({ type: t, ...a }, e) => t === "password" ? /* @__PURE__ */ s(d, { type: t, ...a, ref: e }) : /* @__PURE__ */ s(c, { type: t, ...a, ref: e })
 );
-I.displayName = "Input";
+x.displayName = "Input";
 export {
-  p as BaseInput,
-  I as Input,
-  m as PasswordInput
+  c as BaseInput,
+  x as Input,
+  d as PasswordInput
 };

package/Input/Input.types.d.ts

@@ -1,6 +1,6 @@
 import { inputVariants } from './inputVariants';
 import { VariantProps } from 'class-variance-authority';
-import { default as React, ReactNode } from 'react';
+import { default as React, ChangeEvent, ReactNode } from 'react';
 
 export interface InputSlotInputProps {
     startAdornment?: ReactNode;
@@ -10,4 +10,6 @@ export interface InputSlotProps {
 }
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
     slotProps?: InputSlotProps;
+    /** func transform event.target.value before onChange event call*/
+    onTransform?: (value: string, event: ChangeEvent<HTMLInputElement>) => string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.0.1-beta.22",
+  "version": "0.0.1-beta.23",
   "description": "UI React Components.",
   "author": "One Platform Development Team",
   "keywords": [