@phpsoftbox/react-softbox 0.1.1 → 0.3.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/README.md +8 -3
- package/dist/components/Badge/Badge.module.css +12 -12
- package/dist/components/Button/Button.d.ts +3 -1
- package/dist/components/Button/Button.js +16 -17
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/FileUploader/FileUploader.d.ts +22 -0
- package/dist/components/FileUploader/FileUploader.js +156 -0
- package/dist/components/FileUploader/FileUploader.js.map +1 -0
- package/dist/components/FileUploader/FileUploader.module.css +142 -0
- package/dist/components/Image/Image.d.ts +7 -0
- package/dist/components/Image/Image.js +15 -0
- package/dist/components/Image/Image.js.map +1 -0
- package/dist/components/Image/Image.module.css +17 -0
- package/dist/components/Input/Checkbox/Checkbox.d.ts +8 -0
- package/dist/components/Input/Checkbox/Checkbox.js +15 -0
- package/dist/components/Input/Checkbox/Checkbox.js.map +1 -0
- package/dist/components/Input/Checkbox/Checkbox.module.css +105 -0
- package/dist/components/Input/FloatLabel/FloatLabel.module.css +18 -4
- package/dist/components/Input/Input.d.ts +2 -0
- package/dist/components/Input/Input.js +2 -0
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/NumberInput.d.ts +3 -1
- package/dist/components/Input/NumberInput.js +97 -28
- package/dist/components/Input/NumberInput.js.map +1 -1
- package/dist/components/Input/Select/Select.js +1 -1
- package/dist/components/Input/Select/Select.js.map +1 -1
- package/dist/components/Menu/Dropdown.d.ts +36 -3
- package/dist/components/Menu/Dropdown.js +71 -3
- package/dist/components/Menu/Dropdown.js.map +1 -1
- package/dist/components/Menu/Menu.d.ts +4 -1
- package/dist/components/Menu/Menu.js +10 -3
- package/dist/components/Menu/Menu.js.map +1 -1
- package/dist/components/Menu/Menu.module.css +50 -4
- package/dist/components/Table/Table.d.ts +56 -0
- package/dist/components/Table/Table.js +199 -0
- package/dist/components/Table/Table.js.map +1 -0
- package/dist/components/Table/Table.module.css +203 -0
- package/dist/{components/Button/Button.module.css → foundations/buttons.css} +47 -19
- package/dist/foundations/index.css +2 -0
- package/dist/foundations/tokens.css +31 -22
- package/dist/foundations/utilities.css +675 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +4 -0
- package/dist/index.js.map +1 -1
- package/docs/README.md +2 -1
- package/docs/forms.md +36 -0
- package/docs/layout.md +31 -0
- package/docs/media.md +12 -0
- package/docs/navigation.md +29 -1
- package/docs/theme.md +28 -0
- package/docs/typography.md +11 -0
- package/package.json +5 -1
|
@@ -10,7 +10,7 @@ function HorizontalDropdown({ item, isOpen, classNames, content, dropdownId, ali
|
|
|
10
10
|
export default function Menu({ items, orientation = 'vertical', className, onItemSelect, as }) {
|
|
11
11
|
const navRef = React.useRef(null);
|
|
12
12
|
const isHorizontal = orientation === 'horizontal';
|
|
13
|
-
const getKey = (item, index) => item.id ?? item.label ?? `item-${index}`;
|
|
13
|
+
const getKey = (item, index) => item.id ?? (typeof item.label === 'string' ? item.label : null) ?? `item-${index}`;
|
|
14
14
|
const initGroups = React.useCallback(() => {
|
|
15
15
|
const map = {};
|
|
16
16
|
items.forEach((item, index) => {
|
|
@@ -114,16 +114,20 @@ export default function Menu({ items, orientation = 'vertical', className, onIte
|
|
|
114
114
|
return (_jsx("nav", { className: classes, "aria-orientation": orientation, "data-menu-root": "true", onKeyDown: handleKeyDown, ref: navRef, children: items.map((item, index) => {
|
|
115
115
|
const key = getKey(item, index);
|
|
116
116
|
if (item.divider) {
|
|
117
|
-
return _jsx("div", { className: styles.divider, role: "separator" }, key);
|
|
117
|
+
return _jsx("div", { className: [styles.divider, item.className].filter(Boolean).join(' '), role: "separator" }, key);
|
|
118
118
|
}
|
|
119
|
-
const
|
|
119
|
+
const labelContent = typeof item.label === 'string' || typeof item.label === 'number' ? (_jsx("span", { className: styles.label, children: item.label })) : (item.label);
|
|
120
|
+
const content = (_jsxs(_Fragment, { children: [item.icon ? _jsx("span", { className: styles.icon, children: item.icon }) : null, labelContent, item.meta ? _jsx("span", { className: styles.meta, children: item.meta }) : null] }));
|
|
120
121
|
const classNames = [
|
|
121
122
|
styles.item,
|
|
122
123
|
item.active ? styles.active : null,
|
|
123
124
|
item.disabled ? styles.disabled : null,
|
|
125
|
+
item.static ? styles.staticItem : null,
|
|
126
|
+
item.className,
|
|
124
127
|
]
|
|
125
128
|
.filter(Boolean)
|
|
126
129
|
.join(' ');
|
|
130
|
+
const staticClasses = [styles.staticItem, item.className].filter(Boolean).join(' ');
|
|
127
131
|
const handleClick = (event) => {
|
|
128
132
|
if (item.disabled) {
|
|
129
133
|
event.preventDefault();
|
|
@@ -132,6 +136,9 @@ export default function Menu({ items, orientation = 'vertical', className, onIte
|
|
|
132
136
|
item.onClick?.();
|
|
133
137
|
handleSelect(item);
|
|
134
138
|
};
|
|
139
|
+
if (item.static) {
|
|
140
|
+
return (_jsx("div", { className: staticClasses, role: "presentation", children: content }, key));
|
|
141
|
+
}
|
|
135
142
|
if (item.children && item.children.length > 0 && orientation === 'vertical') {
|
|
136
143
|
const isOpen = openGroups[key] ?? false;
|
|
137
144
|
const submenuId = `${key}-submenu`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,mBAAmB,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,10 @@
|
|
|
8
8
|
align-items: stretch;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
+
.vertical .item {
|
|
12
|
+
width: 100%;
|
|
13
|
+
}
|
|
14
|
+
|
|
11
15
|
.horizontal {
|
|
12
16
|
flex-direction: row;
|
|
13
17
|
align-items: center;
|
|
@@ -24,10 +28,22 @@
|
|
|
24
28
|
color: var(--color-text);
|
|
25
29
|
cursor: pointer;
|
|
26
30
|
font-weight: 600;
|
|
27
|
-
font-size:
|
|
31
|
+
font-size: var(--font-size-4);
|
|
28
32
|
transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
|
|
29
33
|
}
|
|
30
34
|
|
|
35
|
+
.label {
|
|
36
|
+
display: inline-flex;
|
|
37
|
+
align-items: center;
|
|
38
|
+
gap: 6px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.meta {
|
|
42
|
+
margin-left: auto;
|
|
43
|
+
display: inline-flex;
|
|
44
|
+
align-items: center;
|
|
45
|
+
}
|
|
46
|
+
|
|
31
47
|
.item:hover {
|
|
32
48
|
border-color: rgba(79, 230, 163, 0.35);
|
|
33
49
|
background: rgba(79, 230, 163, 0.08);
|
|
@@ -50,6 +66,27 @@
|
|
|
50
66
|
cursor: not-allowed;
|
|
51
67
|
}
|
|
52
68
|
|
|
69
|
+
.staticItem {
|
|
70
|
+
cursor: default;
|
|
71
|
+
border: none;
|
|
72
|
+
background: transparent;
|
|
73
|
+
padding: 0;
|
|
74
|
+
display: inline-flex;
|
|
75
|
+
align-items: center;
|
|
76
|
+
gap: 10px;
|
|
77
|
+
width: 100%;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.staticItem:hover {
|
|
81
|
+
border-color: transparent;
|
|
82
|
+
background: transparent;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.staticItem:focus-visible {
|
|
86
|
+
outline: none;
|
|
87
|
+
box-shadow: none;
|
|
88
|
+
}
|
|
89
|
+
|
|
53
90
|
.divider {
|
|
54
91
|
height: 1px;
|
|
55
92
|
background: var(--color-divider);
|
|
@@ -182,19 +219,20 @@
|
|
|
182
219
|
.dropdownMenu {
|
|
183
220
|
position: absolute;
|
|
184
221
|
top: calc(100% + 8px);
|
|
185
|
-
|
|
222
|
+
width: max-content;
|
|
186
223
|
max-width: calc(100vw - 24px);
|
|
187
224
|
background: var(--surface-panel);
|
|
188
225
|
border: 1px solid var(--color-line);
|
|
189
226
|
border-radius: var(--radius-md);
|
|
190
|
-
padding:
|
|
227
|
+
padding: 16px;
|
|
191
228
|
box-shadow: var(--shadow-soft);
|
|
192
229
|
z-index: 10;
|
|
193
230
|
transform-origin: top right;
|
|
194
231
|
animation: dropdown-in 0.18s ease;
|
|
195
232
|
box-sizing: border-box;
|
|
196
233
|
white-space: normal;
|
|
197
|
-
overflow-wrap:
|
|
234
|
+
overflow-wrap: break-word;
|
|
235
|
+
word-break: break-word;
|
|
198
236
|
}
|
|
199
237
|
|
|
200
238
|
.align-left {
|
|
@@ -205,6 +243,14 @@
|
|
|
205
243
|
right: 0;
|
|
206
244
|
}
|
|
207
245
|
|
|
246
|
+
.dropdownHeader {
|
|
247
|
+
letter-spacing: 0.14em;
|
|
248
|
+
text-transform: uppercase;
|
|
249
|
+
color: var(--color-muted);
|
|
250
|
+
font-weight: 600;
|
|
251
|
+
padding: 8px 0;
|
|
252
|
+
}
|
|
253
|
+
|
|
208
254
|
@media (max-width: 820px) {
|
|
209
255
|
.horizontal {
|
|
210
256
|
flex-wrap: wrap;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type TableSortDirection = 'asc' | 'desc';
|
|
3
|
+
export type TableSortState = {
|
|
4
|
+
key: string;
|
|
5
|
+
direction: TableSortDirection;
|
|
6
|
+
};
|
|
7
|
+
export type TableSortOptions = {
|
|
8
|
+
key?: string | null;
|
|
9
|
+
direction?: TableSortDirection | null;
|
|
10
|
+
param?: string;
|
|
11
|
+
orderParam?: string;
|
|
12
|
+
baseUrl?: string;
|
|
13
|
+
defaultDirection?: TableSortDirection;
|
|
14
|
+
buildUrl?: (next: TableSortState) => string;
|
|
15
|
+
onChange?: (next: TableSortState, url: string) => void;
|
|
16
|
+
};
|
|
17
|
+
export type TableColumn<T> = {
|
|
18
|
+
id?: string;
|
|
19
|
+
header?: React.ReactNode;
|
|
20
|
+
label?: React.ReactNode;
|
|
21
|
+
title?: React.ReactNode;
|
|
22
|
+
field?: keyof T | string;
|
|
23
|
+
accessor?: keyof T | string | ((row: T) => React.ReactNode);
|
|
24
|
+
cell?: (row: T, column: TableColumn<T>, rowIndex: number) => React.ReactNode;
|
|
25
|
+
align?: 'left' | 'center' | 'right';
|
|
26
|
+
width?: number | string;
|
|
27
|
+
minWidth?: number | string;
|
|
28
|
+
className?: string;
|
|
29
|
+
headerClassName?: string;
|
|
30
|
+
cellClassName?: string;
|
|
31
|
+
sortable?: boolean;
|
|
32
|
+
sortKey?: string;
|
|
33
|
+
footer?: React.ReactNode | ((rows: T[], column: TableColumn<T>) => React.ReactNode);
|
|
34
|
+
hidden?: boolean;
|
|
35
|
+
hideOn?: 'sm' | 'md' | 'lg';
|
|
36
|
+
};
|
|
37
|
+
export type TableProps<T> = React.HTMLAttributes<HTMLDivElement> & {
|
|
38
|
+
columns: TableColumn<T>[];
|
|
39
|
+
data: T[];
|
|
40
|
+
rowKey?: keyof T | string | ((row: T, index: number) => React.Key);
|
|
41
|
+
emptyState?: React.ReactNode;
|
|
42
|
+
caption?: React.ReactNode;
|
|
43
|
+
variant?: 'default' | 'striped' | 'bordered' | 'ghost';
|
|
44
|
+
size?: 'sm' | 'md';
|
|
45
|
+
stickyHeader?: boolean;
|
|
46
|
+
showFooter?: boolean;
|
|
47
|
+
sort?: TableSortOptions;
|
|
48
|
+
tableClassName?: string;
|
|
49
|
+
headClassName?: string;
|
|
50
|
+
bodyClassName?: string;
|
|
51
|
+
footerClassName?: string;
|
|
52
|
+
rowClassName?: string | ((row: T, index: number) => string);
|
|
53
|
+
};
|
|
54
|
+
type TableComponent = <T>(props: TableProps<T>) => React.ReactElement;
|
|
55
|
+
declare const Table: TableComponent;
|
|
56
|
+
export default Table;
|
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import styles from './Table.module.css';
|
|
3
|
+
const toCssValue = (value) => {
|
|
4
|
+
if (typeof value === 'number') {
|
|
5
|
+
return `${value}px`;
|
|
6
|
+
}
|
|
7
|
+
return value;
|
|
8
|
+
};
|
|
9
|
+
const normalizeNode = (value) => {
|
|
10
|
+
if (value === null || value === undefined) {
|
|
11
|
+
return '';
|
|
12
|
+
}
|
|
13
|
+
if (typeof value === 'symbol' || typeof value === 'bigint') {
|
|
14
|
+
return value.toString();
|
|
15
|
+
}
|
|
16
|
+
return value;
|
|
17
|
+
};
|
|
18
|
+
const resolveHeaderContent = (column) => normalizeNode(column.header ?? column.label ?? column.title ?? column.field ?? column.id ?? '');
|
|
19
|
+
const resolveSortKey = (column) => column.sortKey ?? (typeof column.field === 'string' ? column.field : null) ?? (typeof column.accessor === 'string' ? column.accessor : null) ?? column.id ?? null;
|
|
20
|
+
const resolveCellValue = (row, column, rowIndex) => {
|
|
21
|
+
if (column.cell) {
|
|
22
|
+
return column.cell(row, column, rowIndex);
|
|
23
|
+
}
|
|
24
|
+
if (column.accessor) {
|
|
25
|
+
if (typeof column.accessor === 'function') {
|
|
26
|
+
return column.accessor(row);
|
|
27
|
+
}
|
|
28
|
+
const accessorKey = column.accessor;
|
|
29
|
+
return row[accessorKey];
|
|
30
|
+
}
|
|
31
|
+
if (column.field) {
|
|
32
|
+
const fieldKey = column.field;
|
|
33
|
+
return row[fieldKey];
|
|
34
|
+
}
|
|
35
|
+
if (column.id) {
|
|
36
|
+
return row[column.id];
|
|
37
|
+
}
|
|
38
|
+
return null;
|
|
39
|
+
};
|
|
40
|
+
const getSortUrl = (options, next) => {
|
|
41
|
+
if (options?.buildUrl) {
|
|
42
|
+
return options.buildUrl(next);
|
|
43
|
+
}
|
|
44
|
+
const param = options?.param ?? 'sort';
|
|
45
|
+
const orderParam = options?.orderParam ?? 'order';
|
|
46
|
+
const base = options?.baseUrl ?? (typeof window !== 'undefined' ? window.location.href : '');
|
|
47
|
+
if (!base) {
|
|
48
|
+
return '';
|
|
49
|
+
}
|
|
50
|
+
try {
|
|
51
|
+
const isAbsolute = /^https?:\/\//i.test(base);
|
|
52
|
+
const origin = typeof window !== 'undefined' ? window.location.origin : 'http://localhost';
|
|
53
|
+
const url = new URL(base, isAbsolute ? undefined : origin);
|
|
54
|
+
url.searchParams.set(param, next.key);
|
|
55
|
+
url.searchParams.set(orderParam, next.direction);
|
|
56
|
+
return isAbsolute ? url.toString() : `${url.pathname}${url.search}${url.hash}`;
|
|
57
|
+
}
|
|
58
|
+
catch {
|
|
59
|
+
return '';
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
const getHideClass = (value) => {
|
|
63
|
+
if (value === 'sm') {
|
|
64
|
+
return styles.hideSm;
|
|
65
|
+
}
|
|
66
|
+
if (value === 'md') {
|
|
67
|
+
return styles.hideMd;
|
|
68
|
+
}
|
|
69
|
+
if (value === 'lg') {
|
|
70
|
+
return styles.hideLg;
|
|
71
|
+
}
|
|
72
|
+
return null;
|
|
73
|
+
};
|
|
74
|
+
function TableBase({ columns, data, rowKey, emptyState = 'Нет данных', caption, variant = 'default', size = 'md', stickyHeader = false, showFooter, sort, className, tableClassName, headClassName, bodyClassName, footerClassName, rowClassName, ...props }) {
|
|
75
|
+
const visibleColumns = columns.filter((column) => !column.hidden);
|
|
76
|
+
const shouldShowFooter = showFooter ?? visibleColumns.some((column) => column.footer !== undefined && column.footer !== null);
|
|
77
|
+
const colSpan = Math.max(visibleColumns.length, 1);
|
|
78
|
+
const currentSortKey = sort?.key ?? null;
|
|
79
|
+
const currentSortDirection = sort?.direction ?? null;
|
|
80
|
+
const defaultDirection = sort?.defaultDirection ?? 'asc';
|
|
81
|
+
const wrapperClasses = [
|
|
82
|
+
styles.wrapper,
|
|
83
|
+
variant === 'striped' ? styles.striped : null,
|
|
84
|
+
variant === 'bordered' ? styles.bordered : null,
|
|
85
|
+
variant === 'ghost' ? styles.ghost : null,
|
|
86
|
+
size === 'sm' ? styles.sizeSm : null,
|
|
87
|
+
stickyHeader ? styles.stickyHead : null,
|
|
88
|
+
className,
|
|
89
|
+
]
|
|
90
|
+
.filter(Boolean)
|
|
91
|
+
.join(' ');
|
|
92
|
+
const getRowKey = (row, index) => {
|
|
93
|
+
if (!rowKey) {
|
|
94
|
+
return index;
|
|
95
|
+
}
|
|
96
|
+
if (typeof rowKey === 'function') {
|
|
97
|
+
return rowKey(row, index);
|
|
98
|
+
}
|
|
99
|
+
const keyValue = row[rowKey];
|
|
100
|
+
if (keyValue === null || keyValue === undefined) {
|
|
101
|
+
return index;
|
|
102
|
+
}
|
|
103
|
+
if (typeof keyValue === 'string' || typeof keyValue === 'number') {
|
|
104
|
+
return keyValue;
|
|
105
|
+
}
|
|
106
|
+
return String(keyValue);
|
|
107
|
+
};
|
|
108
|
+
return (_jsx("div", { className: wrapperClasses, ...props, children: _jsxs("table", { className: [styles.table, tableClassName].filter(Boolean).join(' '), children: [caption ? _jsx("caption", { className: styles.caption, children: caption }) : null, _jsx("thead", { className: [styles.head, headClassName].filter(Boolean).join(' '), children: _jsx("tr", { children: visibleColumns.map((column, columnIndex) => {
|
|
109
|
+
const header = resolveHeaderContent(column);
|
|
110
|
+
const sortKey = resolveSortKey(column);
|
|
111
|
+
const isSortable = Boolean(column.sortable && sortKey);
|
|
112
|
+
const isSorted = Boolean(isSortable && currentSortKey && sortKey === currentSortKey);
|
|
113
|
+
const direction = isSorted ? currentSortDirection ?? defaultDirection : null;
|
|
114
|
+
const nextDirection = isSorted ? (direction === 'asc' ? 'desc' : 'asc') : defaultDirection;
|
|
115
|
+
const nextState = sortKey ? { key: sortKey, direction: nextDirection } : null;
|
|
116
|
+
const sortUrl = nextState ? getSortUrl(sort, nextState) : '';
|
|
117
|
+
const alignClass = column.align === 'center' ? styles.alignCenter : column.align === 'right' ? styles.alignRight : null;
|
|
118
|
+
const hideClass = getHideClass(column.hideOn);
|
|
119
|
+
const headerClasses = [
|
|
120
|
+
styles.headCell,
|
|
121
|
+
alignClass,
|
|
122
|
+
hideClass,
|
|
123
|
+
isSortable ? styles.sortable : null,
|
|
124
|
+
isSorted && direction === 'asc' ? styles.sortedAsc : null,
|
|
125
|
+
isSorted && direction === 'desc' ? styles.sortedDesc : null,
|
|
126
|
+
column.headerClassName,
|
|
127
|
+
column.className,
|
|
128
|
+
]
|
|
129
|
+
.filter(Boolean)
|
|
130
|
+
.join(' ');
|
|
131
|
+
const inlineStyle = {
|
|
132
|
+
width: toCssValue(column.width),
|
|
133
|
+
minWidth: toCssValue(column.minWidth),
|
|
134
|
+
};
|
|
135
|
+
const handleSortClick = (event) => {
|
|
136
|
+
if (!nextState) {
|
|
137
|
+
event.preventDefault();
|
|
138
|
+
return;
|
|
139
|
+
}
|
|
140
|
+
if (sort?.onChange) {
|
|
141
|
+
event.preventDefault();
|
|
142
|
+
sort.onChange(nextState, sortUrl);
|
|
143
|
+
return;
|
|
144
|
+
}
|
|
145
|
+
if (!sortUrl) {
|
|
146
|
+
event.preventDefault();
|
|
147
|
+
}
|
|
148
|
+
};
|
|
149
|
+
return (_jsx("th", { className: headerClasses, style: inlineStyle, "aria-sort": isSortable ? (direction === 'asc' ? 'ascending' : direction === 'desc' ? 'descending' : 'none') : undefined, scope: "col", children: isSortable ? (_jsxs("a", { href: sortUrl || '#', className: styles.sortButton, onClick: handleSortClick, children: [_jsx("span", { children: header }), _jsx("span", { className: styles.sortIndicator, "aria-hidden": "true" })] })) : (header) }, column.id ?? `${columnIndex}`));
|
|
150
|
+
}) }) }), _jsx("tbody", { className: [styles.body, bodyClassName].filter(Boolean).join(' '), children: data.length === 0 ? (_jsx("tr", { className: styles.row, children: _jsx("td", { className: [styles.cell, styles.emptyCell, styles.noLabel].filter(Boolean).join(' '), colSpan: colSpan, "data-label": "", children: emptyState }) })) : (data.map((row, rowIndex) => {
|
|
151
|
+
const resolvedRowClassName = typeof rowClassName === 'function' ? rowClassName(row, rowIndex) : rowClassName;
|
|
152
|
+
const resolvedKey = getRowKey(row, rowIndex);
|
|
153
|
+
return (_jsx("tr", { className: [styles.row, resolvedRowClassName].filter(Boolean).join(' '), children: visibleColumns.map((column, columnIndex) => {
|
|
154
|
+
const alignClass = column.align === 'center' ? styles.alignCenter : column.align === 'right' ? styles.alignRight : null;
|
|
155
|
+
const hideClass = getHideClass(column.hideOn);
|
|
156
|
+
const cellClasses = [
|
|
157
|
+
styles.cell,
|
|
158
|
+
alignClass,
|
|
159
|
+
hideClass,
|
|
160
|
+
column.cellClassName,
|
|
161
|
+
column.className,
|
|
162
|
+
]
|
|
163
|
+
.filter(Boolean)
|
|
164
|
+
.join(' ');
|
|
165
|
+
const inlineStyle = {
|
|
166
|
+
width: toCssValue(column.width),
|
|
167
|
+
minWidth: toCssValue(column.minWidth),
|
|
168
|
+
};
|
|
169
|
+
const value = resolveCellValue(row, column, rowIndex);
|
|
170
|
+
return (_jsx("td", { className: cellClasses, style: inlineStyle, children: _jsx("div", { className: styles.cellContent, children: value }) }, `${resolvedKey}-${column.id ?? columnIndex}`));
|
|
171
|
+
}) }, resolvedKey));
|
|
172
|
+
})) }), shouldShowFooter ? (_jsx("tfoot", { className: [styles.footer, footerClassName].filter(Boolean).join(' '), children: _jsx("tr", { className: styles.footerRow, children: visibleColumns.map((column, columnIndex) => {
|
|
173
|
+
const alignClass = column.align === 'center' ? styles.alignCenter : column.align === 'right' ? styles.alignRight : null;
|
|
174
|
+
const hideClass = getHideClass(column.hideOn);
|
|
175
|
+
const footerClasses = [
|
|
176
|
+
styles.footerCell,
|
|
177
|
+
alignClass,
|
|
178
|
+
hideClass,
|
|
179
|
+
column.className,
|
|
180
|
+
]
|
|
181
|
+
.filter(Boolean)
|
|
182
|
+
.join(' ');
|
|
183
|
+
const inlineStyle = {
|
|
184
|
+
width: toCssValue(column.width),
|
|
185
|
+
minWidth: toCssValue(column.minWidth),
|
|
186
|
+
};
|
|
187
|
+
let footerValue = null;
|
|
188
|
+
if (typeof column.footer === 'function') {
|
|
189
|
+
footerValue = column.footer(data, column);
|
|
190
|
+
}
|
|
191
|
+
else if (column.footer !== undefined) {
|
|
192
|
+
footerValue = column.footer;
|
|
193
|
+
}
|
|
194
|
+
return (_jsx("td", { className: footerClasses, style: inlineStyle, children: _jsx("div", { className: styles.cellContent, children: footerValue }) }, `footer-${column.id ?? columnIndex}`));
|
|
195
|
+
}) }) })) : null] }) }));
|
|
196
|
+
}
|
|
197
|
+
const Table = TableBase;
|
|
198
|
+
export default Table;
|
|
199
|
+
//# sourceMappingURL=Table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
.wrapper {
|
|
2
|
+
width: 100%;
|
|
3
|
+
overflow-x: auto;
|
|
4
|
+
border-radius: var(--radius-md);
|
|
5
|
+
border: 1px solid var(--color-line);
|
|
6
|
+
background: var(--surface-panel);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.ghost {
|
|
10
|
+
border: none;
|
|
11
|
+
background: transparent;
|
|
12
|
+
box-shadow: none;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.table {
|
|
16
|
+
width: 100%;
|
|
17
|
+
border-collapse: collapse;
|
|
18
|
+
color: var(--color-text);
|
|
19
|
+
font-size: var(--font-size-3);
|
|
20
|
+
min-width: var(--ui-table-min, 560px);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.caption {
|
|
24
|
+
caption-side: top;
|
|
25
|
+
text-align: left;
|
|
26
|
+
padding: var(--spacing-3) var(--spacing-4);
|
|
27
|
+
font-size: var(--font-size-2);
|
|
28
|
+
color: var(--color-muted);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.head {
|
|
32
|
+
background: var(--surface-tile);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.body {
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.row:hover {
|
|
39
|
+
background: var(--surface-tile-soft);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.cell,
|
|
43
|
+
.headCell,
|
|
44
|
+
.footerCell {
|
|
45
|
+
padding: var(--spacing-3) var(--spacing-4);
|
|
46
|
+
border-bottom: 1px solid var(--color-divider);
|
|
47
|
+
vertical-align: top;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.headCell {
|
|
51
|
+
font-size: var(--font-size-2);
|
|
52
|
+
letter-spacing: 0.02em;
|
|
53
|
+
color: var(--color-muted);
|
|
54
|
+
text-align: left;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.cell {
|
|
58
|
+
font-size: var(--font-size-3);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.cellContent {
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.footer {
|
|
65
|
+
background: var(--surface-panel-soft);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.footerRow {
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.footerCell {
|
|
72
|
+
font-weight: 600;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.striped .row:nth-child(even) {
|
|
76
|
+
background: var(--surface-tile);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.bordered .headCell,
|
|
80
|
+
.bordered .cell,
|
|
81
|
+
.bordered .footerCell {
|
|
82
|
+
border-right: 1px solid var(--color-divider);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.bordered .headCell:last-child,
|
|
86
|
+
.bordered .cell:last-child,
|
|
87
|
+
.bordered .footerCell:last-child {
|
|
88
|
+
border-right: none;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.sizeSm .headCell,
|
|
92
|
+
.sizeSm .cell,
|
|
93
|
+
.sizeSm .footerCell {
|
|
94
|
+
padding: var(--spacing-2) var(--spacing-3);
|
|
95
|
+
font-size: var(--font-size-2);
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.alignCenter {
|
|
99
|
+
text-align: center;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.alignRight {
|
|
103
|
+
text-align: right;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.sortable {
|
|
107
|
+
cursor: pointer;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.sortButton {
|
|
111
|
+
display: inline-flex;
|
|
112
|
+
align-items: center;
|
|
113
|
+
gap: var(--spacing-1);
|
|
114
|
+
color: inherit;
|
|
115
|
+
text-decoration: none;
|
|
116
|
+
border: none;
|
|
117
|
+
background: transparent;
|
|
118
|
+
font: inherit;
|
|
119
|
+
padding: 0;
|
|
120
|
+
cursor: pointer;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.sortIndicator {
|
|
124
|
+
position: relative;
|
|
125
|
+
width: 10px;
|
|
126
|
+
height: 12px;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.sortIndicator::before,
|
|
130
|
+
.sortIndicator::after {
|
|
131
|
+
content: '';
|
|
132
|
+
position: absolute;
|
|
133
|
+
left: 1px;
|
|
134
|
+
border-left: 4px solid transparent;
|
|
135
|
+
border-right: 4px solid transparent;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.sortIndicator::before {
|
|
139
|
+
top: 0;
|
|
140
|
+
border-bottom: 5px solid var(--color-muted-2);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.sortIndicator::after {
|
|
144
|
+
bottom: 0;
|
|
145
|
+
border-top: 5px solid var(--color-muted-2);
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.sortedAsc .sortIndicator::before {
|
|
149
|
+
border-bottom-color: var(--color-text);
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.sortedDesc .sortIndicator::after {
|
|
153
|
+
border-top-color: var(--color-text);
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
.sortedAsc {
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.sortedDesc {
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.stickyHead .headCell {
|
|
163
|
+
position: sticky;
|
|
164
|
+
top: 0;
|
|
165
|
+
z-index: 1;
|
|
166
|
+
box-shadow: 0 1px 0 var(--color-divider);
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.emptyCell {
|
|
170
|
+
padding: var(--spacing-6);
|
|
171
|
+
text-align: center;
|
|
172
|
+
color: var(--color-muted);
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.hideSm {
|
|
176
|
+
display: table-cell;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
.hideMd {
|
|
180
|
+
display: table-cell;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.hideLg {
|
|
184
|
+
display: table-cell;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
@media (max-width: 1280px) {
|
|
188
|
+
.hideLg {
|
|
189
|
+
display: none;
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
@media (max-width: 1024px) {
|
|
194
|
+
.hideMd {
|
|
195
|
+
display: none;
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
@media (max-width: 720px) {
|
|
200
|
+
.hideSm {
|
|
201
|
+
display: none;
|
|
202
|
+
}
|
|
203
|
+
}
|