@finam/web-ui-kit-components 3.29.0 → 3.30.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/ProductCard/ProductCard.d.ts.map +1 -1
- package/dist/ProductCard/ProductCard.js +3 -3
- package/dist/ProductCard/ProductCard.js.map +1 -1
- package/dist/ProductCard/layouts/common/Content.d.ts.map +1 -1
- package/dist/ProductCard/layouts/common/Content.js +2 -2
- package/dist/ProductCard/layouts/common/Content.js.map +1 -1
- package/dist/ProductCard/layouts/common/chartUtils.d.ts +6 -0
- package/dist/ProductCard/layouts/common/chartUtils.d.ts.map +1 -1
- package/dist/ProductCard/layouts/common/chartUtils.js +23 -17
- package/dist/ProductCard/layouts/common/chartUtils.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/Content.js +1 -1
- package/dist/ProductCard/layouts/ipo/Content.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/Footer.d.ts +3 -1
- package/dist/ProductCard/layouts/ipo/Footer.d.ts.map +1 -1
- package/dist/ProductCard/layouts/ipo/Footer.js +2 -2
- package/dist/ProductCard/layouts/ipo/Footer.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.d.ts +4 -1
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.d.ts.map +1 -1
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.js +2 -2
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.css +2 -1
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.d.ts +1 -0
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.d.ts.map +1 -1
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.js +6 -1
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/FooterMobile/FooterMobile.js +1 -1
- package/dist/ProductCard/layouts/ipo/FooterMobile/FooterMobile.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/Title.d.ts.map +1 -1
- package/dist/ProductCard/layouts/ipo/Title.js +1 -1
- package/dist/ProductCard/layouts/ipo/Title.js.map +1 -1
- package/dist/ProductCard/skeleton/ProductCardSkeleton.d.ts +2 -1
- package/dist/ProductCard/skeleton/ProductCardSkeleton.d.ts.map +1 -1
- package/dist/ProductCard/skeleton/ProductCardSkeleton.js +1 -1
- package/dist/ProductCard/skeleton/ProductCardSkeleton.js.map +1 -1
- package/dist/ProductCard/types.d.ts +3 -1
- package/dist/ProductCard/types.d.ts.map +1 -1
- package/dist/ProductCard/utils.d.ts +1 -1
- package/dist/ProductCard/utils.d.ts.map +1 -1
- package/dist/ProductCard/utils.js +6 -3
- package/dist/ProductCard/utils.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
## 3.30.1
|
|
2
|
+
* В `ProductCard` (layout `common`) исправлена ориентация оси Y графика: большее значение рисуется выше
|
|
3
|
+
## 3.30.0
|
|
4
|
+
* В `ProductCardIpoFooter` добавлен prop `footerValueIcon` - иконка перед значением на desktop
|
|
5
|
+
* В layout `ipo` проставлены `data-testid`: `issuer`, `status`, `trade-date`, `price`
|
|
6
|
+
* В `ProductCard` добавлен prop `size` - переопределяет размер, заданный лейаутом
|
|
1
7
|
## 3.29.0
|
|
2
8
|
* Добавлен компонент `CodeInput`
|
|
3
9
|
## 3.28.1
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../src/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../src/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,YAAY,CAAC;AAmJpB,QAAA,MAAM,mBAAmB,wGAAoB,CAAC;AAG9C,eAAe,mBAAmB,CAAC"}
|
|
@@ -10,7 +10,7 @@ import ProductCardIipBackground from './layouts/iip/Background.js';
|
|
|
10
10
|
import ProductCardZhekBackground from './layouts/zhek/Background.js';
|
|
11
11
|
import { ProductCardLayoutId, ProductCardView, } from './types.js';
|
|
12
12
|
const ProductCard = forwardRef((_a, ref) => {
|
|
13
|
-
var { id, layoutId = ProductCardLayoutId.COMMON, view = ProductCardView.DESKTOP, loading = false, imageUrl, blurHash, cardColor, onCardClick, className, style, children } = _a, props = __rest(_a, ["id", "layoutId", "view", "loading", "imageUrl", "blurHash", "cardColor", "onCardClick", "className", "style", "children"]);
|
|
13
|
+
var { id, layoutId = ProductCardLayoutId.COMMON, view = ProductCardView.DESKTOP, size, loading = false, imageUrl, blurHash, cardColor, onCardClick, className, style, children } = _a, props = __rest(_a, ["id", "layoutId", "view", "size", "loading", "imageUrl", "blurHash", "cardColor", "onCardClick", "className", "style", "children"]);
|
|
14
14
|
const clickable = onCardClick != null;
|
|
15
15
|
const [failedImageUrl, setFailedImageUrl] = useState();
|
|
16
16
|
const usableImageUrl = imageUrl != null && imageUrl !== failedImageUrl ? imageUrl : undefined;
|
|
@@ -56,7 +56,7 @@ const ProductCard = forwardRef((_a, ref) => {
|
|
|
56
56
|
handleCardClick();
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
|
-
const rootClassName = classNames(root, className, view, getProductCardSizeClassName(layoutId, view), iipLayoutClassName(layoutId, hasIipImage), {
|
|
59
|
+
const rootClassName = classNames(root, className, view, getProductCardSizeClassName(layoutId, view, size), iipLayoutClassName(layoutId, hasIipImage), {
|
|
60
60
|
clickable,
|
|
61
61
|
zhekWithImage: hasZhekImage,
|
|
62
62
|
});
|
|
@@ -69,7 +69,7 @@ const ProductCard = forwardRef((_a, ref) => {
|
|
|
69
69
|
}
|
|
70
70
|
: {};
|
|
71
71
|
if (loading) {
|
|
72
|
-
return (_jsx(ProductCardSkeleton, { ref: ref, view: view, layoutId: layoutId }));
|
|
72
|
+
return (_jsx(ProductCardSkeleton, { ref: ref, view: view, layoutId: layoutId, size: size }));
|
|
73
73
|
}
|
|
74
74
|
return (_jsx(ProductCardProvider, { value: contextValue, children: _jsxs("div", Object.assign({ ref: ref }, props, rootProps, { className: rootClassName, style: cardStyle, children: [resolvedImage, hasIipImage ? (_jsx("div", { className: iipContent, "data-product-card-content": true, children: children })) : hasZhekImage ? (_jsx("div", { className: zhekContent, "data-product-card-content": true, children: children })) : children] })) }));
|
|
75
75
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../src/ProductCard/ProductCard.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAEL,UAAU,EACV,IAAI,EACJ,WAAW,EACX,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,2BAA2B,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,IAAI,EACJ,WAAW,GACZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,mBAAmB,MAAM,mCAAmC,CAAC;AACpE,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,yBAAyB,MAAM,8BAA8B,CAAC;AACrE,OAAO,EACL,mBAAmB,EACnB,eAAe,GAEhB,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,GAAG,UAAU,CAAmC,CAAC,
|
|
1
|
+
{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../src/ProductCard/ProductCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/common/Content.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/common/Content.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAcvD,MAAM,WAAW,6BAA6B;IAC5C,gCAAgC;IAChC,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC5B;AA8CD,QAAA,MAAM,gCAAgC,kDA5CO,6BAA6B,6CA4CH,CAAC;AAGxE,eAAe,gCAAgC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { memo, useId } from 'react';
|
|
3
3
|
import ProductCardContent from '../../ProductCardContent/index.js';
|
|
4
4
|
import { useProductCardContext } from '../../ProductCardContext.js';
|
|
5
|
-
import { buildChartPolyline, getProductCardChartColors, getProductCardChartTrend, normalizeChartPoints, } from './chartUtils.js';
|
|
5
|
+
import { PRODUCT_CARD_CHART_VIEWBOX_HEIGHT, PRODUCT_CARD_CHART_VIEWBOX_WIDTH, buildChartPolyline, getProductCardChartColors, getProductCardChartTrend, normalizeChartPoints, } from './chartUtils.js';
|
|
6
6
|
import { ChartSvg, ChartWrap, } from './Content.styles.js';
|
|
7
7
|
const ProductCardCommonContent = ({ chart }) => {
|
|
8
8
|
const { view } = useProductCardContext();
|
|
@@ -15,7 +15,7 @@ const ProductCardCommonContent = ({ chart }) => {
|
|
|
15
15
|
const trend = getProductCardChartTrend(points);
|
|
16
16
|
const colors = getProductCardChartColors(trend);
|
|
17
17
|
const chartPolyline = buildChartPolyline(points);
|
|
18
|
-
return (_jsx(ProductCardContent, { children: _jsx(ChartWrap, { className: view, children: _jsxs(ChartSvg, { viewBox:
|
|
18
|
+
return (_jsx(ProductCardContent, { children: _jsx(ChartWrap, { className: view, children: _jsxs(ChartSvg, { viewBox: `0 0 ${PRODUCT_CARD_CHART_VIEWBOX_WIDTH} ${PRODUCT_CARD_CHART_VIEWBOX_HEIGHT}`, preserveAspectRatio: "none", children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [_jsx("stop", { offset: "0%", stopColor: colors.fillStart }), _jsx("stop", { offset: "100%", stopColor: colors.fillEnd })] }) }), _jsx("polygon", { points: `${chartPolyline} ${PRODUCT_CARD_CHART_VIEWBOX_WIDTH},${PRODUCT_CARD_CHART_VIEWBOX_HEIGHT} 0,${PRODUCT_CARD_CHART_VIEWBOX_HEIGHT}`, fill: `url(#${gradientId})` }), _jsx("polyline", { points: chartPolyline, fill: "none", stroke: colors.stroke, strokeWidth: "0.8", vectorEffect: "non-scaling-stroke" })] }) }) }));
|
|
19
19
|
};
|
|
20
20
|
const MemoizedProductCardCommonContent = memo(ProductCardCommonContent);
|
|
21
21
|
MemoizedProductCardCommonContent.displayName = 'ProductCardCommonContent';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/common/Content.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,kBAAkB,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EACL,kBAAkB,EAClB,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,QAAQ,EACR,SAAS,GACV,MAAM,qBAAqB,CAAC;AAO7B,MAAM,wBAAwB,GAAG,CAAC,EAAE,KAAK,EAAiC,EAAE,EAAE;IAC5E,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC3C,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC;IAEpC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,KAAC,kBAAkB,KAAG,CAAC;IAChC,CAAC;IAED,MAAM,KAAK,GAAG,wBAAwB,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,MAAM,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,aAAa,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAEjD,OAAO,CACL,KAAC,kBAAkB,cACjB,KAAC,SAAS,IAAC,SAAS,EAAE,IAAI,YACxB,MAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/common/Content.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,kBAAkB,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EACL,iCAAiC,EACjC,gCAAgC,EAChC,kBAAkB,EAClB,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,QAAQ,EACR,SAAS,GACV,MAAM,qBAAqB,CAAC;AAO7B,MAAM,wBAAwB,GAAG,CAAC,EAAE,KAAK,EAAiC,EAAE,EAAE;IAC5E,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC3C,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC;IAEpC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,KAAC,kBAAkB,KAAG,CAAC;IAChC,CAAC;IAED,MAAM,KAAK,GAAG,wBAAwB,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,MAAM,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,aAAa,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAEjD,OAAO,CACL,KAAC,kBAAkB,cACjB,KAAC,SAAS,IAAC,SAAS,EAAE,IAAI,YACxB,MAAC,QAAQ,IACP,OAAO,EAAE,OAAO,gCAAgC,IAAI,iCAAiC,EAAE,EACvF,mBAAmB,EAAC,MAAM,aAE1B,yBACE,0BAAgB,EAAE,EAAE,UAAU,EAAE,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,MAAM,aAC/D,eAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAE,MAAM,CAAC,SAAS,GAAI,EACjD,eAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,OAAO,GAAI,IAClC,GACZ,EACP,kBACE,MAAM,EAAE,GAAG,aAAa,IAAI,gCAAgC,IAAI,iCAAiC,MAAM,iCAAiC,EAAE,EAC1I,IAAI,EAAE,QAAQ,UAAU,GAAG,GAC3B,EACF,mBACE,MAAM,EAAE,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,oBAAoB,GACjC,IACO,GACD,GACO,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gCAAgC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC;AACxE,gCAAgC,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAE1E,eAAe,gCAAgC,CAAC"}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import type { ProductCardPoint } from '../../types.js';
|
|
2
2
|
export type ProductCardChartTrend = 'positive' | 'negative' | 'neutral';
|
|
3
|
+
/** Ширина SVG viewBox графика common-карточки. */
|
|
4
|
+
export declare const PRODUCT_CARD_CHART_VIEWBOX_WIDTH = 100;
|
|
5
|
+
/** Высота SVG viewBox графика common-карточки. */
|
|
6
|
+
export declare const PRODUCT_CARD_CHART_VIEWBOX_HEIGHT = 32;
|
|
7
|
+
/** Переводит значение Y (больше = выше) в SVG-координату (0 сверху). */
|
|
8
|
+
export declare const toChartSvgY: (y: number) => number;
|
|
3
9
|
export declare const positiveChartPreset: ProductCardPoint[];
|
|
4
10
|
export declare const negativeChartPreset: ProductCardPoint[];
|
|
5
11
|
export declare const neutralChartPreset: ProductCardPoint[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chartUtils.d.ts","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/common/chartUtils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AAExE,eAAO,MAAM,mBAAmB,EAAE,gBAAgB,EAejD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,gBAAgB,EAG/C,CAAC;AAEJ,eAAO,MAAM,kBAAkB,EAAE,gBAAgB,EAG9C,CAAC;AAEJ,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAAG,MAAM,OAAO,uBAAuB,CAAC;AAE1E,eAAO,MAAM,oBAAoB,GAAI,QAAQ,gBAAgB,EAAE,uBAK9D,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,QAAQ,gBAAgB,EAAE,KAAG,qBAYrE,CAAC;AAEF,UAAU,sBAAsB;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,yBAAyB,GACpC,OAAO,qBAAqB,KAC3B,sBAqBF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,gBAAgB,EAAE,WAE5D,CAAC"}
|
|
1
|
+
{"version":3,"file":"chartUtils.d.ts","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/common/chartUtils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AAExE,kDAAkD;AAClD,eAAO,MAAM,gCAAgC,MAAM,CAAC;AACpD,kDAAkD;AAClD,eAAO,MAAM,iCAAiC,KAAK,CAAC;AAEpD,wEAAwE;AACxE,eAAO,MAAM,WAAW,GAAI,GAAG,MAAM,WAA0C,CAAC;AAEhF,eAAO,MAAM,mBAAmB,EAAE,gBAAgB,EAejD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,gBAAgB,EAG/C,CAAC;AAEJ,eAAO,MAAM,kBAAkB,EAAE,gBAAgB,EAG9C,CAAC;AAEJ,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAAG,MAAM,OAAO,uBAAuB,CAAC;AAE1E,eAAO,MAAM,oBAAoB,GAAI,QAAQ,gBAAgB,EAAE,uBAK9D,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,QAAQ,gBAAgB,EAAE,KAAG,qBAYrE,CAAC;AAEF,UAAU,sBAAsB;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,yBAAyB,GACpC,OAAO,qBAAqB,KAC3B,sBAqBF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,gBAAgB,EAAE,WAE5D,CAAC"}
|
|
@@ -1,23 +1,29 @@
|
|
|
1
1
|
import { tokens } from '@finam/web-ui-kit-core/theme/contract';
|
|
2
|
+
/** Ширина SVG viewBox графика common-карточки. */
|
|
3
|
+
export const PRODUCT_CARD_CHART_VIEWBOX_WIDTH = 100;
|
|
4
|
+
/** Высота SVG viewBox графика common-карточки. */
|
|
5
|
+
export const PRODUCT_CARD_CHART_VIEWBOX_HEIGHT = 32;
|
|
6
|
+
/** Переводит значение Y (больше = выше) в SVG-координату (0 сверху). */
|
|
7
|
+
export const toChartSvgY = (y) => PRODUCT_CARD_CHART_VIEWBOX_HEIGHT - y;
|
|
2
8
|
export const positiveChartPreset = [
|
|
3
|
-
{ x: 0, y:
|
|
4
|
-
{ x: 6, y:
|
|
5
|
-
{ x: 11, y:
|
|
6
|
-
{ x: 18, y:
|
|
9
|
+
{ x: 0, y: 10 },
|
|
10
|
+
{ x: 6, y: 15 },
|
|
11
|
+
{ x: 11, y: 13 },
|
|
12
|
+
{ x: 18, y: 18 },
|
|
7
13
|
{ x: 26, y: 16 },
|
|
8
|
-
{ x: 31, y:
|
|
9
|
-
{ x: 38, y:
|
|
10
|
-
{ x: 48, y:
|
|
11
|
-
{ x: 56, y:
|
|
12
|
-
{ x: 64, y:
|
|
13
|
-
{ x: 70, y:
|
|
14
|
-
{ x: 79, y:
|
|
15
|
-
{ x: 86, y:
|
|
16
|
-
{ x: 100, y:
|
|
14
|
+
{ x: 31, y: 20 },
|
|
15
|
+
{ x: 38, y: 22 },
|
|
16
|
+
{ x: 48, y: 24 },
|
|
17
|
+
{ x: 56, y: 23 },
|
|
18
|
+
{ x: 64, y: 27 },
|
|
19
|
+
{ x: 70, y: 25 },
|
|
20
|
+
{ x: 79, y: 28 },
|
|
21
|
+
{ x: 86, y: 24 },
|
|
22
|
+
{ x: 100, y: 26 },
|
|
17
23
|
];
|
|
18
24
|
export const negativeChartPreset = positiveChartPreset.map(({ x, y }) => ({
|
|
19
25
|
x,
|
|
20
|
-
y:
|
|
26
|
+
y: PRODUCT_CARD_CHART_VIEWBOX_HEIGHT - y,
|
|
21
27
|
}));
|
|
22
28
|
export const neutralChartPreset = positiveChartPreset.map(({ x }) => ({
|
|
23
29
|
x,
|
|
@@ -38,10 +44,10 @@ export const getProductCardChartTrend = (points) => {
|
|
|
38
44
|
const sorted = [...points].sort((a, b) => a.x - b.x);
|
|
39
45
|
const first = sorted[0];
|
|
40
46
|
const last = sorted[sorted.length - 1];
|
|
41
|
-
if (last.y
|
|
47
|
+
if (last.y > first.y) {
|
|
42
48
|
return 'positive';
|
|
43
49
|
}
|
|
44
|
-
if (last.y
|
|
50
|
+
if (last.y < first.y) {
|
|
45
51
|
return 'negative';
|
|
46
52
|
}
|
|
47
53
|
return 'neutral';
|
|
@@ -68,5 +74,5 @@ export const getProductCardChartColors = (trend) => {
|
|
|
68
74
|
};
|
|
69
75
|
}
|
|
70
76
|
};
|
|
71
|
-
export const buildChartPolyline = (points) => (points.map(({ x, y }) => `${x},${y}`).join(' '));
|
|
77
|
+
export const buildChartPolyline = (points) => (points.map(({ x, y }) => `${x},${toChartSvgY(y)}`).join(' '));
|
|
72
78
|
//# sourceMappingURL=chartUtils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chartUtils.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/common/chartUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAK/D,MAAM,CAAC,MAAM,mBAAmB,GAAuB;IACrD,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;IACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;IACf,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE;IAChB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE;IAChB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE;IAChB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE;IAChB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE;IAChB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"chartUtils.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/common/chartUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ const ProductCardIpoContent = ({ rows = [], status }) => {
|
|
|
14
14
|
if (!showStatus && visibleRows.length === 0) {
|
|
15
15
|
return null;
|
|
16
16
|
}
|
|
17
|
-
return (_jsx(ProductCardContent, { className: view === ProductCardView.MOBILE ? ipoContentMobileRoot : undefined, children: _jsx(ContentWrap, { className: view, children: _jsxs(Rows, { className: view, children: [showStatus && status ? (_jsxs(Row, { children: [_jsx(Label, { children: _jsx(Typography, { variant: "caption11", color: (_a = status.color) !== null && _a !== void 0 ? _a : 'secondary', children: getIpoStatusText(status, view) }) }), status.dateText ? (_jsx(Value, { children: _jsx(Typography, { variant: "caption11", weight: "semiBold", children: status.dateText }) })) : null] })) : null, visibleRows.map(({ label, value }) => (_jsxs(Row, { children: [_jsx(Label, { children: _jsx(Typography, { variant: "caption11", color: "secondary", children: label }) }), _jsx(Value, { children: _jsx(Typography, { variant: "caption11", weight: "semiBold", children: value }) })] }, `${label}-${value}`)))] }) }) }));
|
|
17
|
+
return (_jsx(ProductCardContent, { className: view === ProductCardView.MOBILE ? ipoContentMobileRoot : undefined, children: _jsx(ContentWrap, { className: view, children: _jsxs(Rows, { className: view, children: [showStatus && status ? (_jsxs(Row, { children: [_jsx(Label, { children: _jsx(Typography, { variant: "caption11", color: (_a = status.color) !== null && _a !== void 0 ? _a : 'secondary', "data-testid": "status", children: getIpoStatusText(status, view) }) }), status.dateText ? (_jsx(Value, { children: _jsx(Typography, { variant: "caption11", weight: "semiBold", "data-testid": "trade-date", children: status.dateText }) })) : null] })) : null, visibleRows.map(({ label, value }) => (_jsxs(Row, { children: [_jsx(Label, { children: _jsx(Typography, { variant: "caption11", color: "secondary", children: label }) }), _jsx(Value, { children: _jsx(Typography, { variant: "caption11", weight: "semiBold", children: value }) })] }, `${label}-${value}`)))] }) }) }));
|
|
18
18
|
};
|
|
19
19
|
const MemoizedProductCardIpoContent = memo(ProductCardIpoContent);
|
|
20
20
|
MemoizedProductCardIpoContent.displayName = 'ProductCardIpoContent';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/ipo/Content.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,kBAAkB,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,eAAe,EAA6B,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,mBAAmB,GAGpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,KAAK,EACL,GAAG,EACH,IAAI,EACJ,KAAK,GACN,MAAM,qBAAqB,CAAC;AAW7B,MAAM,qBAAqB,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,EAA8B,EAAE,EAAE;;IAClF,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,WAAW,GAAG,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACzD,MAAM,UAAU,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAE/C,IAAI,CAAC,UAAU,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC5C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,kBAAkB,IACjB,SAAS,EAAE,IAAI,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,YAE7E,KAAC,WAAW,IAAC,SAAS,EAAE,IAAI,YAC1B,MAAC,IAAI,IAAC,SAAS,EAAE,IAAI,aAClB,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,CACtB,MAAC,GAAG,eACF,KAAC,KAAK,cACJ,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,mCAAI,WAAW,
|
|
1
|
+
{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/ipo/Content.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,kBAAkB,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,eAAe,EAA6B,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,mBAAmB,GAGpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,KAAK,EACL,GAAG,EACH,IAAI,EACJ,KAAK,GACN,MAAM,qBAAqB,CAAC;AAW7B,MAAM,qBAAqB,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,EAA8B,EAAE,EAAE;;IAClF,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,WAAW,GAAG,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACzD,MAAM,UAAU,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAE/C,IAAI,CAAC,UAAU,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC5C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,kBAAkB,IACjB,SAAS,EAAE,IAAI,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,YAE7E,KAAC,WAAW,IAAC,SAAS,EAAE,IAAI,YAC1B,MAAC,IAAI,IAAC,SAAS,EAAE,IAAI,aAClB,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,CACtB,MAAC,GAAG,eACF,KAAC,KAAK,cACJ,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,mCAAI,WAAW,iBAAc,QAAQ,YACrF,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,GACpB,GACP,EACP,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjB,KAAC,KAAK,cACJ,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,MAAM,EAAC,UAAU,iBAAa,YAAY,YACvE,MAAM,CAAC,QAAQ,GACL,GACP,CACT,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrC,MAAC,GAAG,eACF,KAAC,KAAK,cACJ,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,YAC9C,KAAK,GACK,GACP,EACR,KAAC,KAAK,cACJ,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,MAAM,EAAC,UAAU,YAC9C,KAAK,GACK,GACP,KAVA,GAAG,KAAK,IAAI,KAAK,EAAE,CAWvB,CACP,CAAC,IACG,GACK,GACK,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,6BAA6B,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC;AAClE,6BAA6B,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAEpE,eAAe,6BAA6B,CAAC"}
|
|
@@ -4,6 +4,8 @@ export interface ProductCardIpoFooterProps {
|
|
|
4
4
|
footerValue: string;
|
|
5
5
|
/** Подпись под значением на desktop. */
|
|
6
6
|
footerLabel?: string;
|
|
7
|
+
/** Иконка перед значением на desktop, например валюта номинала. */
|
|
8
|
+
footerValueIcon?: ReactNode;
|
|
7
9
|
/** Срок обращения на mobile, например «3 года». */
|
|
8
10
|
maturityText?: string;
|
|
9
11
|
/** Иконка инструмента на mobile. */
|
|
@@ -11,7 +13,7 @@ export interface ProductCardIpoFooterProps {
|
|
|
11
13
|
/** URL логотипа эмитента для fallback-иконки на mobile. */
|
|
12
14
|
imageUrl?: string;
|
|
13
15
|
}
|
|
14
|
-
declare const MemoizedProductCardIpoFooter: import("react").MemoExoticComponent<({ footerValue, footerLabel, maturityText, securityIcon, imageUrl, }: ProductCardIpoFooterProps) => import("react/jsx-runtime").JSX.Element>;
|
|
16
|
+
declare const MemoizedProductCardIpoFooter: import("react").MemoExoticComponent<({ footerValue, footerLabel, footerValueIcon, maturityText, securityIcon, imageUrl, }: ProductCardIpoFooterProps) => import("react/jsx-runtime").JSX.Element>;
|
|
15
17
|
export default MemoizedProductCardIpoFooter;
|
|
16
18
|
export { default as ProductCardIpoFooterDesktop } from './FooterDesktop/index.js';
|
|
17
19
|
export type { ProductCardIpoFooterDesktopProps } from './FooterDesktop/index.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/ipo/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM7C,MAAM,WAAW,yBAAyB;IACxC,iDAAiD;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;
|
|
1
|
+
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/ipo/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM7C,MAAM,WAAW,yBAAyB;IACxC,iDAAiD;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAgCD,QAAA,MAAM,4BAA4B,6HAvB/B,yBAAyB,6CAuBmC,CAAC;AAGhE,eAAe,4BAA4B,CAAC;AAE5C,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAClF,YAAY,EAAE,gCAAgC,EAAE,MAAM,0BAA0B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAChF,YAAY,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -4,12 +4,12 @@ import ProductCardIpoFooterDesktop from './FooterDesktop/index.js';
|
|
|
4
4
|
import ProductCardIpoFooterMobile from './FooterMobile/index.js';
|
|
5
5
|
import { useProductCardContext } from '../../ProductCardContext.js';
|
|
6
6
|
import { ProductCardView } from '../../types.js';
|
|
7
|
-
const ProductCardIpoFooter = ({ footerValue, footerLabel, maturityText, securityIcon, imageUrl, }) => {
|
|
7
|
+
const ProductCardIpoFooter = ({ footerValue, footerLabel, footerValueIcon, maturityText, securityIcon, imageUrl, }) => {
|
|
8
8
|
const { view } = useProductCardContext();
|
|
9
9
|
if (view === ProductCardView.MOBILE) {
|
|
10
10
|
return (_jsx(ProductCardIpoFooterMobile, { footerValue: footerValue, maturityText: maturityText, securityIcon: securityIcon, imageUrl: imageUrl }));
|
|
11
11
|
}
|
|
12
|
-
return (_jsx(ProductCardIpoFooterDesktop, { footerValue: footerValue, footerLabel: footerLabel }));
|
|
12
|
+
return (_jsx(ProductCardIpoFooterDesktop, { footerValue: footerValue, footerLabel: footerLabel, footerValueIcon: footerValueIcon }));
|
|
13
13
|
};
|
|
14
14
|
const MemoizedProductCardIpoFooter = memo(ProductCardIpoFooter);
|
|
15
15
|
MemoizedProductCardIpoFooter.displayName = 'ProductCardIpoFooter';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/ipo/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,OAAO,CAAC;AAC7C,OAAO,2BAA2B,MAAM,0BAA0B,CAAC;AACnE,OAAO,0BAA0B,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/ipo/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,OAAO,CAAC;AAC7C,OAAO,2BAA2B,MAAM,0BAA0B,CAAC;AACnE,OAAO,0BAA0B,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAiBjD,MAAM,oBAAoB,GAAG,CAAC,EAC5B,WAAW,EACX,WAAW,EACX,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,QAAQ,GACkB,EAAE,EAAE;IAC9B,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEzC,IAAI,IAAI,KAAK,eAAe,CAAC,MAAM,EAAE,CAAC;QACpC,OAAO,CACL,KAAC,0BAA0B,IACzB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,2BAA2B,IAC1B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,GAChC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,4BAA4B,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC;AAChE,4BAA4B,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAElE,eAAe,4BAA4B,CAAC;AAE5C,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
1
2
|
export interface ProductCardIpoFooterDesktopProps {
|
|
2
3
|
/** Основное значение в footer. */
|
|
3
4
|
footerValue: string;
|
|
4
5
|
/** Подпись под значением. */
|
|
5
6
|
footerLabel?: string;
|
|
7
|
+
/** Иконка перед значением, например валюта номинала. */
|
|
8
|
+
footerValueIcon?: ReactNode;
|
|
6
9
|
}
|
|
7
|
-
declare const MemoizedProductCardIpoFooterDesktop: import("react").MemoExoticComponent<({ footerValue, footerLabel, }: ProductCardIpoFooterDesktopProps) => import("react/jsx-runtime").JSX.Element>;
|
|
10
|
+
declare const MemoizedProductCardIpoFooterDesktop: import("react").MemoExoticComponent<({ footerValue, footerLabel, footerValueIcon, }: ProductCardIpoFooterDesktopProps) => import("react/jsx-runtime").JSX.Element>;
|
|
8
11
|
export default MemoizedProductCardIpoFooterDesktop;
|
|
9
12
|
//# sourceMappingURL=FooterDesktop.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FooterDesktop.d.ts","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FooterDesktop.d.ts","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAW7C,MAAM,WAAW,gCAAgC;IAC/C,kCAAkC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B;AA+BD,QAAA,MAAM,mCAAmC,uFAzBtC,gCAAgC,6CAyB0C,CAAC;AAG9E,eAAe,mCAAmC,CAAC"}
|
|
@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { memo } from 'react';
|
|
3
3
|
import Typography from '../../../../Typography/index.js';
|
|
4
4
|
import ProductCardFooter from '../../../ProductCardFooter/index.js';
|
|
5
|
-
import { CouponLabel, LeftColumn, MainRow, RightColumn, } from './FooterDesktop.styles.js';
|
|
6
|
-
const ProductCardIpoFooterDesktop = ({ footerValue, footerLabel, }) => (_jsxs(ProductCardFooter, { children: [_jsx(LeftColumn, { children: _jsxs(MainRow, { children: [_jsx(Typography, { variant: "h3", weight: "semiBold", children: footerValue }), footerLabel && (_jsx(CouponLabel, { children: _jsx(Typography, { variant: "caption10", color: "secondary", children: footerLabel }) }))] }) }), _jsx(RightColumn, {})] }));
|
|
5
|
+
import { CouponLabel, IconWrap, LeftColumn, MainRow, RightColumn, } from './FooterDesktop.styles.js';
|
|
6
|
+
const ProductCardIpoFooterDesktop = ({ footerValue, footerLabel, footerValueIcon, }) => (_jsxs(ProductCardFooter, { children: [_jsx(LeftColumn, { children: _jsxs(MainRow, { children: [footerValueIcon != null ? (_jsx(IconWrap, { children: footerValueIcon })) : null, _jsx(Typography, { variant: "h3", weight: "semiBold", "data-testid": "price", children: footerValue }), footerLabel && (_jsx(CouponLabel, { children: _jsx(Typography, { variant: "caption10", color: "secondary", children: footerLabel }) }))] }) }), _jsx(RightColumn, {})] }));
|
|
7
7
|
const MemoizedProductCardIpoFooterDesktop = memo(ProductCardIpoFooterDesktop);
|
|
8
8
|
MemoizedProductCardIpoFooterDesktop.displayName = 'ProductCardIpoFooterDesktop';
|
|
9
9
|
export default MemoizedProductCardIpoFooterDesktop;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FooterDesktop.js","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"FooterDesktop.js","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,iCAAiC,CAAC;AACzD,OAAO,iBAAiB,MAAM,qCAAqC,CAAC;AACpE,OAAO,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,OAAO,EACP,WAAW,GACZ,MAAM,2BAA2B,CAAC;AAWnC,MAAM,2BAA2B,GAAG,CAAC,EACnC,WAAW,EACX,WAAW,EACX,eAAe,GACkB,EAAE,EAAE,CAAC,CACtC,MAAC,iBAAiB,eAChB,KAAC,UAAU,cACT,MAAC,OAAO,eACL,eAAe,IAAI,IAAI,CAAC,CAAC,CAAC,CACzB,KAAC,QAAQ,cACN,eAAe,GACP,CACZ,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,iBAAa,OAAO,YAC3D,WAAW,GACD,EACZ,WAAW,IAAI,CACd,KAAC,WAAW,cACV,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,YAC9C,WAAW,GACD,GACD,CACf,IACO,GACC,EACb,KAAC,WAAW,KAAG,IACG,CACrB,CAAC;AAEF,MAAM,mCAAmC,GAAG,IAAI,CAAC,2BAA2B,CAAC,CAAC;AAC9E,mCAAmC,CAAC,WAAW,GAAG,6BAA6B,CAAC;AAEhF,eAAe,mCAAmC,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
.ui_components_lzbgdu7{width:60%;min-width:0;}
|
|
2
2
|
.ui_components_rmrvswq{width:40%;}
|
|
3
3
|
.ui_components_m1ysgs7h{display:flex;align-items:center;min-width:0;}
|
|
4
|
-
.
|
|
4
|
+
.ui_components_i1w7fkxx{display:flex;flex-shrink:0;align-items:center;margin-right:var(--ui-spacing-2xs);}
|
|
5
|
+
.ui_components_c4un1ql{margin-left:var(--ui-spacing-xs);min-width:0;}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export declare const LeftColumn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
2
2
|
export declare const RightColumn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
3
3
|
export declare const MainRow: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
4
|
+
export declare const IconWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
4
5
|
export declare const CouponLabel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
5
6
|
//# sourceMappingURL=FooterDesktop.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FooterDesktop.styles.d.ts","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAEvB,CAAC;AAEF,eAAO,MAAM,OAAO,qKAInB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC"}
|
|
1
|
+
{"version":3,"file":"FooterDesktop.styles.d.ts","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAEvB,CAAC;AAEF,eAAO,MAAM,OAAO,qKAInB,CAAC;AAEF,eAAO,MAAM,QAAQ,qKAKpB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC"}
|
|
@@ -14,9 +14,14 @@ export const MainRow = /*#__PURE__*/styled('div')({
|
|
|
14
14
|
class: "ui_components_m1ysgs7h",
|
|
15
15
|
propsAsIs: false
|
|
16
16
|
});
|
|
17
|
+
export const IconWrap = /*#__PURE__*/styled('div')({
|
|
18
|
+
name: "IconWrap",
|
|
19
|
+
class: "ui_components_i1w7fkxx",
|
|
20
|
+
propsAsIs: false
|
|
21
|
+
});
|
|
17
22
|
export const CouponLabel = /*#__PURE__*/styled('div')({
|
|
18
23
|
name: "CouponLabel",
|
|
19
|
-
class: "
|
|
24
|
+
class: "ui_components_c4un1ql",
|
|
20
25
|
propsAsIs: false
|
|
21
26
|
});
|
|
22
27
|
//# sourceMappingURL=FooterDesktop.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FooterDesktop.styles.js","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEpC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;iBACpB,MAAM,CAAC,OAAO,CAAC,EAAE;;CAEjC,CAAC"}
|
|
1
|
+
{"version":3,"file":"FooterDesktop.styles.js","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEpC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;kBAIhB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;iBACpB,MAAM,CAAC,OAAO,CAAC,EAAE;;CAEjC,CAAC"}
|
|
@@ -6,7 +6,7 @@ import ProductCardIpoSecurityIcon from '../SecurityIcon/index.js';
|
|
|
6
6
|
import { Body, IconColumn, InfoColumn, mobileFooterRoot, } from './FooterMobile.styles.js';
|
|
7
7
|
const ProductCardIpoFooterMobile = ({ footerValue, maturityText, securityIcon, imageUrl, }) => {
|
|
8
8
|
const icon = securityIcon !== null && securityIcon !== void 0 ? securityIcon : (imageUrl != null ? _jsx(ProductCardIpoSecurityIcon, { imageUrl: imageUrl, size: 32 }) : null);
|
|
9
|
-
return (_jsx(ProductCardFooter, { className: mobileFooterRoot, children: _jsxs(Body, { children: [icon != null ? (_jsx(IconColumn, { children: icon })) : null, _jsxs(InfoColumn, { children: [_jsx(Typography, { variant: "body14", weight: "semiBold", children: footerValue }), maturityText != null ? (_jsx(Typography, { variant: "caption10", color: "secondary", children: maturityText })) : null] })] }) }));
|
|
9
|
+
return (_jsx(ProductCardFooter, { className: mobileFooterRoot, children: _jsxs(Body, { children: [icon != null ? (_jsx(IconColumn, { children: icon })) : null, _jsxs(InfoColumn, { children: [_jsx(Typography, { variant: "body14", weight: "semiBold", "data-testid": "price", children: footerValue }), maturityText != null ? (_jsx(Typography, { variant: "caption10", color: "secondary", children: maturityText })) : null] })] }) }));
|
|
10
10
|
};
|
|
11
11
|
const MemoizedProductCardIpoFooterMobile = memo(ProductCardIpoFooterMobile);
|
|
12
12
|
MemoizedProductCardIpoFooterMobile.displayName = 'ProductCardIpoFooterMobile';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FooterMobile.js","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/ipo/FooterMobile/FooterMobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,iCAAiC,CAAC;AACzD,OAAO,iBAAiB,MAAM,qCAAqC,CAAC;AACpE,OAAO,0BAA0B,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAalC,MAAM,0BAA0B,GAAG,CAAC,EAClC,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,QAAQ,GACwB,EAAE,EAAE;IACpC,MAAM,IAAI,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAC3B,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,KAAC,0BAA0B,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,CACvF,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,IAAC,SAAS,EAAE,gBAAgB,YAC5C,MAAC,IAAI,eACF,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,UAAU,cACR,IAAI,GACM,CACd,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,UAAU,eACT,KAAC,UAAU,IAAC,OAAO,EAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"FooterMobile.js","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/ipo/FooterMobile/FooterMobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,iCAAiC,CAAC;AACzD,OAAO,iBAAiB,MAAM,qCAAqC,CAAC;AACpE,OAAO,0BAA0B,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAalC,MAAM,0BAA0B,GAAG,CAAC,EAClC,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,QAAQ,GACwB,EAAE,EAAE;IACpC,MAAM,IAAI,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAC3B,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,KAAC,0BAA0B,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,CACvF,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,IAAC,SAAS,EAAE,gBAAgB,YAC5C,MAAC,IAAI,eACF,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,UAAU,cACR,IAAI,GACM,CACd,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,UAAU,eACT,KAAC,UAAU,IAAC,OAAO,EAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,iBAAa,OAAO,YAC/D,WAAW,GACD,EACZ,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,CACtB,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,YAC9C,YAAY,GACF,CACd,CAAC,CAAC,CAAC,IAAI,IACG,IACR,GACW,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kCAAkC,GAAG,IAAI,CAAC,0BAA0B,CAAC,CAAC;AAC5E,kCAAkC,CAAC,WAAW,GAAG,4BAA4B,CAAC;AAE9E,eAAe,kCAAkC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/ipo/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAkB7C,MAAM,WAAW,wBAAwB;IACvC,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;
|
|
1
|
+
{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/ipo/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAkB7C,MAAM,WAAW,wBAAwB;IACvC,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAmED,QAAA,MAAM,2BAA2B,oIAzD9B,wBAAwB,6CAyDkC,CAAC;AAG9D,eAAe,2BAA2B,CAAC"}
|
|
@@ -12,7 +12,7 @@ const ProductCardIpoTitle = ({ title, secondaryText, rating, ratingTooltip, issu
|
|
|
12
12
|
const showSecurityIcon = view === ProductCardView.DESKTOP && securityIcon != null;
|
|
13
13
|
const titleVariant = view === ProductCardView.MOBILE ? 'body14' : 'h4';
|
|
14
14
|
const titleWeight = view === ProductCardView.MOBILE ? 'semiBold' : 'bold';
|
|
15
|
-
return (_jsx(ProductCardTitle, { className: titleIpoRoot, children: _jsxs(TitleBody, { children: [showSecurityIcon ? (_jsx(AvatarColumn, { children: securityIcon })) : null, _jsxs(TextColumn, { className: classNames(view, showSecurityIcon && withSecurityIcon), children: [_jsx(Typography, { className: singleLineEllipsis, variant: titleVariant, weight: titleWeight, title: title, children: title }), secondaryText ? (_jsx(Typography, { className: singleLineEllipsis, variant: "caption11", weight: "normal", color: "warning", children: secondaryText })) : null, showBondMeta && (rating != null || issueMetaText != null) ? (_jsxs(MetaRow, { children: [rating != null ? (_jsx(ProductCardIpoRatingBadge, { rating: rating, view: view, title: ratingTooltip })) : null, issueMetaText != null ? (_jsx(MetaText, { children: _jsx(Typography, { className: singleLineEllipsis, variant: view === ProductCardView.MOBILE ? 'caption9' : 'caption12', color: "secondary", children: issueMetaText }) })) : null] })) : null] })] }) }));
|
|
15
|
+
return (_jsx(ProductCardTitle, { className: titleIpoRoot, children: _jsxs(TitleBody, { children: [showSecurityIcon ? (_jsx(AvatarColumn, { children: securityIcon })) : null, _jsxs(TextColumn, { className: classNames(view, showSecurityIcon && withSecurityIcon), children: [_jsx(Typography, { className: singleLineEllipsis, variant: titleVariant, weight: titleWeight, title: title, "data-testid": "issuer", children: title }), secondaryText ? (_jsx(Typography, { className: singleLineEllipsis, variant: "caption11", weight: "normal", color: "warning", children: secondaryText })) : null, showBondMeta && (rating != null || issueMetaText != null) ? (_jsxs(MetaRow, { children: [rating != null ? (_jsx(ProductCardIpoRatingBadge, { rating: rating, view: view, title: ratingTooltip })) : null, issueMetaText != null ? (_jsx(MetaText, { children: _jsx(Typography, { className: singleLineEllipsis, variant: view === ProductCardView.MOBILE ? 'caption9' : 'caption12', color: "secondary", children: issueMetaText }) })) : null] })) : null] })] }) }));
|
|
16
16
|
};
|
|
17
17
|
const MemoizedProductCardIpoTitle = memo(ProductCardIpoTitle);
|
|
18
18
|
MemoizedProductCardIpoTitle.displayName = 'ProductCardIpoTitle';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/ipo/Title.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,gBAAgB,MAAM,iCAAiC,CAAC;AAC/D,OAAO,yBAAyB,MAAM,iDAAiD,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EACL,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,UAAU,EACV,SAAS,EACT,YAAY,EACZ,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAmB3B,MAAM,mBAAmB,GAAG,CAAC,EAC3B,KAAK,EACL,aAAa,EACb,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,GAAG,MAAM,IAAI,IAAI,IAAI,aAAa,IAAI,IAAI,EACtD,YAAY,GACa,EAAE,EAAE;IAC7B,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,gBAAgB,GAAG,IAAI,KAAK,eAAe,CAAC,OAAO,IAAI,YAAY,IAAI,IAAI,CAAC;IAClF,MAAM,YAAY,GAAG,IAAI,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IACvE,MAAM,WAAW,GAAG,IAAI,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC;IAE1E,OAAO,CACL,KAAC,gBAAgB,IAAC,SAAS,EAAE,YAAY,YACvC,MAAC,SAAS,eACP,gBAAgB,CAAC,CAAC,CAAC,CAClB,KAAC,YAAY,cACV,YAAY,GACA,CAChB,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,UAAU,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,gBAAgB,IAAI,gBAAgB,CAAC,aAC3E,KAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/ipo/Title.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { ProductCardLayoutId, ProductCardView } from '../types.js';
|
|
1
|
+
import { ProductCardLayoutId, ProductCardView, type ProductCardDesktopSize } from '../types.js';
|
|
2
2
|
export interface ProductCardSkeletonProps {
|
|
3
3
|
view?: ProductCardView;
|
|
4
4
|
layoutId?: ProductCardLayoutId;
|
|
5
|
+
size?: ProductCardDesktopSize;
|
|
5
6
|
}
|
|
6
7
|
declare const MemoizedProductCardSkeleton: import("react").NamedExoticComponent<ProductCardSkeletonProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
8
|
export default MemoizedProductCardSkeleton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCardSkeleton.d.ts","sourceRoot":"","sources":["../../../src/ProductCard/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,mBAAmB,EACnB,eAAe,
|
|
1
|
+
{"version":3,"file":"ProductCardSkeleton.d.ts","sourceRoot":"","sources":["../../../src/ProductCard/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,KAAK,sBAAsB,EAC5B,MAAM,aAAa,CAAC;AAOrB,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,IAAI,CAAC,EAAE,sBAAsB,CAAC;CAC/B;AA2BD,QAAA,MAAM,2BAA2B,gHAA4B,CAAC;AAG9D,eAAe,2BAA2B,CAAC"}
|
|
@@ -9,7 +9,7 @@ import ProductCardCommonSkeleton from './variants/common/ProductCardCommonSkelet
|
|
|
9
9
|
import ProductCardIpoSkeleton from './variants/ipo/ProductCardIpoSkeleton.js';
|
|
10
10
|
import ProductCardIipSkeleton from './variants/iip/ProductCardIipSkeleton.js';
|
|
11
11
|
import ProductCardZhekSkeleton from './variants/zhek/ProductCardZhekSkeleton.js';
|
|
12
|
-
const ProductCardSkeleton = forwardRef(({ view = ProductCardView.DESKTOP, layoutId = ProductCardLayoutId.COMMON, }, ref) => (_jsx(ProductCardProvider, { value: { view, layoutId }, children: _jsx(SkeletonRoot, { ref: ref, className: classNames(view, getProductCardSizeClassName(layoutId, view)), children: layoutId === ProductCardLayoutId.IPO ? (_jsx(ProductCardIpoSkeleton, {})) : layoutId === ProductCardLayoutId.IIP ? (_jsx(ProductCardIipSkeleton, {})) : layoutId === ProductCardLayoutId.ZHEK ? (_jsx(ProductCardZhekSkeleton, {})) : (_jsx(ProductCardCommonSkeleton, {})) }) })));
|
|
12
|
+
const ProductCardSkeleton = forwardRef(({ view = ProductCardView.DESKTOP, layoutId = ProductCardLayoutId.COMMON, size, }, ref) => (_jsx(ProductCardProvider, { value: { view, layoutId }, children: _jsx(SkeletonRoot, { ref: ref, className: classNames(view, getProductCardSizeClassName(layoutId, view, size)), children: layoutId === ProductCardLayoutId.IPO ? (_jsx(ProductCardIpoSkeleton, {})) : layoutId === ProductCardLayoutId.IIP ? (_jsx(ProductCardIipSkeleton, {})) : layoutId === ProductCardLayoutId.ZHEK ? (_jsx(ProductCardZhekSkeleton, {})) : (_jsx(ProductCardCommonSkeleton, {})) }) })));
|
|
13
13
|
ProductCardSkeleton.displayName = 'ProductCardSkeleton';
|
|
14
14
|
const MemoizedProductCardSkeleton = memo(ProductCardSkeleton);
|
|
15
15
|
MemoizedProductCardSkeleton.displayName = 'ProductCardSkeleton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCardSkeleton.js","sourceRoot":"","sources":["../../../src/ProductCard/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EACL,mBAAmB,EACnB,eAAe,
|
|
1
|
+
{"version":3,"file":"ProductCardSkeleton.js","sourceRoot":"","sources":["../../../src/ProductCard/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EACL,mBAAmB,EACnB,eAAe,GAEhB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,yBAAyB,MAAM,gDAAgD,CAAC;AACvF,OAAO,sBAAsB,MAAM,0CAA0C,CAAC;AAC9E,OAAO,sBAAsB,MAAM,0CAA0C,CAAC;AAC9E,OAAO,uBAAuB,MAAM,4CAA4C,CAAC;AAQjF,MAAM,mBAAmB,GAAG,UAAU,CAA2C,CAAC,EAChF,IAAI,GAAG,eAAe,CAAC,OAAO,EAC9B,QAAQ,GAAG,mBAAmB,CAAC,MAAM,EACrC,IAAI,GACL,EAAE,GAAG,EAAE,EAAE,CAAC,CACT,KAAC,mBAAmB,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,YAC5C,KAAC,YAAY,IACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,2BAA2B,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,YAE7E,QAAQ,KAAK,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CACtC,KAAC,sBAAsB,KAAG,CAC3B,CAAC,CAAC,CAAC,QAAQ,KAAK,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CACzC,KAAC,sBAAsB,KAAG,CAC3B,CAAC,CAAC,CAAC,QAAQ,KAAK,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1C,KAAC,uBAAuB,KAAG,CAC5B,CAAC,CAAC,CAAC,CACF,KAAC,yBAAyB,KAAG,CAC9B,GACY,GACK,CACvB,CAAC,CAAC;AAEH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAExD,MAAM,2BAA2B,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC;AAC9D,2BAA2B,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAEhE,eAAe,2BAA2B,CAAC"}
|
|
@@ -33,7 +33,7 @@ export type ProductCardIpoStatusColor = 'secondary' | 'warning' | 'negative' | '
|
|
|
33
33
|
export interface ProductCardPoint {
|
|
34
34
|
/** Координата X в условных единицах (0–100). */
|
|
35
35
|
x: number;
|
|
36
|
-
/** Координата Y в условных
|
|
36
|
+
/** Координата Y в условных единицах (0–32): большее значение рисуется выше. */
|
|
37
37
|
y: number;
|
|
38
38
|
}
|
|
39
39
|
/** Кнопка подписки на уведомления в IPO-карточке. */
|
|
@@ -80,6 +80,8 @@ export interface ProductCardProps extends Omit<ComponentPropsWithoutRef<'div'>,
|
|
|
80
80
|
blurHash?: string;
|
|
81
81
|
/** Цвет градиентной подложки IPO-карточки (hex). */
|
|
82
82
|
cardColor?: string;
|
|
83
|
+
/** Переопределяет размер карточки, заданный лейаутом. */
|
|
84
|
+
size?: ProductCardDesktopSize;
|
|
83
85
|
/** Вариант отображения: desktop или mobile. */
|
|
84
86
|
view?: ProductCardView;
|
|
85
87
|
/** Состояние загрузки — показывается скелетон. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ProductCard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAEnD,oBAAY,mBAAmB;IAC7B,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,oBAAY,oBAAoB;IAC9B,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,GAAG,QAAQ;CACZ;AAED,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB;AAED,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC;AAEX,eAAO,MAAM,+BAA+B;;;;CAIlC,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AACjG,MAAM,MAAM,2BAA2B,GAAG,CAAC,OAAO,+BAA+B,CAAC,CAAC,MAAM,OAAO,+BAA+B,CAAC,CAAC;AAEjI,MAAM,MAAM,sBAAsB,GAAG,GAAG,GAAG,GAAG,CAAC;AAE/C,MAAM,MAAM,yBAAyB,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAEzF,kDAAkD;AAClD,MAAM,WAAW,gBAAgB;IAC/B,gDAAgD;IAChD,CAAC,EAAE,MAAM,CAAC;IACV
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ProductCard/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ProductCardLayoutId, ProductCardView, type ProductCardDesktopSize } from './types.js';
|
|
2
2
|
export declare const classNameSize: (size: ProductCardDesktopSize) => string;
|
|
3
|
-
export declare const getProductCardSizeClassName: (layoutId: ProductCardLayoutId, view: ProductCardView) => string;
|
|
3
|
+
export declare const getProductCardSizeClassName: (layoutId: ProductCardLayoutId, view: ProductCardView, size?: ProductCardDesktopSize) => string;
|
|
4
4
|
export declare const hexToRgba: (color: string, alpha: number) => string;
|
|
5
5
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/ProductCard/utils.ts"],"names":[],"mappings":"AACA,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,KAAK,sBAAsB,EAC5B,MAAM,YAAY,CAAC;AAOpB,eAAO,MAAM,aAAa,GAAI,MAAM,sBAAsB,WAA2B,CAAC;AAEtF,eAAO,MAAM,2BAA2B,GACtC,UAAU,mBAAmB,EAC7B,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/ProductCard/utils.ts"],"names":[],"mappings":"AACA,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,KAAK,sBAAsB,EAC5B,MAAM,YAAY,CAAC;AAOpB,eAAO,MAAM,aAAa,GAAI,MAAM,sBAAsB,WAA2B,CAAC;AAEtF,eAAO,MAAM,2BAA2B,GACtC,UAAU,mBAAmB,EAC7B,MAAM,eAAe,EACrB,OAAO,sBAAsB,WAU9B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,EAAE,OAAO,MAAM,WAUrD,CAAC"}
|
|
@@ -5,10 +5,13 @@ const classNameSizeMap = {
|
|
|
5
5
|
m: 'sizeM',
|
|
6
6
|
};
|
|
7
7
|
export const classNameSize = (size) => classNameSizeMap[size];
|
|
8
|
-
export const getProductCardSizeClassName = (layoutId, view) => {
|
|
8
|
+
export const getProductCardSizeClassName = (layoutId, view, size) => {
|
|
9
|
+
if (size != null) {
|
|
10
|
+
return classNameSize(size);
|
|
11
|
+
}
|
|
9
12
|
const { desktopSize, mobileSize } = getProductCardLayoutConfig(layoutId);
|
|
10
|
-
const
|
|
11
|
-
return classNameSize(
|
|
13
|
+
const layoutSize = view === ProductCardView.DESKTOP ? desktopSize : mobileSize;
|
|
14
|
+
return classNameSize(layoutSize);
|
|
12
15
|
};
|
|
13
16
|
export const hexToRgba = (color, alpha) => {
|
|
14
17
|
const normalized = color.trim().replace('#', '');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/ProductCard/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAEL,eAAe,GAEhB,MAAM,YAAY,CAAC;AAEpB,MAAM,gBAAgB,GAA2C;IAC/D,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAA4B,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAEtF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,QAA6B,EAC7B,IAAqB,EACrB,EAAE;IACF,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,0BAA0B,CAAC,QAAQ,CAAC,CAAC;IACzE,MAAM,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/ProductCard/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAEL,eAAe,GAEhB,MAAM,YAAY,CAAC;AAEpB,MAAM,gBAAgB,GAA2C;IAC/D,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAA4B,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAEtF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,QAA6B,EAC7B,IAAqB,EACrB,IAA6B,EAC7B,EAAE;IACF,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;QACjB,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,0BAA0B,CAAC,QAAQ,CAAC,CAAC;IACzE,MAAM,UAAU,GAAG,IAAI,KAAK,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;IAE/E,OAAO,aAAa,CAAC,UAAU,CAAC,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,KAAa,EAAE,EAAE;IACxD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACjD,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC5B,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACvC,OAAO,QAAQ,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC;IACjH,CAAC;IACD,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,QAAQ,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC;IACrJ,CAAC;IACD,OAAO,uBAAuB,KAAK,GAAG,CAAC;AACzC,CAAC,CAAC"}
|