nav-frontend-skjema - npm Package Compare versions

Comparing version 1.0.10 to 1.0.11

lib/bekreft-checkboks-panel.js

@@ -62,3 +62,3 @@ "use strict";
             });
-            return React.createElement("div", { className: cls }, this.renderChildren(), React.createElement("label", { className: "inputPanel__label" }, React.createElement("input", Object.assign({}, inputProps, { className: "inputPanel__field", type: "checkbox", checked: checked, onFocus: this.toggleOutline(), onBlur: this.toggleOutline(), onChange: onChange, "aria-labelledby": this.childrenId })), React.createElement("span", { className: "inputPanel__textlabel" }, label)));
+            return React.createElement("div", { className: cls }, this.renderChildren(), React.createElement("label", { className: "inputPanel__label" }, React.createElement("input", Object.assign({}, inputProps, { className: "inputPanel__field", type: "checkbox", checked: checked, "aria-checked": checked, onFocus: this.toggleOutline(), onBlur: this.toggleOutline(), onChange: onChange, "aria-labelledby": this.childrenId })), React.createElement("span", { className: "inputPanel__textlabel" }, label)));
         }
@@ -65,0 +65,0 @@ }]);

lib/checkboks-panel-gruppe.js

@@ -53,7 +53,7 @@ "use strict";
             var cls = classNames('inputPanel checkboksPanel', {
-                'inputPanel--checked': checked === true && !disabled,
-                'inputPanel--focused': hasFocus === true && !disabled,
+                'inputPanel--checked': checked && !disabled,
+                'inputPanel--focused': hasFocus && !disabled,
                 'inputPanel--disabled': disabled === true
             });
