@ryuzaki13/react-foundation-ui 0.1.0

package/dist/chunks/modal-DqVcZws_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-DqVcZws_.js","names":[],"sources":["../../src/modal/Modal.module.scss","../../src/modal/useModalManager.ts","../../src/modal/Modal.tsx","../../src/modal/ModalManagerProvider.tsx"],"sourcesContent":["@use \"@/styles/mixins\" as *;\n\n.modal {\n\tdisplay: grid;\n\tgrid-auto-rows: auto 1fr;\n\n\tposition: fixed;\n\tinset: 0;\n\tmargin: auto;\n\tz-index: var(--z-modal);\n\twidth: 90%;\n\theight: fit-content;\n\tmax-height: calc(100dvh - var(--space-lg));\n\tborder: var(--border);\n\tborder-radius: var(--radius-md);\n\tbackground-color: var(--surface-1);\n\tbox-shadow: var(--shadow-lg);\n\n\t&:not(:last-child) {\n\t\tpointer-events: none;\n\t\tfilter: grayscale(0.5) opacity(0.75);\n\t\t// opacity: 0.5;\n\t}\n\n\t&.sm {\n\t\tmax-width: min(30em, 93dvw);\n\t}\n\n\t&.md {\n\t\tmax-width: min(50em, 93dvw);\n\t}\n\n\t&.lg {\n\t\tmax-width: min(70em, 93dvw);\n\t}\n\n\t&.xl {\n\t\tmax-width: min(80em, 93dvw);\n\t}\n\n\t&.xxl {\n\t\twidth: 93dvw;\n\t\theight: 90dvh;\n\t\tmax-width: none;\n\t\tmax-height: none;\n\t}\n\n\t&.inside {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmax-width: none;\n\t\tmax-height: none;\n\n\t\t.header,\n\t\t.body {\n\t\t\tborder-radius: 0;\n\t\t}\n\t}\n}\n\n.header {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tbackground-color: var(--surface-2);\n\tborder-top-left-radius: var(--radius-md);\n\tborder-top-right-radius: var(--radius-md);\n}\n\n.headerText {\n\tmargin: 0;\n\tpadding-inline: var(--space-md);\n\tfont-size: var(--font-size-md);\n\tfont-variation-settings: \"wght\" 600;\n}\n\n.headerButton {\n\tmargin-block: var(--space-xs);\n\tmargin-inline: var(--space-sm);\n\tflex: 0;\n}\n\n.body {\n\toverflow: hidden;\n\tborder-bottom-left-radius: var(--radius-md);\n\tborder-bottom-right-radius: var(--radius-md);\n}\n","import { createContext, useContext } from \"react\";\n\nexport const ModalManagerContext = createContext<{\n\tmodals: string[];\n\topenModal: (id: string) => void;\n\tcloseModal: (id: string) => void;\n\tisTopModal: (id: string) => boolean;\n}>({\n\tmodals: [],\n\topenModal: () => {},\n\tcloseModal: () => {},\n\tisTopModal: () => false\n});\n\nexport const useModalManager = () => useContext(ModalManagerContext);\n","import React, { Children, useEffect, useEffectEvent, useId, useState } from \"react\";\n\nimport { X } from \"lucide-react\";\nimport { createPortal } from \"react-dom\";\n\nimport { getOrCreatePortalRoot, useEscapeDismiss, useFocusTrap } from \"@ryuzaki13/react-foundation-lib/dom\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { Button } from \"../button\";\nimport { FlexContainer } from \"../flex\";\nimport { GridContainer } from \"../grid\";\nimport { Scrollable } from \"../misc\";\n\nimport styles from \"./Modal.module.scss\";\nimport { ModalSize } from \"./types\";\nimport { useModalManager } from \"./useModalManager\";\n\n// Подкомпоненты\nexport interface ModalCompositionProps {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\n\nexport const ModalToolbar: React.FC<ModalCompositionProps> = ({ children, className }) => {\n\treturn <div className={cn(\"surface2 paddingMd borderBottom\", className)}>{children}</div>;\n};\nModalToolbar.displayName = \"Modal.Toolbar\";\n\nexport const ModalContent: React.FC<ModalCompositionProps & { scrollable?: boolean }> = ({ children, className, scrollable }) => {\n\treturn (\n\t\t<div className={cn(\"paddingMd h100 overflowHidden\", className)}>\n\t\t\t{scrollable ? <Scrollable className=\"h100\">{children}</Scrollable> : children}\n\t\t</div>\n\t);\n};\nModalContent.displayName = \"Modal.Content\";\n\nexport const ModalFooter: React.FC<ModalCompositionProps> = ({ children, className }) => {\n\treturn (\n\t\t<div className={cn(\"surface2 borderTop paddingMd\", className)}>\n\t\t\t<FlexContainer gap=\"sm\" align=\"center\" justify=\"end\">\n\t\t\t\t{children}\n\t\t\t</FlexContainer>\n\t\t</div>\n\t);\n};\nModalFooter.displayName = \"Modal.Footer\";\n\ntype ToolbarElement = React.ReactElement<ModalCompositionProps, typeof ModalToolbar>;\ntype ContentElement = React.ReactElement<ModalCompositionProps, typeof ModalContent>;\ntype FooterElement = React.ReactElement<ModalCompositionProps, typeof ModalFooter>;\n\ntype ModalChildren =\n\t| [ToolbarElement, ContentElement, FooterElement]\n\t| [ToolbarElement, ContentElement]\n\t| [ContentElement, FooterElement]\n\t| ContentElement;\n\nexport interface ModalProps {\n\t/** Открыто ли модальное окно */\n\tisOpen?: boolean;\n\t/** Заголовок */\n\ttitle?: string;\n\t/** Размер модального окна */\n\tsize?: keyof typeof ModalSize;\n\theight?: string;\n\t/** Обработчик закрытия */\n\tonClose: () => void;\n\tchildren: ModalChildren;\n}\n\nexport const Modal: React.FC<ModalProps> = ({ isOpen, title, size = \"sm\", height, onClose, children }) => {\n\tconst modalId = useId();\n\tconst titleId = useId();\n\n\tconst { modals, openModal, closeModal, isTopModal } = useModalManager();\n\tconst [isMounted, setIsMounted] = useState(false);\n\tconst mountModal = useEffectEvent(() => setIsMounted(true));\n\tconst unmountModal = useEffectEvent(() => setIsMounted(false));\n\n\t/**\n\t * Если provider менеджера не подключен, считаем одиночную модалку активной,\n\t * иначе логика Escape/focus trap никогда не включится.\n\t */\n\tconst isActive = isOpen && (modals.length === 0 || isTopModal(modalId));\n\n\tconst modalRef = useFocusTrap(isOpen || false);\n\n\tuseEscapeDismiss({\n\t\tactive: isActive || false,\n\t\tonDismiss: onClose,\n\t\tcontainerRef: modalRef\n\t});\n\n\tuseEffect(() => {\n\t\tif (isOpen) {\n\t\t\topenModal(modalId);\n\t\t\tmountModal();\n\t\t}\n\n\t\treturn () => {\n\t\t\tcloseModal(modalId);\n\t\t\tunmountModal();\n\t\t};\n\t}, [closeModal, isOpen, modalId, openModal]);\n\n\tif (!isMounted) return null;\n\n\tconst modalRoot = getOrCreatePortalRoot(\"modal-root\");\n\n\tif (!modalRoot) {\n\t\treturn null;\n\t}\n\n\tlet toolbar: React.ReactNode = null;\n\tlet content: React.ReactNode = null;\n\tlet footer: React.ReactNode = null;\n\n\tconst childArray = Children.toArray(children) as (ToolbarElement | ContentElement | FooterElement)[];\n\n\tfor (const child of childArray) {\n\t\tconst typeName = child.type.displayName;\n\n\t\tswitch (typeName) {\n\t\t\tcase ModalToolbar.displayName:\n\t\t\t\tif (toolbar) throw new Error(\"Modal: duplicate <Toolbar> found\");\n\t\t\t\ttoolbar = child; //.props.children;\n\t\t\t\tbreak;\n\t\t\tcase ModalFooter.displayName:\n\t\t\t\tif (footer) throw new Error(\"Modal: duplicate <Footer> found\");\n\t\t\t\tfooter = child; //props.children;\n\t\t\t\tbreak;\n\t\t\tcase ModalContent.displayName:\n\t\t\t\tif (content) throw new Error(\"Modal: duplicate <Content> found\");\n\t\t\t\tcontent = child; //.props.children;\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn createPortal(\n\t\t<>\n\t\t\t<div\n\t\t\t\tref={modalRef}\n\t\t\t\tclassName={cn(styles.modal, styles[size])}\n\t\t\t\tstyle={{ height }}\n\t\t\t\trole=\"dialog\"\n\t\t\t\taria-modal=\"true\"\n\t\t\t\taria-labelledby={titleId}\n\t\t\t\taria-describedby={`${titleId}-content`}>\n\t\t\t\t<div className={cn(styles.header, toolbar ? \"\" : \"borderBottom\")}>\n\t\t\t\t\t<h3 className={styles.headerText} id={titleId}>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</h3>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon={<X />}\n\t\t\t\t\t\tclassName={styles.headerButton}\n\t\t\t\t\t\tvariant={\"ghost\"}\n\t\t\t\t\t\tautoFocus={true}\n\t\t\t\t\t\taria-label={\"Закрыть модальное окно\"}\n\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<GridContainer\n\t\t\t\t\tid={`${titleId}-content`}\n\t\t\t\t\ttemplateRows={`${toolbar ? \"auto\" : \"\"} 1fr ${footer ? \"auto\" : \"\"}`.trim()}\n\t\t\t\t\t// gap=\"md\"\n\t\t\t\t\tclassName={styles.body}>\n\t\t\t\t\t{toolbar}\n\t\t\t\t\t{content}\n\t\t\t\t\t{footer}\n\t\t\t\t</GridContainer>\n\t\t\t</div>\n\t\t</>,\n\t\tmodalRoot\n\t);\n};\n","// ModalManagerContext.tsx\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { ModalManagerContext } from \"./useModalManager\";\n\n/**\n * Провайдер для централизованного управления стеком модальных окон. Дает вложенным компонентам доступ к открытию и закрытию модалок через контекст.\n */\nexport function ModalManagerProvider({ children }: { children: React.ReactNode }) {\n\tconst [modals, setModals] = useState<string[]>([]);\n\tconst prevModalsLength = useRef(0);\n\n\tconst openModal = useCallback((id: string) => {\n\t\tsetModals((prev) => [...prev, id]);\n\t}, []);\n\n\tconst closeModal = useCallback((id: string) => {\n\t\tsetModals((prev) => prev.filter((mid) => mid !== id));\n\t}, []);\n\n\tconst isTopModal = useCallback(\n\t\t(id: string) => {\n\t\t\treturn modals[modals.length - 1] === id;\n\t\t},\n\t\t[modals]\n\t);\n\n\tuseEffect(() => {\n\t\tconst wasEmpty = prevModalsLength.current === 0;\n\t\tconst isNowEmpty = modals.length === 0;\n\n\t\tif (wasEmpty && modals.length > 0) {\n\t\t\t// первая модалка открыта — ставим стили\n\t\t\tconst scrollY = window.scrollY;\n\t\t\t// const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n\t\t\tconst appRoot = document.querySelector(\"#app-root\");\n\n\t\t\tdocument.body.style.position = \"fixed\";\n\t\t\tdocument.body.style.top = `-${scrollY}px`;\n\t\t\tdocument.body.style.width = \"100%\";\n\t\t\t// document.body.style.paddingRight = `${scrollbarWidth}px`;\n\t\t\tappRoot?.setAttribute(\"inert\", \"true\");\n\n\t\t\tprevModalsLength.current = modals.length;\n\t\t\treturn;\n\t\t}\n\n\t\tif (!wasEmpty && isNowEmpty) {\n\t\t\t// последняя модалка закрыта — снимаем стили\n\t\t\tconst appRoot = document.querySelector(\"#app-root\");\n\t\t\tconst scrollY = parseInt(document.body.style.top || \"0\") * -1;\n\n\t\t\tdocument.body.style.position = \"\";\n\t\t\tdocument.body.style.top = \"\";\n\t\t\tdocument.body.style.width = \"\";\n\t\t\t// document.body.style.paddingRight = \"\";\n\n\t\t\tappRoot?.removeAttribute(\"inert\");\n\n\t\t\twindow.scrollTo({ top: scrollY, left: 0, behavior: \"instant\" });\n\t\t}\n\n\t\tprevModalsLength.current = modals.length;\n\t}, [modals.length]);\n\n\treturn <ModalManagerContext.Provider value={{ modals, openModal, closeModal, isTopModal }}>{children}</ModalManagerContext.Provider>;\n}\n"],"mappings":"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"}

