@phpsoftbox/react-softbox 0.1.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/LICENSE +21 -0
- package/README.md +271 -0
- package/dist/components/Alert/Alert.d.ts +11 -0
- package/dist/components/Alert/Alert.js +15 -0
- package/dist/components/Alert/Alert.js.map +1 -0
- package/dist/components/Alert/Alert.module.css +73 -0
- package/dist/components/Badge/Badge.d.ts +8 -0
- package/dist/components/Badge/Badge.js +15 -0
- package/dist/components/Badge/Badge.js.map +1 -0
- package/dist/components/Badge/Badge.module.css +47 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +24 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.js +15 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.module.css +55 -0
- package/dist/components/Button/Button.d.ts +10 -0
- package/dist/components/Button/Button.js +37 -0
- package/dist/components/Button/Button.js.map +1 -0
- package/dist/components/Button/Button.module.css +130 -0
- package/dist/components/Card/Card.d.ts +15 -0
- package/dist/components/Card/Card.js +26 -0
- package/dist/components/Card/Card.js.map +1 -0
- package/dist/components/Card/Card.module.css +55 -0
- package/dist/components/CollapseButton/CollapseButton.d.ts +9 -0
- package/dist/components/CollapseButton/CollapseButton.js +11 -0
- package/dist/components/CollapseButton/CollapseButton.js.map +1 -0
- package/dist/components/CollapseButton/CollapseButton.module.css +57 -0
- package/dist/components/Drawer/Drawer.d.ts +19 -0
- package/dist/components/Drawer/Drawer.js +42 -0
- package/dist/components/Drawer/Drawer.js.map +1 -0
- package/dist/components/Drawer/Drawer.module.css +104 -0
- package/dist/components/Flex/Flex.module.css +11 -0
- package/dist/components/Flex/Row.d.ts +9 -0
- package/dist/components/Flex/Row.js +14 -0
- package/dist/components/Flex/Row.js.map +1 -0
- package/dist/components/Flex/Stack.d.ts +8 -0
- package/dist/components/Flex/Stack.js +13 -0
- package/dist/components/Flex/Stack.js.map +1 -0
- package/dist/components/Grid/Grid.d.ts +11 -0
- package/dist/components/Grid/Grid.js +16 -0
- package/dist/components/Grid/Grid.js.map +1 -0
- package/dist/components/Grid/Grid.module.css +32 -0
- package/dist/components/Input/DatePicker.d.ts +6 -0
- package/dist/components/Input/DatePicker.js +6 -0
- package/dist/components/Input/DatePicker.js.map +1 -0
- package/dist/components/Input/DateRangePicker.d.ts +16 -0
- package/dist/components/Input/DateRangePicker.js +16 -0
- package/dist/components/Input/DateRangePicker.js.map +1 -0
- package/dist/components/Input/Field.d.ts +5 -0
- package/dist/components/Input/Field.js +25 -0
- package/dist/components/Input/Field.js.map +1 -0
- package/dist/components/Input/FloatLabel/FloatLabel.d.ts +9 -0
- package/dist/components/Input/FloatLabel/FloatLabel.js +22 -0
- package/dist/components/Input/FloatLabel/FloatLabel.js.map +1 -0
- package/dist/components/Input/FloatLabel/FloatLabel.module.css +41 -0
- package/dist/components/Input/FormField/FormField.d.ts +29 -0
- package/dist/components/Input/FormField/FormField.js +60 -0
- package/dist/components/Input/FormField/FormField.js.map +1 -0
- package/dist/components/Input/FormField/FormField.module.css +30 -0
- package/dist/components/Input/Input.d.ts +59 -0
- package/dist/components/Input/Input.js +34 -0
- package/dist/components/Input/Input.js.map +1 -0
- package/dist/components/Input/Input.module.css +31 -0
- package/dist/components/Input/InputGroup.d.ts +11 -0
- package/dist/components/Input/InputGroup.js +25 -0
- package/dist/components/Input/InputGroup.js.map +1 -0
- package/dist/components/Input/InputGroup.module.css +38 -0
- package/dist/components/Input/MaskedInput.d.ts +9 -0
- package/dist/components/Input/MaskedInput.js +82 -0
- package/dist/components/Input/MaskedInput.js.map +1 -0
- package/dist/components/Input/NumberInput.d.ts +10 -0
- package/dist/components/Input/NumberInput.js +44 -0
- package/dist/components/Input/NumberInput.js.map +1 -0
- package/dist/components/Input/Radio/Radio.d.ts +7 -0
- package/dist/components/Input/Radio/Radio.js +9 -0
- package/dist/components/Input/Radio/Radio.js.map +1 -0
- package/dist/components/Input/Radio/Radio.module.css +83 -0
- package/dist/components/Input/Select/Select.d.ts +38 -0
- package/dist/components/Input/Select/Select.js +200 -0
- package/dist/components/Input/Select/Select.js.map +1 -0
- package/dist/components/Input/Select/Select.module.css +194 -0
- package/dist/components/Input/Switch/Switch.d.ts +6 -0
- package/dist/components/Input/Switch/Switch.js +9 -0
- package/dist/components/Input/Switch/Switch.js.map +1 -0
- package/dist/components/Input/Switch/Switch.module.css +62 -0
- package/dist/components/Input/Textarea/Textarea.d.ts +6 -0
- package/dist/components/Input/Textarea/Textarea.js +21 -0
- package/dist/components/Input/Textarea/Textarea.js.map +1 -0
- package/dist/components/Input/Textarea/Textarea.module.css +39 -0
- package/dist/components/Input/TimePicker.d.ts +4 -0
- package/dist/components/Input/TimePicker.js +6 -0
- package/dist/components/Input/TimePicker.js.map +1 -0
- package/dist/components/Menu/Dropdown.d.ts +13 -0
- package/dist/components/Menu/Dropdown.js +58 -0
- package/dist/components/Menu/Dropdown.js.map +1 -0
- package/dist/components/Menu/Menu.d.ts +31 -0
- package/dist/components/Menu/Menu.js +161 -0
- package/dist/components/Menu/Menu.js.map +1 -0
- package/dist/components/Menu/Menu.module.css +240 -0
- package/dist/components/Modal/Modal.d.ts +12 -0
- package/dist/components/Modal/Modal.js +31 -0
- package/dist/components/Modal/Modal.js.map +1 -0
- package/dist/components/Modal/Modal.module.css +90 -0
- package/dist/components/Notifier/Notifier.d.ts +17 -0
- package/dist/components/Notifier/Notifier.js +210 -0
- package/dist/components/Notifier/Notifier.js.map +1 -0
- package/dist/components/Notifier/Notifier.module.css +182 -0
- package/dist/components/Pagination/Pagination.d.ts +28 -0
- package/dist/components/Pagination/Pagination.js +70 -0
- package/dist/components/Pagination/Pagination.js.map +1 -0
- package/dist/components/Pagination/Pagination.module.css +93 -0
- package/dist/components/Progress/Progress.d.ts +16 -0
- package/dist/components/Progress/Progress.js +32 -0
- package/dist/components/Progress/Progress.js.map +1 -0
- package/dist/components/Progress/Progress.module.css +110 -0
- package/dist/components/Tabs/Tabs.d.ts +20 -0
- package/dist/components/Tabs/Tabs.js +115 -0
- package/dist/components/Tabs/Tabs.js.map +1 -0
- package/dist/components/Tabs/Tabs.module.css +101 -0
- package/dist/components/Typography/Heading.d.ts +13 -0
- package/dist/components/Typography/Heading.js +38 -0
- package/dist/components/Typography/Heading.js.map +1 -0
- package/dist/components/Typography/Text.d.ts +20 -0
- package/dist/components/Typography/Text.js +43 -0
- package/dist/components/Typography/Text.js.map +1 -0
- package/dist/components/Typography/Typography.module.css +132 -0
- package/dist/foundations/index.css +3 -0
- package/dist/foundations/layout.css +78 -0
- package/dist/foundations/tokens.css +236 -0
- package/dist/foundations/typography.css +49 -0
- package/dist/hooks/useDropdownPosition.d.ts +14 -0
- package/dist/hooks/useDropdownPosition.js +61 -0
- package/dist/hooks/useDropdownPosition.js.map +1 -0
- package/dist/hooks/useMediaQuery.d.ts +1 -0
- package/dist/hooks/useMediaQuery.js +33 -0
- package/dist/hooks/useMediaQuery.js.map +1 -0
- package/dist/index.d.ts +30 -0
- package/dist/index.js +29 -0
- package/dist/index.js.map +1 -0
- package/dist/theme.d.ts +12 -0
- package/dist/theme.js +133 -0
- package/dist/theme.js.map +1 -0
- package/dist/types.d.ts +1 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/docs/README.md +40 -0
- package/docs/breadcrumbs.md +47 -0
- package/docs/card.md +18 -0
- package/docs/feedback.md +38 -0
- package/docs/forms.md +166 -0
- package/docs/layout.md +39 -0
- package/docs/navigation.md +80 -0
- package/docs/overlays.md +31 -0
- package/docs/pagination.md +50 -0
- package/docs/progress.md +18 -0
- package/docs/tabs.md +34 -0
- package/docs/theme.md +49 -0
- package/docs/typography.md +26 -0
- package/package.json +49 -0
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
.switch {
|
|
2
|
+
display: inline-flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
gap: 12px;
|
|
5
|
+
cursor: pointer;
|
|
6
|
+
color: var(--color-text);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.input {
|
|
10
|
+
position: absolute;
|
|
11
|
+
opacity: 0;
|
|
12
|
+
width: 0;
|
|
13
|
+
height: 0;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.track {
|
|
17
|
+
width: 46px;
|
|
18
|
+
height: 26px;
|
|
19
|
+
border-radius: 999px;
|
|
20
|
+
background: rgba(30, 51, 85, 0.8);
|
|
21
|
+
border: 1px solid rgba(30, 51, 85, 0.9);
|
|
22
|
+
position: relative;
|
|
23
|
+
transition: background 0.2s ease, border-color 0.2s ease;
|
|
24
|
+
display: inline-flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.thumb {
|
|
29
|
+
width: 20px;
|
|
30
|
+
height: 20px;
|
|
31
|
+
border-radius: 50%;
|
|
32
|
+
background: #f4f8ff;
|
|
33
|
+
position: absolute;
|
|
34
|
+
left: 3px;
|
|
35
|
+
top: 50%;
|
|
36
|
+
transform: translateY(-50%);
|
|
37
|
+
transition: transform 0.2s ease;
|
|
38
|
+
box-shadow: 0 4px 10px rgba(5, 12, 24, 0.35);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.input:checked + .track {
|
|
42
|
+
background: rgba(79, 230, 163, 0.25);
|
|
43
|
+
border-color: rgba(79, 230, 163, 0.6);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.input:checked + .track .thumb {
|
|
47
|
+
transform: translate(20px, -50%);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.input:focus-visible + .track {
|
|
51
|
+
box-shadow: 0 0 0 3px rgba(20, 201, 214, 0.25);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.input:disabled + .track {
|
|
55
|
+
opacity: 0.5;
|
|
56
|
+
cursor: not-allowed;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.label {
|
|
60
|
+
font-size: 14px;
|
|
61
|
+
color: var(--color-muted);
|
|
62
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import styles from './Textarea.module.css';
|
|
4
|
+
import { useFormFieldContext } from '../FormField/FormField';
|
|
5
|
+
export default function Textarea({ hasError = false, className, ...props }) {
|
|
6
|
+
const context = useFormFieldContext();
|
|
7
|
+
const generatedId = React.useId();
|
|
8
|
+
const resolvedId = props.id ?? context?.fieldId ?? (props.name ? `field-${props.name}` : generatedId);
|
|
9
|
+
const classes = [styles.textarea, hasError ? styles.error : null, className].filter(Boolean).join(' ');
|
|
10
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
11
|
+
if (!props.id && !props.name) {
|
|
12
|
+
// eslint-disable-next-line no-console
|
|
13
|
+
console.warn('Input.TextArea: рекомендуется передавать id или name для связки с label.');
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
React.useEffect(() => {
|
|
17
|
+
context?.registerField(resolvedId, props.name);
|
|
18
|
+
}, [context, resolvedId, props.name]);
|
|
19
|
+
return _jsx("textarea", { id: resolvedId, className: classes, ...props });
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=Textarea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Input/Textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAM7D,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,GAAG,KAAK,EACF;IACN,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,SAAS,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IACtG,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEvG,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;QAC1C,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAC7B,sCAAsC;YACtC,OAAO,CAAC,IAAI,CAAC,0EAA0E,CAAC,CAAC;QAC3F,CAAC;IACH,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,EAAE,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEtC,OAAO,mBAAU,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,KAAM,KAAK,GAAI,CAAC;AACrE,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
.textarea {
|
|
2
|
+
width: 100%;
|
|
3
|
+
min-height: 120px;
|
|
4
|
+
padding: 14px 16px;
|
|
5
|
+
border-radius: var(--radius-sm);
|
|
6
|
+
border: 1px solid rgba(30, 99, 233, 0.25);
|
|
7
|
+
background: var(--surface-input);
|
|
8
|
+
color: var(--color-text);
|
|
9
|
+
transition: border-color 0.2s ease, box-shadow 0.2s ease;
|
|
10
|
+
resize: vertical;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.textarea:focus {
|
|
14
|
+
outline: none;
|
|
15
|
+
border-color: rgba(20, 201, 214, 0.8);
|
|
16
|
+
box-shadow: 0 0 0 3px rgba(20, 201, 214, 0.2);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.textarea::placeholder {
|
|
20
|
+
color: var(--color-muted-2);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.textarea:disabled {
|
|
24
|
+
background: var(--surface-input-disabled);
|
|
25
|
+
color: var(--color-muted-2);
|
|
26
|
+
border-color: rgba(30, 51, 85, 0.5);
|
|
27
|
+
cursor: not-allowed;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.error {
|
|
31
|
+
border-color: rgba(255, 94, 126, 0.8);
|
|
32
|
+
box-shadow: 0 0 0 3px rgba(255, 94, 126, 0.2);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@media (prefers-reduced-motion: reduce) {
|
|
36
|
+
.textarea {
|
|
37
|
+
transition: none;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/Input/TimePicker.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,SAAS,CAAC;AAIjC,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAY;IAC7C,OAAO,KAAC,UAAU,OAAK,KAAK,EAAE,IAAI,EAAC,MAAM,GAAG,CAAC;AAC/C,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MenuItem } from './Menu';
|
|
3
|
+
type Props = {
|
|
4
|
+
trigger: React.ReactNode;
|
|
5
|
+
items: MenuItem[];
|
|
6
|
+
orientation?: 'vertical' | 'horizontal';
|
|
7
|
+
align?: 'left' | 'right';
|
|
8
|
+
placement?: 'auto' | 'down' | 'up';
|
|
9
|
+
fullWidth?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
};
|
|
12
|
+
export default function Dropdown({ trigger, items, orientation, align, placement, fullWidth, className, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import Menu from './Menu';
|
|
4
|
+
import styles from './Menu.module.css';
|
|
5
|
+
import useDropdownPosition from '../../hooks/useDropdownPosition';
|
|
6
|
+
export default function Dropdown({ trigger, items, orientation = 'vertical', align = 'right', placement = 'auto', fullWidth = false, className, }) {
|
|
7
|
+
const [open, setOpen] = React.useState(false);
|
|
8
|
+
const containerRef = React.useRef(null);
|
|
9
|
+
const triggerRef = React.useRef(null);
|
|
10
|
+
const { ref: menuRef, style: menuStyle } = useDropdownPosition(open, {
|
|
11
|
+
gap: 8,
|
|
12
|
+
align,
|
|
13
|
+
placement,
|
|
14
|
+
anchorRef: triggerRef,
|
|
15
|
+
});
|
|
16
|
+
const isElementTrigger = React.isValidElement(trigger);
|
|
17
|
+
React.useEffect(() => {
|
|
18
|
+
const handleClick = (event) => {
|
|
19
|
+
if (!containerRef.current) {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
if (!containerRef.current.contains(event.target)) {
|
|
23
|
+
setOpen(false);
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
document.addEventListener('click', handleClick);
|
|
27
|
+
return () => document.removeEventListener('click', handleClick);
|
|
28
|
+
}, []);
|
|
29
|
+
React.useEffect(() => {
|
|
30
|
+
if (!open || !containerRef.current) {
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
const firstItem = containerRef.current.querySelector('[data-menu-item="true"]');
|
|
34
|
+
firstItem?.focus();
|
|
35
|
+
}, [open]);
|
|
36
|
+
const handleKeyDown = (event) => {
|
|
37
|
+
if (event.key === 'Escape') {
|
|
38
|
+
event.stopPropagation();
|
|
39
|
+
setOpen(false);
|
|
40
|
+
triggerRef.current?.focus();
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
const handleTriggerKeyDown = (event) => {
|
|
44
|
+
if (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ') {
|
|
45
|
+
event.preventDefault();
|
|
46
|
+
setOpen(true);
|
|
47
|
+
}
|
|
48
|
+
if (event.key === 'Escape') {
|
|
49
|
+
setOpen(false);
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
return (_jsxs("div", { className: [styles.dropdown, fullWidth ? styles.dropdownFull : null, className].filter(Boolean).join(' '), ref: containerRef, onKeyDown: handleKeyDown, children: [isElementTrigger ? (_jsx("span", { className: [styles.dropdownAnchor, fullWidth ? styles.dropdownAnchorFull : null].filter(Boolean).join(' '), onClick: () => setOpen((prev) => !prev), onKeyDown: handleTriggerKeyDown, "aria-expanded": open, "aria-haspopup": "menu", ref: (node) => {
|
|
53
|
+
triggerRef.current = node;
|
|
54
|
+
}, 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
|
+
triggerRef.current = node;
|
|
56
|
+
}, children: trigger })), open ? (_jsx("div", { ref: menuRef, className: [styles.dropdownMenu, styles[`align-${align}`]].filter(Boolean).join(' '), style: menuStyle, children: _jsx(Menu, { items: items, orientation: orientation, onItemSelect: () => setOpen(false) }) })) : null] }));
|
|
57
|
+
}
|
|
58
|
+
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Menu/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type LinkComponent = React.ElementType<{
|
|
3
|
+
href?: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}>;
|
|
8
|
+
export type MenuItem = {
|
|
9
|
+
id?: string;
|
|
10
|
+
label?: string;
|
|
11
|
+
href?: string;
|
|
12
|
+
onClick?: () => void;
|
|
13
|
+
icon?: React.ReactNode;
|
|
14
|
+
active?: boolean;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
divider?: boolean;
|
|
17
|
+
children?: MenuItem[];
|
|
18
|
+
open?: boolean;
|
|
19
|
+
align?: 'left' | 'right';
|
|
20
|
+
placement?: 'auto' | 'down' | 'up';
|
|
21
|
+
as?: LinkComponent;
|
|
22
|
+
};
|
|
23
|
+
type Props = {
|
|
24
|
+
items: MenuItem[];
|
|
25
|
+
orientation?: 'vertical' | 'horizontal';
|
|
26
|
+
className?: string;
|
|
27
|
+
onItemSelect?: (item: MenuItem) => void;
|
|
28
|
+
as?: LinkComponent;
|
|
29
|
+
};
|
|
30
|
+
export default function Menu({ items, orientation, className, onItemSelect, as }: Props): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export {};
|
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import styles from './Menu.module.css';
|
|
4
|
+
import useDropdownPosition from '../../hooks/useDropdownPosition';
|
|
5
|
+
function HorizontalDropdown({ item, isOpen, classNames, content, dropdownId, align, placement, onToggle, onSelect, }) {
|
|
6
|
+
const buttonRef = React.useRef(null);
|
|
7
|
+
const { ref, style } = useDropdownPosition(isOpen, { gap: 8, align, placement, anchorRef: buttonRef });
|
|
8
|
+
return (_jsxs("div", { className: styles.dropdownItem, children: [_jsxs("button", { type: "button", className: classNames, onClick: onToggle, "aria-expanded": isOpen, "aria-controls": dropdownId, "data-menu-item": "true", "aria-current": item.active ? 'page' : undefined, disabled: item.disabled, ref: buttonRef, children: [content, _jsx("span", { className: [styles.chevron, isOpen ? styles.chevronOpen : null].filter(Boolean).join(' '), "aria-hidden": "true" })] }), isOpen ? (_jsx("div", { id: dropdownId, className: [styles.dropdownMenu, styles[`align-${align}`]].filter(Boolean).join(' '), "aria-hidden": !isOpen, ref: ref, style: style, children: _jsx(Menu, { items: item.children ?? [], onItemSelect: onSelect }) })) : null] }));
|
|
9
|
+
}
|
|
10
|
+
export default function Menu({ items, orientation = 'vertical', className, onItemSelect, as }) {
|
|
11
|
+
const navRef = React.useRef(null);
|
|
12
|
+
const isHorizontal = orientation === 'horizontal';
|
|
13
|
+
const getKey = (item, index) => item.id ?? item.label ?? `item-${index}`;
|
|
14
|
+
const initGroups = React.useCallback(() => {
|
|
15
|
+
const map = {};
|
|
16
|
+
items.forEach((item, index) => {
|
|
17
|
+
if (item.children && item.children.length > 0) {
|
|
18
|
+
map[getKey(item, index)] = item.open ?? false;
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
return map;
|
|
22
|
+
}, [items]);
|
|
23
|
+
const [openGroups, setOpenGroups] = React.useState(() => initGroups());
|
|
24
|
+
React.useEffect(() => {
|
|
25
|
+
setOpenGroups((prev) => ({ ...initGroups(), ...prev }));
|
|
26
|
+
}, [initGroups]);
|
|
27
|
+
React.useEffect(() => {
|
|
28
|
+
if (!isHorizontal) {
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
const handleClick = (event) => {
|
|
32
|
+
if (!navRef.current) {
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
if (!navRef.current.contains(event.target)) {
|
|
36
|
+
setOpenGroups({});
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
document.addEventListener('click', handleClick);
|
|
40
|
+
return () => document.removeEventListener('click', handleClick);
|
|
41
|
+
}, [isHorizontal]);
|
|
42
|
+
const focusableItems = () => {
|
|
43
|
+
if (!navRef.current) {
|
|
44
|
+
return [];
|
|
45
|
+
}
|
|
46
|
+
const elements = Array.from(navRef.current.querySelectorAll('[data-menu-item="true"]'));
|
|
47
|
+
return elements.filter((el) => {
|
|
48
|
+
if (el.closest('[data-menu-root="true"]') !== navRef.current) {
|
|
49
|
+
return false;
|
|
50
|
+
}
|
|
51
|
+
if (el.getAttribute('aria-disabled') === 'true') {
|
|
52
|
+
return false;
|
|
53
|
+
}
|
|
54
|
+
if (el instanceof HTMLButtonElement && el.disabled) {
|
|
55
|
+
return false;
|
|
56
|
+
}
|
|
57
|
+
return true;
|
|
58
|
+
});
|
|
59
|
+
};
|
|
60
|
+
const handleKeyDown = (event) => {
|
|
61
|
+
const itemsList = focusableItems();
|
|
62
|
+
if (itemsList.length === 0) {
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
const currentIndex = itemsList.indexOf(document.activeElement);
|
|
66
|
+
const lastIndex = itemsList.length - 1;
|
|
67
|
+
const moveFocus = (nextIndex) => {
|
|
68
|
+
itemsList[nextIndex]?.focus();
|
|
69
|
+
};
|
|
70
|
+
switch (event.key) {
|
|
71
|
+
case 'ArrowDown':
|
|
72
|
+
if (!isHorizontal) {
|
|
73
|
+
event.preventDefault();
|
|
74
|
+
moveFocus(currentIndex >= lastIndex ? 0 : currentIndex + 1);
|
|
75
|
+
}
|
|
76
|
+
break;
|
|
77
|
+
case 'ArrowUp':
|
|
78
|
+
if (!isHorizontal) {
|
|
79
|
+
event.preventDefault();
|
|
80
|
+
moveFocus(currentIndex <= 0 ? lastIndex : currentIndex - 1);
|
|
81
|
+
}
|
|
82
|
+
break;
|
|
83
|
+
case 'ArrowRight':
|
|
84
|
+
if (isHorizontal) {
|
|
85
|
+
event.preventDefault();
|
|
86
|
+
moveFocus(currentIndex >= lastIndex ? 0 : currentIndex + 1);
|
|
87
|
+
}
|
|
88
|
+
break;
|
|
89
|
+
case 'ArrowLeft':
|
|
90
|
+
if (isHorizontal) {
|
|
91
|
+
event.preventDefault();
|
|
92
|
+
moveFocus(currentIndex <= 0 ? lastIndex : currentIndex - 1);
|
|
93
|
+
}
|
|
94
|
+
break;
|
|
95
|
+
case 'Home':
|
|
96
|
+
event.preventDefault();
|
|
97
|
+
moveFocus(0);
|
|
98
|
+
break;
|
|
99
|
+
case 'End':
|
|
100
|
+
event.preventDefault();
|
|
101
|
+
moveFocus(lastIndex);
|
|
102
|
+
break;
|
|
103
|
+
default:
|
|
104
|
+
break;
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
const classes = [styles.menu, styles[orientation], className].filter(Boolean).join(' ');
|
|
108
|
+
const handleSelect = (item) => {
|
|
109
|
+
if (isHorizontal) {
|
|
110
|
+
setOpenGroups({});
|
|
111
|
+
}
|
|
112
|
+
onItemSelect?.(item);
|
|
113
|
+
};
|
|
114
|
+
return (_jsx("nav", { className: classes, "aria-orientation": orientation, "data-menu-root": "true", onKeyDown: handleKeyDown, ref: navRef, children: items.map((item, index) => {
|
|
115
|
+
const key = getKey(item, index);
|
|
116
|
+
if (item.divider) {
|
|
117
|
+
return _jsx("div", { className: styles.divider, role: "separator" }, key);
|
|
118
|
+
}
|
|
119
|
+
const content = (_jsxs(_Fragment, { children: [item.icon ? _jsx("span", { className: styles.icon, children: item.icon }) : null, _jsx("span", { children: item.label })] }));
|
|
120
|
+
const classNames = [
|
|
121
|
+
styles.item,
|
|
122
|
+
item.active ? styles.active : null,
|
|
123
|
+
item.disabled ? styles.disabled : null,
|
|
124
|
+
]
|
|
125
|
+
.filter(Boolean)
|
|
126
|
+
.join(' ');
|
|
127
|
+
const handleClick = (event) => {
|
|
128
|
+
if (item.disabled) {
|
|
129
|
+
event.preventDefault();
|
|
130
|
+
return;
|
|
131
|
+
}
|
|
132
|
+
item.onClick?.();
|
|
133
|
+
handleSelect(item);
|
|
134
|
+
};
|
|
135
|
+
if (item.children && item.children.length > 0 && orientation === 'vertical') {
|
|
136
|
+
const isOpen = openGroups[key] ?? false;
|
|
137
|
+
const submenuId = `${key}-submenu`;
|
|
138
|
+
return (_jsxs("div", { className: styles.group, children: [_jsxs("button", { type: "button", className: [classNames, styles.groupButton].filter(Boolean).join(' '), onClick: () => setOpenGroups((prev) => ({ ...prev, [key]: !isOpen })), "aria-expanded": isOpen, "aria-controls": submenuId, "data-menu-item": "true", "aria-current": item.active ? 'page' : undefined, disabled: item.disabled, children: [content, _jsx("span", { className: [styles.chevron, isOpen ? styles.chevronOpen : null].filter(Boolean).join(' '), "aria-hidden": "true" })] }), _jsx("div", { id: submenuId, className: [styles.submenu, isOpen ? styles.submenuOpen : null].filter(Boolean).join(' '), "aria-hidden": !isOpen, children: _jsx(Menu, { items: item.children, onItemSelect: handleSelect, className: styles.submenuList }) })] }, key));
|
|
139
|
+
}
|
|
140
|
+
if (item.children && item.children.length > 0 && orientation === 'horizontal') {
|
|
141
|
+
const isOpen = openGroups[key] ?? false;
|
|
142
|
+
const dropdownId = `${key}-dropdown`;
|
|
143
|
+
const dropdownAlign = item.align ?? 'left';
|
|
144
|
+
const dropdownPlacement = item.placement ?? 'auto';
|
|
145
|
+
const toggleDropdown = () => {
|
|
146
|
+
setOpenGroups((prev) => {
|
|
147
|
+
const next = isHorizontal ? {} : { ...prev };
|
|
148
|
+
next[key] = !isOpen;
|
|
149
|
+
return next;
|
|
150
|
+
});
|
|
151
|
+
};
|
|
152
|
+
return (_jsx(HorizontalDropdown, { item: item, isOpen: isOpen, classNames: classNames, content: content, dropdownId: dropdownId, align: dropdownAlign, placement: dropdownPlacement, onToggle: toggleDropdown, onSelect: handleSelect }, key));
|
|
153
|
+
}
|
|
154
|
+
if (item.href) {
|
|
155
|
+
const LinkTag = item.as ?? as ?? 'a';
|
|
156
|
+
return (_jsx(LinkTag, { className: classNames, href: item.href, onClick: handleClick, "aria-current": item.active ? 'page' : undefined, "aria-disabled": item.disabled ? 'true' : undefined, tabIndex: item.disabled ? -1 : undefined, "data-menu-item": "true", children: content }, key));
|
|
157
|
+
}
|
|
158
|
+
return (_jsx("button", { type: "button", className: classNames, onClick: handleClick, disabled: item.disabled, "aria-current": item.active ? 'page' : undefined, "data-menu-item": "true", children: content }, key));
|
|
159
|
+
}) }));
|
|
160
|
+
}
|
|
161
|
+
//# sourceMappingURL=Menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"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"}
|