-            return React.createElement("label", { className: cls, htmlFor: inputId }, React.createElement("input", Object.assign({}, inputProps, { id: inputId, className: "inputPanel__field", type: "checkbox", checked: checked, disabled: disabled, onFocus: function onFocus() {
+            return React.createElement("label", { className: cls, htmlFor: inputId }, React.createElement("input", Object.assign({}, inputProps, { id: inputId, className: "inputPanel__field", type: "checkbox", checked: checked, "aria-checked": checked, disabled: disabled, onFocus: function onFocus() {
                     return _this2.toggleOutline();
@@ -60,0 +60,0 @@ }, onBlur: function onBlur() {

lib/checkbox.js

@@ -19,3 +19,3 @@ "use strict";
 var classNames = require("classnames");
-var skjemaelement_feilmelding_1 = require("./skjemaelement-feilmelding");
+var skjemaelement_feilmelding_1 = require("./skjemaelement-feilmelding"); // tslint:disable-line:max-line-length
 var cls = function cls(className) {
@@ -54,2 +54,3 @@ return classNames('skjemaelement skjemaelement--horisontal', className);
       var inputId = id || nav_frontend_js_utils_1.guid();
+      // tslint:disable:react-a11y-role-has-required-aria-props
       return React.createElement("div", { className: cls(className) }, React.createElement("input", Object.assign({ type: "checkbox", className: inputCls(feil), id: inputId, ref: checkboxRef }, other)), React.createElement("label", { className: "skjemaelement__label", htmlFor: inputId }, label), React.createElement(skjemaelement_feilmelding_1.default, { feil: feil }));
@@ -56,0 +57,0 @@ }

lib/index.js

@@ -27,3 +27,3 @@ "use strict";
 exports.RadioPanel = radio_panel_gruppe_1.RadioPanel;
-var checkboks_panel_gruppe_1 = require("./checkboks-panel-gruppe");
+var checkboks_panel_gruppe_1 = require("./checkboks-panel-gruppe"); // tslint:disable-line:max-line-length
 exports.CheckboksPanelGruppe = checkboks_panel_gruppe_1.default;
@@ -30,0 +30,0 @@ exports.CheckboksPanel = checkboks_panel_gruppe_1.CheckboksPanel;

lib/input.js

@@ -19,3 +19,3 @@ "use strict";
 var classNames = require("classnames");
-var skjemaelement_feilmelding_1 = require("./skjemaelement-feilmelding");
+var skjemaelement_feilmelding_1 = require("./skjemaelement-feilmelding"); // tslint:disable-line:max-line-length
 var cls = function cls(className) {
@@ -22,0 +22,0 @@ return classNames('skjemaelement', className);

lib/radio-panel-gruppe.js

@@ -54,7 +54,7 @@ "use strict";
             var cls = classNames('inputPanel radioPanel', {
-                'inputPanel--checked': checked === true && !disabled,
-                'inputPanel--focused': hasFocus === true && !disabled,
+                'inputPanel--checked': checked && !disabled,
+                'inputPanel--focused': hasFocus && !disabled,
                 'inputPanel--disabled': disabled === true
             });
-            return React.createElement("label", { className: cls, htmlFor: inputId }, React.createElement("input", Object.assign({}, inputProps, { id: inputId, className: "inputPanel__field", type: "radio", name: name, checked: checked, disabled: disabled, onFocus: function onFocus() {
+            return React.createElement("label", { className: cls, htmlFor: inputId }, React.createElement("input", Object.assign({}, inputProps, { id: inputId, className: "inputPanel__field", type: "radio", name: name, checked: checked, "aria-checked": checked, disabled: disabled, onFocus: function onFocus() {
                     return _this2.toggleOutline();
@@ -61,0 +61,0 @@ }, onBlur: function onBlur() {

lib/radio.js

@@ -47,2 +47,3 @@ "use strict";
       var inputId = id || nav_frontend_js_utils_1.guid();
+      // tslint:disable:react-a11y-role-has-required-aria-props
       return React.createElement("div", { className: cls(className) }, React.createElement("input", Object.assign({ type: "radio", name: name, className: "skjemaelement__input radioknapp", id: inputId, ref: radioRef }, other)), React.createElement("label", { className: "skjemaelement__label", htmlFor: inputId }, label));
@@ -49,0 +50,0 @@ }

lib/select.js

@@ -19,3 +19,3 @@ "use strict";
 var classNames = require("classnames");
-var skjemaelement_feilmelding_1 = require("./skjemaelement-feilmelding");
+var skjemaelement_feilmelding_1 = require("./skjemaelement-feilmelding"); // tslint:disable-line:max-line-length
 var cls = function cls(className) {
@@ -22,0 +22,0 @@ return classNames('skjemaelement', className);

lib/skjema-gruppe.js

@@ -18,3 +18,3 @@ "use strict";
 require("nav-frontend-skjema-style");
-var skjemaelement_feilmelding_1 = require("./skjemaelement-feilmelding");
+var skjemaelement_feilmelding_1 = require("./skjemaelement-feilmelding"); // tslint:disable-line:max-line-length
 var cls = function cls(className, harFeil) {
@@ -21,0 +21,0 @@ return classNames(className, {

lib/textarea-controlled.d.ts

 /// <reference types="react" />
 import * as React from 'react';
-import { SkjemaelementFeil } from "nav-frontend-skjema/src/skjemaelement-feilmelding";
+import { SkjemaelementFeil } from 'nav-frontend-skjema/src/skjemaelement-feilmelding';
 export interface TextareaControlledProps extends React.HTMLAttributes<HTMLTextAreaElement> {
@@ -5,0 +5,0 @@ label: React.ReactNode;

lib/textarea.js

@@ -19,3 +19,3 @@ "use strict";
 var classNames = require("classnames");
-var skjemaelement_feilmelding_1 = require("./skjemaelement-feilmelding");
+var skjemaelement_feilmelding_1 = require("./skjemaelement-feilmelding"); // tslint:disable-line:max-line-length
 var inputCls = function inputCls(className, harFeil) {
@@ -22,0 +22,0 @@ return classNames(className, 'skjemaelement__input textarea--medMeta', { 'skjemaelement__input--harFeil': harFeil });

lib/toggle-knapp.js

@@ -41,3 +41,3 @@ "use strict";
         // Trenger bare onChange om man definerer checked
-        console.warn("onChange har verdien: " + onChange); // eslint-disable-line no-console
+        console.warn("onChange har verdien: " + onChange);
       }
@@ -48,3 +48,3 @@ var knappId = nav_frontend_js_utils_1.guid();
       };
-      return React.createElement("div", null, React.createElement("input", { type: "radio", className: "toggle__input sr-only", defaultChecked: defaultChecked, onChange: onChange, name: name, id: knappId, value: value, checked: checked }), React.createElement("label", { className: cls(className), htmlFor: knappId }, children));
+      return React.createElement("div", null, React.createElement("input", { type: "radio", className: "toggle__input sr-only", defaultChecked: defaultChecked, onChange: onChange, name: name, id: knappId, value: value, checked: checked, "aria-checked": checked }), React.createElement("label", { className: cls(className), htmlFor: knappId }, children));
     }
@@ -51,0 +51,0 @@ }]);

package.json

 {
   "name": "nav-frontend-skjema",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "main": "lib/index.js",
@@ -17,3 +17,3 @@ "types": "lib/index.d.ts",
     "classnames": "^2.2.5",
-    "nav-frontend-js-utils": "^1.0.4",
+    "nav-frontend-js-utils": "^1.0.5",
     "nav-frontend-skjema-style": "^0.3.19",
@@ -25,3 +25,3 @@ "prop-types": "^15.5.10",
     "classnames": "^2.2.5",
-    "nav-frontend-js-utils": "^1.0.4",
+    "nav-frontend-js-utils": "^1.0.5",
     "nav-frontend-skjema-style": "^0.3.19",
@@ -28,0 +28,0 @@ "prop-types": "^15.5.10",

src/index.ts

@@ -12,3 +12,3 @@ export { default as Input, NavFrontendInputProps } from './input';
 export { default as RadioPanelGruppe, RadioPanel, RadioPanelGruppeProps, RadioPanelProps } from './radio-panel-gruppe';
-export { default as CheckboksPanelGruppe, CheckboksPanel, CheckboksPanelGruppeProps, CheckboksPanelProps } from './checkboks-panel-gruppe';
+export { default as CheckboksPanelGruppe, CheckboksPanel, CheckboksPanelGruppeProps, CheckboksPanelProps } from './checkboks-panel-gruppe'; // tslint:disable-line:max-line-length
 export { default as BekreftCheckboksPanel, BekreftCheckboksPanelProps  } from './bekreft-checkboks-panel';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

409530

increased by0.21%

Lines of code

2534

increased by0.4%

No dependency changes