package/dist/chunks/picker-Cj4RnJh6.js

@@ -0,0 +1,318 @@
+import { t as e } from "./ui.module-BisoTevy.js";
+import { c as t, o as n, r } from "./Input-Ce2HXBUc.js";
+import { t as i } from "./separator-CIqnk2z9.js";
+import { ChevronDownIcon as a } from "lucide-react";
+import { cn as o } from "@ryuzaki13/react-foundation-lib/utils";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as l, useEffect as u, useEffectEvent as d, useMemo as f, useRef as p, useState as m } from "react";
+import { normalizeTextToLower as h } from "@ryuzaki13/react-foundation-lib/formatters";
+import { FloatingFocusManager as g, FloatingPortal as _ } from "@floating-ui/react";
+import { useFloatingListbox as v } from "@ryuzaki13/react-foundation-lib/hooks";
+import { AnimatePresence as y, motion as b } from "motion/react";
+//#region src/picker/PickerField.tsx
+function x({ id: e, label: r, description: i, disabled: a, size: o, className: c, error: l, children: u }) {
+	let { controlId: d, labelId: f, descriptionId: p, errorId: m, describedBy: h } = t({
+		id: e,
+		hasLabel: r != null,
+		hasDescription: !!i,
+		hasError: !!l
+	});
+	return /* @__PURE__ */ s(n, {
+		label: r,
+		description: i,
+		disabled: a,
+		size: o,
+		className: c,
+		error: l,
+		controlId: d,
+		labelId: f,
+		descriptionId: p,
+		errorId: m,
+		children: u({
+			controlId: d,
+			labelId: f,
+			descriptionId: p,
+			errorId: m,
+			describedBy: h
+		})
+	});
+}
+var S = {
+	popupLayout: "DRJ4hy",
+	popupBody: "U4CULi",
+	status: "bupTWA",
+	statusError: "GkeyGF",
+	triggerContainer: "_8F667e"
+};
+//#endregion
+//#region src/picker/PickerPopup.tsx
+function C(e) {
+	e.stopPropagation();
+}
+function w({ open: e, context: t, floatingStyles: n, listId: r, labelId: a, descriptionId: l, activeOptionId: u, setFloating: d, getFloatingProps: f, onKeyDown: p, initialFocus: m = -1, returnFocus: h = !1, tabIndex: v = 0, className: x, layoutClassName: w, headerClassName: T, bodyClassName: E, header: D, children: O }) {
+	return /* @__PURE__ */ s(y, { children: e && /* @__PURE__ */ s(_, { children: /* @__PURE__ */ s(g, {
+		context: t,
+		modal: !1,
+		initialFocus: m,
+		returnFocus: h,
+		children: /* @__PURE__ */ s(b.div, {
+			ref: d,
+			style: n,
+			initial: {
+				opacity: 0,
+				scale: .95
+			},
+			animate: {
+				opacity: 1,
+				scale: 1
+			},
+			exit: {
+				opacity: 0,
+				scale: .95
+			},
+			...f({
+				id: r,
+				tabIndex: v,
+				"aria-labelledby": a,
+				"aria-describedby": l,
+				"aria-activedescendant": u,
+				onMouseDown: C,
+				onKeyDown: p,
+				className: x
+			}),
+			children: /* @__PURE__ */ c("div", {
+				className: o(S.popupLayout, w),
+				children: [D ? /* @__PURE__ */ c("div", {
+					className: T,
+					children: [D, /* @__PURE__ */ s(i, { className: "marginBlockSm" })]
+				}) : /* @__PURE__ */ s("div", {}), /* @__PURE__ */ s("div", {
+					className: o(S.popupBody, E),
+					children: O
+				})]
+			})
+		})
+	}) }) });
+}
+//#endregion
+//#region src/picker/PickerStatus.tsx
+function T({ emptyState: t, loadingState: n, errorState: r }) {
+	let i = r ?? n ?? t;
+	return i == null ? null : /* @__PURE__ */ s("div", {
+		className: o(e.uiPopupOption, S.status, r !== void 0 && S.statusError),
+		"aria-disabled": !0,
+		children: i
+	});
+}
+//#endregion
+//#region src/picker/PickerTriggerActions.tsx
+function E({ open: t, disabled: n, children: r, onToggleMouseDown: i, onToggleClick: l, openAriaLabel: u = "Открыть список", closeAriaLabel: d = "Закрыть список" }) {
+	return /* @__PURE__ */ c("div", {
+		className: e.uiToggleButtonContainer,
+		"data-disabled": n || void 0,
+		children: [
+			r,
+			/* @__PURE__ */ s("div", { className: e.uiButtonSeparator }),
+			/* @__PURE__ */ s("button", {
+				type: "button",
+				"aria-label": t ? d : u,
+				className: e.uiToggleButton,
+				onMouseDown: i,
+				onClick: l,
+				children: /* @__PURE__ */ s(a, { className: o(e.uiToggleIcon, t && e.uiToggleIconOpen) })
+			})
+		]
+	});
+}
+//#endregion
+//#region src/picker/PickerTriggerInput.tsx
+var D = l(({ rootRef: t, endAdornment: n, overlay: i, rootClassName: a, inputClassName: l, ...u }, d) => /* @__PURE__ */ c("div", {
+	ref: t,
+	className: o(e.uiInputContainer, S.triggerContainer, a),
+	children: [/* @__PURE__ */ s(r, {
+		endAdornment: n,
+		children: ({ controlClassName: t }) => /* @__PURE__ */ s("input", {
+			...u,
+			ref: d,
+			className: o(e.uiInputWithToggle, t, l)
+		})
+	}), i]
+}));
+D.displayName = "PickerTriggerInput";
+//#endregion
+//#region src/picker/model/createPickerTriggerPolicy.ts
+function O(e) {
+	switch (e) {
+		case "search-single": return {
+			focusFloatingOnOpen: !1,
+			restoreFocusOnClose: !1,
+			resetQueryOnClose: !0,
+			shouldOpenOnTriggerClick: () => !1,
+			shouldOpenOnInputChange: (e) => !e,
+			shouldFocusReferenceOnToggle: (e) => !e,
+			shouldSelectTriggerTextOnFocus: ({ open: e, currentQuery: t, hasDisplayValue: n }) => !e && t.length === 0 && n
+		};
+		case "search-multi": return {
+			focusFloatingOnOpen: !1,
+			restoreFocusOnClose: !1,
+			resetQueryOnClose: !0,
+			shouldOpenOnTriggerClick: () => !1,
+			shouldOpenOnInputChange: (e) => !e,
+			shouldFocusReferenceOnToggle: (e) => !e,
+			shouldSelectTriggerTextOnFocus: () => !1
+		};
+		default: return {
+			focusFloatingOnOpen: !0,
+			restoreFocusOnClose: !0,
+			resetQueryOnClose: !1,
+			shouldOpenOnTriggerClick: (e) => !e,
+			shouldOpenOnInputChange: () => !1,
+			shouldFocusReferenceOnToggle: () => !1,
+			shouldSelectTriggerTextOnFocus: () => !1
+		};
+	}
+}
+//#endregion
+//#region src/picker/model/extractPickerTextContent.ts
+function k(e) {
+	if (typeof e == "string" || typeof e == "number") return String(e);
+	if (Array.isArray(e)) {
+		let t = e.map(k).filter((e) => !!e);
+		return t.length ? t.join(" ") : void 0;
+	}
+}
+//#endregion
+//#region src/picker/model/usePickerDefaultFilter.ts
+function A(e) {
+	return h((Array.isArray(e) ? e : [e]).filter(Boolean).join(" "));
+}
+function j({ options: e, query: t, enabled: n = !0, getSearchText: r }) {
+	let i = h(t);
+	return f(() => !n || !i ? [...e] : e.filter((e) => A(r(e)).includes(i)), [
+		n,
+		r,
+		i,
+		e
+	]);
+}
+//#endregion
+//#region src/picker/model/usePickerFloatingListbox.ts
+function M(e) {
+	let t = e.triggerMode ? O(e.triggerMode) : void 0;
+	return v({
+		...e,
+		focusFloatingOnOpen: e.focusFloatingOnOpen ?? t?.focusFloatingOnOpen,
+		restoreFocusOnClose: e.restoreFocusOnClose ?? t?.restoreFocusOnClose
+	});
+}
+//#endregion
+//#region src/picker/model/usePickerQuery.ts
+function N({ open: e, query: t, defaultQuery: n, onQuery: r, resetOnClose: i, triggerMode: a }) {
+	let o = p(!1), s = t !== void 0, [c, l] = m(n ?? ""), f = s ? t ?? "" : c, h = d(() => l("")), g = i ?? (a ? O(a).resetQueryOnClose : !0);
+	u(() => {
+		o.current && !e && g && (s || h(), r?.("")), o.current = e;
+	}, [
+		s,
+		r,
+		e,
+		g
+	]);
+	let _ = (e) => {
+		s || l(e), r?.(e);
+	};
+	return {
+		query: f,
+		setQuery: _,
+		clearQuery: () => _("")
+	};
+}
+//#endregion
+//#region src/picker/model/usePickerSelectionLifecycle.ts
+function P({ value: e, open: t, onCommit: n, onOpen: r, onClose: i, isEqual: a }) {
+	let o = p(!1), [s, c] = m(e), l = d((e) => c(e));
+	return u(() => {
+		t || l(e);
+	}, [t, e]), u(() => {
+		o.current && !t && (a(s, e) || n(s), i?.(s)), o.current = t;
+	}, [
+		s,
+		a,
+		i,
+		n,
+		t,
+		e
+	]), {
+		draftValue: s,
+		setDraftValue: c,
+		prepareOpen: () => {
+			c(e), r?.();
+		}
+	};
+}
+//#endregion
+//#region src/picker/model/usePickerTriggerController.ts
+function F(e) {
+	requestAnimationFrame(() => {
+		e.current?.focus();
+	});
+}
+function I({ mode: e, open: t, currentQuery: n, hasDisplayValue: r, inputRef: i, setQuery: a, openList: o, close: s, toggleOpen: c, onBeforeOpen: l }) {
+	let u = O(e), d = () => {
+		if (l?.(), o) {
+			o();
+			return;
+		}
+		c?.();
+	}, f = () => {
+		if (s) {
+			s();
+			return;
+		}
+		c?.();
+	}, p = () => {
+		t ? f() : d(), u.shouldFocusReferenceOnToggle(t) && F(i);
+	};
+	return {
+		policy: u,
+		handleTriggerInputChange: (e) => {
+			a?.(e), u.shouldOpenOnInputChange(t) && d();
+		},
+		handleTriggerClick: () => {
+			u.shouldOpenOnTriggerClick(t) && d();
+		},
+		handleTriggerFocus: (e) => {
+			u.shouldSelectTriggerTextOnFocus({
+				open: t,
+				currentQuery: n,
+				hasDisplayValue: r
+			}) && requestAnimationFrame(() => {
+				e.select();
+			});
+		},
+		handleToggleMouseDown: (e) => {
+			e.preventDefault();
+		},
+		handleToggleClick: () => {
+			p();
+		},
+		handleTriggerKeyDown: ({ event: e, onActivateWhenOpen: n, enableSpaceActivation: r = !1, enableClosedArrowDownOpen: i = !1, suppressClosedArrowUp: a = !1 }) => {
+			if (!t && a && e.key === "ArrowUp") {
+				e.preventDefault();
+				return;
+			}
+			if (!t && i && e.key === "ArrowDown") {
+				e.preventDefault(), p();
+				return;
+			}
+			if (e.key === "Enter") {
+				e.preventDefault(), t ? n?.() : p();
+				return;
+			}
+			r && e.key === " " && (e.preventDefault(), t ? n?.() : p());
+		},
+		toggleTrigger: p
+	};
+}
+//#endregion
+export { j as a, D as c, w as d, x as f, M as i, E as l, P as n, k as o, N as r, O as s, I as t, T as u };
+
+//# sourceMappingURL=picker-Cj4RnJh6.js.map

