New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@finn-no/fabric-react-textfield

Package Overview
Dependencies
Maintainers
10
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@finn-no/fabric-react-textfield - npm Package Compare versions

Comparing version 0.2.2 to 0.2.6

2

dist/index.js

@@ -1,2 +0,2 @@

import{forwardRef as e,useEffect as r,createElement as i}from"react";import{useId as a}from"@finn-no/fabric-react-utils";import{classNames as t}from"@chbphone55/classnames";import l from"tiny-warning";function n(){return(n=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var i=arguments[r];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e}).apply(this,arguments)}const s=e(function(e,s){let{className:d,disabled:o,id:p,invalid:c,error:b,helpText:u,label:y,readOnly:f,type:m="text",style:v}=e,h=function(e,r){if(null==e)return{};var i,a,t={},l=Object.keys(e);for(a=0;a<l.length;a++)r.indexOf(i=l[a])>=0||(t[i]=e[i]);return t}(e,["className","disabled","id","invalid","error","helpText","label","readOnly","type","style"]);"production"!==process.env.NODE_ENV&&r(()=>{l(y||h["aria-label"]||h["aria-labelledby"],"<TextField> requires a 'label', 'aria-label' or an 'aria-labelledby' to be accessible to screen readers."),l(null==b,"<TextField>: The 'error' prop is deprecated. Use 'invalid' instead.")},[]);const x=a(p),O=u?`${x}__hint`:void 0,N=c||b;return i("div",{className:t("input mb-0",{"input--is-invalid":N,"input--is-disabled":o,"input--is-read-only":f},d),style:v},y&&i("label",{htmlFor:x},y),i("input",n({},h,{"aria-describedby":O,"aria-errormessage":N&&O?O:void 0,"aria-invalid":N,disabled:o,id:x,readOnly:f,ref:s,type:m})),u&&i("div",{className:"input__sub-text",id:O},u))});export{s as TextField};
import*as e from"react";import{useId as r}from"@finn-no/fabric-react-utils";import{classNames as a}from"@chbphone55/classnames";import t from"tiny-warning";function i(){return(i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e}).apply(this,arguments)}const l=["className","disabled","id","invalid","error","helpText","label","readOnly","type","style"],n=e.forwardRef(function(n,s){let{className:d,disabled:o,id:c,invalid:p,error:b,helpText:u,label:f,readOnly:m,type:y="text",style:v}=n,h=function(e,r){if(null==e)return{};var a,t,i={},l=Object.keys(e);for(t=0;t<l.length;t++)r.indexOf(a=l[t])>=0||(i[a]=e[a]);return i}(n,l);"production"!==process.env.NODE_ENV&&e.useEffect(()=>{t(f||h["aria-label"]||h["aria-labelledby"],"<TextField> requires a 'label', 'aria-label' or an 'aria-labelledby' to be accessible to screen readers."),t(null==b,"<TextField>: The 'error' prop is deprecated. Use 'invalid' instead.")},[]);const x=r(c),O=u?`${x}__hint`:void 0,E=p||b;return e.createElement("div",{className:a("input mb-0",{"input--is-invalid":E,"input--is-disabled":o,"input--is-read-only":m},d),style:v},f&&e.createElement("label",{htmlFor:x},f),e.createElement("input",i({},h,{"aria-describedby":O,"aria-errormessage":E&&O?O:void 0,"aria-invalid":E,disabled:o,id:x,readOnly:m,ref:s,type:y})),u&&e.createElement("div",{className:"input__sub-text",id:O},u))});export{n as TextField};
//# sourceMappingURL=index.js.map
{
"name": "@finn-no/fabric-react-textfield",
"license": "SEE LICENSE IN LICENSE",
"version": "0.2.2",
"version": "0.2.6",
"type": "module",
"exports": "./dist/index.js",
"module": "dist/index.es.js",
"module": "dist/index.js",
"files": [

@@ -21,3 +21,3 @@ "dist/"

"@chbphone55/classnames": "^2.0.0",
"@finn-no/fabric-react-utils": "^0.2.2",
"@finn-no/fabric-react-utils": "^0.2.5",
"tiny-warning": "^1.0.3"

@@ -28,3 +28,3 @@ },

},
"gitHead": "e8087f2244d06a6093cd2483c9b44a539dbf82e7"
"gitHead": "e0e202551bf6b6b6bbb0fda36cb962492252ae03"
}

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc