plutchik-reactjs-components - npm Package Compare versions

Comparing version 1.4.1 to 1.4.2

dist/cjs/charts.d.ts

@@ -36,3 +36,3 @@ import React from 'react';
     vector: IEmotionVector;
-    label: string;
+    label?: string;
     onClick?: (emotion: Emotion) => void;
@@ -39,0 +39,0 @@ gridArea?: string;

dist/cjs/charts.js

@@ -117,4 +117,8 @@ "use strict";
     render() {
-        return (react_1.default.createElement("div", { className: 'plutchik-charts-container', style: { gridArea: this.props.gridArea } },
-            react_1.default.createElement("div", { className: 'plutchik-charts-label' }, this.props.label),
+        return (react_1.default.createElement("div", { className: 'plutchik-charts-container', style: {
+                gridArea: this.props.gridArea,
+                padding: this.props.label === undefined ? '0px' : undefined,
+                borderWidth: this.props.label === undefined ? '0px' : undefined,
+            } },
+            this.props.label !== undefined ? (react_1.default.createElement("div", { className: 'plutchik-charts-label' }, this.props.label)) : (react_1.default.createElement(react_1.default.Fragment, null)),
             Object.values(types_1.Emotion).map((v, i) => {
@@ -121,0 +125,0 @@ let val = this.props.vector[v];

dist/esm/charts.d.ts

@@ -36,3 +36,3 @@ import React from 'react';
     vector: IEmotionVector;
-    label: string;
+    label?: string;
     onClick?: (emotion: Emotion) => void;
@@ -39,0 +39,0 @@ gridArea?: string;

dist/esm/charts.js

@@ -112,4 +112,8 @@ import React from 'react';
     render() {
-        return (React.createElement("div", { className: 'plutchik-charts-container', style: { gridArea: this.props.gridArea } },
-            React.createElement("div", { className: 'plutchik-charts-label' }, this.props.label),
+        return (React.createElement("div", { className: 'plutchik-charts-container', style: {
+                gridArea: this.props.gridArea,
+                padding: this.props.label === undefined ? '0px' : undefined,
+                borderWidth: this.props.label === undefined ? '0px' : undefined,
+            } },
+            this.props.label !== undefined ? (React.createElement("div", { className: 'plutchik-charts-label' }, this.props.label)) : (React.createElement(React.Fragment, null)),
             Object.values(Emotion).map((v, i) => {
@@ -116,0 +120,0 @@ let val = this.props.vector[v];

package.json

 {
     "name": "plutchik-reactjs-components",
-    "version": "1.4.1",
+    "version": "1.4.2",
     "description": "Plutchik emotional azimuth",
@@ -5,0 +5,0 @@ "main": "./dist/cjs/index.js",

No alert changes

Improved metrics

Total package byte prevSize

103653

increased by0.54%

Lines of code

2771

increased by0.29%

No dependency changes