@ryuzaki13/react-foundation-ui 1.8.2 → 1.8.3

package/dist/chunks/useODataSelectBase-DR4PrY1j.js

@@ -0,0 +1,117 @@
+import { useEffect as e, useMemo as t, useState as n } from "react";
+import { useODataCollection as r } from "@ryuzaki13/react-foundation-api/odata";
+import { startsWithIgnoringZeros as i } from "@ryuzaki13/react-foundation-lib/formatters";
+//#region src/select/model/useODataSelectBase.ts
+var a = "", o = "
";
+function s(e) {
+	return e?.length ? [...new Set(e)].sort() : [];
+}
+function c(e, t, n) {
+	let r = [];
+	for (let i of Object.keys(t).sort()) {
+		if (i === e) continue;
+		let t = s(n?.[i]);
+		t.length && r.push(`${i}:${t.join(o)}`);
+	}
+	return r.join(a);
+}
+function l(e) {
+	let t = /* @__PURE__ */ new Map();
+	if (!e) return t;
+	for (let n of e.split(a)) {
+		let e = n.indexOf(":");
+		if (e < 0) continue;
+		let r = n.slice(0, e), i = n.slice(e + 1).split(o).filter(Boolean);
+		r && i.length && t.set(r, i);
+	}
+	return t;
+}
+function u({ odata: a, segment: o, model: s, value: u, dependencies: d }) {
+	let [f, p] = n(""), [m, h] = n(""), { codeKey: g, searchDebounceDelay: _, minSearchCodeLength: v, minSearchTextLength: y } = s, { data: b, textKey: x, isLoading: S, isError: C, getItems: w, separatedItems: T, findSourceItemsByKeys: E, setFilteredItems: D, debounce: O } = r({
+		odata: a,
+		model: s
+	}), k = T.length, A = o.selectText && x ? x : g, j = t(() => b ? c(g, b.keyPairsMap, d) : "", [
+		b,
+		g,
+		d
+	]);
+	e(() => {
+		if (!b) return;
+		let e = b.chain.findIndex((e) => e.codeKey === g), t = l(j), n = (e) => {
+			let n = b.chain[e].codeKey, r = t.get(n);
+			if (r?.length) return E(n, r);
+		};
+		for (let t = b.chain.length - 1; t > e; t--) {
+			let e = n(t);
+			if (e) {
+				D(e);
+				return;
+			}
+		}
+		for (let t = 0; t < e; t++) {
+			let e = n(t);
+			if (e) {
+				D(e);
+				return;
+			}
+		}
+		D(void 0);
+	}, [
+		b,
+		j,
+		g,
+		E,
+		D
+	]), e(() => {
+		O("search", () => {
+			h(f.trim().toLowerCase());
+		}, _);
+	}, [
+		O,
+		f,
+		_
+	]);
+	let M = t(() => {
+		if (!u?.length || !A) return [];
+		let e = new Set(u);
+		return T.filter((t) => e.has(t[A]));
+	}, [
+		T,
+		A,
+		u
+	]);
+	return {
+		query: f,
+		setQuery: p,
+		debouncedQuery: m,
+		selectedItems: M,
+		filteredItems: t(() => {
+			if (!b) return [];
+			if (!(m.length >= y)) return w(void 0, M);
+			let e = m.length >= y, t = !o.hideCode && m.length >= v && !Number.isNaN(Number(m));
+			return w((n, r) => !!(n && r && (t && i(n, m) || e && r.toLowerCase().includes(m))), M);
+		}, [
+			m,
+			w,
+			v,
+			y,
+			b,
+			o.hideCode,
+			M
+		]),
+		itemsCount: k,
+		isLoading: S,
+		isError: C,
+		codeKey: g,
+		textKey: x,
+		selectionKey: A,
+		placeholder: o.placeholder
+	};
+}
+function d(e, t) {
+	return e.map((e) => e[t]);
+}
+//#endregion
+export { u as n, d as t };
+
+//# sourceMappingURL=useODataSelectBase-DR4PrY1j.js.map

