@salutejs/plasma-new-hope 0.109.0-canary.1307.10036117462.0 → 0.109.0-canary.1308.10039680195.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Portal/Portal.js +1 -1
- package/cjs/components/Portal/Portal.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +5 -5
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/Typography/Old/Subtitle/Subtitle.js +5 -2
- package/cjs/components/Typography/Old/Subtitle/Subtitle.js.map +1 -1
- package/cjs/components/Typography/Old/TypographyOld.js +5 -2
- package/cjs/components/Typography/Old/TypographyOld.js.map +1 -1
- package/cjs/components/Typography/Typography.js +5 -2
- package/cjs/components/Typography/Typography.js.map +1 -1
- package/cjs/index.css +0 -3
- package/cjs/index.js +0 -5
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Portal/Portal.js +1 -1
- package/emotion/cjs/components/Portal/Portal.template-doc.mdx +1 -1
- package/emotion/cjs/components/TextArea/TextArea.js +6 -6
- package/emotion/cjs/components/Typography/Old/Subtitle/Subtitle.js +5 -2
- package/emotion/cjs/components/Typography/Old/TypographyOld.js +5 -2
- package/emotion/cjs/components/Typography/Typography.js +5 -2
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/components/Portal/Portal.js +1 -1
- package/emotion/es/components/Portal/Portal.template-doc.mdx +1 -1
- package/emotion/es/components/TextArea/TextArea.js +6 -6
- package/emotion/es/components/Typography/Old/Subtitle/Subtitle.js +5 -2
- package/emotion/es/components/Typography/Old/TypographyOld.js +5 -2
- package/emotion/es/components/Typography/Typography.js +5 -2
- package/emotion/es/index.js +1 -2
- package/es/components/Portal/Portal.js +1 -1
- package/es/components/Portal/Portal.js.map +1 -1
- package/es/components/TextArea/TextArea.js +5 -5
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/Typography/Old/Subtitle/Subtitle.js +5 -2
- package/es/components/Typography/Old/Subtitle/Subtitle.js.map +1 -1
- package/es/components/Typography/Old/TypographyOld.js +5 -2
- package/es/components/Typography/Old/TypographyOld.js.map +1 -1
- package/es/components/Typography/Typography.js +5 -2
- package/es/components/Typography/Typography.js.map +1 -1
- package/es/index.css +0 -3
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Portal/Portal.js +1 -1
- package/styled-components/cjs/components/Portal/Portal.template-doc.mdx +1 -1
- package/styled-components/cjs/components/TextArea/TextArea.js +5 -5
- package/styled-components/cjs/components/Typography/Old/Subtitle/Subtitle.js +5 -2
- package/styled-components/cjs/components/Typography/Old/TypographyOld.js +5 -2
- package/styled-components/cjs/components/Typography/Typography.js +5 -2
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/Portal/Portal.js +1 -1
- package/styled-components/es/components/Portal/Portal.template-doc.mdx +1 -1
- package/styled-components/es/components/TextArea/TextArea.js +5 -5
- package/styled-components/es/components/Typography/Old/Subtitle/Subtitle.js +5 -2
- package/styled-components/es/components/Typography/Old/TypographyOld.js +5 -2
- package/styled-components/es/components/Typography/Typography.js +5 -2
- package/styled-components/es/index.js +1 -2
- package/types/components/Portal/Portal.d.ts +2 -6
- package/types/components/Portal/Portal.d.ts.map +1 -1
- package/types/components/Portal/index.d.ts.map +1 -1
- package/types/components/Typography/Body/Body.d.ts +10 -2
- package/types/components/Typography/Body/Body.d.ts.map +1 -1
- package/types/components/Typography/Dspl/Dspl.d.ts +10 -2
- package/types/components/Typography/Dspl/Dspl.d.ts.map +1 -1
- package/types/components/Typography/Heading/Heading.d.ts +10 -2
- package/types/components/Typography/Heading/Heading.d.ts.map +1 -1
- package/types/components/Typography/Old/Body/Body.d.ts +6 -2
- package/types/components/Typography/Old/Body/Body.d.ts.map +1 -1
- package/types/components/Typography/Old/Button/Button.d.ts +6 -2
- package/types/components/Typography/Old/Button/Button.d.ts.map +1 -1
- package/types/components/Typography/Old/Caption/Caption.d.ts +6 -2
- package/types/components/Typography/Old/Caption/Caption.d.ts.map +1 -1
- package/types/components/Typography/Old/Display/Display.d.ts +6 -2
- package/types/components/Typography/Old/Display/Display.d.ts.map +1 -1
- package/types/components/Typography/Old/Footnote/Footnote.d.ts +6 -2
- package/types/components/Typography/Old/Footnote/Footnote.d.ts.map +1 -1
- package/types/components/Typography/Old/Headline/Headline.d.ts +6 -2
- package/types/components/Typography/Old/Headline/Headline.d.ts.map +1 -1
- package/types/components/Typography/Old/Paragraph/Paragraph.d.ts +6 -2
- package/types/components/Typography/Old/Paragraph/Paragraph.d.ts.map +1 -1
- package/types/components/Typography/Old/ParagraphText/ParagraphText.d.ts +6 -2
- package/types/components/Typography/Old/ParagraphText/ParagraphText.d.ts.map +1 -1
- package/types/components/Typography/Old/Subtitle/Subtitle.d.ts +9 -3
- package/types/components/Typography/Old/Subtitle/Subtitle.d.ts.map +1 -1
- package/types/components/Typography/Old/TypographyOld.d.ts +6 -2
- package/types/components/Typography/Old/TypographyOld.d.ts.map +1 -1
- package/types/components/Typography/Old/Underline/Underline.d.ts +6 -2
- package/types/components/Typography/Old/Underline/Underline.d.ts.map +1 -1
- package/types/components/Typography/Text/Text.d.ts +10 -2
- package/types/components/Typography/Text/Text.d.ts.map +1 -1
- package/types/components/Typography/Typography.d.ts +3 -1
- package/types/components/Typography/Typography.d.ts.map +1 -1
- package/types/examples/typograpy/components/Old/Body/Body.d.ts +3 -1
- package/types/examples/typograpy/components/Old/Body/Body.d.ts.map +1 -1
- package/types/examples/typograpy/components/Old/Button/Button.d.ts +3 -1
- package/types/examples/typograpy/components/Old/Button/Button.d.ts.map +1 -1
- package/types/examples/typograpy/components/Old/Caption/Caption.d.ts +3 -1
- package/types/examples/typograpy/components/Old/Caption/Caption.d.ts.map +1 -1
- package/types/examples/typograpy/components/Old/Display/Display.d.ts +3 -1
- package/types/examples/typograpy/components/Old/Display/Display.d.ts.map +1 -1
- package/types/examples/typograpy/components/Old/Footnote/Footnote.d.ts +3 -1
- package/types/examples/typograpy/components/Old/Footnote/Footnote.d.ts.map +1 -1
- package/types/examples/typograpy/components/Old/Headline/Headline.d.ts +3 -1
- package/types/examples/typograpy/components/Old/Headline/Headline.d.ts.map +1 -1
- package/types/examples/typograpy/components/Old/Paragraph/Paragraph.d.ts +3 -1
- package/types/examples/typograpy/components/Old/Paragraph/Paragraph.d.ts.map +1 -1
- package/types/examples/typograpy/components/Old/Subtitle/Subtitle.d.ts +3 -1
- package/types/examples/typograpy/components/Old/Subtitle/Subtitle.d.ts.map +1 -1
- package/types/examples/typograpy/components/Old/Underline/Underline.d.ts +3 -1
- package/types/examples/typograpy/components/Old/Underline/Underline.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Price/Price.css +0 -2
- package/cjs/components/Price/Price.js +0 -65
- package/cjs/components/Price/Price.js.map +0 -1
- package/cjs/components/Price/Price.styles.js +0 -17
- package/cjs/components/Price/Price.styles.js.map +0 -1
- package/cjs/components/Price/Price.styles_15b4mp1.css +0 -2
- package/cjs/components/Price/Price.tokens.js +0 -10
- package/cjs/components/Price/Price.tokens.js.map +0 -1
- package/cjs/components/Price/utils/formatCurrency.js +0 -22
- package/cjs/components/Price/utils/formatCurrency.js.map +0 -1
- package/cjs/components/Price/variations/_view/base.js +0 -9
- package/cjs/components/Price/variations/_view/base.js.map +0 -1
- package/cjs/components/Price/variations/_view/base_x642ct.css +0 -1
- package/emotion/cjs/components/Price/Price.js +0 -66
- package/emotion/cjs/components/Price/Price.styles.js +0 -24
- package/emotion/cjs/components/Price/Price.template-doc.mdx +0 -24
- package/emotion/cjs/components/Price/Price.tokens.js +0 -9
- package/emotion/cjs/components/Price/Price.types.js +0 -5
- package/emotion/cjs/components/Price/index.js +0 -25
- package/emotion/cjs/components/Price/utils/formatCurrency.js +0 -21
- package/emotion/cjs/components/Price/variations/_view/base.js +0 -8
- package/emotion/cjs/components/Price/variations/_view/tokens.json +0 -1
- package/emotion/cjs/examples/plasma_b2c/components/Price/Price.config.js +0 -14
- package/emotion/cjs/examples/plasma_b2c/components/Price/Price.js +0 -17
- package/emotion/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +0 -38
- package/emotion/cjs/examples/plasma_web/components/Price/Price.config.js +0 -14
- package/emotion/cjs/examples/plasma_web/components/Price/Price.js +0 -17
- package/emotion/cjs/examples/plasma_web/components/Price/Price.stories.tsx +0 -38
- package/emotion/es/components/Price/Price.js +0 -58
- package/emotion/es/components/Price/Price.styles.js +0 -17
- package/emotion/es/components/Price/Price.template-doc.mdx +0 -24
- package/emotion/es/components/Price/Price.tokens.js +0 -3
- package/emotion/es/components/Price/Price.types.js +0 -1
- package/emotion/es/components/Price/index.js +0 -2
- package/emotion/es/components/Price/utils/formatCurrency.js +0 -15
- package/emotion/es/components/Price/variations/_view/base.js +0 -2
- package/emotion/es/components/Price/variations/_view/tokens.json +0 -1
- package/emotion/es/examples/plasma_b2c/components/Price/Price.config.js +0 -8
- package/emotion/es/examples/plasma_b2c/components/Price/Price.js +0 -6
- package/emotion/es/examples/plasma_b2c/components/Price/Price.stories.tsx +0 -38
- package/emotion/es/examples/plasma_web/components/Price/Price.config.js +0 -8
- package/emotion/es/examples/plasma_web/components/Price/Price.js +0 -6
- package/emotion/es/examples/plasma_web/components/Price/Price.stories.tsx +0 -38
- package/es/components/Price/Price.css +0 -2
- package/es/components/Price/Price.js +0 -60
- package/es/components/Price/Price.js.map +0 -1
- package/es/components/Price/Price.styles.js +0 -12
- package/es/components/Price/Price.styles.js.map +0 -1
- package/es/components/Price/Price.styles_15b4mp1.css +0 -2
- package/es/components/Price/Price.tokens.js +0 -6
- package/es/components/Price/Price.tokens.js.map +0 -1
- package/es/components/Price/utils/formatCurrency.js +0 -18
- package/es/components/Price/utils/formatCurrency.js.map +0 -1
- package/es/components/Price/variations/_view/base.js +0 -5
- package/es/components/Price/variations/_view/base.js.map +0 -1
- package/es/components/Price/variations/_view/base_x642ct.css +0 -1
- package/styled-components/cjs/components/Price/Price.js +0 -66
- package/styled-components/cjs/components/Price/Price.styles.js +0 -15
- package/styled-components/cjs/components/Price/Price.template-doc.mdx +0 -24
- package/styled-components/cjs/components/Price/Price.tokens.js +0 -9
- package/styled-components/cjs/components/Price/Price.types.js +0 -5
- package/styled-components/cjs/components/Price/index.js +0 -25
- package/styled-components/cjs/components/Price/utils/formatCurrency.js +0 -21
- package/styled-components/cjs/components/Price/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Price/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.config.js +0 -14
- package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.js +0 -17
- package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +0 -38
- package/styled-components/cjs/examples/plasma_web/components/Price/Price.config.js +0 -14
- package/styled-components/cjs/examples/plasma_web/components/Price/Price.js +0 -17
- package/styled-components/cjs/examples/plasma_web/components/Price/Price.stories.tsx +0 -38
- package/styled-components/es/components/Price/Price.js +0 -58
- package/styled-components/es/components/Price/Price.styles.js +0 -7
- package/styled-components/es/components/Price/Price.template-doc.mdx +0 -24
- package/styled-components/es/components/Price/Price.tokens.js +0 -3
- package/styled-components/es/components/Price/Price.types.js +0 -1
- package/styled-components/es/components/Price/index.js +0 -2
- package/styled-components/es/components/Price/utils/formatCurrency.js +0 -15
- package/styled-components/es/components/Price/variations/_view/base.js +0 -2
- package/styled-components/es/components/Price/variations/_view/tokens.json +0 -1
- package/styled-components/es/examples/plasma_b2c/components/Price/Price.config.js +0 -8
- package/styled-components/es/examples/plasma_b2c/components/Price/Price.js +0 -6
- package/styled-components/es/examples/plasma_b2c/components/Price/Price.stories.tsx +0 -38
- package/styled-components/es/examples/plasma_web/components/Price/Price.config.js +0 -8
- package/styled-components/es/examples/plasma_web/components/Price/Price.js +0 -6
- package/styled-components/es/examples/plasma_web/components/Price/Price.stories.tsx +0 -38
- package/types/components/Price/Price.d.ts +0 -22
- package/types/components/Price/Price.d.ts.map +0 -1
- package/types/components/Price/Price.styles.d.ts +0 -4
- package/types/components/Price/Price.styles.d.ts.map +0 -1
- package/types/components/Price/Price.tokens.d.ts +0 -4
- package/types/components/Price/Price.tokens.d.ts.map +0 -1
- package/types/components/Price/Price.types.d.ts +0 -41
- package/types/components/Price/Price.types.d.ts.map +0 -1
- package/types/components/Price/index.d.ts +0 -3
- package/types/components/Price/index.d.ts.map +0 -1
- package/types/components/Price/utils/formatCurrency.d.ts +0 -10
- package/types/components/Price/utils/formatCurrency.d.ts.map +0 -1
- package/types/components/Price/variations/_view/base.d.ts +0 -2
- package/types/components/Price/variations/_view/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Price/Price.config.d.ts +0 -9
- package/types/examples/plasma_b2c/components/Price/Price.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Price/Price.d.ts +0 -6
- package/types/examples/plasma_b2c/components/Price/Price.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Price/Price.config.d.ts +0 -9
- package/types/examples/plasma_web/components/Price/Price.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Price/Price.d.ts +0 -6
- package/types/examples/plasma_web/components/Price/Price.d.ts.map +0 -1
@@ -1,66 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.priceRoot = exports.priceConfig = void 0;
|
8
|
-
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
-
var _utils = /*#__PURE__*/require("../../utils");
|
10
|
-
var _formatCurrency = /*#__PURE__*/require("./utils/formatCurrency");
|
11
|
-
var _Price = /*#__PURE__*/require("./Price.styles");
|
12
|
-
var _base = /*#__PURE__*/require("./variations/_view/base");
|
13
|
-
var _Price2 = /*#__PURE__*/require("./Price.tokens");
|
14
|
-
var _excluded = ["children", "locale", "currency", "minimumFractionDigits", "stroked", "periodicity", "view", "className", "stroke"];
|
15
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
17
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
|
18
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
19
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
20
|
-
/**
|
21
|
-
* Компонент для отображения цены / стоимости / суммы.
|
22
|
-
*/
|
23
|
-
var priceRoot = exports.priceRoot = function priceRoot(Root) {
|
24
|
-
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
|
25
|
-
var children = _ref.children,
|
26
|
-
_ref$locale = _ref.locale,
|
27
|
-
locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
|
28
|
-
_ref$currency = _ref.currency,
|
29
|
-
currency = _ref$currency === void 0 ? 'rub' : _ref$currency,
|
30
|
-
_ref$minimumFractionD = _ref.minimumFractionDigits,
|
31
|
-
minimumFractionDigits = _ref$minimumFractionD === void 0 ? 0 : _ref$minimumFractionD,
|
32
|
-
_ref$stroked = _ref.stroked,
|
33
|
-
stroked = _ref$stroked === void 0 ? false : _ref$stroked,
|
34
|
-
periodicity = _ref.periodicity,
|
35
|
-
view = _ref.view,
|
36
|
-
className = _ref.className,
|
37
|
-
_ref$stroke = _ref.stroke,
|
38
|
-
stroke = _ref$stroke === void 0 ? false : _ref$stroke,
|
39
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
40
|
-
var strokedClass = stroked || stroke ? _Price2.classes.stroked : undefined;
|
41
|
-
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
42
|
-
view: view,
|
43
|
-
ref: outerRootRef,
|
44
|
-
className: (0, _utils.cx)(strokedClass, className)
|
45
|
-
}, rest), (0, _formatCurrency.formatCurrency)({
|
46
|
-
value: children,
|
47
|
-
locale: locale,
|
48
|
-
currency: currency,
|
49
|
-
minimumFractionDigits: minimumFractionDigits
|
50
|
-
}), periodicity && /*#__PURE__*/_react["default"].createElement(_Price.StyledPeriodicity, null, periodicity));
|
51
|
-
});
|
52
|
-
};
|
53
|
-
var priceConfig = exports.priceConfig = {
|
54
|
-
name: 'Price',
|
55
|
-
tag: 'span',
|
56
|
-
layout: priceRoot,
|
57
|
-
base: _Price.base,
|
58
|
-
variations: {
|
59
|
-
view: {
|
60
|
-
css: _base.base
|
61
|
-
}
|
62
|
-
},
|
63
|
-
defaults: {
|
64
|
-
view: 'default'
|
65
|
-
}
|
66
|
-
};
|
@@ -1,15 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.base = exports.StyledPeriodicity = void 0;
|
8
|
-
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
-
var _Price = /*#__PURE__*/require("./Price.tokens");
|
10
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
11
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
12
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{text-decoration:line-through;}"], /*#__PURE__*/String(_Price.classes.stroked));
|
13
|
-
var StyledPeriodicity = exports.StyledPeriodicity = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
14
|
-
componentId: "plasma-new-hope__sc-caa7uj-0"
|
15
|
-
})(["padding-left:0.25rem;"]);
|
@@ -1,24 +0,0 @@
|
|
1
|
-
---
|
2
|
-
id: price
|
3
|
-
title: Price
|
4
|
-
---
|
5
|
-
|
6
|
-
import { PropsTable, Description } from '@site/src/components';
|
7
|
-
|
8
|
-
# Price
|
9
|
-
<Description name="Price" />
|
10
|
-
<PropsTable name="Price" exclude={['css']} />
|
11
|
-
|
12
|
-
```tsx live
|
13
|
-
import React from 'react';
|
14
|
-
import { Price } from '@salutejs/{{ package }}';
|
15
|
-
|
16
|
-
export function App() {
|
17
|
-
return (
|
18
|
-
<div style=\{{ display: 'flex', flexDirection: 'column' }}>
|
19
|
-
<Price currency="rub" minimumFractionDigits={3}>12345.67</Price>
|
20
|
-
<Price locale="en" currency="rub" minimumFractionDigits={3} stroked>12345.67</Price>
|
21
|
-
</div>
|
22
|
-
);
|
23
|
-
}
|
24
|
-
```
|
@@ -1,25 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
Object.defineProperty(exports, "priceClasses", {
|
7
|
-
enumerable: true,
|
8
|
-
get: function get() {
|
9
|
-
return _Price2.classes;
|
10
|
-
}
|
11
|
-
});
|
12
|
-
Object.defineProperty(exports, "priceConfig", {
|
13
|
-
enumerable: true,
|
14
|
-
get: function get() {
|
15
|
-
return _Price.priceConfig;
|
16
|
-
}
|
17
|
-
});
|
18
|
-
Object.defineProperty(exports, "priceRoot", {
|
19
|
-
enumerable: true,
|
20
|
-
get: function get() {
|
21
|
-
return _Price.priceRoot;
|
22
|
-
}
|
23
|
-
});
|
24
|
-
var _Price = /*#__PURE__*/require("./Price");
|
25
|
-
var _Price2 = /*#__PURE__*/require("./Price.tokens");
|
@@ -1,21 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.formatCurrency = void 0;
|
7
|
-
/**
|
8
|
-
* Форматирование числа в цену.
|
9
|
-
*/
|
10
|
-
var formatCurrency = exports.formatCurrency = function formatCurrency(_ref) {
|
11
|
-
var value = _ref.value,
|
12
|
-
locale = _ref.locale,
|
13
|
-
currency = _ref.currency,
|
14
|
-
minimumFractionDigits = _ref.minimumFractionDigits;
|
15
|
-
var formatter = new Intl.NumberFormat(locale, {
|
16
|
-
style: 'currency',
|
17
|
-
currency: currency,
|
18
|
-
minimumFractionDigits: minimumFractionDigits
|
19
|
-
});
|
20
|
-
return formatter.format(value);
|
21
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
[]
|
@@ -1,17 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Price = void 0;
|
7
|
-
Object.defineProperty(exports, "priceClasses", {
|
8
|
-
enumerable: true,
|
9
|
-
get: function get() {
|
10
|
-
return _Price.priceClasses;
|
11
|
-
}
|
12
|
-
});
|
13
|
-
var _Price = /*#__PURE__*/require("../../../../components/Price");
|
14
|
-
var _engines = /*#__PURE__*/require("../../../../engines");
|
15
|
-
var _Price2 = /*#__PURE__*/require("./Price.config");
|
16
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Price.priceConfig, _Price2.config);
|
17
|
-
var Price = exports.Price = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
@@ -1,38 +0,0 @@
|
|
1
|
-
import React, { ComponentProps } from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
import { disableProps } from '@salutejs/plasma-sb-utils';
|
4
|
-
|
5
|
-
import { WithTheme } from '../../../_helpers';
|
6
|
-
|
7
|
-
import { Price } from './Price';
|
8
|
-
|
9
|
-
const currencies = ['rub', 'usd', 'eur', 'inr'];
|
10
|
-
|
11
|
-
const meta: Meta<typeof Price> = {
|
12
|
-
title: 'plasma_b2c/Price',
|
13
|
-
decorators: [WithTheme],
|
14
|
-
argTypes: {
|
15
|
-
currency: {
|
16
|
-
options: currencies,
|
17
|
-
control: {
|
18
|
-
type: 'inline-radio',
|
19
|
-
},
|
20
|
-
},
|
21
|
-
...disableProps(['value', 'theme', 'as', 'forwardedAs']),
|
22
|
-
},
|
23
|
-
};
|
24
|
-
|
25
|
-
export default meta;
|
26
|
-
|
27
|
-
type StoryPriceProps = ComponentProps<typeof Price> & { priceLabel: number };
|
28
|
-
|
29
|
-
export const Default: StoryObj<StoryPriceProps> = {
|
30
|
-
args: {
|
31
|
-
locale: 'ru',
|
32
|
-
currency: 'rub',
|
33
|
-
stroked: false,
|
34
|
-
minimumFractionDigits: 0,
|
35
|
-
priceLabel: 12345.67,
|
36
|
-
},
|
37
|
-
render: ({ priceLabel, ...rest }) => <Price {...rest}>{priceLabel}</Price>,
|
38
|
-
};
|
@@ -1,17 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Price = void 0;
|
7
|
-
Object.defineProperty(exports, "priceClasses", {
|
8
|
-
enumerable: true,
|
9
|
-
get: function get() {
|
10
|
-
return _Price.priceClasses;
|
11
|
-
}
|
12
|
-
});
|
13
|
-
var _Price = /*#__PURE__*/require("../../../../components/Price");
|
14
|
-
var _engines = /*#__PURE__*/require("../../../../engines");
|
15
|
-
var _Price2 = /*#__PURE__*/require("./Price.config");
|
16
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Price.priceConfig, _Price2.config);
|
17
|
-
var Price = exports.Price = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
@@ -1,38 +0,0 @@
|
|
1
|
-
import React, { ComponentProps } from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
import { disableProps } from '@salutejs/plasma-sb-utils';
|
4
|
-
|
5
|
-
import { WithTheme } from '../../../_helpers';
|
6
|
-
|
7
|
-
import { Price } from './Price';
|
8
|
-
|
9
|
-
const currencies = ['rub', 'usd', 'eur', 'inr'];
|
10
|
-
|
11
|
-
const meta: Meta<typeof Price> = {
|
12
|
-
title: 'plasma_web/Price',
|
13
|
-
decorators: [WithTheme],
|
14
|
-
argTypes: {
|
15
|
-
currency: {
|
16
|
-
options: currencies,
|
17
|
-
control: {
|
18
|
-
type: 'inline-radio',
|
19
|
-
},
|
20
|
-
},
|
21
|
-
...disableProps(['value', 'theme', 'as', 'forwardedAs']),
|
22
|
-
},
|
23
|
-
};
|
24
|
-
|
25
|
-
export default meta;
|
26
|
-
|
27
|
-
type StoryPriceProps = ComponentProps<typeof Price> & { priceLabel: number };
|
28
|
-
|
29
|
-
export const Default: StoryObj<StoryPriceProps> = {
|
30
|
-
args: {
|
31
|
-
locale: 'ru',
|
32
|
-
currency: 'rub',
|
33
|
-
stroked: false,
|
34
|
-
minimumFractionDigits: 0,
|
35
|
-
priceLabel: 12345.67,
|
36
|
-
},
|
37
|
-
render: ({ priceLabel, ...rest }) => <Price {...rest}>{priceLabel}</Price>,
|
38
|
-
};
|
@@ -1,58 +0,0 @@
|
|
1
|
-
var _excluded = ["children", "locale", "currency", "minimumFractionDigits", "stroked", "periodicity", "view", "className", "stroke"];
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
|
3
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
5
|
-
import React, { forwardRef } from 'react';
|
6
|
-
import { cx } from '../../utils';
|
7
|
-
import { formatCurrency } from './utils/formatCurrency';
|
8
|
-
import { base, StyledPeriodicity } from './Price.styles';
|
9
|
-
import { base as viewCSS } from './variations/_view/base';
|
10
|
-
import { classes } from './Price.tokens';
|
11
|
-
|
12
|
-
/**
|
13
|
-
* Компонент для отображения цены / стоимости / суммы.
|
14
|
-
*/
|
15
|
-
export var priceRoot = function priceRoot(Root) {
|
16
|
-
return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
|
17
|
-
var children = _ref.children,
|
18
|
-
_ref$locale = _ref.locale,
|
19
|
-
locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
|
20
|
-
_ref$currency = _ref.currency,
|
21
|
-
currency = _ref$currency === void 0 ? 'rub' : _ref$currency,
|
22
|
-
_ref$minimumFractionD = _ref.minimumFractionDigits,
|
23
|
-
minimumFractionDigits = _ref$minimumFractionD === void 0 ? 0 : _ref$minimumFractionD,
|
24
|
-
_ref$stroked = _ref.stroked,
|
25
|
-
stroked = _ref$stroked === void 0 ? false : _ref$stroked,
|
26
|
-
periodicity = _ref.periodicity,
|
27
|
-
view = _ref.view,
|
28
|
-
className = _ref.className,
|
29
|
-
_ref$stroke = _ref.stroke,
|
30
|
-
stroke = _ref$stroke === void 0 ? false : _ref$stroke,
|
31
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
32
|
-
var strokedClass = stroked || stroke ? classes.stroked : undefined;
|
33
|
-
return /*#__PURE__*/React.createElement(Root, _extends({
|
34
|
-
view: view,
|
35
|
-
ref: outerRootRef,
|
36
|
-
className: cx(strokedClass, className)
|
37
|
-
}, rest), formatCurrency({
|
38
|
-
value: children,
|
39
|
-
locale: locale,
|
40
|
-
currency: currency,
|
41
|
-
minimumFractionDigits: minimumFractionDigits
|
42
|
-
}), periodicity && /*#__PURE__*/React.createElement(StyledPeriodicity, null, periodicity));
|
43
|
-
});
|
44
|
-
};
|
45
|
-
export var priceConfig = {
|
46
|
-
name: 'Price',
|
47
|
-
tag: 'span',
|
48
|
-
layout: priceRoot,
|
49
|
-
base: base,
|
50
|
-
variations: {
|
51
|
-
view: {
|
52
|
-
css: viewCSS
|
53
|
-
}
|
54
|
-
},
|
55
|
-
defaults: {
|
56
|
-
view: 'default'
|
57
|
-
}
|
58
|
-
};
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
|
-
import { css } from 'styled-components';
|
3
|
-
import { classes } from './Price.tokens';
|
4
|
-
export var base = /*#__PURE__*/css(["&.", "{text-decoration:line-through;}"], /*#__PURE__*/String(classes.stroked));
|
5
|
-
export var StyledPeriodicity = /*#__PURE__*/styled.span.withConfig({
|
6
|
-
componentId: "plasma-new-hope__sc-caa7uj-0"
|
7
|
-
})(["padding-left:0.25rem;"]);
|
@@ -1,24 +0,0 @@
|
|
1
|
-
---
|
2
|
-
id: price
|
3
|
-
title: Price
|
4
|
-
---
|
5
|
-
|
6
|
-
import { PropsTable, Description } from '@site/src/components';
|
7
|
-
|
8
|
-
# Price
|
9
|
-
<Description name="Price" />
|
10
|
-
<PropsTable name="Price" exclude={['css']} />
|
11
|
-
|
12
|
-
```tsx live
|
13
|
-
import React from 'react';
|
14
|
-
import { Price } from '@salutejs/{{ package }}';
|
15
|
-
|
16
|
-
export function App() {
|
17
|
-
return (
|
18
|
-
<div style=\{{ display: 'flex', flexDirection: 'column' }}>
|
19
|
-
<Price currency="rub" minimumFractionDigits={3}>12345.67</Price>
|
20
|
-
<Price locale="en" currency="rub" minimumFractionDigits={3} stroked>12345.67</Price>
|
21
|
-
</div>
|
22
|
-
);
|
23
|
-
}
|
24
|
-
```
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,15 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Форматирование числа в цену.
|
3
|
-
*/
|
4
|
-
export var formatCurrency = function formatCurrency(_ref) {
|
5
|
-
var value = _ref.value,
|
6
|
-
locale = _ref.locale,
|
7
|
-
currency = _ref.currency,
|
8
|
-
minimumFractionDigits = _ref.minimumFractionDigits;
|
9
|
-
var formatter = new Intl.NumberFormat(locale, {
|
10
|
-
style: 'currency',
|
11
|
-
currency: currency,
|
12
|
-
minimumFractionDigits: minimumFractionDigits
|
13
|
-
});
|
14
|
-
return formatter.format(value);
|
15
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
[]
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import { priceConfig } from '../../../../components/Price';
|
2
|
-
import { component, mergeConfig } from '../../../../engines';
|
3
|
-
import { config } from './Price.config';
|
4
|
-
export { priceClasses } from '../../../../components/Price';
|
5
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(priceConfig, config);
|
6
|
-
export var Price = /*#__PURE__*/component(mergedConfig);
|
@@ -1,38 +0,0 @@
|
|
1
|
-
import React, { ComponentProps } from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
import { disableProps } from '@salutejs/plasma-sb-utils';
|
4
|
-
|
5
|
-
import { WithTheme } from '../../../_helpers';
|
6
|
-
|
7
|
-
import { Price } from './Price';
|
8
|
-
|
9
|
-
const currencies = ['rub', 'usd', 'eur', 'inr'];
|
10
|
-
|
11
|
-
const meta: Meta<typeof Price> = {
|
12
|
-
title: 'plasma_b2c/Price',
|
13
|
-
decorators: [WithTheme],
|
14
|
-
argTypes: {
|
15
|
-
currency: {
|
16
|
-
options: currencies,
|
17
|
-
control: {
|
18
|
-
type: 'inline-radio',
|
19
|
-
},
|
20
|
-
},
|
21
|
-
...disableProps(['value', 'theme', 'as', 'forwardedAs']),
|
22
|
-
},
|
23
|
-
};
|
24
|
-
|
25
|
-
export default meta;
|
26
|
-
|
27
|
-
type StoryPriceProps = ComponentProps<typeof Price> & { priceLabel: number };
|
28
|
-
|
29
|
-
export const Default: StoryObj<StoryPriceProps> = {
|
30
|
-
args: {
|
31
|
-
locale: 'ru',
|
32
|
-
currency: 'rub',
|
33
|
-
stroked: false,
|
34
|
-
minimumFractionDigits: 0,
|
35
|
-
priceLabel: 12345.67,
|
36
|
-
},
|
37
|
-
render: ({ priceLabel, ...rest }) => <Price {...rest}>{priceLabel}</Price>,
|
38
|
-
};
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import { priceConfig } from '../../../../components/Price';
|
2
|
-
import { component, mergeConfig } from '../../../../engines';
|
3
|
-
import { config } from './Price.config';
|
4
|
-
export { priceClasses } from '../../../../components/Price';
|
5
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(priceConfig, config);
|
6
|
-
export var Price = /*#__PURE__*/component(mergedConfig);
|
@@ -1,38 +0,0 @@
|
|
1
|
-
import React, { ComponentProps } from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
import { disableProps } from '@salutejs/plasma-sb-utils';
|
4
|
-
|
5
|
-
import { WithTheme } from '../../../_helpers';
|
6
|
-
|
7
|
-
import { Price } from './Price';
|
8
|
-
|
9
|
-
const currencies = ['rub', 'usd', 'eur', 'inr'];
|
10
|
-
|
11
|
-
const meta: Meta<typeof Price> = {
|
12
|
-
title: 'plasma_web/Price',
|
13
|
-
decorators: [WithTheme],
|
14
|
-
argTypes: {
|
15
|
-
currency: {
|
16
|
-
options: currencies,
|
17
|
-
control: {
|
18
|
-
type: 'inline-radio',
|
19
|
-
},
|
20
|
-
},
|
21
|
-
...disableProps(['value', 'theme', 'as', 'forwardedAs']),
|
22
|
-
},
|
23
|
-
};
|
24
|
-
|
25
|
-
export default meta;
|
26
|
-
|
27
|
-
type StoryPriceProps = ComponentProps<typeof Price> & { priceLabel: number };
|
28
|
-
|
29
|
-
export const Default: StoryObj<StoryPriceProps> = {
|
30
|
-
args: {
|
31
|
-
locale: 'ru',
|
32
|
-
currency: 'rub',
|
33
|
-
stroked: false,
|
34
|
-
minimumFractionDigits: 0,
|
35
|
-
priceLabel: 12345.67,
|
36
|
-
},
|
37
|
-
render: ({ priceLabel, ...rest }) => <Price {...rest}>{priceLabel}</Price>,
|
38
|
-
};
|
@@ -1,22 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { RootProps } from '../../engines';
|
3
|
-
import { PriceProps } from './Price.types';
|
4
|
-
/**
|
5
|
-
* Компонент для отображения цены / стоимости / суммы.
|
6
|
-
*/
|
7
|
-
export declare const priceRoot: (Root: RootProps<HTMLSpanElement, Omit<PriceProps, 'children'>>) => React.ForwardRefExoticComponent<PriceProps & React.RefAttributes<HTMLSpanElement>>;
|
8
|
-
export declare const priceConfig: {
|
9
|
-
name: string;
|
10
|
-
tag: string;
|
11
|
-
layout: (Root: RootProps<HTMLSpanElement, Omit<PriceProps, 'children'>>) => React.ForwardRefExoticComponent<PriceProps & React.RefAttributes<HTMLSpanElement>>;
|
12
|
-
base: import("@linaria/core").LinariaClassName;
|
13
|
-
variations: {
|
14
|
-
view: {
|
15
|
-
css: import("@linaria/core").LinariaClassName;
|
16
|
-
};
|
17
|
-
};
|
18
|
-
defaults: {
|
19
|
-
view: string;
|
20
|
-
};
|
21
|
-
};
|
22
|
-
//# sourceMappingURL=Price.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Price.d.ts","sourceRoot":"","sources":["../../../src/components/Price/Price.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAK3C;;GAEG;AACH,eAAO,MAAM,SAAS,SAAU,UAAU,eAAe,EAAE,KAAK,UAAU,EAAE,UAAU,CAAC,CAAC,uFA0BnF,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBA5BQ,UAAU,eAAe,EAAE,KAAK,UAAU,EAAE,UAAU,CAAC,CAAC;;;;;;;;;;CAyCvF,CAAC"}
|
@@ -1,4 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
export declare const base: import("@linaria/core").LinariaClassName;
|
3
|
-
export declare const StyledPeriodicity: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
4
|
-
//# sourceMappingURL=Price.styles.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Price.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Price/Price.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,uKAE7B,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Price.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Price/Price.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC"}
|