i2ui - npm Package Compare versions

Comparing version 1.0.17 to 1.0.18

dist/index.esm.js

@@ -284,6 +284,6 @@ import { Color, toHex } from 'jolor';
     }
-    return (React.createElement("div", { className: className, style: __assign(__assign({}, rootStyle), style) },
+    return (React.createElement("div", { className: className, style: __assign({}, rootStyle, style) },
         React.createElement("div", { style: contentStyle }, splits.map(function (_a, i) {
             var text = _a.text, separator = _a.separator;
-            return (React.createElement("div", { key: i, style: __assign(__assign({}, Emphasizer.style(from, to, 1, maxRate, splits.length - i)), numberPartStyle) }, "" + (separator || '') + text));
+            return (React.createElement("div", { key: i, style: __assign({}, Emphasizer.style(from, to, 1, maxRate, splits.length - i), numberPartStyle) }, "" + (separator || '') + text));
         }))));
@@ -364,5 +364,5 @@ };
     var tagStyle = {};
-    return (React.createElement("div", { className: className, style: __assign(__assign({}, rootStyle), style) }, orderData.map(function (x, i) {
+    return (React.createElement("div", { className: className, style: __assign({}, rootStyle, style) }, orderData.map(function (x, i) {
         var itemStyle = Emphasizer.style(fromStyle, toStyle, min, max, x.rate);
-        return (React.createElement("div", { key: i, style: __assign(__assign({}, tagStyle), itemStyle) }, x.text));
+        return (React.createElement("div", { key: i, style: __assign({}, tagStyle, itemStyle) }, x.text));
     })));
@@ -369,0 +369,0 @@ };

dist/index.js

@@ -290,6 +290,6 @@ 'use strict';
     }
-    return (React.createElement("div", { className: className, style: __assign(__assign({}, rootStyle), style) },
+    return (React.createElement("div", { className: className, style: __assign({}, rootStyle, style) },
         React.createElement("div", { style: contentStyle }, splits.map(function (_a, i) {
             var text = _a.text, separator = _a.separator;
-            return (React.createElement("div", { key: i, style: __assign(__assign({}, Emphasizer.style(from, to, 1, maxRate, splits.length - i)), numberPartStyle) }, "" + (separator || '') + text));
+            return (React.createElement("div", { key: i, style: __assign({}, Emphasizer.style(from, to, 1, maxRate, splits.length - i), numberPartStyle) }, "" + (separator || '') + text));
         }))));
@@ -370,5 +370,5 @@ };
     var tagStyle = {};
-    return (React.createElement("div", { className: className, style: __assign(__assign({}, rootStyle), style) }, orderData.map(function (x, i) {
+    return (React.createElement("div", { className: className, style: __assign({}, rootStyle, style) }, orderData.map(function (x, i) {
         var itemStyle = Emphasizer.style(fromStyle, toStyle, min, max, x.rate);
-        return (React.createElement("div", { key: i, style: __assign(__assign({}, tagStyle), itemStyle) }, x.text));
+        return (React.createElement("div", { key: i, style: __assign({}, tagStyle, itemStyle) }, x.text));
     })));
@@ -375,0 +375,0 @@ };

package.json

 {
     "name": "i2ui",
-    "version": "1.0.17",
+    "version": "1.0.18",
     "description": "i2ui - Intuitively Understantable User Interface",
@@ -67,4 +67,4 @@ "main": "dist/index.js",
     "dependencies": {
-        "jolor": "^1.1.7"
+        "emphasizer": "^1.0.20"
     }
 }

README.md

@@ -13,3 +13,3 @@ # i2ui
 
-```
+```jsx
 npm install i2ui
@@ -27,3 +27,3 @@ ```
 
-<a href="https://i2ui-examples.now.sh" target="_blank">Live Demo</a>
+<a href="https://i2ui-examples.now.sh/tagcloud" target="_blank">Live Demo</a>
 
@@ -73,10 +73,10 @@ <div align="center">
 
-| Name        | Required | Type     | Description                                                   |
-| ----------- | -------- | -------- | ------------------------------------------------------------- |
-| `options`   | `true`   | `array`  | Tags data                                                     |
-| `fromStyle` | `true`   | `object` | Tag's style with lower rate                                   |
-| `toStyle`   | `true`   | `object` | Tag's style with highest rate                                 |
-| `order`     | `false`  | `string` | Tag's order: `none`(default), `desc`, `middle`, `asc`, `edge` |
-| `className` | `false`  | `string` | Container's class name                                        |
-| `style`     | `false`  | `object` | Container's style                                             |
+| Name        | Required | Type                                  | Description                                                   |
+| ----------- | -------- | ------------------------------------- | ------------------------------------------------------------- |
+| `options`   | `true`   | `Array<{text: string, rate: number}>` | Tags data                                                     |
+| `fromStyle` | `true`   | `React.CSSProperties`                 | Tag's style with lower rate                                   |
+| `toStyle`   | `true`   | `React.CSSProperties`                 | Tag's style with highest rate                                 |
+| `order`     | `false`  | `string`                              | Tag's order: `none`(default), `desc`, `middle`, `asc`, `edge` |
+| `className` | `false`  | `string`                              | Container's class name                                        |
+| `style`     | `false`  | `React.CSSProperties`                 | Container's style                                             |
 
@@ -104,14 +104,14 @@ <br/>
 
-| Name               | Required | Type     | Description                                                                                                     |
-| ------------------ | -------- | -------- | --------------------------------------------------------------------------------------------------------------- |
-| `value`            | `true`   | `number` | Value                                                                                                           |
-| `fromStyle`        | `false`  | `object` | Part of number's style with lower significance                                                                  |
-| `toStyle`          | `false`  | `object` | Part of number's style with highest significance                                                                |
-| `basicMaxValue`    | `false`  | `number` | Max value to empasize. Used in set of numbers to be basic. <br/> Actually, this is the max mumber from the set. |
-| `verticalAlign`    | `false`  | `string` | Vertical align: `top`, `center`, `bottom`(default)                                                              |
-| `decimalDigits`    | `false`  | `number` | Number of decimal digits. Default is 0                                                                          |
-| `grouplDigits`     | `false`  | `number` | Number of group digits. Default is 3                                                                            |
-| `groupSeparator`   | `false`  | `string` | Separates groups of digits                                                                                      |
-| `decimalSeparator` | `false`  | `string` | Separates decimal part                                                                                          |
-| `className`        | `false`  | `string` | Container's class name                                                                                          |
-| `style`            | `false`  | `object` | Container's style                                                                                               |
+| Name               | Required              | Type     | Description                                                                                                     |
+| ------------------ | --------------------- | -------- | --------------------------------------------------------------------------------------------------------------- |
+| `value`            | `true`                | `number` | Value                                                                                                           |
+| `fromStyle`        | `React.CSSProperties` | `object` | Part of number's style with lower significance                                                                  |
+| `toStyle`          | `React.CSSProperties` | `object` | Part of number's style with highest significance                                                                |
+| `basicMaxValue`    | `false`               | `number` | Max value to empasize. Used in set of numbers to be basic. <br/> Actually, this is the max mumber from the set. |
+| `verticalAlign`    | `false`               | `string` | Vertical align: `top`, `center`, `bottom`(default)                                                              |
+| `decimalDigits`    | `false`               | `number` | Number of decimal digits. Default is 0                                                                          |
+| `grouplDigits`     | `false`               | `number` | Number of group digits. Default is 3                                                                            |
+| `groupSeparator`   | `false`               | `string` | Separates groups of digits                                                                                      |
+| `decimalSeparator` | `false`               | `string` | Separates decimal part                                                                                          |
+| `className`        | `false`               | `string` | Container's class name                                                                                          |
+| `style`            | `React.CSSProperties` | `object` | Container's style                                                                                               |

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

41605

increased by0.82%

Dependency changes

• + Addedemphasizer@^1.0.20

• + Addedemphasizer@1.6.0(transitive)

• - Removedjolor@^1.1.7