@alfalab/core-components-amount - npm Package Compare versions

Comparing version 2.1.2 to 2.2.0

dist/component.js

@@ -14,3 +14,3 @@ 'use strict';
 
-var styles = {"component":"amount__component_1pqv2","minorPartAndCurrency":"amount__minorPartAndCurrency_1pqv2"};
+var styles = {"component":"amount__component_1m9ep","transparentMinor":"amount__transparentMinor_1m9ep","bold":"amount__bold_1m9ep","normalMinor":"amount__normalMinor_1m9ep","defaultStyles":"amount__defaultStyles_1m9ep","defaultMinor":"amount__defaultMinor_1m9ep"};
 require('./index.css')
@@ -23,4 +23,5 @@
 var Amount = function (_a) {
-    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, rightAddons = _a.rightAddons, _c = _a.showPlus, showPlus = _c === void 0 ? false : _c, className = _a.className, dataTestId = _a.dataTestId;
-    var _d = utils.formatAmount({
+    var _b, _c;
+    var value = _a.value, minority = _a.minority, currency = _a.currency, _d = _a.view, view = _d === void 0 ? 'default' : _d, bold = _a.bold, transparentMinor = _a.transparentMinor, rightAddons = _a.rightAddons, _e = _a.showPlus, showPlus = _e === void 0 ? false : _e, className = _a.className, dataTestId = _a.dataTestId;
+    var _f = utils.formatAmount({
         value: value,
@@ -30,7 +31,15 @@ currency: currency,
         view: view,
-    }), majorPart = _d.majorPart, minorPart = _d.minorPart, currencySymbol = _d.currencySymbol;
-    return (React__default['default'].createElement("span", { className: cn__default['default'](styles.component, className), "data-test-id": dataTestId },
+    }), majorPart = _f.majorPart, minorPart = _f.minorPart, currencySymbol = _f.currencySymbol;
+    var defaultStyles = bold === undefined && transparentMinor === undefined;
+    return (React__default['default'].createElement("span", { className: cn__default['default'](styles.component, className, (_b = {},
+            _b[styles.bold] = bold === 'full' || bold === 'major',
+            _b[styles.defaultStyles] = defaultStyles,
+            _b)), "data-test-id": dataTestId },
         showPlus && value > 0 ? '+' : '',
         majorPart,
-        React__default['default'].createElement("span", { className: styles.minorPartAndCurrency },
+        React__default['default'].createElement("span", { className: cn__default['default'](styles.minorPartAndCurrency, (_c = {},
+                _c[styles.transparentMinor] = transparentMinor,
+                _c[styles.normalMinor] = bold === 'major',
+                _c[styles.defaultMinor] = defaultStyles,
+                _c)) },
             minorPart && utils.AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
@@ -37,0 +46,0 @@ minorPart,

dist/cssm/component.js

@@ -21,4 +21,5 @@ 'use strict';
 var Amount = function (_a) {
-    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, rightAddons = _a.rightAddons, _c = _a.showPlus, showPlus = _c === void 0 ? false : _c, className = _a.className, dataTestId = _a.dataTestId;
-    var _d = utils.formatAmount({
+    var _b, _c;
+    var value = _a.value, minority = _a.minority, currency = _a.currency, _d = _a.view, view = _d === void 0 ? 'default' : _d, bold = _a.bold, transparentMinor = _a.transparentMinor, rightAddons = _a.rightAddons, _e = _a.showPlus, showPlus = _e === void 0 ? false : _e, className = _a.className, dataTestId = _a.dataTestId;
+    var _f = utils.formatAmount({
         value: value,
@@ -28,7 +29,15 @@ currency: currency,
         view: view,
-    }), majorPart = _d.majorPart, minorPart = _d.minorPart, currencySymbol = _d.currencySymbol;
-    return (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
+    }), majorPart = _f.majorPart, minorPart = _f.minorPart, currencySymbol = _f.currencySymbol;
+    var defaultStyles = bold === undefined && transparentMinor === undefined;
+    return (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].component, className, (_b = {},
+            _b[styles__default['default'].bold] = bold === 'full' || bold === 'major',
+            _b[styles__default['default'].defaultStyles] = defaultStyles,
+            _b)), "data-test-id": dataTestId },
         showPlus && value > 0 ? '+' : '',
         majorPart,
-        React__default['default'].createElement("span", { className: styles__default['default'].minorPartAndCurrency },
+        React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].minorPartAndCurrency, (_c = {},
+                _c[styles__default['default'].transparentMinor] = transparentMinor,
+                _c[styles__default['default'].normalMinor] = bold === 'major',
+                _c[styles__default['default'].defaultMinor] = defaultStyles,
+                _c)) },
             minorPart && utils.AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
@@ -35,0 +44,0 @@ minorPart,

dist/cssm/pure/component.d.ts

@@ -8,4 +8,6 @@ /// <reference types="react" />
  * Не содержит стилей кроме неразрывности строки
+ *
+ * @deprecated Используйте основной компонент. Стилизацию можно настроить через пропсы
  */
 declare const PureAmount: React.FC<AmountProps>;
 export { PureAmount };

dist/cssm/pure/component.js

@@ -20,2 +20,4 @@ 'use strict';
  * Не содержит стилей кроме неразрывности строки
+ *
+ * @deprecated Используйте основной компонент. Стилизацию можно настроить через пропсы
  */
@@ -22,0 +24,0 @@ var PureAmount = function (_a) {

dist/cssm/types/amount-props.d.ts

@@ -26,2 +26,10 @@ import { CurrencyCodes } from '@alfalab/data';
     /**
+     * Управление жирностью
+     */
+    bold?: 'full' | 'major' | 'none';
+    /**
+     * Делает минорную часть полупрозрачной
+     */
+    transparentMinor?: boolean;
+    /**
      * Показывать значок + для положительных значений
@@ -28,0 +36,0 @@ */

dist/esm/component.js

@@ -5,3 +5,3 @@ import React from 'react';
 
-var styles = {"component":"amount__component_1pqv2","minorPartAndCurrency":"amount__minorPartAndCurrency_1pqv2"};
+var styles = {"component":"amount__component_1m9ep","transparentMinor":"amount__transparentMinor_1m9ep","bold":"amount__bold_1m9ep","normalMinor":"amount__normalMinor_1m9ep","defaultStyles":"amount__defaultStyles_1m9ep","defaultMinor":"amount__defaultMinor_1m9ep"};
 require('./index.css')
@@ -14,4 +14,5 @@
 var Amount = function (_a) {
-    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, rightAddons = _a.rightAddons, _c = _a.showPlus, showPlus = _c === void 0 ? false : _c, className = _a.className, dataTestId = _a.dataTestId;
-    var _d = formatAmount({
+    var _b, _c;
+    var value = _a.value, minority = _a.minority, currency = _a.currency, _d = _a.view, view = _d === void 0 ? 'default' : _d, bold = _a.bold, transparentMinor = _a.transparentMinor, rightAddons = _a.rightAddons, _e = _a.showPlus, showPlus = _e === void 0 ? false : _e, className = _a.className, dataTestId = _a.dataTestId;
+    var _f = formatAmount({
         value: value,
@@ -21,7 +22,15 @@ currency: currency,
         view: view,
-    }), majorPart = _d.majorPart, minorPart = _d.minorPart, currencySymbol = _d.currencySymbol;
-    return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": dataTestId },
+    }), majorPart = _f.majorPart, minorPart = _f.minorPart, currencySymbol = _f.currencySymbol;
+    var defaultStyles = bold === undefined && transparentMinor === undefined;
+    return (React.createElement("span", { className: cn(styles.component, className, (_b = {},
+            _b[styles.bold] = bold === 'full' || bold === 'major',
+            _b[styles.defaultStyles] = defaultStyles,
+            _b)), "data-test-id": dataTestId },
         showPlus && value > 0 ? '+' : '',
         majorPart,
-        React.createElement("span", { className: styles.minorPartAndCurrency },
+        React.createElement("span", { className: cn(styles.minorPartAndCurrency, (_c = {},
+                _c[styles.transparentMinor] = transparentMinor,
+                _c[styles.normalMinor] = bold === 'major',
+                _c[styles.defaultMinor] = defaultStyles,
+                _c)) },
             minorPart && AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
@@ -28,0 +37,0 @@ minorPart,

dist/esm/pure/component.d.ts

@@ -8,4 +8,6 @@ /// <reference types="react" />
  * Не содержит стилей кроме неразрывности строки
+ *
+ * @deprecated Используйте основной компонент. Стилизацию можно настроить через пропсы
  */
 declare const PureAmount: React.FC<AmountProps>;
 export { PureAmount };

dist/esm/pure/component.js

@@ -5,3 +5,3 @@ import React from 'react';
 
-var styles = {"component":"amount__component_1wnw3"};
+var styles = {"component":"amount__component_19ub6"};
 require('./index.css')
@@ -13,2 +13,4 @@
  * Не содержит стилей кроме неразрывности строки
+ *
+ * @deprecated Используйте основной компонент. Стилизацию можно настроить через пропсы
  */
@@ -15,0 +17,0 @@ var PureAmount = function (_a) {

dist/esm/types/amount-props.d.ts

@@ -26,2 +26,10 @@ import { CurrencyCodes } from '@alfalab/data';
     /**
+     * Управление жирностью
+     */
+    bold?: 'full' | 'major' | 'none';
+    /**
+     * Делает минорную часть полупрозрачной
+     */
+    transparentMinor?: boolean;
+    /**
      * Показывать значок + для положительных значений
@@ -28,0 +36,0 @@ */

dist/modern/component.js

@@ -5,3 +5,3 @@ import React from 'react';
 
-var styles = {"component":"amount__component_1pqv2","minorPartAndCurrency":"amount__minorPartAndCurrency_1pqv2"};
+var styles = {"component":"amount__component_1m9ep","transparentMinor":"amount__transparentMinor_1m9ep","bold":"amount__bold_1m9ep","normalMinor":"amount__normalMinor_1m9ep","defaultStyles":"amount__defaultStyles_1m9ep","defaultMinor":"amount__defaultMinor_1m9ep"};
 require('./index.css')
@@ -13,3 +13,3 @@
  */
-const Amount = ({ value, minority, currency, view = 'default', rightAddons, showPlus = false, className, dataTestId, }) => {
+const Amount = ({ value, minority, currency, view = 'default', bold, transparentMinor, rightAddons, showPlus = false, className, dataTestId, }) => {
     const { majorPart, minorPart, currencySymbol } = formatAmount({
@@ -21,6 +21,14 @@ value,
     });
-    return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": dataTestId },
+    const defaultStyles = bold === undefined && transparentMinor === undefined;
+    return (React.createElement("span", { className: cn(styles.component, className, {
+            [styles.bold]: bold === 'full' || bold === 'major',
+            [styles.defaultStyles]: defaultStyles,
+        }), "data-test-id": dataTestId },
         showPlus && value > 0 ? '+' : '',
         majorPart,
-        React.createElement("span", { className: styles.minorPartAndCurrency },
+        React.createElement("span", { className: cn(styles.minorPartAndCurrency, {
+                [styles.transparentMinor]: transparentMinor,
+                [styles.normalMinor]: bold === 'major',
+                [styles.defaultMinor]: defaultStyles,
+            }) },
             minorPart && AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
@@ -27,0 +35,0 @@ minorPart,

dist/modern/pure/component.d.ts

@@ -8,4 +8,6 @@ /// <reference types="react" />
  * Не содержит стилей кроме неразрывности строки
+ *
+ * @deprecated Используйте основной компонент. Стилизацию можно настроить через пропсы
  */
 declare const PureAmount: React.FC<AmountProps>;
 export { PureAmount };

dist/modern/pure/component.js

@@ -5,3 +5,3 @@ import React from 'react';
 
-var styles = {"component":"amount__component_1wnw3"};
+var styles = {"component":"amount__component_19ub6"};
 require('./index.css')
@@ -13,2 +13,4 @@
  * Не содержит стилей кроме неразрывности строки
+ *
+ * @deprecated Используйте основной компонент. Стилизацию можно настроить через пропсы
  */
@@ -15,0 +17,0 @@ const PureAmount = ({ value, minority, currency, rightAddons, view = 'default', showPlus = false, className, dataTestId, }) => {

dist/modern/types/amount-props.d.ts

@@ -26,2 +26,10 @@ import { CurrencyCodes } from '@alfalab/data';
     /**
+     * Управление жирностью
+     */
+    bold?: 'full' | 'major' | 'none';
+    /**
+     * Делает минорную часть полупрозрачной
+     */
+    transparentMinor?: boolean;
+    /**
      * Показывать значок + для положительных значений
@@ -28,0 +36,0 @@ */

dist/pure/component.d.ts

@@ -8,4 +8,6 @@ /// <reference types="react" />
  * Не содержит стилей кроме неразрывности строки
+ *
+ * @deprecated Используйте основной компонент. Стилизацию можно настроить через пропсы
  */
 declare const PureAmount: React.FC<AmountProps>;
 export { PureAmount };

dist/pure/component.js

@@ -14,3 +14,3 @@ 'use strict';
 
-var styles = {"component":"amount__component_1wnw3"};
+var styles = {"component":"amount__component_19ub6"};
 require('./index.css')
@@ -22,2 +22,4 @@
  * Не содержит стилей кроме неразрывности строки
+ *
+ * @deprecated Используйте основной компонент. Стилизацию можно настроить через пропсы
  */
@@ -24,0 +26,0 @@ var PureAmount = function (_a) {

dist/types/amount-props.d.ts

@@ -26,2 +26,10 @@ import { CurrencyCodes } from '@alfalab/data';
     /**
+     * Управление жирностью
+     */
+    bold?: 'full' | 'major' | 'none';
+    /**
+     * Делает минорную часть полупрозрачной
+     */
+    transparentMinor?: boolean;
+    /**
      * Показывать значок + для положительных значений
@@ -28,0 +36,0 @@ */

package.json

 {
     "name": "@alfalab/core-components-amount",
-    "version": "2.1.2",
+    "version": "2.2.0",
     "description": "",
@@ -26,3 +26,3 @@ "keywords": [],
     },
-    "gitHead": "8d998af881e79e8b524179aa50cdb117c1380c74"
+    "gitHead": "22ad801dcef60fc7bc499ae9074395b262266e22"
 }

No alert changes

Improved metrics

Total package byte prevSize

39145

16.79%

Lines of code

855

19.08%

No dependency changes