package/dist/chunks/picker-Cj4RnJh6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker-Cj4RnJh6.js","names":[],"sources":["../../src/picker/PickerField.tsx","../../src/picker/Picker.module.scss","../../src/picker/PickerPopup.tsx","../../src/picker/PickerStatus.tsx","../../src/picker/PickerTriggerActions.tsx","../../src/picker/PickerTriggerInput.tsx","../../src/picker/model/createPickerTriggerPolicy.ts","../../src/picker/model/extractPickerTextContent.ts","../../src/picker/model/usePickerDefaultFilter.ts","../../src/picker/model/usePickerFloatingListbox.ts","../../src/picker/model/usePickerQuery.ts","../../src/picker/model/usePickerSelectionLifecycle.ts","../../src/picker/model/usePickerTriggerController.ts"],"sourcesContent":["import { InputType } from \"@ryuzaki13/react-foundation-lib/types\";\n\nimport { InputUI } from \"../input\";\nimport { useInputFieldIds } from \"../input/lib/useInputFieldIds\";\n\nimport { PickerFieldProps } from \"./types\";\n\nexport function PickerField<TValue extends InputType>({\n\tid,\n\tlabel,\n\tdescription,\n\tdisabled,\n\tsize,\n\tclassName,\n\terror,\n\tchildren\n}: PickerFieldProps<TValue>) {\n\tconst { controlId, labelId, descriptionId, errorId, describedBy } = useInputFieldIds({\n\t\tid,\n\t\thasLabel: label !== undefined && label !== null,\n\t\thasDescription: !!description,\n\t\thasError: !!error\n\t});\n\n\treturn (\n\t\t<InputUI\n\t\t\tlabel={label}\n\t\t\tdescription={description}\n\t\t\tdisabled={disabled}\n\t\t\tsize={size}\n\t\t\tclassName={className}\n\t\t\terror={error}\n\t\t\tcontrolId={controlId}\n\t\t\tlabelId={labelId}\n\t\t\tdescriptionId={descriptionId}\n\t\t\terrorId={errorId}>\n\t\t\t{children({ controlId, labelId, descriptionId, errorId, describedBy })}\n\t\t</InputUI>\n\t);\n}\n",".popupLayout {\n\tdisplay: grid;\n\tgrid-template-rows: auto 1fr;\n\tmin-height: 0;\n\tmax-height: 75vh;\n\toverflow: hidden;\n\n\tflex: 1 1 auto;\n}\n\n.popupBody {\n\tmin-height: 0;\n}\n\n.status {\n\tpadding: var(--space-xs) var(--space-sm);\n\tcolor: var(--content-2);\n}\n\n.statusError {\n\tcolor: var(--status-error-text);\n}\n\n.triggerContainer {\n\tposition: relative;\n}\n","import { type CSSProperties, type KeyboardEvent, type MouseEvent, type ReactNode } from \"react\";\n\nimport { FloatingContext, FloatingFocusManager, FloatingPortal } from \"@floating-ui/react\";\nimport { AnimatePresence, motion } from \"motion/react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { Separator } from \"../separator\";\n\nimport styles from \"./Picker.module.scss\";\n\ninterface PickerPopupProps {\n\topen: boolean;\n\tcontext: FloatingContext;\n\tfloatingStyles: CSSProperties;\n\tlistId: string;\n\tlabelId?: string;\n\tdescriptionId?: string;\n\tactiveOptionId?: string;\n\tsetFloating: (node: HTMLElement | null) => void;\n\tgetFloatingProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;\n\tonKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n\tinitialFocus?: number;\n\treturnFocus?: boolean;\n\ttabIndex?: number;\n\tclassName?: string;\n\tlayoutClassName?: string;\n\theaderClassName?: string;\n\tbodyClassName?: string;\n\theader?: ReactNode;\n\tchildren: ReactNode;\n}\n\nfunction stopNestedFloatingMouseDown(event: MouseEvent<HTMLElement>): void {\n\tevent.stopPropagation();\n}\n\nexport function PickerPopup({\n\topen,\n\tcontext,\n\tfloatingStyles,\n\tlistId,\n\tlabelId,\n\tdescriptionId,\n\tactiveOptionId,\n\tsetFloating,\n\tgetFloatingProps,\n\tonKeyDown,\n\tinitialFocus = -1,\n\treturnFocus = false,\n\ttabIndex = 0,\n\tclassName,\n\tlayoutClassName,\n\theaderClassName,\n\tbodyClassName,\n\theader,\n\tchildren\n}: PickerPopupProps) {\n\treturn (\n\t\t<AnimatePresence>\n\t\t\t{open && (\n\t\t\t\t<FloatingPortal>\n\t\t\t\t\t<FloatingFocusManager context={context} modal={false} initialFocus={initialFocus} returnFocus={returnFocus}>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tref={setFloating}\n\t\t\t\t\t\t\tstyle={floatingStyles}\n\t\t\t\t\t\t\tinitial={{ opacity: 0, scale: 0.95 }}\n\t\t\t\t\t\t\tanimate={{ opacity: 1, scale: 1 }}\n\t\t\t\t\t\t\texit={{ opacity: 0, scale: 0.95 }}\n\t\t\t\t\t\t\t{...getFloatingProps({\n\t\t\t\t\t\t\t\tid: listId,\n\t\t\t\t\t\t\t\ttabIndex,\n\t\t\t\t\t\t\t\t\"aria-labelledby\": labelId,\n\t\t\t\t\t\t\t\t\"aria-describedby\": descriptionId,\n\t\t\t\t\t\t\t\t\"aria-activedescendant\": activeOptionId,\n\t\t\t\t\t\t\t\tonMouseDown: stopNestedFloatingMouseDown,\n\t\t\t\t\t\t\t\tonKeyDown,\n\t\t\t\t\t\t\t\tclassName\n\t\t\t\t\t\t\t})}>\n\t\t\t\t\t\t\t<div className={cn(styles.popupLayout, layoutClassName)}>\n\t\t\t\t\t\t\t\t{header ? (\n\t\t\t\t\t\t\t\t\t<div className={headerClassName}>\n\t\t\t\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t\t\t\t\t<Separator className=\"marginBlockSm\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<div />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<div className={cn(styles.popupBody, bodyClassName)}>{children}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</FloatingFocusManager>\n\t\t\t\t</FloatingPortal>\n\t\t\t)}\n\t\t</AnimatePresence>\n\t);\n}\n","import { ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nimport styles from \"./Picker.module.scss\";\n\ninterface PickerStatusProps {\n\temptyState?: ReactNode;\n\tloadingState?: ReactNode;\n\terrorState?: ReactNode;\n}\n\nexport function PickerStatus({ emptyState, loadingState, errorState }: PickerStatusProps) {\n\tconst content = errorState ?? loadingState ?? emptyState;\n\n\tif (content === undefined || content === null) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className={cn(uiStyles.uiPopupOption, styles.status, errorState !== undefined && styles.statusError)} aria-disabled={true}>\n\t\t\t{content}\n\t\t</div>\n\t);\n}\n","import { MouseEvent, ReactNode } from \"react\";\n\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\ninterface PickerTriggerActionsProps {\n\topen: boolean;\n\tdisabled?: boolean;\n\tchildren?: ReactNode;\n\tonToggleMouseDown?: (event: MouseEvent<HTMLButtonElement>) => void;\n\tonToggleClick: () => void;\n\topenAriaLabel?: string;\n\tcloseAriaLabel?: string;\n}\n\nexport function PickerTriggerActions({\n\topen,\n\tdisabled,\n\tchildren,\n\tonToggleMouseDown,\n\tonToggleClick,\n\topenAriaLabel = \"Открыть список\",\n\tcloseAriaLabel = \"Закрыть список\"\n}: PickerTriggerActionsProps) {\n\treturn (\n\t\t<div className={uiStyles.uiToggleButtonContainer} data-disabled={disabled || undefined}>\n\t\t\t{children}\n\n\t\t\t<div className={uiStyles.uiButtonSeparator} />\n\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label={open ? closeAriaLabel : openAriaLabel}\n\t\t\t\tclassName={uiStyles.uiToggleButton}\n\t\t\t\tonMouseDown={onToggleMouseDown}\n\t\t\t\tonClick={onToggleClick}>\n\t\t\t\t<ChevronDownIcon className={cn(uiStyles.uiToggleIcon, open && uiStyles.uiToggleIconOpen)} />\n\t\t\t</button>\n\t\t</div>\n\t);\n}\n","import { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { InputControl } from \"../input\";\nimport uiStyles from \"../ui.module.scss\";\n\nimport styles from \"./Picker.module.scss\";\n\ninterface PickerTriggerInputProps extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\"> {\n\trootRef?: (node: HTMLDivElement | null) => void;\n\tendAdornment?: ReactNode;\n\toverlay?: ReactNode;\n\trootClassName?: string;\n\tinputClassName?: string;\n}\n\nexport const PickerTriggerInput = forwardRef<HTMLInputElement, PickerTriggerInputProps>(\n\t({ rootRef, endAdornment, overlay, rootClassName, inputClassName, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={rootRef} className={cn(uiStyles.uiInputContainer, styles.triggerContainer, rootClassName)}>\n\t\t\t\t<InputControl endAdornment={endAdornment}>\n\t\t\t\t\t{({ controlClassName }) => (\n\t\t\t\t\t\t<input {...props} ref={ref} className={cn(uiStyles.uiInputWithToggle, controlClassName, inputClassName)} />\n\t\t\t\t\t)}\n\t\t\t\t</InputControl>\n\t\t\t\t{overlay}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nPickerTriggerInput.displayName = \"PickerTriggerInput\";\n","export type PickerTriggerMode = \"display\" | \"search-single\" | \"search-multi\";\n\ninterface PickerTriggerTextFocusParams {\n\topen: boolean;\n\tcurrentQuery: string;\n\thasDisplayValue: boolean;\n}\n\nexport interface PickerTriggerPolicy {\n\tfocusFloatingOnOpen: boolean;\n\trestoreFocusOnClose: boolean;\n\tresetQueryOnClose: boolean;\n\tshouldOpenOnTriggerClick: (open: boolean) => boolean;\n\tshouldOpenOnInputChange: (open: boolean) => boolean;\n\tshouldFocusReferenceOnToggle: (open: boolean) => boolean;\n\tshouldSelectTriggerTextOnFocus: (params: PickerTriggerTextFocusParams) => boolean;\n}\n\n/**\n * Единая политика поведения trigger-input для picker-компонентов.\n * Нормализует различия между display-режимом, single-search и multi-search.\n */\nexport function createPickerTriggerPolicy(mode: PickerTriggerMode): PickerTriggerPolicy {\n\tswitch (mode) {\n\t\tcase \"search-single\":\n\t\t\treturn {\n\t\t\t\tfocusFloatingOnOpen: false,\n\t\t\t\trestoreFocusOnClose: false,\n\t\t\t\tresetQueryOnClose: true,\n\t\t\t\tshouldOpenOnTriggerClick: () => false,\n\t\t\t\tshouldOpenOnInputChange: (open) => !open,\n\t\t\t\tshouldFocusReferenceOnToggle: (open) => !open,\n\t\t\t\tshouldSelectTriggerTextOnFocus: ({ open, currentQuery, hasDisplayValue }) =>\n\t\t\t\t\t!open && currentQuery.length === 0 && hasDisplayValue\n\t\t\t};\n\t\tcase \"search-multi\":\n\t\t\treturn {\n\t\t\t\tfocusFloatingOnOpen: false,\n\t\t\t\trestoreFocusOnClose: false,\n\t\t\t\tresetQueryOnClose: true,\n\t\t\t\tshouldOpenOnTriggerClick: () => false,\n\t\t\t\tshouldOpenOnInputChange: (open) => !open,\n\t\t\t\tshouldFocusReferenceOnToggle: (open) => !open,\n\t\t\t\tshouldSelectTriggerTextOnFocus: () => false\n\t\t\t};\n\t\tcase \"display\":\n\t\tdefault:\n\t\t\treturn {\n\t\t\t\tfocusFloatingOnOpen: true,\n\t\t\t\trestoreFocusOnClose: true,\n\t\t\t\tresetQueryOnClose: false,\n\t\t\t\tshouldOpenOnTriggerClick: (open) => !open,\n\t\t\t\tshouldOpenOnInputChange: () => false,\n\t\t\t\tshouldFocusReferenceOnToggle: () => false,\n\t\t\t\tshouldSelectTriggerTextOnFocus: () => false\n\t\t\t};\n\t}\n}\n","import { ReactNode } from \"react\";\n\nexport function extractPickerTextContent(node: ReactNode): string | undefined {\n\tif (typeof node === \"string\" || typeof node === \"number\") {\n\t\treturn String(node);\n\t}\n\n\tif (Array.isArray(node)) {\n\t\tconst values = node.map(extractPickerTextContent).filter((value): value is string => Boolean(value));\n\t\treturn values.length ? values.join(\" \") : undefined;\n\t}\n\n\treturn undefined;\n}\n","import { useMemo } from \"react\";\n\nimport { normalizeTextToLower } from \"@ryuzaki13/react-foundation-lib/formatters\";\n\ninterface UsePickerDefaultFilterOptions<T> {\n\toptions: readonly T[];\n\tquery: string;\n\tenabled?: boolean;\n\tgetSearchText: (option: T) => unknown;\n}\n\nfunction normalizeSearchText(value: unknown) {\n\tconst parts = Array.isArray(value) ? value : [value];\n\n\treturn normalizeTextToLower(parts.filter(Boolean).join(\" \"));\n}\n\nexport function usePickerDefaultFilter<T>({ options, query, enabled = true, getSearchText }: UsePickerDefaultFilterOptions<T>) {\n\tconst normalizedQuery = normalizeTextToLower(query);\n\n\treturn useMemo(() => {\n\t\tif (!enabled || !normalizedQuery) {\n\t\t\treturn [...options];\n\t\t}\n\n\t\treturn options.filter((option) => normalizeSearchText(getSearchText(option)).includes(normalizedQuery));\n\t}, [enabled, getSearchText, normalizedQuery, options]);\n}\n","import { Placement } from \"@floating-ui/react\";\n\nimport { useFloatingListbox } from \"@ryuzaki13/react-foundation-lib/hooks\";\n\nimport { PickerTriggerMode, createPickerTriggerPolicy } from \"./createPickerTriggerPolicy\";\n\ninterface UsePickerFloatingListboxParams<T> {\n\toptions: readonly T[];\n\tselectedIndex: number;\n\topen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n\tgetOptionDisabled?: (option: T) => boolean;\n\tonSelect?: (option: T) => void;\n\tdisabled?: boolean;\n\tplacement?: Placement;\n\tcloseOnSelect?: boolean;\n\tfocusFloatingOnOpen?: boolean;\n\tallowOpenWithoutOptions?: boolean;\n\trestoreFocusOnClose?: boolean;\n\ttriggerMode?: PickerTriggerMode;\n}\n\n/**\n * Единая точка входа для popup/listbox поведения во всех picker-компонентах.\n */\nexport function usePickerFloatingListbox<T>(params: UsePickerFloatingListboxParams<T>) {\n\tconst triggerPolicy = params.triggerMode ? createPickerTriggerPolicy(params.triggerMode) : undefined;\n\n\treturn useFloatingListbox({\n\t\t...params,\n\t\tfocusFloatingOnOpen: params.focusFloatingOnOpen ?? triggerPolicy?.focusFloatingOnOpen,\n\t\trestoreFocusOnClose: params.restoreFocusOnClose ?? triggerPolicy?.restoreFocusOnClose\n\t});\n}\n","import { useEffect, useEffectEvent, useRef, useState } from \"react\";\n\nimport { PickerTriggerMode, createPickerTriggerPolicy } from \"./createPickerTriggerPolicy\";\n\ninterface UsePickerQueryOptions {\n\topen: boolean;\n\tquery?: string;\n\tdefaultQuery?: string;\n\tonQuery?: (value: string) => void;\n\tresetOnClose?: boolean;\n\ttriggerMode?: PickerTriggerMode;\n}\n\nexport function usePickerQuery({ open, query, defaultQuery, onQuery, resetOnClose, triggerMode }: UsePickerQueryOptions) {\n\tconst previousOpenRef = useRef(false);\n\tconst isControlled = query !== undefined;\n\tconst [internalQuery, setInternalQuery] = useState(defaultQuery ?? \"\");\n\tconst currentQuery = isControlled ? (query ?? \"\") : internalQuery;\n\tconst syncResetInternalQuery = useEffectEvent(() => setInternalQuery(\"\"));\n\tconst resolvedResetOnClose = resetOnClose ?? (triggerMode ? createPickerTriggerPolicy(triggerMode).resetQueryOnClose : true);\n\n\tuseEffect(() => {\n\t\tif (previousOpenRef.current && !open && resolvedResetOnClose) {\n\t\t\tif (!isControlled) {\n\t\t\t\tsyncResetInternalQuery();\n\t\t\t}\n\n\t\t\tonQuery?.(\"\");\n\t\t}\n\n\t\tpreviousOpenRef.current = open;\n\t}, [isControlled, onQuery, open, resolvedResetOnClose]);\n\n\tconst setQuery = (nextValue: string) => {\n\t\tif (!isControlled) {\n\t\t\tsetInternalQuery(nextValue);\n\t\t}\n\n\t\tonQuery?.(nextValue);\n\t};\n\n\treturn {\n\t\tquery: currentQuery,\n\t\tsetQuery,\n\t\tclearQuery: () => setQuery(\"\")\n\t};\n}\n","import { useEffect, useEffectEvent, useRef, useState } from \"react\";\n\ninterface UsePickerSelectionLifecycleOptions<TValue> {\n\tvalue: TValue;\n\topen: boolean;\n\tonCommit: (value: TValue) => void;\n\tonOpen?: () => void;\n\tonClose?: (value: TValue) => void;\n\tisEqual: (left: TValue, right: TValue) => boolean;\n}\n\n/**\n * Общий жизненный цикл чернового выбора для picker-компонентов,\n * где изменения подтверждаются при закрытии popup.\n */\nexport function usePickerSelectionLifecycle<TValue>({\n\tvalue,\n\topen,\n\tonCommit,\n\tonOpen,\n\tonClose,\n\tisEqual\n}: UsePickerSelectionLifecycleOptions<TValue>) {\n\tconst previousOpenRef = useRef(false);\n\tconst [draftValue, setDraftValue] = useState(value);\n\tconst syncDraftValue = useEffectEvent((value: TValue) => setDraftValue(value));\n\n\tuseEffect(() => {\n\t\tif (!open) {\n\t\t\tsyncDraftValue(value);\n\t\t}\n\t}, [open, value]);\n\n\tuseEffect(() => {\n\t\tif (previousOpenRef.current && !open) {\n\t\t\tif (!isEqual(draftValue, value)) {\n\t\t\t\tonCommit(draftValue);\n\t\t\t}\n\n\t\t\tonClose?.(draftValue);\n\t\t}\n\n\t\tpreviousOpenRef.current = open;\n\t}, [draftValue, isEqual, onClose, onCommit, open, value]);\n\n\tconst prepareOpen = () => {\n\t\tsetDraftValue(value);\n\t\tonOpen?.();\n\t};\n\n\treturn {\n\t\tdraftValue,\n\t\tsetDraftValue,\n\t\tprepareOpen\n\t};\n}\n","import { MouseEvent, RefObject } from \"react\";\n\nimport { PickerTriggerMode, createPickerTriggerPolicy } from \"./createPickerTriggerPolicy\";\n\ninterface UsePickerTriggerControllerOptions {\n\tmode: PickerTriggerMode;\n\topen: boolean;\n\tcurrentQuery: string;\n\thasDisplayValue: boolean;\n\tinputRef: RefObject<HTMLInputElement | null>;\n\tsetQuery?: (value: string) => void;\n\topenList?: () => void;\n\tclose?: () => void;\n\ttoggleOpen?: () => void;\n\tonBeforeOpen?: () => void;\n}\n\ninterface HandleTriggerKeyDownOptions {\n\tevent: React.KeyboardEvent<HTMLElement>;\n\tonActivateWhenOpen?: () => void;\n\tenableSpaceActivation?: boolean;\n\tenableClosedArrowDownOpen?: boolean;\n\tsuppressClosedArrowUp?: boolean;\n}\n\nfunction focusInput(inputRef: RefObject<HTMLInputElement | null>) {\n\trequestAnimationFrame(() => {\n\t\tinputRef.current?.focus();\n\t});\n}\n\n/**\n * Единый контроллер пользовательских действий на trigger-input.\n * Держит поведение display/search-single/search-multi в одном месте.\n */\nexport function usePickerTriggerController({\n\tmode,\n\topen,\n\tcurrentQuery,\n\thasDisplayValue,\n\tinputRef,\n\tsetQuery,\n\topenList,\n\tclose,\n\ttoggleOpen,\n\tonBeforeOpen\n}: UsePickerTriggerControllerOptions) {\n\tconst policy = createPickerTriggerPolicy(mode);\n\n\tconst openTrigger = () => {\n\t\tonBeforeOpen?.();\n\n\t\tif (openList) {\n\t\t\topenList();\n\t\t\treturn;\n\t\t}\n\n\t\ttoggleOpen?.();\n\t};\n\n\tconst closeTrigger = () => {\n\t\tif (close) {\n\t\t\tclose();\n\t\t\treturn;\n\t\t}\n\n\t\ttoggleOpen?.();\n\t};\n\n\tconst toggleTrigger = () => {\n\t\tif (open) {\n\t\t\tcloseTrigger();\n\t\t} else {\n\t\t\topenTrigger();\n\t\t}\n\n\t\tif (policy.shouldFocusReferenceOnToggle(open)) {\n\t\t\tfocusInput(inputRef);\n\t\t}\n\t};\n\n\treturn {\n\t\tpolicy,\n\t\thandleTriggerInputChange: (nextValue: string) => {\n\t\t\tsetQuery?.(nextValue);\n\n\t\t\tif (policy.shouldOpenOnInputChange(open)) {\n\t\t\t\topenTrigger();\n\t\t\t}\n\t\t},\n\t\thandleTriggerClick: () => {\n\t\t\tif (policy.shouldOpenOnTriggerClick(open)) {\n\t\t\t\topenTrigger();\n\t\t\t}\n\t\t},\n\t\thandleTriggerFocus: (input: HTMLInputElement) => {\n\t\t\tif (\n\t\t\t\tpolicy.shouldSelectTriggerTextOnFocus({\n\t\t\t\t\topen,\n\t\t\t\t\tcurrentQuery,\n\t\t\t\t\thasDisplayValue\n\t\t\t\t})\n\t\t\t) {\n\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\tinput.select();\n\t\t\t\t});\n\t\t\t}\n\t\t},\n\t\thandleToggleMouseDown: (event: MouseEvent<HTMLButtonElement>) => {\n\t\t\tevent.preventDefault();\n\t\t},\n\t\thandleToggleClick: () => {\n\t\t\ttoggleTrigger();\n\t\t},\n\t\thandleTriggerKeyDown: ({\n\t\t\tevent,\n\t\t\tonActivateWhenOpen,\n\t\t\tenableSpaceActivation = false,\n\t\t\tenableClosedArrowDownOpen = false,\n\t\t\tsuppressClosedArrowUp = false\n\t\t}: HandleTriggerKeyDownOptions) => {\n\t\t\tif (!open && suppressClosedArrowUp && event.key === \"ArrowUp\") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (!open && enableClosedArrowDownOpen && event.key === \"ArrowDown\") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\ttoggleTrigger();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (event.key === \"Enter\") {\n\t\t\t\tevent.preventDefault();\n\n\t\t\t\tif (open) {\n\t\t\t\t\tonActivateWhenOpen?.();\n\t\t\t\t} else {\n\t\t\t\t\ttoggleTrigger();\n\t\t\t\t}\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (enableSpaceActivation && event.key === \" \") {\n\t\t\t\tevent.preventDefault();\n\n\t\t\t\tif (open) {\n\t\t\t\t\tonActivateWhenOpen?.();\n\t\t\t\t} else {\n\t\t\t\t\ttoggleTrigger();\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\ttoggleTrigger\n\t};\n}\n"],"mappings":"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"}