package/dist/chunks/useODataSelectBase-DR4PrY1j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useODataSelectBase-DR4PrY1j.js","names":[],"sources":["../../src/select/model/useODataSelectBase.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { ODataCollectionModel, ODataSelectBaseProps, useODataCollection } from \"@ryuzaki13/react-foundation-api/odata\";\nimport { startsWithIgnoringZeros } from \"@ryuzaki13/react-foundation-lib/formatters\";\nimport { CollectionItem } from \"@ryuzaki13/react-foundation-lib/odata\";\n\ninterface UseODataSelectBaseOptions extends Omit<ODataSelectBaseProps, \"model\" | \"value\"> {\n\tmodel: Required<ODataCollectionModel>;\n\tvalue?: string[];\n}\n\nconst DEPENDENCY_KEY_SEPARATOR = \"\\u0002\";\nconst DEPENDENCY_VALUE_SEPARATOR = \"\\u0001\";\n\nfunction normalizeDependencyValues(values?: readonly string[]) {\n\tif (!values?.length) return [];\n\treturn [...new Set(values)].sort();\n}\n\nfunction createDependencySignature(codeKey: string, availableKeys: Record<string, unknown>, dependencies?: Record<string, string[]>) {\n\tconst parts: string[] = [];\n\n\tfor (const key of Object.keys(availableKeys).sort()) {\n\t\tif (key === codeKey) continue;\n\n\t\tconst values = normalizeDependencyValues(dependencies?.[key]);\n\t\tif (!values.length) continue;\n\n\t\tparts.push(`${key}:${values.join(DEPENDENCY_VALUE_SEPARATOR)}`);\n\t}\n\n\treturn parts.join(DEPENDENCY_KEY_SEPARATOR);\n}\n\nfunction parseDependencySignature(signature: string) {\n\tconst dependencies = new Map<string, string[]>();\n\tif (!signature) return dependencies;\n\n\tfor (const part of signature.split(DEPENDENCY_KEY_SEPARATOR)) {\n\t\tconst separatorIndex = part.indexOf(\":\");\n\t\tif (separatorIndex < 0) continue;\n\n\t\tconst key = part.slice(0, separatorIndex);\n\t\tconst values = part\n\t\t\t.slice(separatorIndex + 1)\n\t\t\t.split(DEPENDENCY_VALUE_SEPARATOR)\n\t\t\t.filter(Boolean);\n\t\tif (key && values.length) {\n\t\t\tdependencies.set(key, values);\n\t\t}\n\t}\n\n\treturn dependencies;\n}\n\nexport function useODataSelectBase({ odata, segment, model, value, dependencies }: UseODataSelectBaseOptions) {\n\tconst [query, setQuery] = useState(\"\");\n\tconst [debouncedQuery, setDebouncedQuery] = useState(\"\");\n\n\tconst { codeKey, searchDebounceDelay, minSearchCodeLength, minSearchTextLength: minSearchLength } = model;\n\n\tconst {\n\t\tdata: rawData,\n\t\ttextKey,\n\t\tisLoading,\n\t\tisError,\n\t\tgetItems,\n\t\tseparatedItems,\n\t\tfindSourceItemsByKeys,\n\t\tsetFilteredItems,\n\t\tdebounce\n\t} = useODataCollection({ odata, model });\n\n\tconst itemsCount = separatedItems.length;\n\tconst selectionKey = segment.selectText && textKey ? textKey : codeKey;\n\n\tconst dependencySignature = useMemo(() => {\n\t\tif (!rawData) return \"\";\n\t\treturn createDependencySignature(codeKey, rawData.keyPairsMap, dependencies);\n\t}, [rawData, codeKey, dependencies]);\n\n\tuseEffect(() => {\n\t\tif (!rawData) return;\n\n\t\tconst selfIndex = rawData.chain.findIndex((c) => c.codeKey === codeKey);\n\t\tconst currentDependencies = parseDependencySignature(dependencySignature);\n\n\t\tconst resolveFilteredItems = (index: number) => {\n\t\t\tconst key = rawData.chain[index].codeKey;\n\t\t\tconst dependenciesValues = currentDependencies.get(key);\n\t\t\tif (dependenciesValues?.length) {\n\t\t\t\treturn findSourceItemsByKeys(key, dependenciesValues);\n\t\t\t}\n\t\t};\n\n\t\tfor (let i = rawData.chain.length - 1; i > selfIndex; i--) {\n\t\t\tconst filteredItems = resolveFilteredItems(i);\n\t\t\tif (filteredItems) {\n\t\t\t\tsetFilteredItems(filteredItems);\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tfor (let i = 0; i < selfIndex; i++) {\n\t\t\tconst filteredItems = resolveFilteredItems(i);\n\t\t\tif (filteredItems) {\n\t\t\t\tsetFilteredItems(filteredItems);\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tsetFilteredItems(undefined);\n\t}, [rawData, dependencySignature, codeKey, findSourceItemsByKeys, setFilteredItems]);\n\n\tuseEffect(() => {\n\t\tdebounce(\n\t\t\t\"search\",\n\t\t\t() => {\n\t\t\t\tsetDebouncedQuery(query.trim().toLowerCase());\n\t\t\t},\n\t\t\tsearchDebounceDelay\n\t\t);\n\t}, [debounce, query, searchDebounceDelay]);\n\n\tconst selectedItems = useMemo(() => {\n\t\tif (!value?.length || !selectionKey) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst selectedValues = new Set(value);\n\t\treturn separatedItems.filter((item) => selectedValues.has(item[selectionKey]));\n\t}, [separatedItems, selectionKey, value]);\n\n\tconst filteredItems = useMemo(() => {\n\t\tif (!rawData) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst isFiltered = debouncedQuery.length >= minSearchLength;\n\n\t\tif (!isFiltered) {\n\t\t\treturn getItems(undefined, selectedItems);\n\t\t}\n\n\t\tconst isAheadText = debouncedQuery.length >= minSearchLength;\n\t\tconst isAheadCode = !segment.hideCode && debouncedQuery.length >= minSearchCodeLength && !Number.isNaN(Number(debouncedQuery));\n\n\t\treturn getItems((codeValue: string, textValue: string) => {\n\t\t\tif (codeValue && textValue) {\n\t\t\t\tif (isAheadCode && startsWithIgnoringZeros(codeValue, debouncedQuery)) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif (isAheadText && textValue.toLowerCase().includes(debouncedQuery)) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn false;\n\t\t}, selectedItems);\n\t}, [debouncedQuery, getItems, minSearchCodeLength, minSearchLength, rawData, segment.hideCode, selectedItems]);\n\n\t// const placeholder = useMemo(() => {\n\t// \tconst filteredItemsLength = filteredItems.length;\n\n\t// \tif (!itemsCount) {\n\t// \t\treturn `${segment.placeholder} <пусто>`;\n\t// \t}\n\n\t// \tif (filteredItemsLength < itemsCount) {\n\t// \t\treturn `${segment.placeholder} <${filteredItemsLength}+>`;\n\t// \t}\n\n\t// \treturn `${segment.placeholder} <${itemsCount > model.maxVisibleItems ? `${model.maxVisibleItems}+` : itemsCount}>`;\n\t// }, [filteredItems.length, itemsCount, model.maxVisibleItems, segment.placeholder]);\n\n\treturn {\n\t\tquery,\n\t\tsetQuery,\n\t\tdebouncedQuery,\n\t\tselectedItems,\n\t\tfilteredItems,\n\t\titemsCount,\n\t\tisLoading,\n\t\tisError,\n\t\tcodeKey,\n\t\ttextKey,\n\t\tselectionKey,\n\t\tplaceholder: segment.placeholder\n\t};\n}\n\nexport type ODataSelectBaseModel = ReturnType<typeof useODataSelectBase>;\n\nexport function mapSelectedItemsToValues(items: CollectionItem[], selectionKey: string) {\n\treturn items.map((item) => item[selectionKey]);\n}\n"],"mappings":"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"}

