@anjun-express/react-textfield - npm Package Compare versions

Comparing version 1.4.0 to 1.5.0

dist/index.d.ts

 export { ErrorMessage, ErrorMessageProps } from './ErrorMessage.js';
 export { Input, TextFieldInputProps } from './Input.js';
-export { Password } from './Password.js';
+export { Password, PasswordButton, PasswordButtonProps, PasswordContextProvider, PasswordInput, usePassword } from './Password.js';
 export { Root, TextFieldRootProps } from './Root.js';
@@ -5,0 +5,0 @@ export { TextFieldStyles } from './styles.js';

dist/index.js

@@ -1,2 +0,2 @@
-"use strict";var f=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var R=(t,e)=>{for(var o in e)f(t,o,{get:e[o],enumerable:!0})},F=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of h(e))!g.call(t,s)&&s!==o&&f(t,s,{get:()=>e[s],enumerable:!(r=b(e,s))||r.enumerable});return t};var I=t=>F(f({},"__esModule",{value:!0}),t);var M={};R(M,{ErrorMessage:()=>T,Input:()=>l,Password:()=>v,Root:()=>w,TextFieldStyles:()=>i});module.exports=I(M);var p=require("tailwind-variants"),i={Root:(0,p.tv)({base:`
+"use strict";var c=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var o in t)c(e,o,{get:t[o],enumerable:!0})},g=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of v(t))!T.call(e,i)&&i!==o&&c(e,i,{get:()=>t[i],enumerable:!(s=R(t,i))||s.enumerable});return e};var F=e=>g(c({},"__esModule",{value:!0}),e);var H={};C(H,{ErrorMessage:()=>E,Input:()=>u,Password:()=>V,PasswordButton:()=>N,PasswordContextProvider:()=>M,PasswordInput:()=>S,Root:()=>B,TextFieldStyles:()=>p,usePassword:()=>f});module.exports=F(H);var d=require("tailwind-variants"),p={Root:(0,d.tv)({base:`
       focus-within:ring-primary ring-border [&:has([aria-invalid=true])]:ring-destructive flex h-10 items-center gap-4 rounded px-3 py-2 outline-none
@@ -6,5 +6,5 @@ ring-2 transition
       [&:has([disabled])]:pointer-events-none
-    `}),Input:(0,p.tv)({base:`
+    `}),Input:(0,d.tv)({base:`
       placeholder:text-muted-foreground w-full flex-1 border-none bg-transparent text-base outline-none
       disabled:opacity-70
-    `}),ErrorMessage:(0,p.tv)({base:"animate-in fade-in text-destructive font-semibold"})};var d=require("react/jsx-runtime");function T({className:t,...e}){return e.children?(0,d.jsx)("span",{className:i.ErrorMessage({className:t}),role:"alert",...e}):null}var m=require("react");var c=require("react/jsx-runtime"),l=(0,m.forwardRef)(function({className:e,...o},r){return(0,c.jsx)("input",{type:"text",ref:r,className:i.Input({className:e}),...o})});var a=require("react"),u=require("lucide-react");var n=require("react/jsx-runtime"),v=(0,a.forwardRef)(function(e,o){let[r,s]=(0,a.useState)(!1);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l,{...e,type:r?"text":"password",ref:o}),(0,n.jsx)("button",{type:"button",className:"text-border outline-none transition-opacity hover:opacity-70",onClick:()=>s(P=>!P),children:r?(0,n.jsx)(u.EyeOff,{size:20}):(0,n.jsx)(u.Eye,{size:20})})]})});var x=require("react");var y=require("react/jsx-runtime"),E=t=>{t.target.querySelector("input")?.focus()},w=(0,x.forwardRef)(function({className:e,...o},r){return(0,y.jsx)("div",{tabIndex:-1,onFocus:E,className:i.Root({className:e}),ref:r,...o})});0&&(module.exports={ErrorMessage,Input,Password,Root,TextFieldStyles});
+    `}),ErrorMessage:(0,d.tv)({base:"animate-in fade-in text-destructive font-semibold"})};var P=require("react/jsx-runtime");function E({className:e,...t}){return t.children?(0,P.jsx)("span",{className:p.ErrorMessage({className:e}),role:"alert",...t}):null}var m=require("react");var x=require("react/jsx-runtime"),u=(0,m.forwardRef)(function({className:t,...o},s){return(0,x.jsx)("input",{type:"text",ref:s,className:p.Input({className:t}),...o})});var n=require("react"),a=require("lucide-react");var r=require("react/jsx-runtime"),b=(0,n.createContext)({});function M({children:e}){let[t,o]=(0,n.useState)(!1);return(0,r.jsx)(b.Provider,{value:{isPasswordVisible:t,setIsPasswordVisible:o},children:e})}var f=()=>(0,n.useContext)(b),S=(0,n.forwardRef)(function(t,o){let{isPasswordVisible:s}=f();return(0,r.jsx)(u,{...t,type:s?"text":"password",ref:o})}),N=(0,n.forwardRef)(function({visibleIcon:t=(0,r.jsx)(a.EyeOff,{size:20}),hiddenIcon:o=(0,r.jsx)(a.Eye,{size:20}),...s},i){let{isPasswordVisible:l,setIsPasswordVisible:h}=f();return(0,r.jsx)("button",{type:"button",className:"outline-none transition-opacity hover:opacity-70",onClick:()=>h(I=>!I),"aria-label":"Alterar visibilidade da senha",...s,ref:i,children:l?t:o})}),V=(0,n.forwardRef)(function(t,o){let[s,i]=(0,n.useState)(!1);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(u,{...t,type:s?"text":"password",ref:o}),(0,r.jsx)("button",{type:"button",className:"text-border outline-none transition-opacity hover:opacity-70",onClick:()=>i(l=>!l),children:s?(0,r.jsx)(a.EyeOff,{size:20}):(0,r.jsx)(a.Eye,{size:20})})]})});var y=require("react");var w=require("react/jsx-runtime"),W=e=>{e.target.querySelector("input")?.focus()},B=(0,y.forwardRef)(function({className:t,...o},s){return(0,w.jsx)("div",{tabIndex:-1,onFocus:W,className:p.Root({className:t}),ref:s,...o})});0&&(module.exports={ErrorMessage,Input,Password,PasswordButton,PasswordContextProvider,PasswordInput,Root,TextFieldStyles,usePassword});

