@fremtind/jkl-checkbox-react - npm Package Compare versions

Comparing version 0.6.0 to 0.6.1-alpha.55

build/browser/index.js

@@ -5,18 +5,25 @@ import React from 'react';
   var children = _ref.children,
+      name = _ref.name,
       checked = _ref.checked,
-      onChange = _ref.onChange;
+      onChange = _ref.onChange,
+      className = _ref.className,
+      _ref$inline = _ref.inline,
+      inline = _ref$inline === void 0 ? true : _ref$inline;
 
   var handleChange = function handleChange(e) {
-    return onChange && onChange(e.target.checked);
+    return onChange && onChange(name, e.target.checked);
   };
 
+  var classNames = "jkl-checkbox".concat(inline ? " jkl-checkbox--inline" : "").concat(className ? " ".concat(className) : "");
   return React.createElement("label", {
-    className: "jkl-checkbox"
+    className: classNames
   }, React.createElement("input", {
+    className: "jkl-checkbox__input",
     "data-testid": "jkl-checkbox-input",
     checked: checked,
     type: "checkbox",
+    name: name,
     onChange: handleChange
   }), React.createElement("span", {
-    className: "jkl-checkbox__input"
+    className: "jkl-checkbox__check-mark"
   }), children);
@@ -23,0 +30,0 @@ }

build/browser/index.min.js

@@ -1,1 +0,1 @@
-import e from"react";function c(c){var t=c.children,n=c.checked,a=c.onChange;return e.createElement("label",{className:"jkl-checkbox"},e.createElement("input",{"data-testid":"jkl-checkbox-input",checked:n,type:"checkbox",onChange:function(e){return a&&a(e.target.checked)}}),e.createElement("span",{className:"jkl-checkbox__input"}),t)}export{c as Checkbox};
+import e from"react";function c(c){var n=c.children,a=c.name,t=c.checked,l=c.onChange,o=c.className,k=c.inline,r="jkl-checkbox".concat(void 0===k||k?" jkl-checkbox--inline":"").concat(o?" ".concat(o):"");return e.createElement("label",{className:r},e.createElement("input",{className:"jkl-checkbox__input","data-testid":"jkl-checkbox-input",checked:t,type:"checkbox",name:a,onChange:function(e){return l&&l(a,e.target.checked)}}),e.createElement("span",{className:"jkl-checkbox__check-mark"}),n)}export{c as Checkbox};

build/Checkbox.d.ts

 import { ReactNode } from "react";
 interface Props {
     children: ReactNode;
+    name: string;
     checked?: boolean;
-    onChange?: (checked: boolean) => void;
+    inline?: boolean;
+    onChange?: (name: string, checked: boolean) => void;
+    className?: string;
 }
-export declare function Checkbox({ children, checked, onChange }: Props): JSX.Element;
+export declare function Checkbox({ children, name, checked, onChange, className, inline }: Props): JSX.Element;
 export {};

build/cjs/index.js

@@ -11,18 +11,25 @@ 'use strict';
   var children = _ref.children,
+      name = _ref.name,
       checked = _ref.checked,
-      onChange = _ref.onChange;
+      onChange = _ref.onChange,
+      className = _ref.className,
+      _ref$inline = _ref.inline,
+      inline = _ref$inline === void 0 ? true : _ref$inline;
 
   var handleChange = function handleChange(e) {
-    return onChange && onChange(e.target.checked);
+    return onChange && onChange(name, e.target.checked);
   };
 
+  var classNames = "jkl-checkbox".concat(inline ? " jkl-checkbox--inline" : "").concat(className ? " ".concat(className) : "");
   return React.createElement("label", {
-    className: "jkl-checkbox"
+    className: classNames
   }, React.createElement("input", {
+    className: "jkl-checkbox__input",
     "data-testid": "jkl-checkbox-input",
     checked: checked,
     type: "checkbox",
+    name: name,
     onChange: handleChange
   }), React.createElement("span", {
-    className: "jkl-checkbox__input"
+    className: "jkl-checkbox__check-mark"
   }), children);
@@ -29,0 +36,0 @@ }

build/esm/index.js

