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

nav-frontend-skjema

Package Overview
Dependencies
Maintainers
3
Versions
194
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

nav-frontend-skjema - npm Package Compare versions

Comparing version

1.0.51
to
1.0.52

5

lib/bekreft-checkboks-panel.d.ts
import * as React from 'react';
import 'nav-frontend-skjema-style';
import { SkjemaelementFeil } from './skjemaelement-feilmelding';
export interface BekreftCheckboksPanelProps {

@@ -28,2 +29,6 @@ /**

className?: string;
/**
* Feilmelding
*/
feil?: SkjemaelementFeil;
}

@@ -30,0 +35,0 @@ export interface State {

15

lib/bekreft-checkboks-panel.js

@@ -17,2 +17,3 @@ "use strict";

require("nav-frontend-skjema-style");
var skjemaelement_feilmelding_1 = require("./skjemaelement-feilmelding");

@@ -48,10 +49,13 @@ var BekreftCheckboksPanel = function (_React$Component) {

inputProps = _props.inputProps,
className = _props.className;
className = _props.className,
feil = _props.feil;
var hasFocus = this.state.hasFocus;
var hasError = typeof feil !== 'undefined' && feil !== null && !!feil.feilmelding;
var cls = classNames('bekreftCheckboksPanel', className, {
'bekreftCheckboksPanel--checked': checked,
'bekreftCheckboksPanel--focus': hasFocus
'bekreftCheckboksPanel--focus': hasFocus,
'bekreftCheckboksPanel--error': hasError
});
return React.createElement("div", { className: cls }, this.props.children && React.createElement("div", { className: "bekreftCheckboksPanel__innhold" }, this.props.children), React.createElement(_1.Checkbox, Object.assign({}, inputProps, { label: label, checked: checked, "aria-checked": checked, onFocus: this.toggleOutline(), onBlur: this.toggleOutline(), onChange: onChange })));
return React.createElement("div", { className: cls }, this.props.children && React.createElement("div", { className: "bekreftCheckboksPanel__innhold" }, this.props.children), React.createElement(_1.Checkbox, Object.assign({}, inputProps, { label: label, checked: checked, "aria-checked": checked, onFocus: this.toggleOutline(), onBlur: this.toggleOutline(), onChange: onChange })), hasError && React.createElement(skjemaelement_feilmelding_1.default, { feil: feil }));
}

@@ -69,5 +73,6 @@ }]);

label: PT.string.isRequired,
onChange: PT.func.isRequired
onChange: PT.func.isRequired,
feil: skjemaelement_feilmelding_1.skjemaelementFeilmeldingShape
};
exports.default = BekreftCheckboksPanel;
BekreftCheckboksPanel.__docgenInfo = {"description":"","displayName":"BekreftCheckboksPanel","props":{"children":{"defaultValue":null,"description":"Tekst over checkboksen","name":"children","required":false,"type":{"name":"string | number | boolean | {} | ReactElement<any> | ReactNodeArray | ReactPortal | ReactChildren..."}},"onChange":{"defaultValue":null,"description":"Callback-funksjon som blir kalt når checkboksen endrer state","name":"onChange","required":true,"type":{"name":"(event: SyntheticEvent<EventTarget>) => void"}},"checked":{"defaultValue":null,"description":"Default checked state for checkboksen","name":"checked","required":true,"type":{"name":"boolean"}},"label":{"defaultValue":null,"description":"Tekst til høyre for checkboksen","name":"label","required":true,"type":{"name":"string"}},"inputProps":{"defaultValue":null,"description":"Øvrige custom props til <input>-elementet som ligger i bunn","name":"inputProps","required":false,"type":{"name":"InputHTMLAttributes<HTMLInputElement>"}},"className":{"defaultValue":null,"description":"Klassenavn","name":"className","required":false,"type":{"name":"string"}}}}
BekreftCheckboksPanel.__docgenInfo = {"description":"","displayName":"BekreftCheckboksPanel","props":{"children":{"defaultValue":null,"description":"Tekst over checkboksen","name":"children","required":false,"type":{"name":"string | number | boolean | {} | ReactElement<any> | ReactNodeArray | ReactPortal | ReactChildren..."}},"onChange":{"defaultValue":null,"description":"Callback-funksjon som blir kalt når checkboksen endrer state","name":"onChange","required":true,"type":{"name":"(event: SyntheticEvent<EventTarget>) => void"}},"checked":{"defaultValue":null,"description":"Default checked state for checkboksen","name":"checked","required":true,"type":{"name":"boolean"}},"label":{"defaultValue":null,"description":"Tekst til høyre for checkboksen","name":"label","required":true,"type":{"name":"string"}},"inputProps":{"defaultValue":null,"description":"Øvrige custom props til <input>-elementet som ligger i bunn","name":"inputProps","required":false,"type":{"name":"InputHTMLAttributes<HTMLInputElement>"}},"className":{"defaultValue":null,"description":"Klassenavn","name":"className","required":false,"type":{"name":"string"}},"feil":{"defaultValue":null,"description":"Feilmelding","name":"feil","required":false,"type":{"name":"SkjemaelementFeil"}}}}

6

package.json
{
"name": "nav-frontend-skjema",
"version": "1.0.51",
"version": "1.0.52",
"main": "lib/index.js",

@@ -18,3 +18,3 @@ "types": "lib/index.d.ts",

"nav-frontend-js-utils": "^1.0.6",
"nav-frontend-skjema-style": "^1.0.32",
"nav-frontend-skjema-style": "^1.0.33",
"prop-types": "^15.5.10",

@@ -26,3 +26,3 @@ "react": "^15.4.2 || ^16.0.0"

"nav-frontend-js-utils": "^1.0.6",
"nav-frontend-skjema-style": "^1.0.32",
"nav-frontend-skjema-style": "^1.0.33",
"prop-types": "^15.5.10",

@@ -29,0 +29,0 @@ "react": "^15.4.2 || ^16.0.0"

README.md
src/bekreft-checkboks-panel.tsx

Sorry, the diff of this file is not supported yet