package/dist/chunks/plugins-BqaLckPx.js

@@ -0,0 +1,118 @@
+import { useEffect as e, useRef as t } from "react";
+import { $generateNodesFromDOM as n } from "@lexical/html";
+import { useLexicalComposerContext as r } from "@lexical/react/LexicalComposerContext";
+import { $createParagraphNode as i, $getRoot as a, $getSelection as o, $isRangeSelection as s } from "lexical";
+import { $isListItemNode as c, $isListNode as l } from "@lexical/list";
+import { $isHeadingNode as u, $isQuoteNode as d } from "@lexical/rich-text";
+//#region src/text-editor/lexical/plugins/InitialHtmlPlugin.tsx
+function f({ initialHTML: o, shouldSkip: s }) {
+	let [c] = r(), l = t(!1);
+	return e(() => {
+		s || !o || l.current || typeof window > "u" || (l.current = !0, c.update(() => {
+			let e = a(), t = new DOMParser().parseFromString(o, "text/html"), r = n(c, t);
+			if (e.clear(), r.length === 0) {
+				e.append(i());
+				return;
+			}
+			e.append(...r);
+		}));
+	}, [
+		c,
+		o,
+		s
+	]), null;
+}
+//#endregion
+//#region src/text-editor/model/textEditorTypes.ts
+var p = {
+	blockType: "unstyled",
+	isTextUnselected: !0,
+	activeInlineStyles: {
+		BOLD: !1,
+		ITALIC: !1,
+		UNDERLINE: !1,
+		STRIKETHROUGH: !1,
+		HIGHLIGHT: !1,
+		CODE: !1
+	},
+	activeAlignment: null
+}, m = (e) => {
+	switch (e) {
+		case "h3": return "header-three";
+		case "h4": return "header-four";
+		case "h5": return "header-five";
+		case "h6": return "header-six";
+		default: return "unstyled";
+	}
+}, h = (e) => {
+	switch (e) {
+		case "header-three": return "h3";
+		case "header-four": return "h4";
+		case "header-five": return "h5";
+		case "header-six": return "h6";
+		default: return null;
+	}
+}, g = (e) => {
+	switch (e) {
+		case "BOLD": return "bold";
+		case "ITALIC": return "italic";
+		case "UNDERLINE": return "underline";
+		case "STRIKETHROUGH": return "strikethrough";
+		case "HIGHLIGHT": return "highlight";
+		case "CODE": return "code";
+		default: return null;
+	}
+}, _ = () => {
+	let e = o();
+	if (!s(e)) return "unstyled";
+	let t = e.anchor.getNode().getTopLevelElementOrThrow();
+	if (c(t)) {
+		let e = t.getParent();
+		if (l(e)) return e.getListType() === "bullet" ? "unordered-list-item" : "ordered-list-item";
+	}
+	return l(t) ? t.getListType() === "bullet" ? "unordered-list-item" : "ordered-list-item" : u(t) ? m(t.getTag()) : d(t) ? "blockquote" : t.getType() === "paragraph" ? "unstyled" : t.getType();
+}, v = () => {
+	let e = o();
+	if (!s(e)) return null;
+	let t = e.anchor.getNode().getTopLevelElementOrThrow().getFormatType();
+	switch (t) {
+		case "left":
+		case "center":
+		case "right":
+		case "justify": return t;
+		default: return null;
+	}
+}, y = () => {
+	let e = o();
+	return s(e) ? {
+		blockType: _(),
+		isTextUnselected: e.isCollapsed(),
+		activeInlineStyles: {
+			BOLD: e.hasFormat("bold"),
+			ITALIC: e.hasFormat("italic"),
+			UNDERLINE: e.hasFormat("underline"),
+			STRIKETHROUGH: e.hasFormat("strikethrough"),
+			HIGHLIGHT: e.hasFormat("highlight"),
+			CODE: e.hasFormat("code")
+		},
+		activeAlignment: v()
+	} : p;
+};
+//#endregion
+//#region src/text-editor/lexical/plugins/SelectionStatePlugin.tsx
+function b({ onEditorReady: t, onStateChange: n }) {
+	let [i] = r();
+	return e(() => (t(i), i.registerUpdateListener(({ editorState: e }) => {
+		e.read(() => {
+			n(y());
+		});
+	})), [
+		i,
+		t,
+		n
+	]), null;
+}
+//#endregion
+export { f as a, p as i, h as n, g as r, b as t };
+
+//# sourceMappingURL=plugins-BqaLckPx.js.map

