@alfalab/core-components-pure-cell 4.13.6 → 4.14.0
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/{component-d977c34d.js → component-4ddb1c01.js} +15 -12
- package/{component-8c83a9ca.d.ts → component-fb05ccb7.d.ts} +14 -1
- package/component.js +18 -2
- package/components/addon/component.js +1 -1
- package/components/addon/index.css +13 -13
- package/components/addon/index.d.ts +1 -1
- package/components/addon/index.js +1 -1
- package/components/amount/component.js +1 -1
- package/components/amount/index.css +4 -4
- package/components/amount/index.d.ts +1 -1
- package/components/amount/index.js +1 -1
- package/components/amount-title/component.js +1 -1
- package/components/amount-title/index.css +15 -15
- package/components/amount-title/index.d.ts +1 -1
- package/components/amount-title/index.js +1 -1
- package/components/category/component.js +1 -1
- package/components/category/index.css +5 -5
- package/components/category/index.d.ts +1 -1
- package/components/category/index.js +1 -1
- package/components/content/component.js +1 -1
- package/components/content/index.css +3 -3
- package/components/content/index.d.ts +1 -1
- package/components/content/index.js +1 -1
- package/components/footer/component.js +1 -1
- package/components/footer/index.css +4 -4
- package/components/footer/index.d.ts +1 -1
- package/components/footer/index.js +1 -1
- package/components/footer-button/component.js +1 -1
- package/components/footer-button/index.css +2 -2
- package/components/footer-button/index.d.ts +1 -1
- package/components/footer-button/index.js +1 -1
- package/components/footer-text/component.js +1 -1
- package/components/footer-text/index.d.ts +1 -1
- package/components/footer-text/index.js +1 -1
- package/components/graphics/component.js +1 -1
- package/components/graphics/index.css +18 -18
- package/components/graphics/index.d.ts +1 -1
- package/components/graphics/index.js +1 -1
- package/components/main/component.js +1 -1
- package/components/main/index.css +7 -7
- package/components/main/index.d.ts +1 -1
- package/components/main/index.js +1 -1
- package/components/text/component.js +1 -1
- package/components/text/index.css +7 -7
- package/components/text/index.d.ts +1 -1
- package/components/text/index.js +1 -1
- package/cssm/{component-24c65922.js → component-195fb685.js} +4 -1
- package/{esm/component-8c83a9ca.d.ts → cssm/component-fb05ccb7.d.ts} +14 -1
- package/cssm/component.js +18 -2
- package/cssm/components/addon/component.js +1 -1
- package/cssm/components/addon/index.d.ts +1 -1
- package/cssm/components/addon/index.js +1 -1
- package/cssm/components/amount/component.js +1 -1
- package/cssm/components/amount/index.d.ts +1 -1
- package/cssm/components/amount/index.js +1 -1
- package/cssm/components/amount-title/component.js +1 -1
- package/cssm/components/amount-title/index.d.ts +1 -1
- package/cssm/components/amount-title/index.js +1 -1
- package/cssm/components/category/component.js +1 -1
- package/cssm/components/category/index.d.ts +1 -1
- package/cssm/components/category/index.js +1 -1
- package/cssm/components/content/component.js +1 -1
- package/cssm/components/content/index.d.ts +1 -1
- package/cssm/components/content/index.js +1 -1
- package/cssm/components/footer/component.js +1 -1
- package/cssm/components/footer/index.d.ts +1 -1
- package/cssm/components/footer/index.js +1 -1
- package/cssm/components/footer-button/component.js +1 -1
- package/cssm/components/footer-button/index.d.ts +1 -1
- package/cssm/components/footer-button/index.js +1 -1
- package/cssm/components/footer-text/component.js +1 -1
- package/cssm/components/footer-text/index.d.ts +1 -1
- package/cssm/components/footer-text/index.js +1 -1
- package/cssm/components/graphics/component.js +1 -1
- package/cssm/components/graphics/index.d.ts +1 -1
- package/cssm/components/graphics/index.js +1 -1
- package/cssm/components/main/component.js +1 -1
- package/cssm/components/main/index.d.ts +1 -1
- package/cssm/components/main/index.js +1 -1
- package/cssm/components/text/component.js +1 -1
- package/cssm/components/text/index.d.ts +1 -1
- package/cssm/components/text/index.js +1 -1
- package/cssm/index.d.ts +2 -2
- package/cssm/index.js +18 -1
- package/esm/{component-63b6ba1a.js → component-820518e9.js} +14 -13
- package/{cssm/component-8c83a9ca.d.ts → esm/component-fb05ccb7.d.ts} +14 -1
- package/esm/component.js +2 -2
- package/esm/components/addon/component.js +1 -1
- package/esm/components/addon/index.css +13 -13
- package/esm/components/addon/index.d.ts +1 -1
- package/esm/components/addon/index.js +1 -1
- package/esm/components/amount/component.js +1 -1
- package/esm/components/amount/index.css +4 -4
- package/esm/components/amount/index.d.ts +1 -1
- package/esm/components/amount/index.js +1 -1
- package/esm/components/amount-title/component.js +1 -1
- package/esm/components/amount-title/index.css +15 -15
- package/esm/components/amount-title/index.d.ts +1 -1
- package/esm/components/amount-title/index.js +1 -1
- package/esm/components/category/component.js +1 -1
- package/esm/components/category/index.css +5 -5
- package/esm/components/category/index.d.ts +1 -1
- package/esm/components/category/index.js +1 -1
- package/esm/components/content/component.js +1 -1
- package/esm/components/content/index.css +3 -3
- package/esm/components/content/index.d.ts +1 -1
- package/esm/components/content/index.js +1 -1
- package/esm/components/footer/component.js +1 -1
- package/esm/components/footer/index.css +4 -4
- package/esm/components/footer/index.d.ts +1 -1
- package/esm/components/footer/index.js +1 -1
- package/esm/components/footer-button/component.js +1 -1
- package/esm/components/footer-button/index.css +2 -2
- package/esm/components/footer-button/index.d.ts +1 -1
- package/esm/components/footer-button/index.js +1 -1
- package/esm/components/footer-text/component.js +1 -1
- package/esm/components/footer-text/index.d.ts +1 -1
- package/esm/components/footer-text/index.js +1 -1
- package/esm/components/graphics/component.js +1 -1
- package/esm/components/graphics/index.css +18 -18
- package/esm/components/graphics/index.d.ts +1 -1
- package/esm/components/graphics/index.js +1 -1
- package/esm/components/main/component.js +1 -1
- package/esm/components/main/index.css +7 -7
- package/esm/components/main/index.d.ts +1 -1
- package/esm/components/main/index.js +1 -1
- package/esm/components/text/component.js +1 -1
- package/esm/components/text/index.css +7 -7
- package/esm/components/text/index.d.ts +1 -1
- package/esm/components/text/index.js +1 -1
- package/esm/index.css +29 -29
- package/esm/index.d.ts +2 -2
- package/esm/index.js +2 -1
- package/index.css +29 -29
- package/index.d.ts +2 -2
- package/index.js +18 -1
- package/modern/{component-08a2ef45.js → component-644d2c3d.js} +14 -13
- package/modern/{component-8c83a9ca.d.ts → component-fb05ccb7.d.ts} +14 -1
- package/modern/component.js +2 -2
- package/modern/components/addon/component.js +1 -1
- package/modern/components/addon/index.css +13 -13
- package/modern/components/addon/index.d.ts +1 -1
- package/modern/components/addon/index.js +1 -1
- package/modern/components/amount/component.js +1 -1
- package/modern/components/amount/index.css +4 -4
- package/modern/components/amount/index.d.ts +1 -1
- package/modern/components/amount/index.js +1 -1
- package/modern/components/amount-title/component.js +1 -1
- package/modern/components/amount-title/index.css +15 -15
- package/modern/components/amount-title/index.d.ts +1 -1
- package/modern/components/amount-title/index.js +1 -1
- package/modern/components/category/component.js +1 -1
- package/modern/components/category/index.css +5 -5
- package/modern/components/category/index.d.ts +1 -1
- package/modern/components/category/index.js +1 -1
- package/modern/components/content/component.js +1 -1
- package/modern/components/content/index.css +3 -3
- package/modern/components/content/index.d.ts +1 -1
- package/modern/components/content/index.js +1 -1
- package/modern/components/footer/component.js +1 -1
- package/modern/components/footer/index.css +4 -4
- package/modern/components/footer/index.d.ts +1 -1
- package/modern/components/footer/index.js +1 -1
- package/modern/components/footer-button/component.js +1 -1
- package/modern/components/footer-button/index.css +2 -2
- package/modern/components/footer-button/index.d.ts +1 -1
- package/modern/components/footer-button/index.js +1 -1
- package/modern/components/footer-text/component.js +1 -1
- package/modern/components/footer-text/index.d.ts +1 -1
- package/modern/components/footer-text/index.js +1 -1
- package/modern/components/graphics/component.js +1 -1
- package/modern/components/graphics/index.css +18 -18
- package/modern/components/graphics/index.d.ts +1 -1
- package/modern/components/graphics/index.js +1 -1
- package/modern/components/main/component.js +1 -1
- package/modern/components/main/index.css +7 -7
- package/modern/components/main/index.d.ts +1 -1
- package/modern/components/main/index.js +1 -1
- package/modern/components/text/component.js +1 -1
- package/modern/components/text/index.css +7 -7
- package/modern/components/text/index.d.ts +1 -1
- package/modern/components/text/index.js +1 -1
- package/modern/index.css +29 -29
- package/modern/index.d.ts +2 -2
- package/modern/index.js +2 -1
- package/moderncssm/{component-1bce2bd3.js → component-5b5fde55.js} +3 -2
- package/moderncssm/component-fb05ccb7.d.ts +140 -0
- package/moderncssm/component.js +2 -2
- package/moderncssm/components/addon/component.js +1 -1
- package/moderncssm/components/addon/index.d.ts +1 -1
- package/moderncssm/components/addon/index.js +1 -1
- package/moderncssm/components/amount/component.js +1 -1
- package/moderncssm/components/amount/index.d.ts +1 -1
- package/moderncssm/components/amount/index.js +1 -1
- package/moderncssm/components/amount-title/component.js +1 -1
- package/moderncssm/components/amount-title/index.d.ts +1 -1
- package/moderncssm/components/amount-title/index.js +1 -1
- package/moderncssm/components/category/component.js +1 -1
- package/moderncssm/components/category/index.d.ts +1 -1
- package/moderncssm/components/category/index.js +1 -1
- package/moderncssm/components/content/component.js +1 -1
- package/moderncssm/components/content/index.d.ts +1 -1
- package/moderncssm/components/content/index.js +1 -1
- package/moderncssm/components/footer/component.js +1 -1
- package/moderncssm/components/footer/index.d.ts +1 -1
- package/moderncssm/components/footer/index.js +1 -1
- package/moderncssm/components/footer-button/component.js +1 -1
- package/moderncssm/components/footer-button/index.d.ts +1 -1
- package/moderncssm/components/footer-button/index.js +1 -1
- package/moderncssm/components/footer-text/component.js +1 -1
- package/moderncssm/components/footer-text/index.d.ts +1 -1
- package/moderncssm/components/footer-text/index.js +1 -1
- package/moderncssm/components/graphics/component.js +1 -1
- package/moderncssm/components/graphics/index.d.ts +1 -1
- package/moderncssm/components/graphics/index.js +1 -1
- package/moderncssm/components/main/component.js +1 -1
- package/moderncssm/components/main/index.d.ts +1 -1
- package/moderncssm/components/main/index.js +1 -1
- package/moderncssm/components/text/component.js +1 -1
- package/moderncssm/components/text/index.d.ts +1 -1
- package/moderncssm/components/text/index.js +1 -1
- package/moderncssm/index.d.ts +2 -2
- package/moderncssm/index.js +2 -1
- package/package.json +9 -8
- package/src/component.tsx +21 -2
- package/src/index.ts +16 -1
- package/moderncssm/component-8c83a9ca.d.ts +0 -127
- /package/{component-d977c34d.d.ts → component-4ddb1c01.d.ts} +0 -0
- /package/cssm/{component-24c65922.d.ts → component-195fb685.d.ts} +0 -0
- /package/esm/{component-63b6ba1a.d.ts → component-820518e9.d.ts} +0 -0
- /package/modern/{component-08a2ef45.d.ts → component-644d2c3d.d.ts} +0 -0
- /package/moderncssm/{component-1bce2bd3.d.ts → component-5b5fde55.d.ts} +0 -0
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, HTMLAttributes } from "react";
|
|
4
|
+
import { ButtonProps } from "@alfalab/core-components-button";
|
|
5
|
+
import { Comment } from "@alfalab/core-components-comment";
|
|
6
|
+
import { Addon } from "./components/addon/index";
|
|
7
|
+
import { Amount } from "./components/amount/index";
|
|
8
|
+
import { AmountTitle } from "./components/amount-title/index";
|
|
9
|
+
import { Category } from "./components/category/index";
|
|
10
|
+
import { Content } from "./components/content/index";
|
|
11
|
+
import { Footer } from "./components/footer/index";
|
|
12
|
+
import { FooterButton } from "./components/footer-button/index";
|
|
13
|
+
import { FooterTextProps } from "./components/footer-text/index";
|
|
14
|
+
import { Graphics } from "./components/graphics/index";
|
|
15
|
+
import { Main } from "./components/main/index";
|
|
16
|
+
import { Text } from "./components/text/index";
|
|
17
|
+
import { PureCellElement } from "./components/types";
|
|
18
|
+
type PureCellContext = {
|
|
19
|
+
/** Направление */
|
|
20
|
+
direction?: 'horizontal' | 'vertical';
|
|
21
|
+
dataTestId?: string;
|
|
22
|
+
setMainHover?: () => void;
|
|
23
|
+
unsetMainHover?: () => void;
|
|
24
|
+
};
|
|
25
|
+
declare const PureCellContext: React.Context<PureCellContext>;
|
|
26
|
+
type BasePureCellProps = {
|
|
27
|
+
/**
|
|
28
|
+
* Направление
|
|
29
|
+
*/
|
|
30
|
+
direction?: 'horizontal' | 'vertical';
|
|
31
|
+
/**
|
|
32
|
+
* Сss класс для стилизации общей обёртки
|
|
33
|
+
*/
|
|
34
|
+
className?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Выводит ссылку в виде ячейки
|
|
37
|
+
*/
|
|
38
|
+
href?: string;
|
|
39
|
+
/**
|
|
40
|
+
* Вертикальные отступы
|
|
41
|
+
*/
|
|
42
|
+
verticalPadding?: 'airy' | 'default' | 'compact' | 'tiny' | 'none' | {
|
|
43
|
+
/**
|
|
44
|
+
* Вертикальный отступ сверху
|
|
45
|
+
*/
|
|
46
|
+
top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';
|
|
47
|
+
/**
|
|
48
|
+
* Вертикальный отступ снизу
|
|
49
|
+
*/
|
|
50
|
+
bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';
|
|
51
|
+
};
|
|
52
|
+
/**
|
|
53
|
+
* Горизонтальные отступы
|
|
54
|
+
*/
|
|
55
|
+
horizontalPadding?: 'left' | 'right' | 'both' | 'none';
|
|
56
|
+
/**
|
|
57
|
+
* Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
|
|
58
|
+
*/
|
|
59
|
+
tag?: ElementType;
|
|
60
|
+
/**
|
|
61
|
+
* Компоненты
|
|
62
|
+
*/
|
|
63
|
+
children: PureCellElement;
|
|
64
|
+
/**
|
|
65
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
66
|
+
*/
|
|
67
|
+
dataTestId?: string;
|
|
68
|
+
};
|
|
69
|
+
type AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
70
|
+
type ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
71
|
+
type ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;
|
|
72
|
+
type PureCellProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
|
|
73
|
+
declare const PureCellComponent: React.ForwardRefExoticComponent<PureCellProps & React.RefAttributes<HTMLElement>>;
|
|
74
|
+
declare const ExtraSubtitle: React.FC<FooterTextProps>;
|
|
75
|
+
/**
|
|
76
|
+
* Универсальный конструктор для сборки любой ячейки.
|
|
77
|
+
*
|
|
78
|
+
* [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
|
|
79
|
+
*/
|
|
80
|
+
declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.RefAttributes<HTMLElement>> & {
|
|
81
|
+
Main: React.FC<{
|
|
82
|
+
children: import("./components/types").MainElement;
|
|
83
|
+
isReverse?: boolean | undefined;
|
|
84
|
+
className?: string | undefined;
|
|
85
|
+
dataTestId?: string | undefined;
|
|
86
|
+
onClick?: (() => void) | undefined;
|
|
87
|
+
}>;
|
|
88
|
+
Graphics: React.FC<import("./components/graphics/index").Props>;
|
|
89
|
+
Content: React.FC<{
|
|
90
|
+
children: import("./components/types").ContentElement;
|
|
91
|
+
dataTestId?: string | undefined;
|
|
92
|
+
}>;
|
|
93
|
+
Text: React.FC<{
|
|
94
|
+
children?: React.ReactNode;
|
|
95
|
+
rowLimit?: 1 | 2 | undefined;
|
|
96
|
+
view?: "component" | "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "component-primary" | undefined;
|
|
97
|
+
titleWeight?: "bold" | "regular" | undefined;
|
|
98
|
+
titleColor: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark";
|
|
99
|
+
value?: React.ReactNode;
|
|
100
|
+
valueColor?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
|
|
101
|
+
dataTestId?: string | undefined;
|
|
102
|
+
}>;
|
|
103
|
+
Amount: React.FC<{
|
|
104
|
+
weight?: "bold" | "normal" | undefined;
|
|
105
|
+
textView?: "component" | "primary-small" | undefined;
|
|
106
|
+
color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
|
|
107
|
+
hidden?: boolean | undefined;
|
|
108
|
+
dataTestId?: string | undefined;
|
|
109
|
+
} & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
|
|
110
|
+
AmountTitle: React.FC<{
|
|
111
|
+
color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
|
|
112
|
+
titleProps?: import("@alfalab/core-components-typography").TitleProps | undefined;
|
|
113
|
+
hidden?: boolean | undefined;
|
|
114
|
+
dataTestId?: string | undefined;
|
|
115
|
+
} & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
|
|
116
|
+
Addon: React.FC<{
|
|
117
|
+
verticalAlign?: "center" | "auto" | "bottom" | "top" | undefined;
|
|
118
|
+
addonPadding?: "none" | "default" | undefined;
|
|
119
|
+
children: import("./components/types").AddonElement;
|
|
120
|
+
dataTestId?: string | undefined;
|
|
121
|
+
onClick?: (() => void) | undefined;
|
|
122
|
+
}>;
|
|
123
|
+
Footer: React.FC<{
|
|
124
|
+
children: import("./components/types").FooterElement;
|
|
125
|
+
footerPadding?: "none" | "default" | undefined;
|
|
126
|
+
dataTestId?: string | undefined;
|
|
127
|
+
}>;
|
|
128
|
+
ExtraSubtitle: React.FC<FooterTextProps>;
|
|
129
|
+
FooterButton: React.ForwardRefExoticComponent<(Omit<ButtonProps, "dataTestId"> & {
|
|
130
|
+
dataTestId?: string | undefined;
|
|
131
|
+
} & Partial<React.AnchorHTMLAttributes<HTMLAnchorElement> | React.ButtonHTMLAttributes<HTMLButtonElement>>) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
132
|
+
Comment: React.FC<import("@alfalab/core-components-comment").CommentProps>;
|
|
133
|
+
Category: React.FC<{
|
|
134
|
+
categoryName: string;
|
|
135
|
+
categoryPercent?: number | undefined;
|
|
136
|
+
rightAddons?: React.ReactNode;
|
|
137
|
+
dataTestId?: string | undefined;
|
|
138
|
+
}>;
|
|
139
|
+
};
|
|
140
|
+
export { PureCellContext, PureCellProps, PureCell, PureCellComponent, Main, Graphics, Content, Text, Amount, AmountTitle, Addon, Footer, ExtraSubtitle, FooterButton, Comment, Category };
|
package/moderncssm/component.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import 'react';
|
|
2
2
|
import 'react-merge-refs';
|
|
3
3
|
import 'classnames';
|
|
4
|
-
|
|
4
|
+
export { Comment } from '@alfalab/core-components-comment/moderncssm';
|
|
5
5
|
import '@alfalab/hooks';
|
|
6
|
-
export { P as PureCell,
|
|
6
|
+
export { c as Addon, A as Amount, b as AmountTitle, e as Category, C as Content, E as ExtraSubtitle, F as Footer, d as FooterButton, G as Graphics, M as Main, P as PureCell, a as PureCellComponent, g as PureCellContext, T as Text } from './component-5b5fde55.js';
|
|
7
7
|
import './index.module.css';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-5b5fde55";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { c as Addon } from '../../component-5b5fde55.js';
|
|
@@ -3,5 +3,5 @@ import 'classnames';
|
|
|
3
3
|
import '@alfalab/core-components-amount/moderncssm';
|
|
4
4
|
import '@alfalab/core-components-shared/moderncssm';
|
|
5
5
|
import '@alfalab/core-components-typography/moderncssm';
|
|
6
|
-
export {
|
|
6
|
+
export { A as Amount } from '../../component-5b5fde55.js';
|
|
7
7
|
import './index.module.css';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-5b5fde55";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { A as Amount } from '../../component-5b5fde55.js';
|
|
@@ -3,5 +3,5 @@ import 'classnames';
|
|
|
3
3
|
import '@alfalab/core-components-amount/moderncssm';
|
|
4
4
|
import '@alfalab/core-components-shared/moderncssm';
|
|
5
5
|
import '@alfalab/core-components-typography/moderncssm';
|
|
6
|
-
export { b as AmountTitle } from '../../component-
|
|
6
|
+
export { b as AmountTitle } from '../../component-5b5fde55.js';
|
|
7
7
|
import './index.module.css';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-5b5fde55";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { b as AmountTitle } from '../../component-
|
|
1
|
+
export { b as AmountTitle } from '../../component-5b5fde55.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import 'react';
|
|
2
2
|
import '@alfalab/core-components-shared/moderncssm';
|
|
3
3
|
import '@alfalab/core-components-typography/moderncssm';
|
|
4
|
-
export {
|
|
4
|
+
export { e as Category } from '../../component-5b5fde55.js';
|
|
5
5
|
import './index.module.css';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-5b5fde55";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { e as Category } from '../../component-5b5fde55.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-5b5fde55";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { C as Content } from '../../component-5b5fde55.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-5b5fde55";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { F as Footer } from '../../component-
|
|
1
|
+
export { F as Footer } from '../../component-5b5fde55.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import 'react';
|
|
2
2
|
import '@alfalab/core-components-button/moderncssm';
|
|
3
3
|
import '@alfalab/core-components-shared/moderncssm';
|
|
4
|
-
export { d as FooterButton } from '../../component-
|
|
4
|
+
export { d as FooterButton } from '../../component-5b5fde55.js';
|
|
5
5
|
import './index.module.css';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-5b5fde55";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { d as FooterButton } from '../../component-
|
|
1
|
+
export { d as FooterButton } from '../../component-5b5fde55.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-5b5fde55";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { f as FooterText } from '../../component-5b5fde55.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-5b5fde55";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { G as Graphics } from '../../component-
|
|
1
|
+
export { G as Graphics } from '../../component-5b5fde55.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-5b5fde55";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { M as Main } from '../../component-
|
|
1
|
+
export { M as Main } from '../../component-5b5fde55.js';
|
|
@@ -2,5 +2,5 @@ import 'react';
|
|
|
2
2
|
import 'classnames';
|
|
3
3
|
import '@alfalab/core-components-shared/moderncssm';
|
|
4
4
|
import '@alfalab/core-components-typography/moderncssm';
|
|
5
|
-
export { T as Text } from '../../component-
|
|
5
|
+
export { T as Text } from '../../component-5b5fde55.js';
|
|
6
6
|
import './index.module.css';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-5b5fde55";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { T as Text } from '../../component-
|
|
1
|
+
export { T as Text } from '../../component-5b5fde55.js';
|
package/moderncssm/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { PureCell } from "./component-
|
|
2
|
-
export type { PureCellProps } from "./component-
|
|
1
|
+
export { PureCell, PureCellComponent, Main, Graphics, Content, Text, Amount, AmountTitle, Addon, Footer, ExtraSubtitle, FooterButton, Comment, Category } from "./component-fb05ccb7";
|
|
2
|
+
export type { PureCellProps } from "./component-fb05ccb7";
|
package/moderncssm/index.js
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { P as PureCell } from './component-
|
|
1
|
+
export { c as Addon, A as Amount, b as AmountTitle, e as Category, C as Content, E as ExtraSubtitle, F as Footer, d as FooterButton, G as Graphics, M as Main, P as PureCell, a as PureCellComponent, T as Text } from './component-5b5fde55.js';
|
|
2
|
+
export { Comment } from '@alfalab/core-components-comment/moderncssm';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-pure-cell",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.14.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -10,18 +10,19 @@
|
|
|
10
10
|
"access": "public",
|
|
11
11
|
"directory": "dist"
|
|
12
12
|
},
|
|
13
|
+
"sideEffects": false,
|
|
13
14
|
"peerDependencies": {
|
|
14
15
|
"react": "^16.9.0 || ^17.0.1 || ^18.0.0",
|
|
15
16
|
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
16
17
|
},
|
|
17
18
|
"dependencies": {
|
|
18
|
-
"@alfalab/core-components-amount": "^3.
|
|
19
|
-
"@alfalab/core-components-button": "^11.11.
|
|
20
|
-
"@alfalab/core-components-typography": "^4.11.
|
|
21
|
-
"@alfalab/core-components-comment": "^2.4.
|
|
22
|
-
"@alfalab/core-components-shared": "^0.14.
|
|
23
|
-
"@alfalab/hooks": "^1.13.
|
|
24
|
-
"@alfalab/data": "^1.
|
|
19
|
+
"@alfalab/core-components-amount": "^3.9.0",
|
|
20
|
+
"@alfalab/core-components-button": "^11.11.2",
|
|
21
|
+
"@alfalab/core-components-typography": "^4.11.2",
|
|
22
|
+
"@alfalab/core-components-comment": "^2.4.6",
|
|
23
|
+
"@alfalab/core-components-shared": "^0.14.1",
|
|
24
|
+
"@alfalab/hooks": "^1.13.1",
|
|
25
|
+
"@alfalab/data": "^1.9.1",
|
|
25
26
|
"classnames": "^2.5.1",
|
|
26
27
|
"react-merge-refs": "1.1.0",
|
|
27
28
|
"tslib": "^2.4.0"
|
package/src/component.tsx
CHANGED
|
@@ -219,12 +219,14 @@ const PureCellComponent = forwardRef<HTMLElement, PureCellProps>(
|
|
|
219
219
|
},
|
|
220
220
|
);
|
|
221
221
|
|
|
222
|
+
const ExtraSubtitle = FooterText as React.FC<FooterTextProps>;
|
|
223
|
+
|
|
222
224
|
/**
|
|
223
225
|
* Универсальный конструктор для сборки любой ячейки.
|
|
224
226
|
*
|
|
225
227
|
* [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
|
|
226
228
|
*/
|
|
227
|
-
|
|
229
|
+
const PureCell = Object.assign(PureCellComponent, {
|
|
228
230
|
Main,
|
|
229
231
|
Graphics,
|
|
230
232
|
Content,
|
|
@@ -233,10 +235,27 @@ export const PureCell = Object.assign(PureCellComponent, {
|
|
|
233
235
|
AmountTitle,
|
|
234
236
|
Addon,
|
|
235
237
|
Footer,
|
|
236
|
-
ExtraSubtitle
|
|
238
|
+
ExtraSubtitle,
|
|
237
239
|
FooterButton,
|
|
238
240
|
Comment,
|
|
239
241
|
Category,
|
|
240
242
|
});
|
|
241
243
|
|
|
242
244
|
PureCellComponent.displayName = 'PureCellComponent';
|
|
245
|
+
|
|
246
|
+
export {
|
|
247
|
+
PureCell,
|
|
248
|
+
PureCellComponent,
|
|
249
|
+
Main,
|
|
250
|
+
Graphics,
|
|
251
|
+
Content,
|
|
252
|
+
Text,
|
|
253
|
+
Amount,
|
|
254
|
+
AmountTitle,
|
|
255
|
+
Addon,
|
|
256
|
+
Footer,
|
|
257
|
+
ExtraSubtitle,
|
|
258
|
+
FooterButton,
|
|
259
|
+
Comment,
|
|
260
|
+
Category,
|
|
261
|
+
};
|
package/src/index.ts
CHANGED
|
@@ -1,2 +1,17 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export {
|
|
2
|
+
PureCell,
|
|
3
|
+
PureCellComponent,
|
|
4
|
+
Main,
|
|
5
|
+
Graphics,
|
|
6
|
+
Content,
|
|
7
|
+
Text,
|
|
8
|
+
Amount,
|
|
9
|
+
AmountTitle,
|
|
10
|
+
Addon,
|
|
11
|
+
Footer,
|
|
12
|
+
ExtraSubtitle,
|
|
13
|
+
FooterButton,
|
|
14
|
+
Comment,
|
|
15
|
+
Category,
|
|
16
|
+
} from './component';
|
|
2
17
|
export type { PureCellProps } from './component';
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, HTMLAttributes } from "react";
|
|
4
|
-
import { ButtonProps } from "@alfalab/core-components-button";
|
|
5
|
-
import { FooterTextProps } from "./components/footer-text/index";
|
|
6
|
-
import { PureCellElement } from "./components/types";
|
|
7
|
-
type PureCellContext = {
|
|
8
|
-
/** Направление */
|
|
9
|
-
direction?: 'horizontal' | 'vertical';
|
|
10
|
-
dataTestId?: string;
|
|
11
|
-
setMainHover?: () => void;
|
|
12
|
-
unsetMainHover?: () => void;
|
|
13
|
-
};
|
|
14
|
-
declare const PureCellContext: React.Context<PureCellContext>;
|
|
15
|
-
type BasePureCellProps = {
|
|
16
|
-
/**
|
|
17
|
-
* Направление
|
|
18
|
-
*/
|
|
19
|
-
direction?: 'horizontal' | 'vertical';
|
|
20
|
-
/**
|
|
21
|
-
* Сss класс для стилизации общей обёртки
|
|
22
|
-
*/
|
|
23
|
-
className?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Выводит ссылку в виде ячейки
|
|
26
|
-
*/
|
|
27
|
-
href?: string;
|
|
28
|
-
/**
|
|
29
|
-
* Вертикальные отступы
|
|
30
|
-
*/
|
|
31
|
-
verticalPadding?: 'airy' | 'default' | 'compact' | 'tiny' | 'none' | {
|
|
32
|
-
/**
|
|
33
|
-
* Вертикальный отступ сверху
|
|
34
|
-
*/
|
|
35
|
-
top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';
|
|
36
|
-
/**
|
|
37
|
-
* Вертикальный отступ снизу
|
|
38
|
-
*/
|
|
39
|
-
bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';
|
|
40
|
-
};
|
|
41
|
-
/**
|
|
42
|
-
* Горизонтальные отступы
|
|
43
|
-
*/
|
|
44
|
-
horizontalPadding?: 'left' | 'right' | 'both' | 'none';
|
|
45
|
-
/**
|
|
46
|
-
* Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
|
|
47
|
-
*/
|
|
48
|
-
tag?: ElementType;
|
|
49
|
-
/**
|
|
50
|
-
* Компоненты
|
|
51
|
-
*/
|
|
52
|
-
children: PureCellElement;
|
|
53
|
-
/**
|
|
54
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
55
|
-
*/
|
|
56
|
-
dataTestId?: string;
|
|
57
|
-
};
|
|
58
|
-
type AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
59
|
-
type ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
60
|
-
type ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;
|
|
61
|
-
type PureCellProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
|
|
62
|
-
/**
|
|
63
|
-
* Универсальный конструктор для сборки любой ячейки.
|
|
64
|
-
*
|
|
65
|
-
* [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
|
|
66
|
-
*/
|
|
67
|
-
declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.RefAttributes<HTMLElement>> & {
|
|
68
|
-
Main: React.FC<{
|
|
69
|
-
children: import("./components/types").MainElement;
|
|
70
|
-
isReverse?: boolean | undefined;
|
|
71
|
-
className?: string | undefined;
|
|
72
|
-
dataTestId?: string | undefined;
|
|
73
|
-
onClick?: (() => void) | undefined;
|
|
74
|
-
}>;
|
|
75
|
-
Graphics: React.FC<import("./components/graphics/index").Props>;
|
|
76
|
-
Content: React.FC<{
|
|
77
|
-
children: import("./components/types").ContentElement;
|
|
78
|
-
dataTestId?: string | undefined;
|
|
79
|
-
}>;
|
|
80
|
-
Text: React.FC<{
|
|
81
|
-
children?: React.ReactNode;
|
|
82
|
-
rowLimit?: 1 | 2 | undefined;
|
|
83
|
-
view?: "component" | "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "component-primary" | undefined;
|
|
84
|
-
titleWeight?: "bold" | "regular" | undefined;
|
|
85
|
-
titleColor: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark";
|
|
86
|
-
value?: React.ReactNode;
|
|
87
|
-
valueColor?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
|
|
88
|
-
dataTestId?: string | undefined;
|
|
89
|
-
}>;
|
|
90
|
-
Amount: React.FC<{
|
|
91
|
-
weight?: "bold" | "normal" | undefined;
|
|
92
|
-
textView?: "component" | "primary-small" | undefined;
|
|
93
|
-
color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
|
|
94
|
-
hidden?: boolean | undefined;
|
|
95
|
-
dataTestId?: string | undefined;
|
|
96
|
-
} & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
|
|
97
|
-
AmountTitle: React.FC<{
|
|
98
|
-
color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
|
|
99
|
-
titleProps?: import("@alfalab/core-components-typography").TitleProps | undefined;
|
|
100
|
-
hidden?: boolean | undefined;
|
|
101
|
-
dataTestId?: string | undefined;
|
|
102
|
-
} & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
|
|
103
|
-
Addon: React.FC<{
|
|
104
|
-
verticalAlign?: "center" | "auto" | "bottom" | "top" | undefined;
|
|
105
|
-
addonPadding?: "none" | "default" | undefined;
|
|
106
|
-
children: import("./components/types").AddonElement;
|
|
107
|
-
dataTestId?: string | undefined;
|
|
108
|
-
onClick?: (() => void) | undefined;
|
|
109
|
-
}>;
|
|
110
|
-
Footer: React.FC<{
|
|
111
|
-
children: import("./components/types").FooterElement;
|
|
112
|
-
footerPadding?: "none" | "default" | undefined;
|
|
113
|
-
dataTestId?: string | undefined;
|
|
114
|
-
}>;
|
|
115
|
-
ExtraSubtitle: React.FC<FooterTextProps>;
|
|
116
|
-
FooterButton: React.ForwardRefExoticComponent<(Omit<ButtonProps, "dataTestId"> & {
|
|
117
|
-
dataTestId?: string | undefined;
|
|
118
|
-
} & Partial<React.AnchorHTMLAttributes<HTMLAnchorElement> | React.ButtonHTMLAttributes<HTMLButtonElement>>) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
119
|
-
Comment: React.FC<import("@alfalab/core-components-comment").CommentProps>;
|
|
120
|
-
Category: React.FC<{
|
|
121
|
-
categoryName: string;
|
|
122
|
-
categoryPercent?: number | undefined;
|
|
123
|
-
rightAddons?: React.ReactNode;
|
|
124
|
-
dataTestId?: string | undefined;
|
|
125
|
-
}>;
|
|
126
|
-
};
|
|
127
|
-
export { PureCellContext, PureCellProps, PureCell };
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|