@phpsoftbox/react-softbox 0.1.1 → 0.2.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/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/FloatLabel/FloatLabel.module.css +14 -0
- 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/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/foundations/index.css +1 -0
- package/dist/foundations/tokens.css +31 -22
- package/dist/foundations/utilities.css +675 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/docs/README.md +1 -0
- package/docs/forms.md +9 -0
- package/docs/layout.md +15 -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 +1 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# ReactSoftBox
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Набор UI‑компонентов для React.
|
|
4
4
|
|
|
5
5
|
## Подключение
|
|
6
6
|
|
|
@@ -9,7 +9,7 @@ import '@phpsoftbox/react-softbox/foundations/index.css';
|
|
|
9
9
|
```
|
|
10
10
|
|
|
11
11
|
```ts
|
|
12
|
-
import { Alert, Badge, Breadcrumbs, Button, Card, CollapseButton, Drawer, Dropdown, FloatLabel, FormField, Grid, Heading, Input, Menu, Modal, Notifier, Pagination, Progress, Radio, Row, Select, Stack, Switch, Tabs, Text, Textarea } from '@phpsoftbox/react-softbox';
|
|
12
|
+
import { Alert, Badge, Breadcrumbs, Button, Card, CollapseButton, Drawer, Dropdown, FloatLabel, FormField, Grid, Heading, Image, Input, Menu, Modal, Notifier, Pagination, Progress, Radio, Row, Select, Stack, Switch, Tabs, Text, Textarea } from '@phpsoftbox/react-softbox';
|
|
13
13
|
```
|
|
14
14
|
|
|
15
15
|
## Тема
|
|
@@ -132,7 +132,12 @@ const items = [
|
|
|
132
132
|
<Menu items={items} />
|
|
133
133
|
<Menu items={items} orientation="horizontal" />
|
|
134
134
|
|
|
135
|
-
<Dropdown trigger={<span>Открыть</span>}
|
|
135
|
+
<Dropdown trigger={<span>Открыть</span>} orientation="vertical">
|
|
136
|
+
<Dropdown.Header>Профиль</Dropdown.Header>
|
|
137
|
+
<Dropdown.Item>Настройки</Dropdown.Item>
|
|
138
|
+
<Dropdown.Separator />
|
|
139
|
+
<Dropdown.Item href="/logout">Выход</Dropdown.Item>
|
|
140
|
+
</Dropdown>
|
|
136
141
|
|
|
137
142
|
// Dropdown внутри горизонтального меню
|
|
138
143
|
const topMenu = [
|
|
@@ -11,37 +11,37 @@
|
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
.default {
|
|
14
|
-
background: var(--badge-default-bg,
|
|
14
|
+
background: var(--badge-default-bg, #1e3355);
|
|
15
15
|
color: var(--badge-default-color, var(--color-muted));
|
|
16
|
-
border-color: var(--badge-default-border,
|
|
16
|
+
border-color: var(--badge-default-border, #2b4268);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.primary {
|
|
20
|
-
background: var(--badge-primary-bg,
|
|
20
|
+
background: var(--badge-primary-bg, #0f3a2d);
|
|
21
21
|
color: var(--badge-primary-color, var(--color-mint));
|
|
22
|
-
border-color: var(--badge-primary-border,
|
|
22
|
+
border-color: var(--badge-primary-border, #1a6a4f);
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
.info {
|
|
26
|
-
background: var(--badge-info-bg,
|
|
26
|
+
background: var(--badge-info-bg, #122a4d);
|
|
27
27
|
color: var(--badge-info-color, #9cc0ff);
|
|
28
|
-
border-color: var(--badge-info-border,
|
|
28
|
+
border-color: var(--badge-info-border, #264a8b);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
.success {
|
|
32
|
-
background: var(--badge-success-bg,
|
|
32
|
+
background: var(--badge-success-bg, #103b2a);
|
|
33
33
|
color: var(--badge-success-color, var(--color-mint));
|
|
34
|
-
border-color: var(--badge-success-border,
|
|
34
|
+
border-color: var(--badge-success-border, #1f6b4a);
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
.warning {
|
|
38
|
-
background: var(--badge-warning-bg,
|
|
38
|
+
background: var(--badge-warning-bg, #5a4318);
|
|
39
39
|
color: var(--badge-warning-color, #f6c86a);
|
|
40
|
-
border-color: var(--badge-warning-border,
|
|
40
|
+
border-color: var(--badge-warning-border, #8b6425);
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
.danger {
|
|
44
|
-
background: var(--badge-danger-bg,
|
|
44
|
+
background: var(--badge-danger-bg, #4c2222);
|
|
45
45
|
color: var(--badge-danger-color, #ff6b6b);
|
|
46
|
-
border-color: var(--badge-danger-border,
|
|
46
|
+
border-color: var(--badge-danger-border, #7a3030);
|
|
47
47
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type ImageShape = 'rounded' | 'circle' | 'square';
|
|
3
|
+
type Props = React.ImgHTMLAttributes<HTMLImageElement> & {
|
|
4
|
+
shape?: ImageShape;
|
|
5
|
+
};
|
|
6
|
+
export default function Image({ shape, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import styles from './Image.module.css';
|
|
3
|
+
export default function Image({ shape = 'rounded', className, ...props }) {
|
|
4
|
+
const classes = [
|
|
5
|
+
styles.image,
|
|
6
|
+
shape === 'rounded' ? styles.rounded : null,
|
|
7
|
+
shape === 'circle' ? styles.circle : null,
|
|
8
|
+
shape === 'square' ? styles.square : null,
|
|
9
|
+
className,
|
|
10
|
+
]
|
|
11
|
+
.filter(Boolean)
|
|
12
|
+
.join(' ');
|
|
13
|
+
return _jsx("img", { className: classes, ...props });
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=Image.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAQxC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAS;IAC7E,MAAM,OAAO,GAAG;QACd,MAAM,CAAC,KAAK;QACZ,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI;QAC3C,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;QACzC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;QACzC,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,cAAK,SAAS,EAAE,OAAO,KAAM,KAAK,GAAI,CAAC;AAChD,CAAC"}
|
|
@@ -21,6 +21,13 @@
|
|
|
21
21
|
opacity: 0.9;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
+
.wrapper input:-webkit-autofill + .label,
|
|
25
|
+
.wrapper input:autofill + .label {
|
|
26
|
+
transform: translateY(-8px);
|
|
27
|
+
color: var(--color-teal);
|
|
28
|
+
opacity: 0.9;
|
|
29
|
+
}
|
|
30
|
+
|
|
24
31
|
.wrapper textarea:focus + .label,
|
|
25
32
|
.wrapper textarea:not(:placeholder-shown) + .label {
|
|
26
33
|
transform: translateY(-8px);
|
|
@@ -28,6 +35,13 @@
|
|
|
28
35
|
opacity: 0.9;
|
|
29
36
|
}
|
|
30
37
|
|
|
38
|
+
.wrapper textarea:-webkit-autofill + .label,
|
|
39
|
+
.wrapper textarea:autofill + .label {
|
|
40
|
+
transform: translateY(-8px);
|
|
41
|
+
color: var(--color-teal);
|
|
42
|
+
opacity: 0.9;
|
|
43
|
+
}
|
|
44
|
+
|
|
31
45
|
.wrapper [data-float-label="true"][data-float-active="true"] + .label {
|
|
32
46
|
transform: translateY(-8px);
|
|
33
47
|
color: var(--color-teal);
|
|
@@ -3,8 +3,10 @@ type Props = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChan
|
|
|
3
3
|
value?: string | number;
|
|
4
4
|
onChange?: (value: string) => void;
|
|
5
5
|
allowNegative?: boolean;
|
|
6
|
+
min?: number;
|
|
7
|
+
max?: number;
|
|
6
8
|
decimalSeparator?: '.' | ',';
|
|
7
9
|
decimalScale?: number;
|
|
8
10
|
};
|
|
9
|
-
export default function NumberInput({ value, onChange, allowNegative, decimalSeparator, decimalScale, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default function NumberInput({ value, onChange, allowNegative, min, max, decimalSeparator, decimalScale, onBlur, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
10
12
|
export {};
|
|
@@ -3,42 +3,111 @@ import React from 'react';
|
|
|
3
3
|
import InputField from './Field';
|
|
4
4
|
const normalize = (raw, allowNegative) => {
|
|
5
5
|
let next = raw.replace(/[^0-9,.-]/g, '');
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
else {
|
|
10
|
-
const hasMinus = next.startsWith('-');
|
|
11
|
-
next = next.replace(/-/g, '');
|
|
12
|
-
if (hasMinus) {
|
|
13
|
-
next = `-${next}`;
|
|
14
|
-
}
|
|
6
|
+
let sign = '';
|
|
7
|
+
if (allowNegative && next.startsWith('-')) {
|
|
8
|
+
sign = '-';
|
|
15
9
|
}
|
|
10
|
+
next = next.replace(/-/g, '');
|
|
16
11
|
const parts = next.split(/[.,]/);
|
|
17
12
|
const integer = parts[0] ?? '';
|
|
18
13
|
const decimal = parts.slice(1).join('');
|
|
19
|
-
|
|
14
|
+
const hasSeparator = next.includes('.') || next.includes(',');
|
|
15
|
+
return { sign, integer, decimal, hasSeparator };
|
|
20
16
|
};
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
17
|
+
const formatValue = (value, allowNegative, decimalSeparator, decimalScale) => {
|
|
18
|
+
if (value === undefined || value === null || value === '') {
|
|
19
|
+
return '';
|
|
20
|
+
}
|
|
21
|
+
const raw = String(value);
|
|
22
|
+
const { sign, integer, decimal, hasSeparator } = normalize(raw, allowNegative);
|
|
23
|
+
const slicedDecimal = decimalScale >= 0 ? decimal.slice(0, decimalScale) : decimal;
|
|
24
|
+
const showSeparator = hasSeparator || slicedDecimal.length > 0 || /[.,]$/.test(raw);
|
|
25
|
+
const separator = decimalSeparator;
|
|
26
|
+
const integerPart = `${sign}${integer}`;
|
|
27
|
+
if (!showSeparator) {
|
|
28
|
+
return integerPart;
|
|
29
|
+
}
|
|
30
|
+
return `${integerPart}${separator}${slicedDecimal}`;
|
|
31
|
+
};
|
|
32
|
+
const buildNormalizedValue = (sign, integer, decimal) => {
|
|
33
|
+
const hasInteger = integer !== '';
|
|
34
|
+
const hasDecimal = decimal !== '';
|
|
35
|
+
if (!hasInteger && !hasDecimal) {
|
|
36
|
+
return null;
|
|
37
|
+
}
|
|
38
|
+
if (!hasInteger && hasDecimal) {
|
|
39
|
+
return `${sign}0.${decimal}`;
|
|
40
|
+
}
|
|
41
|
+
if (hasInteger && !hasDecimal) {
|
|
42
|
+
return `${sign}${integer}`;
|
|
43
|
+
}
|
|
44
|
+
return `${sign}${integer}.${decimal}`;
|
|
45
|
+
};
|
|
46
|
+
const trimZeros = (value) => value.replace(/\.?0+$/, '');
|
|
47
|
+
export default function NumberInput({ value, onChange, allowNegative = false, min, max, decimalSeparator = '.', decimalScale = 2, onBlur, ...props }) {
|
|
48
|
+
const [internal, setInternal] = React.useState(() => formatValue(value, allowNegative, decimalSeparator, decimalScale));
|
|
49
|
+
React.useEffect(() => {
|
|
50
|
+
if (value === undefined) {
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
setInternal(formatValue(value, allowNegative, decimalSeparator, decimalScale));
|
|
54
|
+
}, [value, allowNegative, decimalSeparator, decimalScale]);
|
|
32
55
|
const handleChange = (event) => {
|
|
33
56
|
const raw = event.target.value;
|
|
34
|
-
const
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
57
|
+
const pattern = allowNegative ? /^-?[0-9]*[.,]?[0-9]*$/ : /^[0-9]*[.,]?[0-9]*$/;
|
|
58
|
+
if (!pattern.test(raw)) {
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
const { sign, integer, decimal, hasSeparator } = normalize(raw, allowNegative);
|
|
62
|
+
const slicedDecimal = decimalScale >= 0 ? decimal.slice(0, decimalScale) : decimal;
|
|
63
|
+
const showSeparator = hasSeparator || /[.,]$/.test(raw);
|
|
64
|
+
const nextDisplay = `${sign}${integer}${showSeparator ? `${decimalSeparator}${slicedDecimal}` : ''}`;
|
|
65
|
+
setInternal(nextDisplay);
|
|
66
|
+
if (raw === '') {
|
|
67
|
+
onChange?.('');
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
const normalized = buildNormalizedValue(sign, integer, slicedDecimal);
|
|
71
|
+
if (normalized !== null) {
|
|
72
|
+
onChange?.(normalized);
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
const handleBlur = (event) => {
|
|
76
|
+
const { sign, integer, decimal } = normalize(event.target.value, allowNegative);
|
|
77
|
+
const slicedDecimal = decimalScale >= 0 ? decimal.slice(0, decimalScale) : decimal;
|
|
78
|
+
const normalized = buildNormalizedValue(sign, integer, slicedDecimal);
|
|
79
|
+
if (!normalized || normalized === '-' || normalized === '.') {
|
|
80
|
+
if (typeof min === 'number') {
|
|
81
|
+
const formatted = trimZeros(decimalScale >= 0 ? min.toFixed(decimalScale) : min.toString());
|
|
82
|
+
onChange?.(formatted);
|
|
83
|
+
setInternal(formatValue(formatted, allowNegative, decimalSeparator, decimalScale));
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
onChange?.('');
|
|
87
|
+
setInternal('');
|
|
88
|
+
}
|
|
89
|
+
onBlur?.(event);
|
|
90
|
+
return;
|
|
91
|
+
}
|
|
92
|
+
let numValue = Number.parseFloat(normalized);
|
|
93
|
+
if (Number.isNaN(numValue)) {
|
|
94
|
+
onChange?.('');
|
|
95
|
+
setInternal('');
|
|
96
|
+
onBlur?.(event);
|
|
97
|
+
return;
|
|
98
|
+
}
|
|
99
|
+
if (typeof min === 'number' && numValue < min) {
|
|
100
|
+
numValue = min;
|
|
101
|
+
}
|
|
102
|
+
if (typeof max === 'number' && numValue > max) {
|
|
103
|
+
numValue = max;
|
|
39
104
|
}
|
|
40
|
-
|
|
105
|
+
let formatted = decimalScale >= 0 ? numValue.toFixed(decimalScale) : numValue.toString();
|
|
106
|
+
formatted = trimZeros(formatted);
|
|
107
|
+
onChange?.(formatted);
|
|
108
|
+
setInternal(formatValue(formatted, allowNegative, decimalSeparator, decimalScale));
|
|
109
|
+
onBlur?.(event);
|
|
41
110
|
};
|
|
42
|
-
return (_jsx(InputField, { ...props, type: "text", inputMode: "decimal", value:
|
|
111
|
+
return (_jsx(InputField, { ...props, type: "text", inputMode: "decimal", value: internal, onChange: handleChange, onBlur: handleBlur }));
|
|
43
112
|
}
|
|
44
113
|
//# sourceMappingURL=NumberInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/components/Input/NumberInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/components/Input/NumberInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,12 +2,45 @@ import React from 'react';
|
|
|
2
2
|
import { MenuItem } from './Menu';
|
|
3
3
|
type Props = {
|
|
4
4
|
trigger: React.ReactNode;
|
|
5
|
-
items
|
|
5
|
+
items?: MenuItem[];
|
|
6
|
+
children?: React.ReactNode;
|
|
6
7
|
orientation?: 'vertical' | 'horizontal';
|
|
7
8
|
align?: 'left' | 'right';
|
|
8
9
|
placement?: 'auto' | 'down' | 'up';
|
|
9
10
|
fullWidth?: boolean;
|
|
10
11
|
className?: string;
|
|
11
12
|
};
|
|
12
|
-
|
|
13
|
-
|
|
13
|
+
type DropdownItemProps = {
|
|
14
|
+
children: React.ReactNode;
|
|
15
|
+
href?: string;
|
|
16
|
+
onClick?: () => void;
|
|
17
|
+
icon?: React.ReactNode;
|
|
18
|
+
meta?: React.ReactNode;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
static?: boolean;
|
|
21
|
+
className?: string;
|
|
22
|
+
};
|
|
23
|
+
type DropdownHeaderProps = {
|
|
24
|
+
children: React.ReactNode;
|
|
25
|
+
className?: string;
|
|
26
|
+
};
|
|
27
|
+
type DropdownSeparatorProps = {
|
|
28
|
+
className?: string;
|
|
29
|
+
};
|
|
30
|
+
type DropdownNavProps = {
|
|
31
|
+
children: React.ReactNode;
|
|
32
|
+
className?: string;
|
|
33
|
+
style?: React.CSSProperties;
|
|
34
|
+
};
|
|
35
|
+
declare const DropdownItem: React.FC<DropdownItemProps>;
|
|
36
|
+
declare const DropdownHeader: React.FC<DropdownHeaderProps>;
|
|
37
|
+
declare const DropdownSeparator: React.FC<DropdownSeparatorProps>;
|
|
38
|
+
declare const DropdownNav: React.FC<DropdownNavProps>;
|
|
39
|
+
declare function Dropdown({ trigger, items, children, orientation, align, placement, fullWidth, className, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
declare const DropdownComponent: typeof Dropdown & {
|
|
41
|
+
Item: typeof DropdownItem;
|
|
42
|
+
Header: typeof DropdownHeader;
|
|
43
|
+
Separator: typeof DropdownSeparator;
|
|
44
|
+
Nav: typeof DropdownNav;
|
|
45
|
+
};
|
|
46
|
+
export default DropdownComponent;
|
|
@@ -3,17 +3,79 @@ import React from 'react';
|
|
|
3
3
|
import Menu from './Menu';
|
|
4
4
|
import styles from './Menu.module.css';
|
|
5
5
|
import useDropdownPosition from '../../hooks/useDropdownPosition';
|
|
6
|
-
|
|
6
|
+
const DropdownItem = () => null;
|
|
7
|
+
const DropdownHeader = () => null;
|
|
8
|
+
const DropdownSeparator = () => null;
|
|
9
|
+
const DropdownNav = () => null;
|
|
10
|
+
const isDropdownHeader = (node) => React.isValidElement(node) && node.type === DropdownHeader;
|
|
11
|
+
const isDropdownItem = (node) => React.isValidElement(node) && node.type === DropdownItem;
|
|
12
|
+
const isDropdownSeparator = (node) => React.isValidElement(node) && node.type === DropdownSeparator;
|
|
13
|
+
const isDropdownNav = (node) => React.isValidElement(node) && node.type === DropdownNav;
|
|
14
|
+
const combine = (...values) => values.filter(Boolean).join(' ');
|
|
15
|
+
const buildItemsFromChildren = (children) => {
|
|
16
|
+
const items = [];
|
|
17
|
+
let nav;
|
|
18
|
+
const walk = (node) => {
|
|
19
|
+
React.Children.forEach(node, (child) => {
|
|
20
|
+
if (!React.isValidElement(child)) {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
if (child.type === React.Fragment) {
|
|
24
|
+
const fragment = child;
|
|
25
|
+
walk(fragment.props.children);
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
if (isDropdownNav(child)) {
|
|
29
|
+
nav = {
|
|
30
|
+
className: child.props.className,
|
|
31
|
+
style: child.props.style,
|
|
32
|
+
};
|
|
33
|
+
walk(child.props.children);
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
if (isDropdownSeparator(child)) {
|
|
37
|
+
items.push({ divider: true, className: child.props.className });
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
if (isDropdownHeader(child)) {
|
|
41
|
+
items.push({
|
|
42
|
+
static: true,
|
|
43
|
+
label: child.props.children,
|
|
44
|
+
className: combine(styles.dropdownHeader, child.props.className),
|
|
45
|
+
});
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
if (isDropdownItem(child)) {
|
|
49
|
+
items.push({
|
|
50
|
+
label: child.props.children,
|
|
51
|
+
href: child.props.href,
|
|
52
|
+
onClick: child.props.onClick,
|
|
53
|
+
icon: child.props.icon,
|
|
54
|
+
meta: child.props.meta,
|
|
55
|
+
disabled: child.props.disabled,
|
|
56
|
+
static: child.props.static,
|
|
57
|
+
className: child.props.className,
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
};
|
|
62
|
+
walk(children);
|
|
63
|
+
return { items, nav };
|
|
64
|
+
};
|
|
65
|
+
function Dropdown({ trigger, items, children, orientation = 'vertical', align = 'right', placement = 'auto', fullWidth = false, className, }) {
|
|
7
66
|
const [open, setOpen] = React.useState(false);
|
|
8
67
|
const containerRef = React.useRef(null);
|
|
9
68
|
const triggerRef = React.useRef(null);
|
|
10
|
-
const { ref: menuRef, style:
|
|
69
|
+
const { ref: menuRef, style: menuPositionStyle } = useDropdownPosition(open, {
|
|
11
70
|
gap: 8,
|
|
12
71
|
align,
|
|
13
72
|
placement,
|
|
14
73
|
anchorRef: triggerRef,
|
|
15
74
|
});
|
|
16
75
|
const isElementTrigger = React.isValidElement(trigger);
|
|
76
|
+
const resolved = children ? buildItemsFromChildren(children) : { items: items ?? [] };
|
|
77
|
+
const resolvedItems = resolved.items;
|
|
78
|
+
const navProps = resolved.nav;
|
|
17
79
|
React.useEffect(() => {
|
|
18
80
|
const handleClick = (event) => {
|
|
19
81
|
if (!containerRef.current) {
|
|
@@ -53,6 +115,12 @@ export default function Dropdown({ trigger, items, orientation = 'vertical', ali
|
|
|
53
115
|
triggerRef.current = node;
|
|
54
116
|
}, children: trigger })) : (_jsx("button", { type: "button", className: [styles.dropdownTrigger, fullWidth ? styles.dropdownTriggerFull : null].filter(Boolean).join(' '), onClick: () => setOpen((prev) => !prev), onKeyDown: handleTriggerKeyDown, "aria-expanded": open, ref: (node) => {
|
|
55
117
|
triggerRef.current = node;
|
|
56
|
-
}, children: trigger })), open ? (_jsx("div", { ref: menuRef, className: [styles.dropdownMenu, styles[`align-${align}`]].filter(Boolean).join(' '), style:
|
|
118
|
+
}, children: trigger })), open ? (_jsx("div", { ref: menuRef, className: [styles.dropdownMenu, styles[`align-${align}`], navProps?.className].filter(Boolean).join(' '), style: { ...menuPositionStyle, ...navProps?.style }, children: _jsx(Menu, { items: resolvedItems, orientation: orientation, onItemSelect: () => setOpen(false) }) })) : null] }));
|
|
57
119
|
}
|
|
120
|
+
const DropdownComponent = Dropdown;
|
|
121
|
+
DropdownComponent.Item = DropdownItem;
|
|
122
|
+
DropdownComponent.Header = DropdownHeader;
|
|
123
|
+
DropdownComponent.Separator = DropdownSeparator;
|
|
124
|
+
DropdownComponent.Nav = DropdownNav;
|
|
125
|
+
export default DropdownComponent;
|
|
58
126
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Menu/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAkB,MAAM,QAAQ,CAAC;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,mBAAmB,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Menu/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,13 +7,16 @@ type LinkComponent = React.ElementType<{
|
|
|
7
7
|
}>;
|
|
8
8
|
export type MenuItem = {
|
|
9
9
|
id?: string;
|
|
10
|
-
label?:
|
|
10
|
+
label?: React.ReactNode;
|
|
11
11
|
href?: string;
|
|
12
12
|
onClick?: () => void;
|
|
13
13
|
icon?: React.ReactNode;
|
|
14
|
+
meta?: React.ReactNode;
|
|
14
15
|
active?: boolean;
|
|
15
16
|
disabled?: boolean;
|
|
16
17
|
divider?: boolean;
|
|
18
|
+
static?: boolean;
|
|
19
|
+
className?: string;
|
|
17
20
|
children?: MenuItem[];
|
|
18
21
|
open?: boolean;
|
|
19
22
|
align?: 'left' | 'right';
|
|
@@ -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":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,mBAAmB,MAAM,iCAAiC,CAAC;AAgDlE,SAAS,kBAAkB,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,UAAU,EACV,OAAO,EACP,UAAU,EACV,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,GACgB;IACxB,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IACxD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,mBAAmB,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;IAEvG,OAAO,CACL,eAAK,SAAS,EAAE,MAAM,CAAC,YAAY,aACjC,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,QAAQ,mBACF,MAAM,mBACN,UAAU,oBACV,MAAM,kBACP,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC9C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,GAAG,EAAE,SAAS,aAEb,OAAO,EACR,eAAM,SAAS,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,iBAAc,MAAM,GAAG,IAC/G,EACR,MAAM,CAAC,CAAC,CAAC,CACR,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,iBACvE,CAAC,MAAM,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,YAEZ,KAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,IAAI,EAAE,EAAE,YAAY,EAAE,QAAQ,GAAI,GACxD,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,WAAW,GAAG,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,EAAS;IAClG,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IAC/C,MAAM,YAAY,GAAG,WAAW,KAAK,YAAY,CAAC;IAElD,MAAM,MAAM,GAAG,CAAC,IAAc,EAAE,KAAa,EAAE,EAAE,CAC/C,IAAI,CAAC,EAAE,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,QAAQ,KAAK,EAAE,CAAC;IAErF,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,MAAM,GAAG,GAA4B,EAAE,CAAC;QACxC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC9C,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC;YAChD,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA0B,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC;IAEhG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;YACxC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBACpB,OAAO;YACT,CAAC;YAED,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBACnD,aAAa,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAkB,CAAC;QACzG,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE;YAC5B,IAAI,EAAE,CAAC,OAAO,CAAC,yBAAyB,CAAC,KAAK,MAAM,CAAC,OAAO,EAAE,CAAC;gBAC7D,OAAO,KAAK,CAAC;YACf,CAAC;YAED,IAAI,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,EAAE,CAAC;gBAChD,OAAO,KAAK,CAAC;YACf,CAAC;YAED,IAAI,EAAE,YAAY,iBAAiB,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC;gBACnD,OAAO,KAAK,CAAC;YACf,CAAC;YAED,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAE,EAAE;QACnD,MAAM,SAAS,GAAG,cAAc,EAAE,CAAC;QACnC,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAO;QACT,CAAC;QAED,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,aAA4B,CAAC,CAAC;QAC9E,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;QACvC,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAE,EAAE;YACtC,SAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC;QAChC,CAAC,CAAC;QAEF,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,WAAW;gBACd,IAAI,CAAC,YAAY,EAAE,CAAC;oBAClB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,SAAS,CAAC,YAAY,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;gBAC9D,CAAC;gBACD,MAAM;YACR,KAAK,SAAS;gBACZ,IAAI,CAAC,YAAY,EAAE,CAAC;oBAClB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,SAAS,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;gBAC9D,CAAC;gBACD,MAAM;YACR,KAAK,YAAY;gBACf,IAAI,YAAY,EAAE,CAAC;oBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,SAAS,CAAC,YAAY,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;gBAC9D,CAAC;gBACD,MAAM;YACR,KAAK,WAAW;gBACd,IAAI,YAAY,EAAE,CAAC;oBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,SAAS,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;gBAC9D,CAAC;gBACD,MAAM;YACR,KAAK,MAAM;gBACT,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,SAAS,CAAC,CAAC,CAAC,CAAC;gBACb,MAAM;YACR,KAAK,KAAK;gBACR,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,SAAS,CAAC,SAAS,CAAC,CAAC;gBACrB,MAAM;YACR;gBACE,MAAM;QACV,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAExF,MAAM,YAAY,GAAG,CAAC,IAAc,EAAE,EAAE;QACtC,IAAI,YAAY,EAAE,CAAC;YACjB,aAAa,CAAC,EAAE,CAAC,CAAC;QACpB,CAAC;QACD,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,OAAO,sBACA,WAAW,oBACd,MAAM,EACrB,SAAS,EAAE,aAAa,EACxB,GAAG,EAAE,MAAM,YAEV,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YAEhC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,OAAO,cAAe,SAAS,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,EAAC,WAAW,IAA5F,GAAG,CAA4F,CAAC;YACnH,CAAC;YAED,MAAM,YAAY,GAChB,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CACjE,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,IAAI,CAAC,KAAK,GAAQ,CACnD,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,KAAK,CACX,CAAC;YAEJ,MAAM,OAAO,GAAG,CACd,8BACG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,IAAI,CAAC,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EACnE,YAAY,EACZ,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,IAAI,CAAC,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IACnE,CACJ,CAAC;YAEF,MAAM,UAAU,GAAG;gBACjB,MAAM,CAAC,IAAI;gBACX,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;gBAClC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;gBACtC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI;gBACtC,IAAI,CAAC,SAAS;aACf;iBACE,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC,CAAC;YAEb,MAAM,aAAa,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAEpF,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;gBAC9C,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAClB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,OAAO;gBACT,CAAC;gBACD,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;gBACjB,YAAY,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC,CAAC;YAEF,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;gBAChB,OAAO,CACL,cAAe,SAAS,EAAE,aAAa,EAAE,IAAI,EAAC,cAAc,YACzD,OAAO,IADA,GAAG,CAEP,CACP,CAAC;YACJ,CAAC;YAED,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;gBAC5E,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC;gBACxC,MAAM,SAAS,GAAG,GAAG,GAAG,UAAU,CAAC;gBAEnC,OAAO,CACL,eAAe,SAAS,EAAE,MAAM,CAAC,KAAK,aACpC,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACrE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC,mBACtD,MAAM,mBACN,SAAS,oBACT,MAAM,kBACP,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC9C,QAAQ,EAAE,IAAI,CAAC,QAAQ,aAEtB,OAAO,EACR,eAAM,SAAS,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,iBAAc,MAAM,GAAG,IAC/G,EACT,cACE,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,iBAC5E,CAAC,MAAM,YAEpB,KAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,GAAI,GACrF,KApBE,GAAG,CAqBP,CACP,CAAC;YACJ,CAAC;YAED,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,KAAK,YAAY,EAAE,CAAC;gBAC9E,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC;gBACxC,MAAM,UAAU,GAAG,GAAG,GAAG,WAAW,CAAC;gBACrC,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC;gBAC3C,MAAM,iBAAiB,GAAG,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC;gBAEnD,MAAM,cAAc,GAAG,GAAG,EAAE;oBAC1B,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE;wBACrB,MAAM,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC;wBAC7C,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC;wBACpB,OAAO,IAAI,CAAC;oBACd,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC;gBAEF,OAAO,CACL,KAAC,kBAAkB,IAEjB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,YAAY,IATjB,GAAG,CAUR,CACH,CAAC;YACJ,CAAC;YAED,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACd,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC;gBACrC,OAAO,CACL,KAAC,OAAO,IAEN,SAAS,EAAE,UAAU,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,WAAW,kBACN,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,mBAC/B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACjD,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,oBACzB,MAAM,YAEpB,OAAO,IATH,GAAG,CAUA,CACX,CAAC;YACJ,CAAC;YAED,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,kBACT,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,oBAC/B,MAAM,YAEpB,OAAO,IARH,GAAG,CASD,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
|