package/dist/context-menu/components/ContextMenu.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { Placement } from "@floating-ui/react";
+import { MenuItem } from "./MenuItem";
 export interface ContextMenuProps {
     children: React.ReactNode;
     placement?: Placement;
@@ -11,7 +12,7 @@ export declare const ContextMenu: React.FC<ContextMenuProps> & {
     Trigger: React.FC<import("./ContextMenuTrigger").ContextMenuTriggerProps>;
     Content: React.FC<import("./MenuContent").MenuContentProps>;
     RadialContent: React.FC<import("./RadialMenuContent").RadialMenuContentProps>;
-    Item: React.FC<import("./MenuItem").MenuItemProps>;
+    Item: typeof MenuItem;
     RadialItem: React.FC<import("./RadialMenuItem").RadialMenuItemProps>;
     Separator: React.FC<import("./MenuSeparator").MenuSeparatorProps>;
     GroupLabel: React.FC<import("./MenuGroupLabel").MenuGroupLabelProps>;

package/dist/context-menu/components/ContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/ContextMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAW/C,MAAM,WAAW,gBAAgB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAUD,eAAO,MAAM,WAAW;;;;;;;;CAQtB,CAAC"}
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/ContextMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAK/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAMtC,MAAM,WAAW,gBAAgB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAUD,eAAO,MAAM,WAAW;;;;;;;;CAQtB,CAAC"}

package/dist/context-menu/components/DropdownMenu.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { Placement } from "@floating-ui/react";
+import { MenuItem } from "./MenuItem";
 export interface DropdownMenuProps {
     children: React.ReactNode;
     placement?: Placement;
@@ -10,7 +11,7 @@ export interface DropdownMenuProps {
 export declare const DropdownMenu: React.FC<DropdownMenuProps> & {
     Trigger: React.FC<import("./DropdownMenuTrigger").DropdownMenuTriggerProps>;
     Content: React.FC<import("./MenuContent").MenuContentProps>;
-    Item: React.FC<import("./MenuItem").MenuItemProps>;
+    Item: typeof MenuItem;
     Separator: React.FC<import("./MenuSeparator").MenuSeparatorProps>;
     GroupLabel: React.FC<import("./MenuGroupLabel").MenuGroupLabelProps>;
 };

package/dist/context-menu/components/DropdownMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/DropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAS/C,MAAM,WAAW,iBAAiB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAUD,eAAO,MAAM,YAAY;;;;;;CAMvB,CAAC"}
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/DropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAK/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAItC,MAAM,WAAW,iBAAiB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAUD,eAAO,MAAM,YAAY;;;;;;CAMvB,CAAC"}

package/dist/context-menu/components/MenuContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/MenuContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAW3C,MAAM,WAAW,gBAAgB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,EAAE;QAAE,SAAS,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuGlD,CAAC"}
+{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/MenuContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAY3C,MAAM,WAAW,gBAAgB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,EAAE;QAAE,SAAS,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuGlD,CAAC"}

package/dist/context-menu/components/MenuItem.d.ts

@@ -1,15 +1,15 @@
-import React from "react";
+import { type HTMLAttributeAnchorTarget, type MouseEvent, type ReactNode } from "react";
 export interface MenuItemProps {
-    children: React.ReactNode;
-    icon?: React.ReactNode;
+    children: string;
+    icon?: ReactNode;
     hotKey?: string;
     className?: string;
     disabled?: boolean;
     href?: string;
-    target?: string;
+    target?: HTMLAttributeAnchorTarget;
     rel?: string;
     closeOnSelect?: boolean;
-    onSelect?: (event: React.MouseEvent<HTMLElement>) => void;
+    onSelect?: (event: MouseEvent<HTMLElement>) => void;
 }
-export declare const MenuItem: React.FC<MenuItemProps>;
+export declare function MenuItem({ children, icon, hotKey, className, disabled, href, target, rel, closeOnSelect, onSelect }: MenuItemProps): import("react").JSX.Element;
 //# sourceMappingURL=MenuItem.d.ts.map

package/dist/context-menu/components/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAS3C,MAAM,WAAW,aAAa;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyE5C,CAAC"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,yBAAyB,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAMrG,MAAM,WAAW,aAAa;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACpD;AAED,wBAAgB,QAAQ,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,GAAG,EACH,aAAoB,EACpB,QAAQ,EACR,EAAE,aAAa,+BA6Df"}

package/dist/context-menu/components/MenuRoot.d.ts

@@ -9,6 +9,6 @@ interface MenuRootProps {
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-export declare const MenuRoot: React.FC<MenuRootProps>;
+export declare function MenuRoot({ children, mode, placement, open: controlledOpen, defaultOpen, onOpenChange }: MenuRootProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=MenuRoot.d.ts.map

package/dist/context-menu/components/MenuRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuRoot.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/MenuRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAA4B,SAAS,EAAsB,MAAM,oBAAoB,CAAC;AAU7F,OAAO,EAAe,eAAe,EAAE,MAAM,eAAe,CAAC;AAE7D,UAAU,aAAa;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgL5C,CAAC"}
+{"version":3,"file":"MenuRoot.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/MenuRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAA4B,SAAS,EAAsB,MAAM,oBAAoB,CAAC;AAU7F,OAAO,EAAe,eAAe,EAAE,MAAM,eAAe,CAAC;AAE7D,UAAU,aAAa;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,QAAQ,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,SAA6D,EAC7D,IAAI,EAAE,cAAc,EACpB,WAAW,EACX,YAAY,EACZ,EAAE,aAAa,qBAyKf"}

package/dist/context-menu/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/context-menu-6nJkPmKV.js";
+import { n as e, t } from "../chunks/context-menu-C8sA7xCN.js";
 export { e as ContextMenu, t as DropdownMenu };

package/dist/date-input/index.js

@@ -1,3 +1,3 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../chunks/CalendarView-DGElHRTJ.js";
-import { a as c, c as l, d as u, f as d, h as f, i as p, l as m, m as h, n as g, o as _, p as v, r as y, s as b, t as x, u as S } from "../chunks/date-input-C4GcKul6.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../chunks/CalendarView-BJx6akIp.js";
+import { a as c, c as l, d as u, f as d, h as f, i as p, l as m, m as h, n as g, o as _, p as v, r as y, s as b, t as x, u as S } from "../chunks/date-input-g6l1iDmf.js";
 export { s as CalendarView, r as DATE_INPUT_SELECTION_MODES, a as DATE_INPUT_WEEK_END_DAYS, n as DATE_PICKER_LEVELS, y as DEFAULT_DATE_INPUT_FORMAT, p as DEFAULT_DATE_INPUT_PRESET, x as RangeDateInput, g as SingleDateInput, c as areRangeDateValuesEqual, _ as areSingleDateValuesEqual, b as formatDateInputValue, l as formatRangeDateValue, m as formatSingleDateValue, e as getDatePickerLevelForSelectionMode, i as isDatePickerLevelAvailable, S as normalizeRangeDateValue, u as normalizeRangeEndDateValue, d as normalizeSingleDateValue, v as parseRangeDateValue, h as parseRangeEndDateValue, f as parseSingleDateValue, o as resolveAvailableDatePickerLevel, t as resolveDateInputPeriodRangeState };

package/dist/date-time-input/index.js

@@ -1,7 +1,7 @@
 import { r as e } from "../chunks/popover-IztNF45J.js";
-import { t } from "../chunks/ui.module-DHVTOqZ0.js";
-import { c as n, d as r, i } from "../chunks/input-CCdBtl-C.js";
-import { t as a } from "../chunks/CalendarView-DGElHRTJ.js";
+import { t } from "../chunks/ui.module-BsDio9A3.js";
+import { c as n, d as r, i } from "../chunks/input-d08WN5FV.js";
+import { t as a } from "../chunks/CalendarView-BJx6akIp.js";
 import { t as o } from "../chunks/wheel-picker-FS58cRsQ.js";
 import { useCallback as s, useMemo as c, useRef as l, useState as u } from "react";
 import { cn as d } from "@ryuzaki13/react-foundation-lib/utils";

package/dist/disclosure/index.js

@@ -1,5 +1,5 @@
-import { t as e } from "../chunks/ui.module-DHVTOqZ0.js";
-import { n as t } from "../chunks/uiClasses-UkaejTdf.js";
+import { t as e } from "../chunks/ui.module-BsDio9A3.js";
+import { n as t } from "../chunks/uiClasses-BVwFzzsr.js";
 import { t as n } from "../chunks/flex-C7njxZ74.js";
 import { useId as r, useState as i } from "react";
 import { cn as a } from "@ryuzaki13/react-foundation-lib/utils";

package/dist/drop-zone/index.js

@@ -1,4 +1,4 @@
-import { n as e } from "../chunks/input-files-TXdXrSAs.js";
+import { n as e } from "../chunks/input-files-_NdSQM_3.js";
 import { useCallback as t, useMemo as n, useRef as r, useState as i } from "react";
 import { cn as a, handleKeyboardActivation as o } from "@ryuzaki13/react-foundation-lib/utils";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/expandable-action-panel/index.js

@@ -1,4 +1,4 @@
-import { n as e } from "../chunks/button-BsvHGWPc.js";
+import { n as e } from "../chunks/button-C53OkqTg.js";
 import { l as t } from "../chunks/misc-aGQBhywJ.js";
 import { useCallback as n, useId as r, useState as i } from "react";
 import { cn as a } from "@ryuzaki13/react-foundation-lib/utils";

package/dist/image/index.js

@@ -1,8 +1,8 @@
-import { n as e } from "../chunks/button-BsvHGWPc.js";
+import { n as e } from "../chunks/button-C53OkqTg.js";
 import { r as t } from "../chunks/grid-dI94AAbi.js";
-import { i as n, n as r, r as i } from "../chunks/modal-DLRYn-Lr.js";
-import { s as a } from "../chunks/input-CCdBtl-C.js";
-import { t as o } from "../chunks/input-files-TXdXrSAs.js";
+import { i as n, n as r, r as i } from "../chunks/modal-Bar-j5a4.js";
+import { s as a } from "../chunks/input-d08WN5FV.js";
+import { t as o } from "../chunks/input-files-_NdSQM_3.js";
 import { Suspense as s, lazy as c, useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 import _ from "react-easy-crop";

package/dist/input/index.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../chunks/input-CCdBtl-C.js";
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../chunks/input-d08WN5FV.js";
 export { a as Input, s as InputClearButton, r as InputControl, l as InputErrorComponent, e as InputLoadingFrame, o as InputNumber, c as InputText, t as InputUI, i as InputUIFrame, u as InputUILoading, n as useInputFieldIds };

package/dist/input-date-time/index.js

@@ -1,5 +1,5 @@
-import { t as e } from "../chunks/ui.module-DHVTOqZ0.js";
-import { c as t, d as n, i as r, r as i } from "../chunks/input-CCdBtl-C.js";
+import { t as e } from "../chunks/ui.module-BsDio9A3.js";
+import { c as t, d as n, i as r, r as i } from "../chunks/input-d08WN5FV.js";
 import { useCallback as a, useMemo as o, useRef as s, useState as c } from "react";
 import { cn as l } from "@ryuzaki13/react-foundation-lib/utils";
 import { jsx as u } from "react/jsx-runtime";

package/dist/input-file/index.js

@@ -1,5 +1,5 @@
-import { t as e } from "../chunks/ui.module-DHVTOqZ0.js";
-import { c as t, d as n, i as r, r as i } from "../chunks/input-CCdBtl-C.js";
+import { t as e } from "../chunks/ui.module-BsDio9A3.js";
+import { c as t, d as n, i as r, r as i } from "../chunks/input-d08WN5FV.js";
 import { useCallback as a, useRef as o } from "react";
 import { cn as s, handleKeyboardActivation as c } from "@ryuzaki13/react-foundation-lib/utils";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";

package/dist/input-files/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/input-files-TXdXrSAs.js";
+import { n as e, t } from "../chunks/input-files-_NdSQM_3.js";
 export { t as InputFiles, e as InputFilesList };

package/dist/input-image/index.js

@@ -1,5 +1,5 @@
-import { t as e } from "../chunks/ui.module-DHVTOqZ0.js";
-import { c as t, d as n, i as r, r as i } from "../chunks/input-CCdBtl-C.js";
+import { t as e } from "../chunks/ui.module-BsDio9A3.js";
+import { c as t, d as n, i as r, r as i } from "../chunks/input-d08WN5FV.js";
 import { useCallback as a, useMemo as o, useRef as s } from "react";
 import { cn as c, handleKeyboardActivation as l } from "@ryuzaki13/react-foundation-lib/utils";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";

package/dist/input-search/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/input-search-Ca8iqeK2.js";
+import { t as e } from "../chunks/input-search-BjtTMoRu.js";
 export { e as InputSearch };

package/dist/layout-picker/index.js

@@ -1,5 +1,5 @@
-import { t as e } from "../chunks/ui.module-DHVTOqZ0.js";
-import { c as t, f as n, i as r, l as i, p as a, t as o } from "../chunks/picker-CrRdwdA5.js";
+import { CustomOptionButton as e, Option as t } from "../option/index.js";
+import { f as n, i as r, s as i, t as a, v as o } from "../chunks/picker-0I1yMKIY.js";
 import { useRef as s, useState as c } from "react";
 import { cn as l } from "@ryuzaki13/react-foundation-lib/utils";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
@@ -998,16 +998,12 @@ function v(e) {
 	return h.find((t) => t.id === e)?.cells.length ?? 1;
 }
 var y = {
-	valueOverlay: "_959ulH",
-	triggerInput: "Ch-SZL",
 	triggerText: "SmdPit",
 	popup: "giOtGs",
 	popupLayout: "_57Tr0T",
 	popupBody: "Tkhulr",
 	options: "VQlniu",
 	option: "wb39Kf",
-	optionActive: "HGvQdT",
-	optionSelected: "rZuYyb",
 	previewCell: "VrHnjN",
 	optionPreviewWrap: "vNV6Q2",
 	preview: "koxYU-",
@@ -1026,8 +1022,8 @@ function x({ preset: e, compact: t = !1 }) {
 		}, `${e.id}:${t.id}`))
 	});
 }
-function S({ id: p, label: m, description: g, value: _, onChange: v, presets: S = h, disabled: C, getPresetDisabled: w, placeholder: T = b, showPlaceholder: E = !1, size: D, ariaLabel: O, className: k, triggerClassName: ee, popupClassName: te, placement: A = "bottom-start" }) {
-	let j = s(null), [M, N] = c(!1), P = S.findIndex((e) => e.id === _), F = P >= 0 ? S[P] : void 0, I = F ?? S[0], L = F?.label ?? T, { activeIndex: R, context: z, floatingStyles: B, getFloatingProps: V, setReference: H, setFloating: U, setOptionRef: W, close: G, openList: K, toggleOpen: q, selectOption: J, selectActiveOption: Y, handleReferenceKeyDown: X, handleFloatingKeyDown: Z, getOptionId: ne, getActiveOptionId: Q } = r({
+function S({ id: p, label: m, description: g, value: _, onChange: v, presets: S = h, disabled: C, getPresetDisabled: w, placeholder: T = b, showPlaceholder: E = !1, size: D, ariaLabel: O, className: k, triggerClassName: A, popupClassName: ee, placement: te = "bottom-start" }) {
+	let j = s(null), [M, N] = c(!1), P = S.findIndex((e) => e.id === _), F = P >= 0 ? S[P] : void 0, I = F?.label ?? T, { activeIndex: L, context: R, floatingStyles: z, getFloatingProps: B, setReference: V, setFloating: H, setOptionRef: U, close: W, openList: G, toggleOpen: K, selectOption: q, selectActiveOption: J, handleReferenceKeyDown: Y, handleFloatingKeyDown: X, getOptionId: Z, getActiveOptionId: Q } = r({
 		options: S,
 		selectedIndex: P,
 		open: M,
@@ -1035,21 +1031,21 @@ function S({ id: p, label: m, description: g, value: _, onChange: v, presets: S
 		getOptionDisabled: w,
 		onSelect: (e) => v(e.id),
 		disabled: C,
-		placement: A,
+		placement: te,
 		triggerMode: "display"
-	}), $ = o({
+	}), $ = a({
 		mode: "display",
 		open: M,
 		currentQuery: "",
 		hasDisplayValue: F !== void 0,
 		inputRef: j,
-		openList: K,
-		close: G,
-		toggleOpen: q
-	}), re = (e) => {
+		openList: G,
+		close: W,
+		toggleOpen: K
+	}), ne = (e) => {
 		j.current = e;
 	};
-	return /* @__PURE__ */ d(a, {
+	return /* @__PURE__ */ d(o, {
 		id: p,
 		label: m,
 		description: g,
@@ -1058,16 +1054,34 @@ function S({ id: p, label: m, description: g, value: _, onChange: v, presets: S
 		className: k,
 		children: ({ controlId: r, labelId: a, describedBy: o }) => {
 			let s = `${r}-listbox`;
-			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(t, {
-				ref: re,
-				rootRef: H,
+			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(i, {
+				ref: ne,
+				rootRef: V,
 				id: r,
 				type: "button",
 				disabled: C,
+				open: M,
+				optionCount: S.length,
+				label: m,
+				placeholder: T,
 				readOnly: !0,
 				autoComplete: "off",
 				role: "combobox",
-				value: L,
+				value: I,
+				selectedValue: F ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(x, {
+					preset: F,
+					compact: !0
+				}), E ? /* @__PURE__ */ d("span", {
+					className: y.triggerText,
+					"data-ui": "layout-picker-selected-label",
+					children: F.label
+				}) : null] }) : void 0,
+				hasSelection: F !== void 0,
+				showSelectedValue: F !== void 0,
+				onToggleMouseDown: $.handleToggleMouseDown,
+				onToggleClick: $.handleToggleClick,
+				openAriaLabel: "Открыть список layout",
+				closeAriaLabel: "Закрыть список layout",
 				"aria-haspopup": "listbox",
 				"aria-expanded": M,
 				"aria-controls": M ? s : void 0,
@@ -1075,78 +1089,62 @@ function S({ id: p, label: m, description: g, value: _, onChange: v, presets: S
 				"aria-describedby": o,
 				"aria-autocomplete": "none",
 				"aria-activedescendant": M ? Q(s) : void 0,
-				"aria-label": a ? void 0 : O ?? `Выбрать layout. Текущее значение: ${L}`,
+				"aria-label": a ? void 0 : O ?? `Выбрать layout. Текущее значение: ${I}`,
 				"data-ui": "layout-picker-trigger",
-				rootClassName: ee,
-				inputClassName: y.triggerInput,
-				overlay: /* @__PURE__ */ f("div", {
-					className: y.valueOverlay,
-					children: [I ? /* @__PURE__ */ d(x, {
-						preset: I,
-						compact: !0
-					}) : /* @__PURE__ */ d("span", { className: y.previewPlaceholder }), E ? /* @__PURE__ */ d("span", {
-						className: l(y.triggerText, e.uiPlaceholder),
-						"data-ui": "layout-picker-placeholder",
-						children: T
-					}) : null]
-				}),
-				endAdornment: /* @__PURE__ */ d(i, {
-					open: M,
-					disabled: C,
-					onToggleMouseDown: $.handleToggleMouseDown,
-					onToggleClick: $.handleToggleClick,
-					openAriaLabel: "Открыть список layout",
-					closeAriaLabel: "Закрыть список layout"
-				}),
+				rootClassName: A,
 				onClick: $.handleTriggerClick,
 				onFocus: (e) => {
 					$.handleTriggerFocus(e.currentTarget);
 				},
 				onKeyDown: (e) => {
-					X(e), !e.defaultPrevented && $.handleTriggerKeyDown({
+					Y(e), !e.defaultPrevented && $.handleTriggerKeyDown({
 						event: e,
-						onActivateWhenOpen: Y,
+						onActivateWhenOpen: J,
 						enableSpaceActivation: !0
 					});
 				}
 			}), /* @__PURE__ */ d(n, {
 				open: M,
-				context: z,
-				floatingStyles: B,
+				context: R,
+				floatingStyles: z,
 				listId: s,
 				labelId: a,
 				descriptionId: o,
 				activeOptionId: Q(s),
-				setFloating: U,
-				getFloatingProps: V,
-				onKeyDown: Z,
-				className: l(e.uiPopupOptions, y.popup, te),
+				setFloating: H,
+				getFloatingProps: B,
+				onKeyDown: X,
+				className: l(y.popup, ee),
 				layoutClassName: y.popupLayout,
 				bodyClassName: y.popupBody,
 				children: /* @__PURE__ */ d("div", {
 					className: y.options,
-					children: S.map((e, t) => {
-						let n = t === P, r = t === R, i = w?.(e) ?? !1, a = ne(s, t);
-						return /* @__PURE__ */ d("button", {
-							id: a,
-							ref: (e) => W(t, e),
-							type: "button",
+					children: S.map((n, r) => {
+						let i = r === P, a = r === L, o = w?.(n) ?? !1, c = Z(s, r);
+						return /* @__PURE__ */ d(t, {
+							id: c,
+							ref: (e) => U(r, e),
 							role: "option",
-							tabIndex: -1,
-							disabled: i,
-							"aria-selected": n,
-							"aria-disabled": i || void 0,
-							"aria-label": e.description ? `${e.label}. ${e.description}` : e.label,
-							className: l(y.option, n && y.optionSelected, r && y.optionActive),
+							"aria-selected": i,
+							"aria-disabled": o || void 0,
+							"aria-label": n.description ? `${n.label}. ${n.description}` : n.label,
+							className: y.option,
+							active: a,
+							selected: i,
+							disabled: o,
 							"data-ui": "layout-picker-option",
-							"data-selected": n || void 0,
-							onMouseDown: (e) => e.preventDefault(),
-							onClick: () => J(e),
-							children: /* @__PURE__ */ d("span", {
-								className: y.optionPreviewWrap,
-								children: /* @__PURE__ */ d(x, { preset: e })
+							"data-selected": i || void 0,
+							children: /* @__PURE__ */ d(e, {
+								tabIndex: -1,
+								disabled: o,
+								onMouseDown: (e) => e.preventDefault(),
+								onClick: () => q(n),
+								children: /* @__PURE__ */ d("span", {
+									className: y.optionPreviewWrap,
+									children: /* @__PURE__ */ d(x, { preset: n })
+								})
 							})
-						}, e.id);
+						}, n.id);
 					})
 				})
 			})] });