@olddevs/ui 4.1.0 → 4.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/CHANGELOG.md +32 -0
- package/dist/components/actions/Toggle.d.ts.map +1 -1
- package/dist/components/actions/Toggle.js +1 -1
- package/dist/components/actions/Toggle.js.map +1 -1
- package/dist/components/actions/Truncate.d.ts.map +1 -1
- package/dist/components/actions/Truncate.js +2 -2
- package/dist/components/actions/Truncate.js.map +1 -1
- package/dist/components/app-shell/MobileTabBar.d.ts.map +1 -1
- package/dist/components/app-shell/MobileTabBar.js +1 -1
- package/dist/components/app-shell/MobileTabBar.js.map +1 -1
- package/dist/components/app-shell/NavItem.d.ts.map +1 -1
- package/dist/components/app-shell/NavItem.js +3 -1
- package/dist/components/app-shell/NavItem.js.map +1 -1
- package/dist/components/content/AvatarGroup.d.ts.map +1 -1
- package/dist/components/content/AvatarGroup.js +2 -1
- package/dist/components/content/AvatarGroup.js.map +1 -1
- package/dist/components/content/Table.d.ts.map +1 -1
- package/dist/components/content/Table.js +2 -1
- package/dist/components/content/Table.js.map +1 -1
- package/dist/components/content/VirtualGrid.d.ts.map +1 -1
- package/dist/components/content/VirtualGrid.js +4 -1
- package/dist/components/content/VirtualGrid.js.map +1 -1
- package/dist/components/inputs/Checkbox.d.ts.map +1 -1
- package/dist/components/inputs/Checkbox.js +3 -0
- package/dist/components/inputs/Checkbox.js.map +1 -1
- package/dist/components/inputs/CheckboxCard.d.ts.map +1 -1
- package/dist/components/inputs/CheckboxCard.js +2 -2
- package/dist/components/inputs/CheckboxCard.js.map +1 -1
- package/dist/components/inputs/RadioGroup.d.ts.map +1 -1
- package/dist/components/inputs/RadioGroup.js +5 -3
- package/dist/components/inputs/RadioGroup.js.map +1 -1
- package/dist/components/inputs/Select.d.ts.map +1 -1
- package/dist/components/inputs/Select.js +6 -6
- package/dist/components/inputs/Select.js.map +1 -1
- package/dist/components/inputs/Slider.d.ts.map +1 -1
- package/dist/components/inputs/Slider.js +2 -2
- package/dist/components/inputs/Slider.js.map +1 -1
- package/dist/components/navigation/Accordion.d.ts.map +1 -1
- package/dist/components/navigation/Accordion.js +1 -1
- package/dist/components/navigation/Accordion.js.map +1 -1
- package/dist/components/navigation/MegaMenu.d.ts +156 -0
- package/dist/components/navigation/MegaMenu.d.ts.map +1 -0
- package/dist/components/navigation/MegaMenu.js +512 -0
- package/dist/components/navigation/MegaMenu.js.map +1 -0
- package/dist/components/navigation/TreeView.d.ts.map +1 -1
- package/dist/components/navigation/TreeView.js +6 -3
- package/dist/components/navigation/TreeView.js.map +1 -1
- package/dist/components/navigation/useMenuAim.d.ts +41 -0
- package/dist/components/navigation/useMenuAim.d.ts.map +1 -0
- package/dist/components/navigation/useMenuAim.js +114 -0
- package/dist/components/navigation/useMenuAim.js.map +1 -0
- package/dist/components/overlays/Menu.d.ts +19 -1
- package/dist/components/overlays/Menu.d.ts.map +1 -1
- package/dist/components/overlays/Menu.js +16 -4
- package/dist/components/overlays/Menu.js.map +1 -1
- package/dist/editor/RichTextEditor.d.ts.map +1 -1
- package/dist/editor/RichTextEditor.js +4 -2
- package/dist/editor/RichTextEditor.js.map +1 -1
- package/dist/editor/features/table/TableMenuButton.js +1 -1
- package/dist/editor/features/table/TableMenuButton.js.map +1 -1
- package/dist/editor/styles/prose.d.ts +7 -0
- package/dist/editor/styles/prose.d.ts.map +1 -1
- package/dist/editor/styles/prose.js +1 -1
- package/dist/editor/styles/prose.js.map +1 -1
- package/dist/editor/ui/BlockHandle.js +1 -1
- package/dist/editor/ui/BlockHandle.js.map +1 -1
- package/dist/editor/ui/FormatMenus.d.ts.map +1 -1
- package/dist/editor/ui/FormatMenus.js +3 -2
- package/dist/editor/ui/FormatMenus.js.map +1 -1
- package/dist/{editor/hooks → hooks}/useSubmenuPlacement.d.ts +14 -1
- package/dist/hooks/useSubmenuPlacement.d.ts.map +1 -0
- package/dist/hooks/useSubmenuPlacement.js +10 -0
- package/dist/hooks/useSubmenuPlacement.js.map +1 -0
- package/dist/i18n/defaults.d.ts.map +1 -1
- package/dist/i18n/defaults.js +3 -0
- package/dist/i18n/defaults.js.map +1 -1
- package/dist/i18n/messages.d.ts +8 -0
- package/dist/i18n/messages.d.ts.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/lib/choice-card.d.ts +13 -0
- package/dist/lib/choice-card.d.ts.map +1 -1
- package/dist/lib/choice-card.js +2 -0
- package/dist/lib/choice-card.js.map +1 -1
- package/dist/locales/ru.d.ts.map +1 -1
- package/dist/locales/ru.js +3 -0
- package/dist/locales/ru.js.map +1 -1
- package/docs/api/messages.md +6 -0
- package/docs/components/app-shell/mobile-tab-bar.en.md +3 -3
- package/docs/components/app-shell/mobile-tab-bar.md +2 -2
- package/docs/components/app-shell/side-nav.en.md +7 -3
- package/docs/components/app-shell/side-nav.md +6 -2
- package/docs/components/index.en.md +2 -1
- package/docs/components/index.md +1 -0
- package/docs/components/inputs/form.en.md +2 -2
- package/docs/components/inputs/form.md +1 -1
- package/docs/components/inputs/rich-text-editor.en.md +2 -2
- package/docs/components/inputs/rich-text-editor.md +1 -1
- package/docs/components/navigation/mega-menu.en.md +273 -0
- package/docs/components/navigation/mega-menu.md +258 -0
- package/docs/components/overlays/menu.en.md +22 -4
- package/docs/components/overlays/menu.md +20 -4
- package/docs/getting-started.en.md +5 -5
- package/docs/getting-started.md +4 -4
- package/docs/glossary.en.md +6 -1
- package/docs/glossary.md +5 -0
- package/llms.txt +1 -0
- package/package.json +1 -1
- package/src/components/actions/Toggle.tsx +10 -3
- package/src/components/actions/Truncate.tsx +5 -3
- package/src/components/app-shell/MobileTabBar.tsx +9 -1
- package/src/components/app-shell/NavItem.tsx +6 -1
- package/src/components/content/AvatarGroup.tsx +6 -2
- package/src/components/content/Table.tsx +15 -3
- package/src/components/content/VirtualGrid.tsx +11 -1
- package/src/components/inputs/Checkbox.tsx +5 -0
- package/src/components/inputs/CheckboxCard.tsx +2 -0
- package/src/components/inputs/RadioGroup.tsx +10 -1
- package/src/components/inputs/Select.tsx +113 -106
- package/src/components/inputs/Slider.tsx +6 -2
- package/src/components/navigation/Accordion.tsx +4 -1
- package/src/components/navigation/MegaMenu.tsx +1223 -0
- package/src/components/navigation/TreeView.tsx +70 -49
- package/src/components/navigation/useMenuAim.ts +202 -0
- package/src/components/overlays/Menu.tsx +47 -4
- package/src/editor/RichTextEditor.tsx +6 -3
- package/src/editor/features/table/TableMenuButton.tsx +1 -1
- package/src/editor/styles/prose.ts +1 -1
- package/src/editor/ui/BlockHandle.tsx +1 -1
- package/src/editor/ui/FormatMenus.tsx +17 -2
- package/src/{editor/hooks → hooks}/useSubmenuPlacement.ts +18 -15
- package/src/i18n/defaults.ts +4 -0
- package/src/i18n/messages.ts +9 -0
- package/src/index.ts +17 -0
- package/src/lib/choice-card.ts +17 -0
- package/src/locales/ru.ts +4 -0
- package/dist/editor/hooks/useSubmenuPlacement.d.ts.map +0 -1
- package/dist/editor/hooks/useSubmenuPlacement.js +0 -20
- package/dist/editor/hooks/useSubmenuPlacement.js.map +0 -1
|
@@ -7,7 +7,7 @@ import { LISTBOX_ITEM_CLASS } from "../../lib/menu.js";
|
|
|
7
7
|
import { FIELD_CLEAR_CLASS } from "../../lib/field.js";
|
|
8
8
|
import { useMessages } from "../../i18n/useMessages.js";
|
|
9
9
|
import { CheckIcon, CloseIcon, SelectIcon } from "../../icons.js";
|
|
10
|
-
import { Popover, PopoverContent, PopoverTrigger } from "../overlays/Popover.js";
|
|
10
|
+
import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../overlays/Popover.js";
|
|
11
11
|
import { VisuallyHidden } from "../content/VisuallyHidden.js";
|
|
12
12
|
const LABEL_CLASS = "max-w-[var(--select-label-max,110px)] truncate";
|
|
13
13
|
export function Select(props) {
|
|
@@ -120,11 +120,11 @@ export function Select(props) {
|
|
|
120
120
|
setOpen(v);
|
|
121
121
|
if (!v)
|
|
122
122
|
setSearch("");
|
|
123
|
-
}, children: [_jsxs("span", { className: cn("relative inline-flex items-center gap-2 rounded-full border px-3 py-[7px]", "text-[13px] leading-5 font-semibold transition-colors", hasSelection && highlightSelected
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
123
|
+
}, children: [_jsx(PopoverAnchor, { asChild: true, children: _jsxs("span", { className: cn("relative inline-flex items-center gap-2 rounded-full border px-3 py-[7px]", "text-[13px] leading-5 font-semibold transition-colors", hasSelection && highlightSelected
|
|
124
|
+
? "border-accent-strong bg-accent-soft text-fg-0"
|
|
125
|
+
: "border-line-soft text-fg-1 hover:border-line hover:bg-bg-2 bg-transparent", hasSelection && !highlightSelected && "text-fg-0", disabled && "cursor-not-allowed opacity-50", triggerClassName), children: [ariaLabel && !ariaLabelledBy ? (_jsx(VisuallyHidden, { elementType: "span", id: labelId, children: ariaLabel })) : null, _jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", disabled: disabled, "aria-haspopup": "listbox", "aria-expanded": open && !disabled, "aria-labelledby": labelledBy ? `${labelledBy} ${valueId}` : undefined, "aria-describedby": describedBy, className: cn("inline-flex min-w-0 grow cursor-pointer items-center justify-between gap-2 text-left", "disabled:cursor-not-allowed", "after:absolute after:inset-0 after:rounded-[inherit]", "focus-visible:after:outline-accent-strong focus-visible:after:outline-2 focus-visible:after:outline-offset-2", hasSelection && clearable && !disabled && "pr-6"), children: selected ? (_jsxs("span", { id: valueId, className: "inline-flex min-w-0 items-center gap-2", children: [renderMedia?.(selected, 20), _jsx("span", { className: LABEL_CLASS, children: selected.label })] })) : hasSelection && props.multiple ? (_jsx("span", { id: valueId, className: LABEL_CLASS, children: countLabel
|
|
126
|
+
? countLabel(selectedIds.length)
|
|
127
|
+
: `${placeholder}: ${selectedIds.length}` })) : hasSelection ? (_jsx("span", { id: valueId, className: LABEL_CLASS, children: missingLabel ? missingLabel(selectedIds[0]) : selectedIds[0] })) : (_jsxs("span", { id: valueId, className: "inline-flex min-w-0 items-center gap-2", children: [_jsx("span", { "aria-hidden": true, className: "inline-flex shrink-0 items-center opacity-60", children: icon ?? _jsx(SelectIcon, { size: 14 }) }), _jsx("span", { className: "truncate", children: placeholder })] })) }) }), hasSelection && clearable && !disabled ? (_jsx("button", { type: "button", "aria-label": clearLabel ?? messages.common.clear, onClick: clear, className: FIELD_CLEAR_CLASS, children: _jsx(CloseIcon, { size: 10, "aria-hidden": true }) })) : null] }) }), _jsxs(PopoverContent, { className: cn("w-[260px]", contentClassName), align: "start", onKeyDown: onPanelKeyDown, children: [searchable ? (_jsx("div", { className: "border-line-soft border-b px-3 py-2", children: _jsx("div", { className: "border-line-soft bg-bg-2 focus-within:border-accent-strong flex items-center gap-2 rounded-sm border px-3 py-2 transition-[border-color,box-shadow] focus-within:ring-[3px] focus-within:ring-[color:var(--focus-ring)]", children: _jsx("input", { ref: searchRef, type: "text", "data-disable-focus-ring": "true", "aria-label": searchPlaceholder ?? messages.common.searchPlaceholder, placeholder: searchPlaceholder ?? messages.common.searchPlaceholder, value: search, onChange: (e) => setSearch(e.target.value), className: "text-fg-0 placeholder:text-fg-2 w-full border-none bg-transparent text-[13px] outline-none", autoFocus: true }) }) })) : null, _jsx("div", { role: "listbox", "aria-multiselectable": props.multiple ? true : undefined, className: "max-h-[280px] overflow-y-auto p-1", children: filtered.length === 0 ? (_jsx("div", { className: "text-fg-2 px-3 py-4 text-center text-[13px]", children: search
|
|
128
128
|
? (notFoundText ?? messages.common.notFound)
|
|
129
129
|
: (emptyText ?? messages.common.empty) })) : (filtered.map((item, index) => {
|
|
130
130
|
const isSelected = selectedSet.has(String(item.id));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/inputs/Select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,SAAS,EACT,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,GAGT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/inputs/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/Slider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,WAAW,IAAI,eAAe,EAEpC,MAAM,uBAAuB,CAAC;AAK/B;;;;;;;GAOG;AACH,UAAU,eAAe;IACvB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,gDAAgD;IAChD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAC5C,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAAC,GAAG;IACpF;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/Slider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,WAAW,IAAI,eAAe,EAEpC,MAAM,uBAAuB,CAAC;AAK/B;;;;;;;GAOG;AACH,UAAU,eAAe;IACvB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,gDAAgD;IAChD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAC5C,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAAC,GAAG;IACpF;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA4MJ;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,aAAsB,EACtB,WAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,EAAE,WAAW,+BAgDb;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,aAAsB,EACtB,MAAU,EACV,WAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,gBAAgB,+BAiGlB"}
|
|
@@ -4,13 +4,13 @@ import { Label, Slider as AriaSlider, SliderOutput, SliderStateContext, SliderTh
|
|
|
4
4
|
import { useContext, useEffect, useRef } from "react";
|
|
5
5
|
import { useFieldDescribedBy } from "../../hooks/useFieldDescription.js";
|
|
6
6
|
import { cn } from "../../lib/cn.js";
|
|
7
|
-
const DIMMED_WHEN_DISABLED = "disabled:opacity-50";
|
|
7
|
+
const DIMMED_WHEN_DISABLED = "disabled:opacity-50 has-[input:disabled]:opacity-50";
|
|
8
8
|
const ROOT_CLASS = `flex w-full flex-col gap-2 ${DIMMED_WHEN_DISABLED}`;
|
|
9
9
|
const TRACK_CLASS = "bg-bg-3 relative h-1.5 w-full rounded-full";
|
|
10
10
|
const FILL_CLASS = "bg-accent absolute h-full rounded-full";
|
|
11
11
|
const THUMB_BASE_CLASS = "border-accent bg-bg-1 size-4 cursor-grab rounded-full border-2 shadow-[var(--shadow-1)] transition-shadow " +
|
|
12
12
|
"dragging:cursor-grabbing focus-visible:outline-accent-strong focus-visible:outline-2 focus-visible:outline-offset-2 " +
|
|
13
|
-
"disabled:cursor-not-allowed";
|
|
13
|
+
"disabled:cursor-not-allowed has-[input:disabled]:cursor-not-allowed";
|
|
14
14
|
const THUMB_CLASS = `${THUMB_BASE_CLASS} top-1/2`;
|
|
15
15
|
const GEOMETRY = {
|
|
16
16
|
horizontal: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/components/inputs/Slider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,KAAK,EACL,MAAM,IAAI,UAAU,EACpB,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,WAAW,GAIZ,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/components/inputs/Slider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAML,KAAK,oBAAoB,EAC1B,MAAM,uBAAuB,CAAC;AAI/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,oBAAoB,EACpB,WAAW,GAAG,OAAO,GAAG,wBAAwB,CACjD;IACC;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,6DAA6D;IAC7D,EAAE,EAAE,MAAM,CAAC;IACX,4EAA4E;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,uBAAuB;AACvB,wBAAgB,aAAa,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAML,KAAK,oBAAoB,EAC1B,MAAM,uBAAuB,CAAC;AAI/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,oBAAoB,EACpB,WAAW,GAAG,OAAO,GAAG,wBAAwB,CACjD;IACC;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,6DAA6D;IAC7D,EAAE,EAAE,MAAM,CAAC;IACX,4EAA4E;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,uBAAuB;AACvB,wBAAgB,aAAa,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BAkD7F;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAgB,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAU3F"}
|
|
@@ -4,7 +4,7 @@ import { Button as AriaButton, Disclosure, DisclosureGroup, DisclosurePanel, Hea
|
|
|
4
4
|
import { ChevronDownIcon } from "../../icons.js";
|
|
5
5
|
import { cn } from "../../lib/cn.js";
|
|
6
6
|
export function AccordionItem({ id, title, disabled, className, children }) {
|
|
7
|
-
return (_jsx(Disclosure, { id: id, isDisabled: disabled, className: cn("border-line-soft border-b", className), children: ({ isExpanded }) => (_jsxs(_Fragment, { children: [_jsx(AriaHeading, { className: "m-0", children: _jsxs(AriaButton, { slot: "trigger", className: cn("text-fg-0 flex w-full cursor-pointer items-center justify-between gap-3 py-3 text-left text-sm font-semibold outline-none", "hover:text-accent-strong focus-visible:outline-accent-strong focus-visible:outline-2 focus-visible:outline-offset-2", "disabled:text-fg-3 disabled:cursor-not-allowed"), children: [title, _jsx(ChevronDownIcon, { size: 16, "aria-hidden": true, className: cn("text-fg-3 shrink-0 transition-transform motion-reduce:transition-none", isExpanded && "rotate-180") })] }) }), _jsx(DisclosurePanel, { className: "text-fg-1
|
|
7
|
+
return (_jsx(Disclosure, { id: id, isDisabled: disabled, className: cn("border-line-soft border-b", className), children: ({ isExpanded }) => (_jsxs(_Fragment, { children: [_jsx(AriaHeading, { className: "m-0", children: _jsxs(AriaButton, { slot: "trigger", className: cn("text-fg-0 flex w-full cursor-pointer items-center justify-between gap-3 py-3 text-left text-sm font-semibold outline-none", "hover:text-accent-strong focus-visible:outline-accent-strong focus-visible:outline-2 focus-visible:outline-offset-2", "disabled:text-fg-3 disabled:cursor-not-allowed"), children: [title, _jsx(ChevronDownIcon, { size: 16, "aria-hidden": true, className: cn("text-fg-3 shrink-0 transition-transform motion-reduce:transition-none", isExpanded && "rotate-180") })] }) }), _jsx(DisclosurePanel, { className: cn("text-fg-1 text-sm", isExpanded && "pb-3"), children: children })] })) }));
|
|
8
8
|
}
|
|
9
9
|
export function Accordion({ multiple = false, className, children, ...rest }) {
|
|
10
10
|
return (_jsx(DisclosureGroup, { ...rest, allowsMultipleExpanded: multiple, className: cn("border-line-soft w-full border-t", className), children: children }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/navigation/Accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,MAAM,IAAI,UAAU,EACpB,UAAU,EACV,eAAe,EACf,eAAe,EACf,OAAO,IAAI,WAAW,GAEvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAuCrC,MAAM,UAAU,aAAa,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAsB;IAC5F,OAAO,CACL,KAAC,UAAU,IACT,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,QAAQ,EACpB,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,YAEpD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACnB,8BAME,KAAC,WAAW,IAAC,SAAS,EAAC,KAAK,YAC1B,MAAC,UAAU,IACT,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CACX,2HAA2H,EAC3H,qHAAqH,EACrH,gDAAgD,CACjD,aAEA,KAAK,EASN,KAAC,eAAe,IACd,IAAI,EAAE,EAAE,uBAER,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,UAAU,IAAI,YAAY,CAC3B,GACD,IACS,GACD,
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/navigation/Accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,MAAM,IAAI,UAAU,EACpB,UAAU,EACV,eAAe,EACf,eAAe,EACf,OAAO,IAAI,WAAW,GAEvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAuCrC,MAAM,UAAU,aAAa,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAsB;IAC5F,OAAO,CACL,KAAC,UAAU,IACT,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,QAAQ,EACpB,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,YAEpD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACnB,8BAME,KAAC,WAAW,IAAC,SAAS,EAAC,KAAK,YAC1B,MAAC,UAAU,IACT,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CACX,2HAA2H,EAC3H,qHAAqH,EACrH,gDAAgD,CACjD,aAEA,KAAK,EASN,KAAC,eAAe,IACd,IAAI,EAAE,EAAE,uBAER,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,UAAU,IAAI,YAAY,CAC3B,GACD,IACS,GACD,EAEd,KAAC,eAAe,IAAC,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,UAAU,IAAI,MAAM,CAAC,YACtE,QAAQ,GACO,IACjB,CACJ,GACU,CACd,CAAC;AACJ,CAAC;AASD,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAkB;IAC1F,OAAO,CACL,KAAC,eAAe,OACV,IAAI,EACR,sBAAsB,EAAE,QAAQ,EAChC,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,YAE3D,QAAQ,GACO,CACnB,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef, type ReactElement, type ReactNode } from "react";
|
|
2
|
+
import { type ButtonLookOptions } from "../../lib/button.js";
|
|
3
|
+
export interface MegaMenuProps extends Omit<ComponentPropsWithoutRef<"nav">, "children" | "defaultValue"> {
|
|
4
|
+
/** Доступное имя навигации: на странице с несколькими `nav` они различимы только по нему. */
|
|
5
|
+
"aria-label": string;
|
|
6
|
+
/** Категории — `MegaMenuCategory`, прямыми детьми (фрагменты допустимы). */
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
/** Открытая Категория — управляемо. `null` — Витрина закрыта. */
|
|
9
|
+
value?: string | null;
|
|
10
|
+
/** Открытая Категория при монтировании, без управления. */
|
|
11
|
+
defaultValue?: string | null;
|
|
12
|
+
/** Открылась другая Категория или Витрина закрылась. */
|
|
13
|
+
onValueChange?: (value: string | null) => void;
|
|
14
|
+
/**
|
|
15
|
+
* Ширина Витрины — длина CSS или пиксели. Одна на все Категории: каталог не
|
|
16
|
+
* должен прыгать, когда у соседних Категорий разный объём.
|
|
17
|
+
*/
|
|
18
|
+
showcaseWidth?: number | string;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Мегаменю в духе Amazon: Столбец категорий слева, Витрина наведённой
|
|
22
|
+
* Категории справа.
|
|
23
|
+
*
|
|
24
|
+
* СОСТАВНОЙ API, как у `Menu`: Витрина разнородна — колонки ссылок, промо,
|
|
25
|
+
* своё содержимое, — и описывать её массивом значило бы завести второй язык
|
|
26
|
+
* разметки рядом с JSX.
|
|
27
|
+
*
|
|
28
|
+
* Витрина — потомок своей Категории в DOM, а не портал. Отсюда сразу три
|
|
29
|
+
* следствия, и все нужные: порядок Tab идёт «Категория → её ссылки → дальше
|
|
30
|
+
* по странице», уход указателя из Столбца в Витрину не считается уходом из
|
|
31
|
+
* меню, а Витрина встаёт вплотную к Столбцу без расчёта позиции — она
|
|
32
|
+
* `absolute` от корня.
|
|
33
|
+
*/
|
|
34
|
+
export declare const MegaMenu: import("react").ForwardRefExoticComponent<MegaMenuProps & import("react").RefAttributes<HTMLElement>>;
|
|
35
|
+
export interface MegaMenuCategoryProps {
|
|
36
|
+
/** Ключ Категории — им же её открывают через `value`. */
|
|
37
|
+
id: string;
|
|
38
|
+
/** Подпись в Столбце; она же — доступное имя Витрины. */
|
|
39
|
+
label: ReactNode;
|
|
40
|
+
/** Иконка слева от подписи; скрыта от скринридера. */
|
|
41
|
+
icon?: ReactNode;
|
|
42
|
+
/**
|
|
43
|
+
* Адрес раздела целиком. С Витриной — заголовок-ссылка в её начале, без
|
|
44
|
+
* Витрины — сама строка Столбца становится ссылкой.
|
|
45
|
+
*/
|
|
46
|
+
href?: string;
|
|
47
|
+
/**
|
|
48
|
+
* Ссылка роутера вместо `href`: пустой элемент (`<Link href="/x" />`),
|
|
49
|
+
* подпись уезжает внутрь. Отдельным пропом, а не `asChild`: дети Категории —
|
|
50
|
+
* это её Витрина.
|
|
51
|
+
*/
|
|
52
|
+
link?: ReactElement;
|
|
53
|
+
/** Видна, но не открывается и пропускается стрелками. */
|
|
54
|
+
disabled?: boolean;
|
|
55
|
+
/** Содержимое Витрины: `MegaMenuGroup` и что угодно своё. Без детей Витрины нет. */
|
|
56
|
+
children?: ReactNode;
|
|
57
|
+
/** Классы на строку Столбца. */
|
|
58
|
+
className?: string;
|
|
59
|
+
}
|
|
60
|
+
/**
|
|
61
|
+
* Категория Столбца и её Витрина.
|
|
62
|
+
*
|
|
63
|
+
* Содержимое Витрины монтируется только у открытой Категории: каталог из
|
|
64
|
+
* сотни ссылок и картинок не должен грузить всё разом. Сам регион при этом
|
|
65
|
+
* есть всегда (скрытым): на него указывает `aria-controls` кнопки.
|
|
66
|
+
*/
|
|
67
|
+
export declare function MegaMenuCategory({ id, label, icon, href, link, disabled, children, className, }: MegaMenuCategoryProps): import("react").JSX.Element;
|
|
68
|
+
export interface MegaMenuGroupProps {
|
|
69
|
+
/** Заголовок колонки; он же подписывает её список ссылок. */
|
|
70
|
+
title: ReactNode;
|
|
71
|
+
/** Адрес подраздела целиком: заголовок становится ссылкой. */
|
|
72
|
+
href?: string;
|
|
73
|
+
/** Ссылки колонки — `MegaMenuLink`. Каждая уезжает в свой пункт списка. */
|
|
74
|
+
children?: ReactNode;
|
|
75
|
+
/** Классы на колонку. */
|
|
76
|
+
className?: string;
|
|
77
|
+
}
|
|
78
|
+
/**
|
|
79
|
+
* Колонка Витрины: заголовок и список ссылок под ним.
|
|
80
|
+
*
|
|
81
|
+
* Список подписан заголовком (`aria-labelledby`): скринридер объявляет
|
|
82
|
+
* «Смартфоны, список, 5 пунктов», а не безымянный список посреди Витрины.
|
|
83
|
+
*/
|
|
84
|
+
export declare function MegaMenuGroup({ title, href, children, className }: MegaMenuGroupProps): import("react").JSX.Element;
|
|
85
|
+
export interface MegaMenuLinkProps extends ComponentPropsWithoutRef<"a"> {
|
|
86
|
+
/** Ссылка ведёт на текущую страницу: `aria-current="page"` и вид текущей. */
|
|
87
|
+
current?: boolean;
|
|
88
|
+
/** Иконка слева от подписи; скрыта от скринридера. */
|
|
89
|
+
icon?: ReactNode;
|
|
90
|
+
/**
|
|
91
|
+
* Вывести ссылку элементом роутера: `<MegaMenuLink asChild><Link href="/x">Подпись</Link></MegaMenuLink>`.
|
|
92
|
+
* Стили, пропы и `ref` переходят на него, иконка — внутрь.
|
|
93
|
+
*/
|
|
94
|
+
asChild?: boolean;
|
|
95
|
+
}
|
|
96
|
+
/**
|
|
97
|
+
* Ссылка Витрины.
|
|
98
|
+
*
|
|
99
|
+
* Текущую страницу кит не вычисляет — проп `current`, как `active` у
|
|
100
|
+
* `NavItem`: правила сравнения адресов у каждого роутера свои (ADR-0018).
|
|
101
|
+
*/
|
|
102
|
+
export declare const MegaMenuLink: import("react").ForwardRefExoticComponent<MegaMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
103
|
+
export interface MegaMenuTriggerProps {
|
|
104
|
+
/** Открыто ли мегаменю — управляемо. */
|
|
105
|
+
open?: boolean;
|
|
106
|
+
/** Открыто ли мегаменю при монтировании, без управления. */
|
|
107
|
+
defaultOpen?: boolean;
|
|
108
|
+
/** Мегаменю открылось или закрылось: щелчком, клавишей, переходом по ссылке. */
|
|
109
|
+
onOpenChange?: (open: boolean) => void;
|
|
110
|
+
/**
|
|
111
|
+
* Первый ребёнок — `MegaMenuButton`, остальные — `MegaMenu`; они рисуются в
|
|
112
|
+
* оверлее под кнопкой.
|
|
113
|
+
*/
|
|
114
|
+
children: ReactNode;
|
|
115
|
+
}
|
|
116
|
+
/**
|
|
117
|
+
* Выпадающее мегаменю: кнопка и под ней `MegaMenu` в оверлее.
|
|
118
|
+
*
|
|
119
|
+
* <MegaMenuTrigger>
|
|
120
|
+
* <MegaMenuButton>Каталог</MegaMenuButton>
|
|
121
|
+
* <MegaMenu aria-label="Каталог">…</MegaMenu>
|
|
122
|
+
* </MegaMenuTrigger>
|
|
123
|
+
*
|
|
124
|
+
* Открывается щелчком и клавишами (Enter, Пробел, стрелка вниз), наведением —
|
|
125
|
+
* нет: мегаменю не должно выпрыгивать от случайного движения мыши. Закрывается
|
|
126
|
+
* по Escape на Категории, щелчку снаружи, повторному щелчку по кнопке,
|
|
127
|
+
* переходу по любой ссылке и по Tab за последним элементом. На кнопку фокус
|
|
128
|
+
* возвращается при Escape и повторном щелчке.
|
|
129
|
+
*
|
|
130
|
+
* ПЕРВЫЙ РЕБЁНОК — КНОПКА, ОСТАЛЬНЫЕ — ОВЕРЛЕЙ, и разбор идёт по позиции, а не
|
|
131
|
+
* по типу: так кнопку можно обернуть своим компонентом (подсказка, счётчик), а
|
|
132
|
+
* `MegaMenu` — вынести в свой, и ничто не отправит оверлей молча в шапку.
|
|
133
|
+
*/
|
|
134
|
+
export declare function MegaMenuTrigger({ open: openProp, defaultOpen, onOpenChange, children, }: MegaMenuTriggerProps): import("react").JSX.Element;
|
|
135
|
+
export interface MegaMenuButtonProps extends ButtonLookOptions {
|
|
136
|
+
/** Подпись кнопки. С `iconOnly` не показывается. */
|
|
137
|
+
children?: ReactNode;
|
|
138
|
+
/** Иконка слева. С `iconOnly` — единственное содержимое. */
|
|
139
|
+
icon?: ReactNode;
|
|
140
|
+
/** Кнопка заблокирована: мегаменю не открывается. */
|
|
141
|
+
disabled?: boolean;
|
|
142
|
+
/** Доступное имя. Обязательно, когда подписи нет. */
|
|
143
|
+
"aria-label"?: string;
|
|
144
|
+
/** Классы на кнопку. */
|
|
145
|
+
className?: string;
|
|
146
|
+
}
|
|
147
|
+
/**
|
|
148
|
+
* Кнопка, открывающая мегаменю, — первый ребёнок `MegaMenuTrigger`.
|
|
149
|
+
*
|
|
150
|
+
* Вид тот же, что у `MenuButton` (`lib/button.ts`). Семантика — раскрыватель:
|
|
151
|
+
* `aria-expanded` и `aria-controls`, без `aria-haspopup`. Radix по умолчанию
|
|
152
|
+
* объявляет `aria-haspopup="dialog"`, а оверлей — не диалог, а навигация, и
|
|
153
|
+
* скринридер не должен обещать диалог.
|
|
154
|
+
*/
|
|
155
|
+
export declare const MegaMenuButton: import("react").ForwardRefExoticComponent<MegaMenuButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
156
|
+
//# sourceMappingURL=MegaMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MegaMenu.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/MegaMenu.tsx"],"names":[],"mappings":"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"}
|