package/dist/chunks/plugins-BqaLckPx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins-BqaLckPx.js","names":[],"sources":["../../src/text-editor/lexical/plugins/InitialHtmlPlugin.tsx","../../src/text-editor/model/textEditorTypes.ts","../../src/text-editor/lib/toolbar/styleMappers.ts","../../src/text-editor/lib/toolbar/resolveToolbarState.ts","../../src/text-editor/lexical/plugins/SelectionStatePlugin.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\nimport { $generateNodesFromDOM } from \"@lexical/html\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { $createParagraphNode, $getRoot } from \"lexical\";\n\ninterface InitialHtmlPluginProps {\n\tinitialHTML?: string;\n\tshouldSkip: boolean;\n}\n\n/**\n * Плагин Lexical для инициализации содержимого редактора из HTML-строки.\n */\nexport function InitialHtmlPlugin({ initialHTML, shouldSkip }: InitialHtmlPluginProps) {\n\tconst [editor] = useLexicalComposerContext();\n\tconst isAppliedRef = useRef(false);\n\n\tuseEffect(() => {\n\t\tif (shouldSkip || !initialHTML || isAppliedRef.current || typeof window === \"undefined\") return;\n\n\t\tisAppliedRef.current = true;\n\t\teditor.update(() => {\n\t\t\tconst root = $getRoot();\n\t\t\tconst dom = new DOMParser().parseFromString(initialHTML, \"text/html\");\n\t\t\tconst nodes = $generateNodesFromDOM(editor, dom);\n\n\t\t\troot.clear();\n\t\t\tif (nodes.length === 0) {\n\t\t\t\troot.append($createParagraphNode());\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\troot.append(...nodes);\n\t\t});\n\t}, [editor, initialHTML, shouldSkip]);\n\n\treturn null;\n}\n","export type TextAlignment = \"left\" | \"center\" | \"right\" | \"justify\";\n\nexport type TextEditorBlockStyle =\n\t| \"header-one\"\n\t| \"header-two\"\n\t| \"header-three\"\n\t| \"header-four\"\n\t| \"header-five\"\n\t| \"header-six\"\n\t| \"blockquote\"\n\t| \"code-block\"\n\t| \"ordered-list-item\"\n\t| \"unordered-list-item\"\n\t| \"unstyled\"\n\t| \"paragraph\";\n\nexport type TextEditorInlineStyle = \"BOLD\" | \"ITALIC\" | \"UNDERLINE\" | \"STRIKETHROUGH\" | \"HIGHLIGHT\" | \"CODE\";\n\nexport type TextEditorElementTypes = TextEditorBlockStyle | TextEditorInlineStyle;\n\nexport interface TextEditorLinkState {\n\tariaLabel: string;\n\ttext: string;\n\turl: string;\n\tadd: string;\n\tqrCode?: boolean;\n}\n\nexport type LinkType = TextEditorLinkState | string;\n\nexport interface LexicalToolbarState {\n\tblockType: string;\n\tisTextUnselected: boolean;\n\tactiveInlineStyles: Record<TextEditorInlineStyle, boolean>;\n\tactiveAlignment: TextAlignment | null;\n}\n\nexport const DEFAULT_TOOLBAR_STATE: LexicalToolbarState = {\n\tblockType: \"unstyled\",\n\tisTextUnselected: true,\n\tactiveInlineStyles: {\n\t\tBOLD: false,\n\t\tITALIC: false,\n\t\tUNDERLINE: false,\n\t\tSTRIKETHROUGH: false,\n\t\tHIGHLIGHT: false,\n\t\tCODE: false\n\t},\n\tactiveAlignment: null\n};\n","import type { TextEditorBlockStyle } from \"../../model/textEditorTypes\";\n\nexport const getHeadingBlockType = (tag: string): TextEditorBlockStyle => {\n\tswitch (tag) {\n\t\tcase \"h3\":\n\t\t\treturn \"header-three\";\n\t\tcase \"h4\":\n\t\t\treturn \"header-four\";\n\t\tcase \"h5\":\n\t\t\treturn \"header-five\";\n\t\tcase \"h6\":\n\t\t\treturn \"header-six\";\n\t\tdefault:\n\t\t\treturn \"unstyled\";\n\t}\n};\n\nexport const getHeadingTagByStyle = (style: string): \"h3\" | \"h4\" | \"h5\" | \"h6\" | null => {\n\tswitch (style) {\n\t\tcase \"header-three\":\n\t\t\treturn \"h3\";\n\t\tcase \"header-four\":\n\t\t\treturn \"h4\";\n\t\tcase \"header-five\":\n\t\t\treturn \"h5\";\n\t\tcase \"header-six\":\n\t\t\treturn \"h6\";\n\t\tdefault:\n\t\t\treturn null;\n\t}\n};\n\nexport const getLexicalInlineStyle = (style: string): string | null => {\n\tswitch (style) {\n\t\tcase \"BOLD\":\n\t\t\treturn \"bold\";\n\t\tcase \"ITALIC\":\n\t\t\treturn \"italic\";\n\t\tcase \"UNDERLINE\":\n\t\t\treturn \"underline\";\n\t\tcase \"STRIKETHROUGH\":\n\t\t\treturn \"strikethrough\";\n\t\tcase \"HIGHLIGHT\":\n\t\t\treturn \"highlight\";\n\t\tcase \"CODE\":\n\t\t\treturn \"code\";\n\t\tdefault:\n\t\t\treturn null;\n\t}\n};\n","import { $isListItemNode, $isListNode } from \"@lexical/list\";\nimport { $isHeadingNode, $isQuoteNode } from \"@lexical/rich-text\";\nimport { $getSelection, $isRangeSelection } from \"lexical\";\n\nimport { DEFAULT_TOOLBAR_STATE, type LexicalToolbarState, type TextAlignment } from \"../../model/textEditorTypes\";\n\nimport { getHeadingBlockType } from \"./styleMappers\";\n\nexport const resolveBlockType = (): string => {\n\tconst selection = $getSelection();\n\tif (!$isRangeSelection(selection)) return \"unstyled\";\n\n\tconst anchorNode = selection.anchor.getNode();\n\tconst topLevel = anchorNode.getTopLevelElementOrThrow();\n\n\tif ($isListItemNode(topLevel)) {\n\t\tconst listNode = topLevel.getParent();\n\t\tif ($isListNode(listNode)) {\n\t\t\treturn listNode.getListType() === \"bullet\" ? \"unordered-list-item\" : \"ordered-list-item\";\n\t\t}\n\t}\n\n\tif ($isListNode(topLevel)) {\n\t\treturn topLevel.getListType() === \"bullet\" ? \"unordered-list-item\" : \"ordered-list-item\";\n\t}\n\n\tif ($isHeadingNode(topLevel)) {\n\t\treturn getHeadingBlockType(topLevel.getTag());\n\t}\n\n\tif ($isQuoteNode(topLevel)) {\n\t\treturn \"blockquote\";\n\t}\n\n\tif (topLevel.getType() === \"paragraph\") {\n\t\treturn \"unstyled\";\n\t}\n\n\treturn topLevel.getType();\n};\n\nexport const resolveAlignment = (): TextAlignment | null => {\n\tconst selection = $getSelection();\n\tif (!$isRangeSelection(selection)) return null;\n\n\tconst anchorNode = selection.anchor.getNode();\n\tconst topLevel = anchorNode.getTopLevelElementOrThrow();\n\tconst formatType = topLevel.getFormatType();\n\n\tswitch (formatType) {\n\t\tcase \"left\":\n\t\tcase \"center\":\n\t\tcase \"right\":\n\t\tcase \"justify\":\n\t\t\treturn formatType;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n};\n\nexport const resolveToolbarState = (): LexicalToolbarState => {\n\tconst selection = $getSelection();\n\tif (!$isRangeSelection(selection)) {\n\t\treturn DEFAULT_TOOLBAR_STATE;\n\t}\n\n\treturn {\n\t\tblockType: resolveBlockType(),\n\t\tisTextUnselected: selection.isCollapsed(),\n\t\tactiveInlineStyles: {\n\t\t\tBOLD: selection.hasFormat(\"bold\"),\n\t\t\tITALIC: selection.hasFormat(\"italic\"),\n\t\t\tUNDERLINE: selection.hasFormat(\"underline\"),\n\t\t\tSTRIKETHROUGH: selection.hasFormat(\"strikethrough\"),\n\t\t\tHIGHLIGHT: selection.hasFormat(\"highlight\" as never),\n\t\t\tCODE: selection.hasFormat(\"code\")\n\t\t},\n\t\tactiveAlignment: resolveAlignment()\n\t};\n};\n","import { useEffect } from \"react\";\n\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { LexicalEditor } from \"lexical\";\n\nimport { resolveToolbarState } from \"../../lib/toolbar/resolveToolbarState\";\n\nimport type { LexicalToolbarState } from \"../../model/textEditorTypes\";\n\ninterface SelectionStatePluginProps {\n\tonEditorReady: (editor: LexicalEditor) => void;\n\tonStateChange: (state: LexicalToolbarState) => void;\n}\n\n/**\n * Плагин Lexical, отслеживающий состояние выделения и готовность редактора.\n */\nexport function SelectionStatePlugin({ onEditorReady, onStateChange }: SelectionStatePluginProps) {\n\tconst [editor] = useLexicalComposerContext();\n\n\tuseEffect(() => {\n\t\tonEditorReady(editor);\n\n\t\treturn editor.registerUpdateListener(({ editorState }) => {\n\t\t\teditorState.read(() => {\n\t\t\t\tonStateChange(resolveToolbarState());\n\t\t\t});\n\t\t});\n\t}, [editor, onEditorReady, onStateChange]);\n\n\treturn null;\n}\n"],"mappings":"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"}