@@ -5,18 +5,25 @@ import React from 'react';
   var children = _ref.children,
+      name = _ref.name,
       checked = _ref.checked,
-      onChange = _ref.onChange;
+      onChange = _ref.onChange,
+      className = _ref.className,
+      _ref$inline = _ref.inline,
+      inline = _ref$inline === void 0 ? true : _ref$inline;
 
   var handleChange = function handleChange(e) {
-    return onChange && onChange(e.target.checked);
+    return onChange && onChange(name, e.target.checked);
   };
 
+  var classNames = "jkl-checkbox".concat(inline ? " jkl-checkbox--inline" : "").concat(className ? " ".concat(className) : "");
   return React.createElement("label", {
-    className: "jkl-checkbox"
+    className: classNames
   }, React.createElement("input", {
+    className: "jkl-checkbox__input",
     "data-testid": "jkl-checkbox-input",
     checked: checked,
     type: "checkbox",
+    name: name,
     onChange: handleChange
   }), React.createElement("span", {
-    className: "jkl-checkbox__input"
+    className: "jkl-checkbox__check-mark"
   }), children);
@@ -23,0 +30,0 @@ }

build/esm/index.min.js

@@ -1,1 +0,1 @@
-import e from"react";function c(c){var t=c.children,n=c.checked,a=c.onChange;return e.createElement("label",{className:"jkl-checkbox"},e.createElement("input",{"data-testid":"jkl-checkbox-input",checked:n,type:"checkbox",onChange:function(e){return a&&a(e.target.checked)}}),e.createElement("span",{className:"jkl-checkbox__input"}),t)}export{c as Checkbox};
+import e from"react";function c(c){var n=c.children,a=c.name,t=c.checked,l=c.onChange,o=c.className,k=c.inline,r="jkl-checkbox".concat(void 0===k||k?" jkl-checkbox--inline":"").concat(o?" ".concat(o):"");return e.createElement("label",{className:r},e.createElement("input",{className:"jkl-checkbox__input","data-testid":"jkl-checkbox-input",checked:t,type:"checkbox",name:a,onChange:function(e){return l&&l(a,e.target.checked)}}),e.createElement("span",{className:"jkl-checkbox__check-mark"}),n)}export{c as Checkbox};

package.json

 {
     "name": "@fremtind/jkl-checkbox-react",
-    "version": "0.6.0",
+    "version": "0.6.1-alpha.55+b3452c4a",
     "publishConfig": {
@@ -27,2 +27,3 @@ "access": "public"
     "scripts": {
+        "clean": "rimraf build/ dist/ .cache node_modules/",
         "build:types": "tsc -p tsconfig-for-declarations.json",
@@ -37,7 +38,7 @@ "build:scripts": "rollup --config ../../rollup.config.js",
     "dependencies": {
-        "@fremtind/jkl-core": "^0.8.0"
+        "@fremtind/jkl-checkbox": "^0.7.3-alpha.55+b3452c4a",
+        "@fremtind/jkl-core": "^0.8.1-alpha.55+b3452c4a"
     },
     "devDependencies": {
-        "@fremtind/browserslist-config-jkl": "^0.3.3",
-        "npm-run-all": "^4.1.5"
+        "@fremtind/browserslist-config-jkl": "^0.3.4-alpha.79+b3452c4a"
     },
@@ -60,3 +61,3 @@ "peerDependencies": {
     ],
-    "gitHead": "adb4778c0af82b61c39a560601d4a98fbe27fe3b"
+    "gitHead": "b3452c4ac9b73bdd89f0b44338a3091eac33ca2a"
 }

New alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

11188

increased by16.53%

Dev dependency count

1

decreased by-50%

Lines of code

100

increased by31.58%

Worsened metrics

Dependency count

6

increased by20%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@fremtind/jkl-checkbox@^0.7.3-alpha.55+b3452c4a

• + Added@fremtind/jkl-checkbox@0.7.3-alpha.55(transitive)

• + Added@fremtind/jkl-core@0.8.1-alpha.55(transitive)

• - Removed@fremtind/jkl-core@0.8.0(transitive)

• Updated@fremtind/jkl-core@^0.8.1-alpha.55+b3452c4a