i2ui - npm Package Compare versions

Comparing version 1.1.3 to 1.2.0

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var React=_interopDefault(require("react")),emphasizer=require("emphasizer"),__assign=function(){return(__assign=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},NumberUtil=function(){function p(){}return p.splitNumber=function(e,t){var r=t.decimalDigits,a=t.groupSeparator,n=t.decimalSeparator,i=t.groupDigits,s=[],l=e.toFixed(r||0).split(".");if(0<l.length){for(var o=p.toGroups(l[0],i),u=0;u<o.length;u++)s.push({text:o[u],separator:0<u?a||",":void 0});if(2===l.length){var c=l[1];c&&s.push({text:c,isFraction:!0,separator:n||"."})}}return s},p.toGroups=function(e,t){if(0===t)return[e];var r=Math.abs(t||3),a=e.match(new RegExp("(\\d+?)(?=(\\d{"+r+"})+(?!\\d)|$)","g"));return a||[]},p}(),rootStyle={display:"inline-block"},defaultContentStyle={display:"flex",flexDirection:"row",alignItems:"flex-end"},numberPartStyle={lineHeight:"1em"},I2Number=function(e){var t=e.value,r=e.fromStyle,a=e.toStyle,n=e.decimalDigits,i=e.basicMaxValue,s=e.verticalAlign,l=e.className,o=e.style,u=e.groupSeparator,c={decimalDigits:n,decimalSeparator:e.decimalSeparator,groupSeparator:u,groupDigits:e.groupDigits},p=NumberUtil.splitNumber(t,c),f=NumberUtil.splitNumber(i||t,c),m=__assign({fontSize:"1em"},r),g=__assign({fontSize:"2em"},a),d=Math.max(f.length),y=__assign({},defaultContentStyle);return"top"===s?y.alignItems="flex-start":"center"===s&&(y.alignItems="center"),React.createElement("div",{className:l,style:__assign(__assign({},rootStyle),o)},React.createElement("div",{style:y},p.map(function(e,t){var r=e.text,a=e.separator;return React.createElement("div",{key:t,style:__assign(__assign({},emphasizer.emphasizeStyle(m,g,1,d,p.length-t)),numberPartStyle)},""+(a||"")+r)})))},TagUtil=function(){function e(){}return e.order=function(e,t){if("desc"===t||"middle"===t){var r=e.sort(function(e,t){return e.rate>t.rate?-1:e.rate<t.rate?1:0});if("middle"===t){var a=[];r.forEach(function(e,t){t%2==0?a.push(e):a.unshift(e)}),r=a}return r}if("asc"!==t&&"edge"!==t)return e;r=e.sort(function(e,t){return e.rate<t.rate?-1:e.rate>t.rate?1:0});if("edge"===t){var n=[];r.forEach(function(e,t){t%2==0?n.push(e):n.unshift(e)}),r=n}return r},e}(),TagCloud=function(e){var t=e.options,a=e.fromStyle,n=e.toStyle,r=e.order,i=e.className,s=e.style,l=t.map(function(e){return e.rate}),o=Math.min.apply(Math,l),u=Math.max.apply(Math,l),c=TagUtil.order(t,r),p={};return React.createElement("div",{className:i,style:__assign(__assign({},{display:"flex",flexWrap:"wrap",justifyItems:"center",alignItems:"center",justifyContent:"center",alignContent:"center"}),s)},c.map(function(e,t){var r=emphasizer.emphasizeStyle(a,n,o,u,e.rate);return React.createElement("div",{key:t,style:__assign(__assign({},p),r)},e.text)}))};exports.I2Number=I2Number,exports.TagCloud=TagCloud;
+"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var React=_interopDefault(require("react")),emphasizer=require("emphasizer"),__assign=function(){return(__assign=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},NumberUtil=function(){function p(){}return p.splitNumber=function(e,t){var r=t.decimalDigits,a=t.groupSeparator,n=t.decimalSeparator,i=t.groupDigits,s=[],l=e.toFixed(r||0).split(".");if(0<l.length){for(var o=p.toGroups(l[0],i),u=0;u<o.length;u++)s.push({text:o[u],separator:0<u?a||",":void 0});if(2===l.length){var c=l[1];c&&s.push({text:c,isFraction:!0,separator:n||"."})}}return s},p.toGroups=function(e,t){if(0===t)return[e];var r=Math.abs(t||3),a=e.match(new RegExp("(\\d+?)(?=(\\d{"+r+"})+(?!\\d)|$)","g"));return a||[]},p}(),rootStyle={display:"inline-block"},defaultContentStyle={display:"flex",flexDirection:"row",alignItems:"flex-end"},numberPartStyle={lineHeight:"1em"},I2Number=function(e){var t=e.value,r=e.fromStyle,a=e.toStyle,n=e.decimalDigits,i=e.basicMaxValue,s=e.verticalAlign,l=e.className,o=e.style,u=e.groupSeparator,c={decimalDigits:n,decimalSeparator:e.decimalSeparator,groupSeparator:u,groupDigits:e.groupDigits},p=NumberUtil.splitNumber(t,c),f=NumberUtil.splitNumber(i||t,c),m=__assign({fontSize:"1em"},r),g=__assign({fontSize:"2em"},a),d=Math.max(f.length),y=__assign({},defaultContentStyle);return"top"===s?y.alignItems="flex-start":"center"===s&&(y.alignItems="center"),React.createElement("div",{className:l,style:__assign(__assign({},rootStyle),o)},React.createElement("div",{style:y},p.map(function(e,t){var r=e.text,a=e.separator;return React.createElement("div",{key:t,style:__assign(__assign({},emphasizer.emphasizeStyle(m,g,1,d,p.length-t)),numberPartStyle)},""+(a||"")+r)})))},TagUtil=function(){function e(){}return e.order=function(e,t){if("desc"===t||"middle"===t){var r=e.sort(function(e,t){return e.rate>t.rate?-1:e.rate<t.rate?1:0});if("middle"===t){var a=[];r.forEach(function(e,t){t%2==0?a.push(e):a.unshift(e)}),r=a}return r}if("asc"!==t&&"edge"!==t)return e;r=e.sort(function(e,t){return e.rate<t.rate?-1:e.rate>t.rate?1:0});if("edge"===t){var n=[];r.forEach(function(e,t){t%2==0?n.push(e):n.unshift(e)}),r=n}return r},e}(),TagCloud=function(e){var t=e.options,a=e.fromStyle,n=e.toStyle,r=e.order,i=e.className,s=e.style,l=e.renderOption,o=t.map(function(e){return e.rate}),u=Math.min.apply(Math,o),c=Math.max.apply(Math,o),p=TagUtil.order(t,r);return React.createElement("div",{className:i,style:__assign(__assign({},{display:"flex",flexWrap:"wrap",justifyItems:"center",alignItems:"center",justifyContent:"center",alignContent:"center"}),s)},p.map(function(e,t){var r=emphasizer.emphasizeStyle(a,n,u,c,e.rate);return React.createElement(React.Fragment,{key:t},l?l(e,r):React.createElement("div",{style:r},e.text))}))};exports.I2Number=I2Number,exports.TagCloud=TagCloud;

dist/tag-cloud/index.d.ts

@@ -10,2 +10,3 @@ import React from 'react';
     style?: React.CSSProperties;
+    renderOption?: (option: TagProps, style: React.CSSProperties) => React.ReactElement;
 }