dist/Password.d.ts

 import * as react from 'react';
+import { ComponentProps, ReactNode, Dispatch, SetStateAction } from 'react';
 
+type PasswordContextType = {
+    isPasswordVisible: boolean;
+    setIsPasswordVisible: Dispatch<SetStateAction<boolean>>;
+};
+declare function PasswordContextProvider({ children, }: {
+    children: React.ReactNode;
+}): JSX.Element;
+declare const usePassword: () => PasswordContextType;
+declare const PasswordInput: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
+type PasswordButtonProps = ComponentProps<"button"> & {
+    visibleIcon?: ReactNode;
+    hiddenIcon?: ReactNode;
+};
+declare const PasswordButton: react.ForwardRefExoticComponent<Omit<PasswordButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 declare const Password: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
-export { Password };
+export { Password, PasswordButton, PasswordButtonProps, PasswordContextProvider, PasswordInput, usePassword };

dist/Password.js

@@ -1,2 +0,2 @@
-"use strict";var u=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var I=(e,t)=>{for(var n in t)u(e,n,{get:t[n],enumerable:!0})},g=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of c(t))!y.call(e,i)&&i!==n&&u(e,i,{get:()=>t[i],enumerable:!(r=b(t,i))||r.enumerable});return e};var h=e=>g(u({},"__esModule",{value:!0}),e);var P={};I(P,{Password:()=>w});module.exports=h(P);var p=require("react"),a=require("lucide-react");var l=require("react");var s=require("tailwind-variants"),d={Root:(0,s.tv)({base:`
+"use strict";var u=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var v=(s,t)=>{for(var e in t)u(s,e,{get:t[e],enumerable:!0})},C=(s,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of I(t))!h.call(s,i)&&i!==e&&u(s,i,{get:()=>t[i],enumerable:!(n=y(t,i))||n.enumerable});return s};var T=s=>C(u({},"__esModule",{value:!0}),s);var F={};v(F,{Password:()=>E,PasswordButton:()=>V,PasswordContextProvider:()=>g,PasswordInput:()=>R,usePassword:()=>c});module.exports=T(F);var r=require("react"),a=require("lucide-react");var f=require("react");var p=require("tailwind-variants"),P={Root:(0,p.tv)({base:`
       focus-within:ring-primary ring-border [&:has([aria-invalid=true])]:ring-destructive flex h-10 items-center gap-4 rounded px-3 py-2 outline-none
@@ -6,5 +6,5 @@ ring-2 transition
       [&:has([disabled])]:pointer-events-none
-    `}),Input:(0,s.tv)({base:`
+    `}),Input:(0,p.tv)({base:`
       placeholder:text-muted-foreground w-full flex-1 border-none bg-transparent text-base outline-none
       disabled:opacity-70
-    `}),ErrorMessage:(0,s.tv)({base:"animate-in fade-in text-destructive font-semibold"})};var m=require("react/jsx-runtime"),f=(0,l.forwardRef)(function({className:t,...n},r){return(0,m.jsx)("input",{type:"text",ref:r,className:d.Input({className:t}),...n})});var o=require("react/jsx-runtime"),w=(0,p.forwardRef)(function(t,n){let[r,i]=(0,p.useState)(!1);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(f,{...t,type:r?"text":"password",ref:n}),(0,o.jsx)("button",{type:"button",className:"text-border outline-none transition-opacity hover:opacity-70",onClick:()=>i(x=>!x),children:r?(0,o.jsx)(a.EyeOff,{size:20}):(0,o.jsx)(a.Eye,{size:20})})]})});0&&(module.exports={Password});
+    `}),ErrorMessage:(0,p.tv)({base:"animate-in fade-in text-destructive font-semibold"})};var b=require("react/jsx-runtime"),l=(0,f.forwardRef)(function({className:t,...e},n){return(0,b.jsx)("input",{type:"text",ref:n,className:P.Input({className:t}),...e})});var o=require("react/jsx-runtime"),x=(0,r.createContext)({});function g({children:s}){let[t,e]=(0,r.useState)(!1);return(0,o.jsx)(x.Provider,{value:{isPasswordVisible:t,setIsPasswordVisible:e},children:s})}var c=()=>(0,r.useContext)(x),R=(0,r.forwardRef)(function(t,e){let{isPasswordVisible:n}=c();return(0,o.jsx)(l,{...t,type:n?"text":"password",ref:e})}),V=(0,r.forwardRef)(function({visibleIcon:t=(0,o.jsx)(a.EyeOff,{size:20}),hiddenIcon:e=(0,o.jsx)(a.Eye,{size:20}),...n},i){let{isPasswordVisible:d,setIsPasswordVisible:w}=c();return(0,o.jsx)("button",{type:"button",className:"outline-none transition-opacity hover:opacity-70",onClick:()=>w(m=>!m),"aria-label":"Alterar visibilidade da senha",...n,ref:i,children:d?t:e})}),E=(0,r.forwardRef)(function(t,e){let[n,i]=(0,r.useState)(!1);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l,{...t,type:n?"text":"password",ref:e}),(0,o.jsx)("button",{type:"button",className:"text-border outline-none transition-opacity hover:opacity-70",onClick:()=>i(d=>!d),children:n?(0,o.jsx)(a.EyeOff,{size:20}):(0,o.jsx)(a.Eye,{size:20})})]})});0&&(module.exports={Password,PasswordButton,PasswordContextProvider,PasswordInput,usePassword});

package.json

@@ -5,3 +5,3 @@ {
   "license": "MIT",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "private": false,
@@ -8,0 +8,0 @@ "main": "dist/index.js",

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 2 instances in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 2 instances in 1 package

Improved metrics

Total package byte prevSize

25673

18.85%

Lines of code

216

13.68%

No dependency changes