@phpsoftbox/react-softbox 1.4.5 → 1.5.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/README.md +2 -0
- package/dist/components/Card/Card.d.ts +15 -0
- package/dist/components/Card/Card.js +119 -2
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/Card.module.css +95 -14
- package/dist/components/FileUploader/FileUploader.d.ts +2 -1
- package/dist/components/FileUploader/FileUploader.js +10 -4
- package/dist/components/FileUploader/FileUploader.js.map +1 -1
- package/dist/components/Input/Field.js +8 -3
- package/dist/components/Input/Field.js.map +1 -1
- package/dist/components/Input/FloatLabel/FloatLabel.module.css +8 -0
- package/dist/components/Input/FormField/FormField.module.css +13 -0
- package/dist/components/Input/MaskedInput.d.ts +1 -1
- package/dist/components/Input/MaskedInput.js +45 -5
- package/dist/components/Input/MaskedInput.js.map +1 -1
- package/dist/components/Input/Select/Select.js +12 -5
- package/dist/components/Input/Select/Select.js.map +1 -1
- package/dist/components/Input/Select/Select.module.css +6 -2
- package/dist/components/Menu/Dropdown.js +8 -1
- package/dist/components/Menu/Dropdown.js.map +1 -1
- package/dist/components/Menu/Menu.module.css +2 -1
- package/dist/components/Wizard/Wizard.d.ts +150 -0
- package/dist/components/Wizard/Wizard.js +486 -0
- package/dist/components/Wizard/Wizard.js.map +1 -0
- package/dist/components/Wizard/Wizard.module.css +155 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/docs/README.md +1 -0
- package/docs/card.md +18 -0
- package/docs/wizard.md +58 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -42,6 +42,7 @@ import {
|
|
|
42
42
|
Text,
|
|
43
43
|
Textarea,
|
|
44
44
|
Tooltip,
|
|
45
|
+
Wizard,
|
|
45
46
|
} from '@phpsoftbox/react-softbox';
|
|
46
47
|
```
|
|
47
48
|
|
|
@@ -71,6 +72,7 @@ setThemeMode('dark');
|
|
|
71
72
|
- `docs/tabs.md`
|
|
72
73
|
- `docs/progress.md`
|
|
73
74
|
- `docs/breadcrumbs.md`
|
|
75
|
+
- `docs/wizard.md`
|
|
74
76
|
|
|
75
77
|
## Playground
|
|
76
78
|
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import Button from '../Button/Button';
|
|
2
3
|
type CardProps = React.HTMLAttributes<HTMLDivElement>;
|
|
3
4
|
type CardHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
4
5
|
title?: React.ReactNode;
|
|
@@ -8,10 +9,24 @@ type CardHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
|
8
9
|
type CardSectionProps = React.HTMLAttributes<HTMLDivElement>;
|
|
9
10
|
type CardToolbarProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
10
11
|
align?: 'left' | 'right' | 'between';
|
|
12
|
+
buttonHideLabelOn?: 'never' | 'md';
|
|
11
13
|
};
|
|
12
14
|
type CardToolbarGroupProps = React.HTMLAttributes<HTMLDivElement>;
|
|
15
|
+
type CardToolbarButtonBaseProps = Omit<React.ComponentProps<typeof Button>, 'children'> & {
|
|
16
|
+
icon?: React.ReactNode;
|
|
17
|
+
label?: React.ReactNode;
|
|
18
|
+
hideLabelOn?: 'never' | 'md';
|
|
19
|
+
};
|
|
20
|
+
type CardToolbarButtonProps = (CardToolbarButtonBaseProps & {
|
|
21
|
+
icon: React.ReactNode;
|
|
22
|
+
label?: React.ReactNode;
|
|
23
|
+
}) | (CardToolbarButtonBaseProps & {
|
|
24
|
+
icon?: React.ReactNode;
|
|
25
|
+
label: React.ReactNode;
|
|
26
|
+
});
|
|
13
27
|
type CardToolbarComponent = React.FC<CardToolbarProps> & {
|
|
14
28
|
Group: React.FC<CardToolbarGroupProps>;
|
|
29
|
+
Button: React.FC<CardToolbarButtonProps>;
|
|
15
30
|
};
|
|
16
31
|
type CardComponent = React.FC<CardProps> & {
|
|
17
32
|
Header: React.FC<CardHeaderProps>;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
2
3
|
import styles from './Card.module.css';
|
|
4
|
+
import Button from '../Button/Button';
|
|
3
5
|
function CardBase({ className, ...props }) {
|
|
4
6
|
const classes = [styles.card, className].filter(Boolean).join(' ');
|
|
5
7
|
return _jsx("section", { className: classes, ...props });
|
|
@@ -17,14 +19,128 @@ function CardFooter({ className, ...props }) {
|
|
|
17
19
|
const classes = [styles.footer, className].filter(Boolean).join(' ');
|
|
18
20
|
return _jsx("div", { className: classes, ...props });
|
|
19
21
|
}
|
|
20
|
-
|
|
22
|
+
const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
|
|
23
|
+
const CardToolbarContext = React.createContext({ hideLabelOn: 'md' });
|
|
24
|
+
const resolveToolbarRows = (elements) => {
|
|
25
|
+
let currentTop = null;
|
|
26
|
+
let currentRow = 0;
|
|
27
|
+
return elements.map((element) => {
|
|
28
|
+
const top = Math.round(element.offsetTop);
|
|
29
|
+
if (currentTop === null) {
|
|
30
|
+
currentTop = top;
|
|
31
|
+
return { row: currentRow, rowStart: true };
|
|
32
|
+
}
|
|
33
|
+
if (Math.abs(top - currentTop) > 1) {
|
|
34
|
+
currentTop = top;
|
|
35
|
+
currentRow += 1;
|
|
36
|
+
return { row: currentRow, rowStart: true };
|
|
37
|
+
}
|
|
38
|
+
return { row: currentRow, rowStart: false };
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
const isSameRows = (left, right) => {
|
|
42
|
+
if (left.length !== right.length) {
|
|
43
|
+
return false;
|
|
44
|
+
}
|
|
45
|
+
for (let index = 0; index < left.length; index += 1) {
|
|
46
|
+
if (left[index].row !== right[index].row || left[index].rowStart !== right[index].rowStart) {
|
|
47
|
+
return false;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
return true;
|
|
51
|
+
};
|
|
52
|
+
function CardToolbarBase({ align = 'left', buttonHideLabelOn = 'md', className, children, ...props }) {
|
|
21
53
|
const alignClass = align === 'right'
|
|
22
54
|
? styles.toolbarAlignRight
|
|
23
55
|
: align === 'between'
|
|
24
56
|
? styles.toolbarAlignBetween
|
|
25
57
|
: styles.toolbarAlignLeft;
|
|
26
58
|
const classes = [styles.toolbar, alignClass, className].filter(Boolean).join(' ');
|
|
27
|
-
|
|
59
|
+
const rootRef = React.useRef(null);
|
|
60
|
+
const [rows, setRows] = React.useState([]);
|
|
61
|
+
const toolbarChildren = React.Children.toArray(children);
|
|
62
|
+
useIsomorphicLayoutEffect(() => {
|
|
63
|
+
const root = rootRef.current;
|
|
64
|
+
if (!root) {
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
let frameId = null;
|
|
68
|
+
const collect = () => {
|
|
69
|
+
root.setAttribute('data-toolbar-measuring', 'true');
|
|
70
|
+
try {
|
|
71
|
+
const items = Array.from(root.querySelectorAll('[data-card-toolbar-item="true"]'));
|
|
72
|
+
const nextRows = resolveToolbarRows(items);
|
|
73
|
+
setRows((previousRows) => (isSameRows(previousRows, nextRows) ? previousRows : nextRows));
|
|
74
|
+
}
|
|
75
|
+
finally {
|
|
76
|
+
root.removeAttribute('data-toolbar-measuring');
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
const scheduleCollect = () => {
|
|
80
|
+
if (typeof window === 'undefined') {
|
|
81
|
+
collect();
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
84
|
+
if (frameId !== null) {
|
|
85
|
+
window.cancelAnimationFrame(frameId);
|
|
86
|
+
}
|
|
87
|
+
frameId = window.requestAnimationFrame(() => {
|
|
88
|
+
frameId = null;
|
|
89
|
+
collect();
|
|
90
|
+
});
|
|
91
|
+
};
|
|
92
|
+
scheduleCollect();
|
|
93
|
+
const handleResize = () => scheduleCollect();
|
|
94
|
+
window.addEventListener('resize', handleResize);
|
|
95
|
+
if (typeof ResizeObserver !== 'undefined') {
|
|
96
|
+
const observer = new ResizeObserver(() => scheduleCollect());
|
|
97
|
+
observer.observe(root);
|
|
98
|
+
Array.from(root.children).forEach((child) => {
|
|
99
|
+
if (child instanceof HTMLElement) {
|
|
100
|
+
observer.observe(child);
|
|
101
|
+
}
|
|
102
|
+
});
|
|
103
|
+
return () => {
|
|
104
|
+
observer.disconnect();
|
|
105
|
+
window.removeEventListener('resize', handleResize);
|
|
106
|
+
if (frameId !== null) {
|
|
107
|
+
window.cancelAnimationFrame(frameId);
|
|
108
|
+
}
|
|
109
|
+
};
|
|
110
|
+
}
|
|
111
|
+
return () => {
|
|
112
|
+
window.removeEventListener('resize', handleResize);
|
|
113
|
+
if (frameId !== null) {
|
|
114
|
+
window.cancelAnimationFrame(frameId);
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
}, [toolbarChildren.length]);
|
|
118
|
+
return (_jsx(CardToolbarContext.Provider, { value: { hideLabelOn: buttonHideLabelOn }, children: _jsx("div", { ref: rootRef, className: classes, ...props, children: toolbarChildren.map((child, index) => {
|
|
119
|
+
const rowMeta = rows[index];
|
|
120
|
+
const key = React.isValidElement(child) && child.key !== null ? child.key : `toolbar-item-${index}`;
|
|
121
|
+
const row = rowMeta?.row ?? 0;
|
|
122
|
+
const rowStart = rowMeta?.rowStart ?? index === 0;
|
|
123
|
+
return (_jsx("div", { className: styles.toolbarItem, "data-card-toolbar-item": "true", "data-toolbar-row": row, "data-toolbar-row-start": rowStart ? 'true' : 'false', "data-toolbar-row-wrapped": row > 0 ? 'true' : 'false', children: child }, key));
|
|
124
|
+
}) }) }));
|
|
125
|
+
}
|
|
126
|
+
function CardToolbarButton({ icon, label, hideLabelOn, className, ...props }) {
|
|
127
|
+
const toolbarConfig = React.useContext(CardToolbarContext);
|
|
128
|
+
const resolvedHideLabelOn = hideLabelOn ?? toolbarConfig.hideLabelOn;
|
|
129
|
+
const hasIcon = icon !== undefined && icon !== null;
|
|
130
|
+
const hasLabel = label !== undefined && label !== null;
|
|
131
|
+
if (!hasIcon && !hasLabel) {
|
|
132
|
+
return null;
|
|
133
|
+
}
|
|
134
|
+
const hasBoth = hasIcon && hasLabel;
|
|
135
|
+
const classes = [
|
|
136
|
+
styles.toolbarButton,
|
|
137
|
+
hasBoth ? styles.toolbarButtonHasBoth : null,
|
|
138
|
+
hasBoth && resolvedHideLabelOn === 'md' ? styles.toolbarButtonHideLabelMd : null,
|
|
139
|
+
className,
|
|
140
|
+
]
|
|
141
|
+
.filter(Boolean)
|
|
142
|
+
.join(' ');
|
|
143
|
+
return (_jsxs(Button, { size: "sm", appearance: "outline", className: classes, ...props, children: [hasIcon ? _jsx("span", { className: styles.toolbarButtonIcon, children: icon }) : null, hasBoth ? _jsx("span", { className: styles.toolbarButtonSeparator, "aria-hidden": "true" }) : null, hasLabel ? (_jsx("span", { className: styles.toolbarButtonLabel, children: label })) : null] }));
|
|
28
144
|
}
|
|
29
145
|
function CardToolbarGroup({ className, ...props }) {
|
|
30
146
|
const classes = [styles.toolbarGroup, className].filter(Boolean).join(' ');
|
|
@@ -32,6 +148,7 @@ function CardToolbarGroup({ className, ...props }) {
|
|
|
32
148
|
}
|
|
33
149
|
const CardToolbar = Object.assign(CardToolbarBase, {
|
|
34
150
|
Group: CardToolbarGroup,
|
|
151
|
+
Button: CardToolbarButton,
|
|
35
152
|
});
|
|
36
153
|
const Card = Object.assign(CardBase, {
|
|
37
154
|
Header: CardHeader,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,12 +19,15 @@
|
|
|
19
19
|
|
|
20
20
|
.toolbar {
|
|
21
21
|
display: flex;
|
|
22
|
-
align-items:
|
|
23
|
-
|
|
22
|
+
align-items: stretch;
|
|
23
|
+
flex-wrap: wrap;
|
|
24
|
+
column-gap: var(--spacing-2);
|
|
25
|
+
row-gap: 0;
|
|
24
26
|
padding: var(--spacing-2) var(--spacing-3);
|
|
25
27
|
border-radius: var(--radius-md);
|
|
26
28
|
border: 1px solid var(--color-line);
|
|
27
29
|
background: var(--surface-panel-soft);
|
|
30
|
+
overflow: hidden;
|
|
28
31
|
}
|
|
29
32
|
|
|
30
33
|
.toolbarAlignLeft {
|
|
@@ -39,30 +42,95 @@
|
|
|
39
42
|
justify-content: space-between;
|
|
40
43
|
}
|
|
41
44
|
|
|
42
|
-
.
|
|
43
|
-
display:
|
|
45
|
+
.toolbarItem {
|
|
46
|
+
display: flex;
|
|
44
47
|
align-items: center;
|
|
45
|
-
|
|
46
|
-
min-height: 30px;
|
|
47
|
-
position: relative;
|
|
48
|
+
min-width: 0;
|
|
48
49
|
}
|
|
49
50
|
|
|
50
|
-
.
|
|
51
|
-
|
|
52
|
-
padding-left: var(--spacing-3);
|
|
51
|
+
.toolbarItem[data-toolbar-row-start="false"] {
|
|
52
|
+
position: relative;
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
.
|
|
55
|
+
.toolbarItem[data-toolbar-row-start="false"]::before {
|
|
56
56
|
content: '';
|
|
57
57
|
position: absolute;
|
|
58
|
-
left:
|
|
59
|
-
top:
|
|
60
|
-
bottom:
|
|
58
|
+
left: calc(var(--spacing-2) / -2);
|
|
59
|
+
top: 0;
|
|
60
|
+
bottom: 0;
|
|
61
61
|
width: 1px;
|
|
62
62
|
background: var(--color-line);
|
|
63
63
|
opacity: 0.55;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
+
.toolbarItem[data-toolbar-row-wrapped="true"] {
|
|
67
|
+
margin-top: var(--spacing-2);
|
|
68
|
+
padding-top: var(--spacing-2);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.toolbarItem[data-toolbar-row-start="true"][data-toolbar-row-wrapped="true"] {
|
|
72
|
+
position: relative;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.toolbarItem[data-toolbar-row-start="true"][data-toolbar-row-wrapped="true"]::before {
|
|
76
|
+
content: '';
|
|
77
|
+
position: absolute;
|
|
78
|
+
top: 0;
|
|
79
|
+
left: -2000px;
|
|
80
|
+
right: -2000px;
|
|
81
|
+
height: 1px;
|
|
82
|
+
background: var(--color-line);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.toolbar[data-toolbar-measuring="true"] .toolbarItem[data-toolbar-row-wrapped="true"] {
|
|
86
|
+
margin-top: 0;
|
|
87
|
+
padding-top: 0;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.toolbar[data-toolbar-measuring="true"] .toolbarItem[data-toolbar-row-start="false"]::before,
|
|
91
|
+
.toolbar[data-toolbar-measuring="true"] .toolbarItem[data-toolbar-row-start="true"][data-toolbar-row-wrapped="true"]::before {
|
|
92
|
+
display: none;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.toolbarGroup {
|
|
96
|
+
display: inline-flex;
|
|
97
|
+
align-items: center;
|
|
98
|
+
flex-wrap: wrap;
|
|
99
|
+
gap: var(--spacing-2);
|
|
100
|
+
padding-inline: var(--spacing-1);
|
|
101
|
+
min-height: 30px;
|
|
102
|
+
min-width: 0;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.toolbarButton {
|
|
106
|
+
min-height: 32px;
|
|
107
|
+
min-width: 0;
|
|
108
|
+
max-width: 100%;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.toolbarButtonIcon {
|
|
112
|
+
display: inline-flex;
|
|
113
|
+
align-items: center;
|
|
114
|
+
justify-content: center;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.toolbarButtonLabel {
|
|
118
|
+
display: inline-flex;
|
|
119
|
+
align-items: center;
|
|
120
|
+
min-width: 0;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.toolbarButtonSeparator {
|
|
124
|
+
width: 1px;
|
|
125
|
+
align-self: stretch;
|
|
126
|
+
background: currentColor;
|
|
127
|
+
opacity: 0.4;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.toolbarButtonHasBoth {
|
|
131
|
+
gap: var(--spacing-2);
|
|
132
|
+
}
|
|
133
|
+
|
|
66
134
|
.headerMain {
|
|
67
135
|
display: flex;
|
|
68
136
|
flex-direction: column;
|
|
@@ -99,3 +167,16 @@
|
|
|
99
167
|
justify-content: flex-end;
|
|
100
168
|
gap: var(--spacing-3);
|
|
101
169
|
}
|
|
170
|
+
|
|
171
|
+
@media (max-width: 1024px) {
|
|
172
|
+
.toolbarButtonHideLabelMd .toolbarButtonLabel,
|
|
173
|
+
.toolbarButtonHideLabelMd .toolbarButtonSeparator {
|
|
174
|
+
display: none;
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
@media (max-width: 720px) {
|
|
179
|
+
.toolbar {
|
|
180
|
+
padding: var(--spacing-2);
|
|
181
|
+
}
|
|
182
|
+
}
|
|
@@ -8,6 +8,7 @@ export type FileUploaderProps = {
|
|
|
8
8
|
multiple?: boolean;
|
|
9
9
|
accept?: string;
|
|
10
10
|
allowedTypes?: string[];
|
|
11
|
+
allowedMimeTypes?: string[];
|
|
11
12
|
maxFileSizeKb?: number;
|
|
12
13
|
disabled?: boolean;
|
|
13
14
|
showPreview?: boolean;
|
|
@@ -24,4 +25,4 @@ export type FileUploaderProps = {
|
|
|
24
25
|
removeLabel?: React.ReactNode;
|
|
25
26
|
className?: string;
|
|
26
27
|
};
|
|
27
|
-
export default function FileUploader({ value, defaultValue, onChange, onUpload, autoUpload, multiple, accept, allowedTypes, maxFileSizeKb, disabled, showPreview, uploadButtonAlign, uploadButtonPlacement, externalErrors, dropLabel, supportedTypesLabel, maxFileSizeLabel, buttonLabel, uploadLabel, filesLabel, allowRemove, removeLabel, className, }: FileUploaderProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export default function FileUploader({ value, defaultValue, onChange, onUpload, autoUpload, multiple, accept, allowedTypes, allowedMimeTypes, maxFileSizeKb, disabled, showPreview, uploadButtonAlign, uploadButtonPlacement, externalErrors, dropLabel, supportedTypesLabel, maxFileSizeLabel, buttonLabel, uploadLabel, filesLabel, allowRemove, removeLabel, className, }: FileUploaderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -32,7 +32,7 @@ const isAllowedType = (file, allowedTypes) => {
|
|
|
32
32
|
};
|
|
33
33
|
const isImage = (file) => file.type.startsWith('image/');
|
|
34
34
|
const defaultFilesLabel = (count) => `Выбрано: ${count}`;
|
|
35
|
-
export default function FileUploader({ value, defaultValue, onChange, onUpload, autoUpload = false, multiple = false, accept, allowedTypes = [], maxFileSizeKb, disabled = false, showPreview = false, uploadButtonAlign = 'right', uploadButtonPlacement = 'afterPreview', externalErrors = [], dropLabel = 'Перетащите файлы сюда или выберите вручную', supportedTypesLabel = 'Допустимые форматы:', maxFileSizeLabel = 'Максимальный размер файла:', buttonLabel = 'Выбрать файлы', uploadLabel = 'Загрузить', filesLabel = defaultFilesLabel, allowRemove = true, removeLabel = 'Удалить', className, }) {
|
|
35
|
+
export default function FileUploader({ value, defaultValue, onChange, onUpload, autoUpload = false, multiple = false, accept, allowedTypes = [], allowedMimeTypes = [], maxFileSizeKb, disabled = false, showPreview = false, uploadButtonAlign = 'right', uploadButtonPlacement = 'afterPreview', externalErrors = [], dropLabel = 'Перетащите файлы сюда или выберите вручную', supportedTypesLabel = 'Допустимые форматы:', maxFileSizeLabel = 'Максимальный размер файла:', buttonLabel = 'Выбрать файлы', uploadLabel = 'Загрузить', filesLabel = defaultFilesLabel, allowRemove = true, removeLabel = 'Удалить', className, }) {
|
|
36
36
|
const [internalFiles, setInternalFiles] = React.useState(defaultValue ?? []);
|
|
37
37
|
const [errors, setErrors] = React.useState([]);
|
|
38
38
|
const [isUploading, setIsUploading] = React.useState(false);
|
|
@@ -40,6 +40,12 @@ export default function FileUploader({ value, defaultValue, onChange, onUpload,
|
|
|
40
40
|
const [previews, setPreviews] = React.useState([]);
|
|
41
41
|
const inputRef = React.useRef(null);
|
|
42
42
|
const files = value ?? internalFiles;
|
|
43
|
+
const mergedAllowedTypes = React.useMemo(() => {
|
|
44
|
+
const tokens = [...allowedTypes, ...allowedMimeTypes]
|
|
45
|
+
.map((item) => toLower(item))
|
|
46
|
+
.filter(Boolean);
|
|
47
|
+
return Array.from(new Set(tokens));
|
|
48
|
+
}, [allowedTypes, allowedMimeTypes]);
|
|
43
49
|
const updateFiles = React.useCallback((next) => {
|
|
44
50
|
if (value === undefined) {
|
|
45
51
|
setInternalFiles(next);
|
|
@@ -49,7 +55,7 @@ export default function FileUploader({ value, defaultValue, onChange, onUpload,
|
|
|
49
55
|
const validateFiles = React.useCallback((incoming) => {
|
|
50
56
|
const nextErrors = [];
|
|
51
57
|
const validFiles = incoming.filter((file) => {
|
|
52
|
-
if (!isAllowedType(file,
|
|
58
|
+
if (!isAllowedType(file, mergedAllowedTypes)) {
|
|
53
59
|
nextErrors.push(`Файл ${file.name} имеет недопустимый формат`);
|
|
54
60
|
return false;
|
|
55
61
|
}
|
|
@@ -63,7 +69,7 @@ export default function FileUploader({ value, defaultValue, onChange, onUpload,
|
|
|
63
69
|
return true;
|
|
64
70
|
});
|
|
65
71
|
return { validFiles, nextErrors };
|
|
66
|
-
}, [
|
|
72
|
+
}, [maxFileSizeKb, mergedAllowedTypes]);
|
|
67
73
|
const handleFiles = React.useCallback((list) => {
|
|
68
74
|
if (disabled || !list) {
|
|
69
75
|
return;
|
|
@@ -153,7 +159,7 @@ export default function FileUploader({ value, defaultValue, onChange, onUpload,
|
|
|
153
159
|
next.forEach((item) => URL.revokeObjectURL(item.url));
|
|
154
160
|
};
|
|
155
161
|
}, [files, showPreview]);
|
|
156
|
-
const acceptValue = accept ?? (
|
|
162
|
+
const acceptValue = accept ?? (mergedAllowedTypes.length ? mergedAllowedTypes.join(',') : undefined);
|
|
157
163
|
const metaParts = [
|
|
158
164
|
allowedTypes.length ? `${supportedTypesLabel} ${allowedTypes.join(', ')}` : null,
|
|
159
165
|
maxFileSizeKb ? `${maxFileSizeLabel} ${maxFileSizeKb} кбайт` : null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUploader.js","sourceRoot":"","sources":["../../../src/components/FileUploader/FileUploader.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FileUploader.js","sourceRoot":"","sources":["../../../src/components/FileUploader/FileUploader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,12 +16,17 @@ const InputField = React.forwardRef(({ hasError, className, ...props }, ref) =>
|
|
|
16
16
|
]
|
|
17
17
|
.filter(Boolean)
|
|
18
18
|
.join(' ');
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
const warnedRef = React.useRef(false);
|
|
20
|
+
React.useEffect(() => {
|
|
21
|
+
if (process.env.NODE_ENV === 'production') {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
if (!props.id && !props.name && !warnedRef.current) {
|
|
25
|
+
warnedRef.current = true;
|
|
21
26
|
// eslint-disable-next-line no-console
|
|
22
27
|
console.warn('Input.Field: рекомендуется передавать id или name для связки с label.');
|
|
23
28
|
}
|
|
24
|
-
}
|
|
29
|
+
}, [props.id, props.name]);
|
|
25
30
|
React.useEffect(() => {
|
|
26
31
|
context?.registerField(resolvedId, props.name, props.required === true);
|
|
27
32
|
}, [context, resolvedId, props.name, props.required]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/components/Input/Field.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAM5D,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,SAAS,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,EAAE,CAAC;AAE1F,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAA0B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtG,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACtC,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,IAAI,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAC5G,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC;IACjD,MAAM,OAAO,GAAG;QACd,MAAM,CAAC,KAAK;QACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QAC9B,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI;QACzD,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/components/Input/Field.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAM5D,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,SAAS,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,EAAE,CAAC;AAE1F,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAA0B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtG,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACtC,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,IAAI,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAC5G,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC;IACjD,MAAM,OAAO,GAAG;QACd,MAAM,CAAC,KAAK;QACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QAC9B,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI;QACzD,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;YAC1C,OAAO;QACT,CAAC;QACD,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACnD,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,sCAAsC;YACtC,OAAO,CAAC,IAAI,CAAC,uEAAuE,CAAC,CAAC;QACxF,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAE3B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,EAAE,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEtD,OAAO,gBAAO,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,KAAM,KAAK,EAAE,YAAY,EAAE,YAAY,GAAI,CAAC;AACxG,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,eAAe,UAAU,CAAC"}
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
.label {
|
|
12
12
|
position: absolute;
|
|
13
13
|
left: 16px;
|
|
14
|
+
right: 16px;
|
|
14
15
|
top: 16px;
|
|
15
16
|
color: var(--color-muted-2);
|
|
16
17
|
font-size: var(--ui-control-font-size, var(--font-size-3));
|
|
@@ -22,6 +23,13 @@
|
|
|
22
23
|
background: var(--surface-input);
|
|
23
24
|
padding: 0;
|
|
24
25
|
border-radius: 4px;
|
|
26
|
+
white-space: nowrap;
|
|
27
|
+
overflow: hidden;
|
|
28
|
+
text-overflow: ellipsis;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.wrapperWithHint .label {
|
|
32
|
+
right: 52px;
|
|
25
33
|
}
|
|
26
34
|
|
|
27
35
|
.requiredMark {
|
|
@@ -39,3 +39,16 @@
|
|
|
39
39
|
font-size: 12px;
|
|
40
40
|
color: var(--badge-danger-color, #ff6b6b);
|
|
41
41
|
}
|
|
42
|
+
|
|
43
|
+
@media (max-width: 720px) {
|
|
44
|
+
.fieldRow {
|
|
45
|
+
flex-direction: column;
|
|
46
|
+
align-items: stretch;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.fieldRow .label {
|
|
50
|
+
min-width: 0;
|
|
51
|
+
text-align: left;
|
|
52
|
+
padding-top: 0;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
@@ -6,5 +6,5 @@ type Props = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChan
|
|
|
6
6
|
placeholderChar?: string;
|
|
7
7
|
escapeChar?: string;
|
|
8
8
|
};
|
|
9
|
-
export default function MaskedInput({ mask, value, onChange, placeholderChar, escapeChar, onPaste, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default function MaskedInput({ mask, value, onChange, placeholderChar, escapeChar, onKeyDown, onPaste, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -82,9 +82,10 @@ const extractRaw = (masked, mask, escapeChar = '\\') => {
|
|
|
82
82
|
}
|
|
83
83
|
return raw;
|
|
84
84
|
};
|
|
85
|
-
export default function MaskedInput({ mask, value, onChange, placeholderChar, escapeChar = '\\', onPaste, ...props }) {
|
|
85
|
+
export default function MaskedInput({ mask, value, onChange, placeholderChar, escapeChar = '\\', onKeyDown, onPaste, ...props }) {
|
|
86
86
|
const isControlled = value !== undefined;
|
|
87
87
|
const [internal, setInternal] = React.useState('');
|
|
88
|
+
const inputRef = React.useRef(null);
|
|
88
89
|
const displayValue = React.useMemo(() => {
|
|
89
90
|
const raw = extractRaw(String(isControlled ? value ?? '' : internal), mask, escapeChar);
|
|
90
91
|
return applyMask(raw, mask, placeholderChar, escapeChar);
|
|
@@ -92,10 +93,50 @@ export default function MaskedInput({ mask, value, onChange, placeholderChar, es
|
|
|
92
93
|
const handleChange = (event) => {
|
|
93
94
|
const rawInput = event.target.value;
|
|
94
95
|
const raw = extractRaw(rawInput, mask, escapeChar);
|
|
96
|
+
const updateRaw = (nextRaw) => {
|
|
97
|
+
if (!isControlled) {
|
|
98
|
+
setInternal(nextRaw);
|
|
99
|
+
}
|
|
100
|
+
onChange?.(nextRaw);
|
|
101
|
+
};
|
|
102
|
+
updateRaw(raw);
|
|
103
|
+
};
|
|
104
|
+
const handleKeyDownInternal = (event) => {
|
|
105
|
+
onKeyDown?.(event);
|
|
106
|
+
if (event.defaultPrevented) {
|
|
107
|
+
return;
|
|
108
|
+
}
|
|
109
|
+
if (event.key !== 'Backspace') {
|
|
110
|
+
return;
|
|
111
|
+
}
|
|
112
|
+
const target = event.currentTarget;
|
|
113
|
+
const start = target.selectionStart ?? 0;
|
|
114
|
+
const end = target.selectionEnd ?? start;
|
|
115
|
+
if (start <= 0 || start !== end) {
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
118
|
+
const masked = target.value;
|
|
119
|
+
const raw = extractRaw(masked, mask, escapeChar);
|
|
120
|
+
const rawBefore = extractRaw(masked.slice(0, start), mask, escapeChar);
|
|
121
|
+
const rawBeforePrev = extractRaw(masked.slice(0, start - 1), mask, escapeChar);
|
|
122
|
+
// If deleting a literal mask symbol, remove the previous data char instead.
|
|
123
|
+
if (rawBefore.length !== rawBeforePrev.length) {
|
|
124
|
+
return;
|
|
125
|
+
}
|
|
126
|
+
if (rawBefore.length === 0) {
|
|
127
|
+
return;
|
|
128
|
+
}
|
|
129
|
+
event.preventDefault();
|
|
130
|
+
const deleteIndex = rawBefore.length - 1;
|
|
131
|
+
const nextRaw = raw.slice(0, deleteIndex) + raw.slice(deleteIndex + 1);
|
|
132
|
+
const caret = applyMask(nextRaw.slice(0, deleteIndex), mask, placeholderChar, escapeChar).length;
|
|
95
133
|
if (!isControlled) {
|
|
96
|
-
setInternal(
|
|
134
|
+
setInternal(nextRaw);
|
|
97
135
|
}
|
|
98
|
-
onChange?.(
|
|
136
|
+
onChange?.(nextRaw);
|
|
137
|
+
requestAnimationFrame(() => {
|
|
138
|
+
inputRef.current?.setSelectionRange(caret, caret);
|
|
139
|
+
});
|
|
99
140
|
};
|
|
100
141
|
const handlePaste = (event) => {
|
|
101
142
|
onPaste?.(event);
|
|
@@ -107,7 +148,6 @@ export default function MaskedInput({ mask, value, onChange, placeholderChar, es
|
|
|
107
148
|
return;
|
|
108
149
|
}
|
|
109
150
|
const raw = extractRaw(text, mask, escapeChar);
|
|
110
|
-
console.log(raw);
|
|
111
151
|
if (!raw) {
|
|
112
152
|
return;
|
|
113
153
|
}
|
|
@@ -117,6 +157,6 @@ export default function MaskedInput({ mask, value, onChange, placeholderChar, es
|
|
|
117
157
|
}
|
|
118
158
|
onChange?.(raw);
|
|
119
159
|
};
|
|
120
|
-
return _jsx(InputField, { ...props, value: displayValue, onChange: handleChange, onPaste: handlePaste });
|
|
160
|
+
return (_jsx(InputField, { ...props, ref: inputRef, value: displayValue, onChange: handleChange, onKeyDown: handleKeyDownInternal, onPaste: handlePaste }));
|
|
121
161
|
}
|
|
122
162
|
//# sourceMappingURL=MaskedInput.js.map
|