@@ -12,0 +13,0 @@ export interface TagProps {

package.json

 {
     "name": "i2ui",
-    "version": "1.1.3",
+    "version": "1.2.0",
     "description": "i2ui - Intuitively Understantable User Interface",
@@ -35,3 +35,3 @@ "main": "dist/index.js",
     "scripts": {
-        "build": "rollup -c -w --environment BUILD:production",
+        "build": "rollup -c --environment BUILD:production",
         "build-watch": "rollup -c -w",
@@ -38,0 +38,0 @@ "install-all": "npm i && cd example && npm i",

README.md

@@ -71,10 +71,11 @@ # i2ui
 
-| 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                                             |
+| 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`                                                        |
+| `renderOption` | `false`  | `(option: {text: string, rate: number}, style: React.CSSProperties) => React.ReactElement` | Curstom render method for tag <br> `renderOption={(tagOption, style) => <div style={style}>{tagOption.text} </div>}` |
+| `className`    | `false`  | `string`                                                                                   | Container's class name                                                                                               |
+| `style`        | `false`  | `React.CSSProperties`                                                                      | Container's style                                                                                                    |
 
@@ -102,14 +103,14 @@ <br/>
 
-| 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                                                                                               |
+| Name               | Required | Type                  | Description                                                                                                     |
+| ------------------ | -------- | --------------------- | --------------------------------------------------------------------------------------------------------------- |
+| `value`            | `true`   | `number`              | Value                                                                                                           |
+| `fromStyle`        | `true`   | `React.CSSProperties` | Part of number's style with lower significance                                                                  |
+| `toStyle`          | `true`   | `React.CSSProperties` | 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                                                                          |
+| `groupDigits`      | `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`  | `React.CSSProperties` | Container's style                                                                                               |

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

115

increased by0.88%

Worsened metrics

Total package byte prevSize

14692

decreased by-34.79%

Number of package files

10

decreased by-28.57%

Lines of code

67

decreased by-75.99%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes