@socialgouv/code-du-travail-ui - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

es/Article.js

@@ -1,2 +0,2 @@
-var _templateObject = _taggedTemplateLiteralLoose(["\n  flex: 0 0 130px;\n  border: 1px solid silver;\n  padding: 10px;\n  border-radius: 3px;\n  background: #eee;\n  text-align: center;\n  svg {\n    vertical-align: middle;\n    stroke: #aaa;\n    cursor: pointer;\n  }\n  svg:hover {\n    stroke: white;\n  }\n"], ["\n  flex: 0 0 130px;\n  border: 1px solid silver;\n  padding: 10px;\n  border-radius: 3px;\n  background: #eee;\n  text-align: center;\n  svg {\n    vertical-align: middle;\n    stroke: #aaa;\n    cursor: pointer;\n  }\n  svg:hover {\n    stroke: white;\n  }\n"]);
+var _templateObject = _taggedTemplateLiteralLoose(["\n  flex: 0 0 140px;\n  border: 1px solid silver;\n  padding: 10px 0 5px 0;\n  border-radius: 3px;\n  background: #eee;\n  text-align: center;\n  svg {\n    vertical-align: top;\n    cursor: pointer;\n  }\n  svg:hover g {\n    fill: #fff;\n  }\n"], ["\n  flex: 0 0 140px;\n  border: 1px solid silver;\n  padding: 10px 0 5px 0;\n  border-radius: 3px;\n  background: #eee;\n  text-align: center;\n  svg {\n    vertical-align: top;\n    cursor: pointer;\n  }\n  svg:hover g {\n    fill: #fff;\n  }\n"]);
 
@@ -9,5 +9,6 @@ function _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }
 
-import { ThumbsUp, ThumbsDown, MessageSquare } from "react-feather";
 import { Section, Tag } from ".";
 
+import { Question, Like, Unlike } from "./icons";
+
 var RateContainer = styled.div(_templateObject);
@@ -21,12 +22,13 @@
     null,
-    React.createElement(ThumbsUp, {
+    React.createElement(Like, {
       onClick: onValidate,
-      size: "36",
-      style: { marginRight: 20 },
-      title: "Valider cette r\xE9ponse"
+      style: { marginRight: 10 },
+      title: "Valider cette r\xE9ponse",
+      fill: "#aaa"
     }),
-    React.createElement(ThumbsDown, {
+    React.createElement(Unlike, {
       onClick: onInvalidate,
-      size: "36",
-      title: "Invalider cette r\xE9ponse"
+      style: { marginTop: 20 },
+      title: "Invalider cette r\xE9ponse",
+      fill: "#aaa"
     })
@@ -62,3 +64,3 @@ );
         { style: { flex: "0 0 100px", textAlign: "center" } },
-        React.createElement(MessageSquare, { color: "#aaa", size: "45" })
+        React.createElement(Question, { fill: "#aaa" })
       ),
@@ -65,0 +67,0 @@ React.createElement(

es/flavors.js

@@ -19,7 +19,9 @@ var _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; };
 export var cleanProps = function cleanProps(props) {
-  return Object.keys(props).reduce(function (newProps, key) {
+  return Object.keys(props).filter(function (key) {
+    return flavors.indexOf(key) > -1;
+  }).reduce(function (newProps, key) {
     var _extends2;
 
     return _extends({}, newProps, (_extends2 = {}, _extends2[key] = props[key].toString() || undefined, _extends2));
-  }, {});
+  }, _extends({}, props));
 };
@@ -26,0 +28,0 @@

lib/Article.js

@@ -5,3 +5,3 @@ "use strict";
 
-var _templateObject = _taggedTemplateLiteralLoose(["\n  flex: 0 0 130px;\n  border: 1px solid silver;\n  padding: 10px;\n  border-radius: 3px;\n  background: #eee;\n  text-align: center;\n  svg {\n    vertical-align: middle;\n    stroke: #aaa;\n    cursor: pointer;\n  }\n  svg:hover {\n    stroke: white;\n  }\n"], ["\n  flex: 0 0 130px;\n  border: 1px solid silver;\n  padding: 10px;\n  border-radius: 3px;\n  background: #eee;\n  text-align: center;\n  svg {\n    vertical-align: middle;\n    stroke: #aaa;\n    cursor: pointer;\n  }\n  svg:hover {\n    stroke: white;\n  }\n"]);
+var _templateObject = _taggedTemplateLiteralLoose(["\n  flex: 0 0 140px;\n  border: 1px solid silver;\n  padding: 10px 0 5px 0;\n  border-radius: 3px;\n  background: #eee;\n  text-align: center;\n  svg {\n    vertical-align: top;\n    cursor: pointer;\n  }\n  svg:hover g {\n    fill: #fff;\n  }\n"], ["\n  flex: 0 0 140px;\n  border: 1px solid silver;\n  padding: 10px 0 5px 0;\n  border-radius: 3px;\n  background: #eee;\n  text-align: center;\n  svg {\n    vertical-align: top;\n    cursor: pointer;\n  }\n  svg:hover g {\n    fill: #fff;\n  }\n"]);
 
@@ -20,6 +20,6 @@ var _react = require("react");
 
-var _reactFeather = require("react-feather");
-
 var _ = require(".");
 
+var _icons = require("./icons");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -37,12 +37,13 @@
     null,
-    _react2.default.createElement(_reactFeather.ThumbsUp, {
+    _react2.default.createElement(_icons.Like, {
       onClick: onValidate,
-      size: "36",
-      style: { marginRight: 20 },
-      title: "Valider cette r\xE9ponse"
+      style: { marginRight: 10 },
+      title: "Valider cette r\xE9ponse",
+      fill: "#aaa"
     }),
-    _react2.default.createElement(_reactFeather.ThumbsDown, {
+    _react2.default.createElement(_icons.Unlike, {
       onClick: onInvalidate,
-      size: "36",
-      title: "Invalider cette r\xE9ponse"
+      style: { marginTop: 20 },
+      title: "Invalider cette r\xE9ponse",
+      fill: "#aaa"
     })
@@ -78,3 +79,3 @@ );
         { style: { flex: "0 0 100px", textAlign: "center" } },
-        _react2.default.createElement(_reactFeather.MessageSquare, { color: "#aaa", size: "45" })
+        _react2.default.createElement(_icons.Question, { fill: "#aaa" })
       ),
@@ -81,0 +82,0 @@ _react2.default.createElement(

lib/flavors.js

@@ -28,7 +28,9 @@ "use strict";
 var cleanProps = exports.cleanProps = function cleanProps(props) {
-  return Object.keys(props).reduce(function (newProps, key) {
+  return Object.keys(props).filter(function (key) {
+    return flavors.indexOf(key) > -1;
+  }).reduce(function (newProps, key) {
     var _extends2;
 
     return _extends({}, newProps, (_extends2 = {}, _extends2[key] = props[key].toString() || undefined, _extends2));
-  }, {});
+  }, _extends({}, props));
 };
@@ -35,0 +37,0 @@

package.json

 {
   "name": "@socialgouv/code-du-travail-ui",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Composants ReactJS du Code du travail numérique",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

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

126349

increased by14.52%

Number of package files

40

increased by25%

Lines of code

2169

increased by9.6%

Worsened metrics

Number of low supply chain risk alerts

34

increased by13.33%

No dependency changes