@finam/web-ui-kit-components 3.25.2 → 3.25.4
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 +4 -0
- package/dist/InlineBanner/InlineBanner.d.ts +3 -1
- package/dist/InlineBanner/InlineBanner.d.ts.map +1 -1
- package/dist/InlineBanner/InlineBanner.js +2 -2
- package/dist/InlineBanner/InlineBanner.js.map +1 -1
- package/dist/MarketingButton/MarketingButton.d.ts.map +1 -1
- package/dist/MarketingButton/MarketingButton.js +2 -1
- package/dist/MarketingButton/MarketingButton.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { type HTMLAttributes } from 'react';
|
|
1
|
+
import { type HTMLAttributes, type ComponentType } from 'react';
|
|
2
2
|
import type { Priority, Orientation, Variant, Size } from './types.js';
|
|
3
3
|
export interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
/** Тип баннера */
|
|
5
5
|
variant?: Variant;
|
|
6
6
|
/** Приоритет */
|
|
7
7
|
priority?: Priority;
|
|
8
|
+
/** Кастомная иконка */
|
|
9
|
+
icon?: ComponentType;
|
|
8
10
|
/** Заголовок сообщения */
|
|
9
11
|
title?: string;
|
|
10
12
|
/** Сообщение */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineBanner.d.ts","sourceRoot":"","sources":["../../src/InlineBanner/InlineBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAA6B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"InlineBanner.d.ts","sourceRoot":"","sources":["../../src/InlineBanner/InlineBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAA6B,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAa3F,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAIvE,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3D,kBAAkB;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,uBAAuB;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,iCAAiC;IACjC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;;AAuHD,wBAAkC"}
|
|
@@ -48,8 +48,8 @@ const typographySizeVariantMap = {
|
|
|
48
48
|
m: 'body14',
|
|
49
49
|
};
|
|
50
50
|
const InlineBanner = forwardRef((_a, ref) => {
|
|
51
|
-
var { variant = 'info', priority = 'mid', orientation = 'vertical', title, message, buttonText, hideTitle = false, hideIcon = false, hideCloseIcon = false, hideButton = false, fullWidth = false, onButtonClick, onClose, className, size = 's' } = _a, props = __rest(_a, ["variant", "priority", "orientation", "title", "message", "buttonText", "hideTitle", "hideIcon", "hideCloseIcon", "hideButton", "fullWidth", "onButtonClick", "onClose", "className", "size"]);
|
|
52
|
-
const Icon = useMemo(() => iconVariant[variant][priority], [priority, variant]);
|
|
51
|
+
var { variant = 'info', priority = 'mid', orientation = 'vertical', icon, title, message, buttonText, hideTitle = false, hideIcon = false, hideCloseIcon = false, hideButton = false, fullWidth = false, onButtonClick, onClose, className, size = 's' } = _a, props = __rest(_a, ["variant", "priority", "orientation", "icon", "title", "message", "buttonText", "hideTitle", "hideIcon", "hideCloseIcon", "hideButton", "fullWidth", "onButtonClick", "onClose", "className", "size"]);
|
|
52
|
+
const Icon = useMemo(() => icon !== null && icon !== void 0 ? icon : iconVariant[variant][priority], [priority, variant, icon]);
|
|
53
53
|
return (_jsxs(Root, Object.assign({}, props, { ref: ref, className: classNames(className, classNameOrientation(orientation), classNameVariantPriority(variant, priority), classNameSize(size), {
|
|
54
54
|
fullWidth,
|
|
55
55
|
}), children: [!hideIcon && (_jsx(Icon, { className: iconClass })), _jsxs(TextContentWrap, { children: [!hideTitle && (_jsx(Typography, { className: titleClass, variant: typographySizeVariantMap[size], weight: "bold", children: title })), _jsx(Typography, { className: messageClass, variant: typographySizeVariantMap[size], children: message }), !hideButton && buttonText && (_jsx(Button, { variant: "outline", alternativeType: buttonAlternativeTypeMap[variant], color: priority !== 'high' ? buttonColorMap[variant] : 'alternative', size: "xs", onClick: onButtonClick, children: buttonText }))] }), !hideCloseIcon && (_jsx(DismissGhostMid, { className: closeIconClass, onClick: onClose }))] })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineBanner.js","sourceRoot":"","sources":["../../src/InlineBanner/InlineBanner.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAuB,UAAU,EAAE,IAAI,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"InlineBanner.js","sourceRoot":"","sources":["../../src/InlineBanner/InlineBanner.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAuB,UAAU,EAAE,IAAI,EAAE,OAAO,EAAsB,MAAM,OAAO,CAAC;AAC3F,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,qBAAqB,MAAM,+DAA+D,CAAC;AAClG,OAAO,2BAA2B,MAAM,qEAAqE,CAAC;AAC9G,OAAO,uBAAuB,MAAM,iEAAiE,CAAC;AACtG,OAAO,6BAA6B,MAAM,uEAAuE,CAAC;AAClH,OAAO,eAAe,MAAM,mDAAmD,CAAC;AAChF,OAAO,qBAAqB,MAAM,yDAAyD,CAAC;AAC5F,OAAO,cAAc,MAAM,iDAAiD,CAAC;AAC7E,OAAO,eAAe,MAAM,iDAAiD,CAAC;AAE9E,OAAO,UAAU,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAE3F,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAoC9H,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE;QACJ,GAAG,EAAE,cAAc;QACnB,IAAI,EAAE,cAAc;KACrB;IACD,MAAM,EAAE;QACN,GAAG,EAAE,uBAAuB;QAC5B,IAAI,EAAE,6BAA6B;KACpC;IACD,OAAO,EAAE;QACP,GAAG,EAAE,qBAAqB;QAC1B,IAAI,EAAE,2BAA2B;KAClC;IACD,OAAO,EAAE;QACP,GAAG,EAAE,eAAe;QACpB,IAAI,EAAE,qBAAqB;KAC5B;CACF,CAAC;AAEF,MAAM,cAAc,GAAiC;IACnD,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,UAAU;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,UAAU;CACpB,CAAC;AAEF,MAAM,wBAAwB,GAA2C;IACvE,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,QAAQ;CAClB,CAAC;AAEF,MAAM,wBAAwB,GAA6C;IACzE,CAAC,EAAE,WAAW;IACd,CAAC,EAAE,QAAQ;CACZ,CAAC;AAEF,MAAM,YAAY,GAAG,UAAU,CAAwB,CAAC,EAkBvD,EAAE,GAAG,EAAE,EAAE;QAlB8C,EACtD,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,UAAU,EACxB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,KAAK,EACrB,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,aAAa,EACb,OAAO,EACP,SAAS,EACT,IAAI,GAAG,GAAG,OAEX,EADI,KAAK,cAjB8C,sMAkBvD,CADS;IAER,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,EAC5C,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,CAC1B,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,oBACC,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,oBAAoB,CAAC,WAAW,CAAC,EACjC,wBAAwB,CAAC,OAAO,EAAE,QAAQ,CAAC,EAC3C,aAAa,CAAC,IAAI,CAAC,EACnB;YACE,SAAS;SACV,CACF,aAEA,CAAC,QAAQ,IAAI,CACZ,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI,CAC/B,EACD,MAAC,eAAe,eACb,CAAC,SAAS,IAAI,CACb,KAAC,UAAU,IACT,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,wBAAwB,CAAC,IAAI,CAAC,EACvC,MAAM,EAAC,MAAM,YAEZ,KAAK,GACK,CACd,EACD,KAAC,UAAU,IACT,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,wBAAwB,CAAC,IAAI,CAAC,YAEtC,OAAO,GACG,EACZ,CAAC,UAAU,IAAI,UAAU,IAAI,CAC5B,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,eAAe,EAAE,wBAAwB,CAAC,OAAO,CAAC,EAClD,KAAK,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa,EACpE,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,aAAa,YAErB,UAAU,GACJ,CACV,IACe,EACjB,CAAC,aAAa,IAAI,CACjB,KAAC,eAAe,IACd,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,OAAO,GAChB,CACH,KACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC,YAAY,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarketingButton.d.ts","sourceRoot":"","sources":["../../src/MarketingButton/MarketingButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MarketingButton.d.ts","sourceRoot":"","sources":["../../src/MarketingButton/MarketingButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,KAAK,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIhE,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAGhD,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,iBAAiB,CAAC,GAAG;IAC/E,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;;IAJA,kDAAkD;cACxC,OAAO;IACjB,oBAAoB;WACb,IAAI;;AA0Db,wBAAqC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef, memo } from 'react';
|
|
4
|
+
import clsx from 'clsx';
|
|
4
5
|
import { useMarketingAnimations } from './useMarketingAnimations.js';
|
|
5
6
|
import { MarketingGlow } from './MarketingGlow.js';
|
|
6
7
|
import { MarketingHighlight } from './MarketingHighlight.js';
|
|
@@ -13,7 +14,7 @@ const MarketingButton = forwardRef((_a, ref) => {
|
|
|
13
14
|
(_a = handlers[name]) === null || _a === void 0 ? void 0 : _a.call(handlers, e);
|
|
14
15
|
(_b = props[name]) === null || _b === void 0 ? void 0 : _b.call(props, e);
|
|
15
16
|
} })), {});
|
|
16
|
-
return (_jsxs(StyledButton, Object.assign({ className: variant, disabled: disabled, loading: loading, size: size }, props, mergedHandlers, { style: Object.assign(Object.assign({}, props.style), { position: hasHoverGlowAnimation ? 'relative' : undefined, overflow: hasHoverGlowAnimation ? 'visible' : undefined }), ref: ref, children: [hasHoverGlowAnimation && (_jsx(MarketingGlow, { glow: glow, marketingType: variant })), variant === 'secondary' && !disabled && !loading && (_jsx(MarketingHighlight, { isVisible: isHovered && !isActive, buttonSize: size, highlightX: highlightX })), children] })));
|
|
17
|
+
return (_jsxs(StyledButton, Object.assign({ className: clsx(className, variant), disabled: disabled, loading: loading, size: size }, props, mergedHandlers, { style: Object.assign(Object.assign({}, props.style), { position: hasHoverGlowAnimation ? 'relative' : undefined, overflow: hasHoverGlowAnimation ? 'visible' : undefined }), ref: ref, children: [hasHoverGlowAnimation && (_jsx(MarketingGlow, { glow: glow, marketingType: variant })), variant === 'secondary' && !disabled && !loading && (_jsx(MarketingHighlight, { isVisible: isHovered && !isActive, buttonSize: size, highlightX: highlightX })), children] })));
|
|
17
18
|
});
|
|
18
19
|
export default memo(MarketingButton);
|
|
19
20
|
//# sourceMappingURL=MarketingButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarketingButton.js","sourceRoot":"","sources":["../../src/MarketingButton/MarketingButton.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAgB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MarketingButton.js","sourceRoot":"","sources":["../../src/MarketingButton/MarketingButton.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAgB,MAAM,OAAO,CAAC;AACvD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAS3D,MAAM,eAAe,GAAG,UAAU,CAA2B,CAAC,EAQ7D,EAAE,GAAG,EAAE,EAAE;QARoD,EAC5D,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,GAAG,OAEX,EADI,KAAK,cAPoD,mEAQ7D,CADS;IAER,MAAM,EAAE,QAAQ,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAEnH,MAAM,cAAc,GAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAkC,CAAC,MAAM,CACnF,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,iCACV,GAAG,KACN,CAAC,IAAI,CAAC,EAAE,CAAC,CAA0D,EAAE,EAAE;;YACrE,MAAA,QAAQ,CAAC,IAAI,CAAC,yDAAG,CAAC,CAAC,CAAC;YACpB,MAAA,KAAK,CAAC,IAAI,CAAC,sDAAG,CAAC,CAAC,CAAC;QACnB,CAAC,IACD,EACF,EAA0F,CAC3F,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,kBACX,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EACnC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,IACN,KAAK,EACL,cAAc,IAClB,KAAK,EAAE,gCACF,KAAK,CAAC,KAAK,KACd,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACxD,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GACjC,EACxB,GAAG,EAAE,GAAiE,aAErE,qBAAqB,IAAI,CACxB,KAAC,aAAa,IACZ,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,OAAO,GACtB,CACH,EACA,OAAO,KAAK,WAAW,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,CACnD,KAAC,kBAAkB,IACjB,SAAS,EAAE,SAAS,IAAI,CAAC,QAAQ,EACjC,UAAU,EAAE,IAAI,EAChB,UAAU,EAAE,UAAU,GACtB,CACH,EACA,QAAQ,KACI,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC,eAAe,CAAC,CAAC"}
|