@superlogica/checkbox - npm Package Compare versions

Comparing version 0.0.38 to 0.0.39

Checkbox.js

 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
@@ -8,3 +10,3 @@ value: true
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
@@ -19,2 +21,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -33,3 +39,3 @@
 
-var Checkbox = function Checkbox(_ref) {
+var Checkbox = _react.default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
@@ -43,3 +49,4 @@ variant = _ref.variant,
 
-  var variante = checkBoxIcons[variant] ? variant : 'check';
+  var appearance = checkBoxIcons[variant] ? variant : 'check';
+  var checkboxRef = ref || (0, _react.useRef)(null);
   return /*#__PURE__*/_react.default.createElement(_Styled.GenericDiv, _extends({
@@ -52,4 +59,7 @@ className: className,
     checked: checked
-  }, rest), /*#__PURE__*/_react.default.createElement(_Styled.HiddenCheckbox, rest), /*#__PURE__*/_react.default.createElement(_Styled.StyledCheckbox, _extends({
+  }, rest), /*#__PURE__*/_react.default.createElement(_Styled.HiddenCheckbox, _extends({
+    ref: checkboxRef,
     checked: checked
+  }, rest)), /*#__PURE__*/_react.default.createElement(_Styled.StyledCheckbox, _extends({
+    checked: checked
   }, rest), /*#__PURE__*/_react.default.createElement(_Styled.Icon, _extends({
@@ -59,6 +69,7 @@ viewBox: "0 0 24 24",
   }, rest), /*#__PURE__*/_react.default.createElement("polyline", {
-    points: checkBoxIcons[variante]
+    points: checkBoxIcons[appearance]
   })))), label || ''));
-};
+});
 
+Checkbox.displayName = 'Checkbox';
 Checkbox.defaultProps = {
@@ -65,0 +76,0 @@ className: '',

package.json

 {
   "name": "@superlogica/checkbox",
-  "version": "0.0.38",
+  "version": "0.0.39",
   "description": "Checkbox - DSweb Superlogica",
@@ -20,3 +20,3 @@ "dependencies": {
   "license": "MIT",
-  "gitHead": "6ab13810f56fc1be7dea23f6c6734339cbaf6e8a"
+  "gitHead": "17306232aaac4c1940a8ac57a2891fc449b4b3e7"
 }

Styled.js

@@ -30,3 +30,3 @@ "use strict";
   componentId: "ehe7kb-2"
-})(["border:0;clip:rect(0 0 0 0);clippath:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;"]);
+})(["border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;"]);
 
@@ -85,5 +85,4 @@ exports.HiddenCheckbox = HiddenCheckbox;
   return "\n    margin: ".concat(marginTop, " ").concat(marginRight, " ").concat(marginBottom, " ").concat(marginLeft, ";\n    color: ").concat(textColor, ";\n\n    & > label:hover ").concat(CheckDiv, " {\n      border-color: ").concat(theme.color.primary, ";\n    }\n    ").concat(Label, " {\n      font-size: ").concat(theme.typography.fontSize, ";\n      font-weight: ").concat(theme.typography.fontWeight, ";\n      font-family:  ").concat(theme.typography.fontFamily[0], ";\n    }\n  ");
-}); // lerna
+});
 
-
 exports.GenericDiv = GenericDiv;

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

9882

increased by17.99%

Lines of code

174

increased by6.75%

No dependency changes