@mari-ui/components 0.0.0-stage → 0.1.0

package/dist/tree-select.js

@@ -0,0 +1,549 @@
+"use client";
+
+import {
+  CheckboxBox,
+  Indent,
+  Switcher,
+  Title,
+  buildIndex,
+  conductCheck,
+  flattenVisible,
+  getAncestorKeys,
+  getKeyAction,
+  getParentKeys,
+  isCheckEligible,
+  isExpandable,
+  nodeText,
+  searchTree,
+  toggleCheck
+} from "./chunk-QNOHFHVL.js";
+import "./chunk-NPM7IDYV.js";
+import "./chunk-XUKVQO6M.js";
+import {
+  Tag
+} from "./chunk-ZLPAXPDI.js";
+import {
+  ClearButton
+} from "./chunk-KSPM2Z3T.js";
+import {
+  FIELD_BASE_CLASS,
+  FIELD_DISABLED_CLASS,
+  FIELD_MOBILE_TEXT_CLASS,
+  getShapeClasses,
+  getVariantClasses
+} from "./chunk-DUCIAQGR.js";
+import {
+  useFieldControl
+} from "./chunk-LBQMEHK6.js";
+import {
+  useFloatingPosition
+} from "./chunk-3ABWBQCS.js";
+import "./chunk-NS7FKOFI.js";
+import {
+  elevationClass
+} from "./chunk-TCYDVNSU.js";
+import {
+  sizeClass,
+  touchTargetClass
+} from "./chunk-FFXRFQSU.js";
+import "./chunk-IP2J3BWY.js";
+import {
+  skeletonBoxProps
+} from "./chunk-54HHEXXD.js";
+
+// src/tree-select/TreeSelect.tsx
+import React2, { useId, useRef as useRef2 } from "react";
+import { ChevronDownIcon } from "lucide-react";
+import { cn as cn2 } from "@mari-ui/core";
+
+// src/tree-select/_components/TreeSelectPanel.tsx
+import { forwardRef } from "react";
+import { createPortal } from "react-dom";
+import { CheckIcon } from "lucide-react";
+import { cn } from "@mari-ui/core";
+
+// src/tree-select/utils.ts
+function valueToChecked(value, index, strict) {
+  if (strict) return { checked: value.filter((k) => index.has(k)), halfChecked: [] };
+  return conductCheck(value, index);
+}
+function applyStrategy(checked, index, strategy) {
+  if (strategy === "all") return [...checked];
+  const set = new Set(checked);
+  if (strategy === "parent") {
+    return checked.filter((k) => {
+      const parent = index.get(k)?.parentKey ?? null;
+      return parent === null || !set.has(parent);
+    });
+  }
+  return checked.filter((k) => (index.get(k)?.childKeys.length ?? 0) === 0);
+}
+function toggleCheckedValue(value, key, index, strategy, strict) {
+  const { checked } = valueToChecked(value, index, strict);
+  const isOn = checked.includes(key);
+  const next = toggleCheck(checked, key, !isOn, index, strict).checked;
+  return strict ? next : applyStrategy(next, index, strategy);
+}
+function removeValue(value, key, index, strategy, strict, checkable) {
+  if (!checkable || strict) return value.filter((k) => k !== key);
+  const { checked } = valueToChecked(value, index, strict);
+  return applyStrategy(toggleCheck(checked, key, false, index, strict).checked, index, strategy);
+}
+function initialExpanded(index, value, expandAll) {
+  if (expandAll) return getParentKeys(index);
+  const out = /* @__PURE__ */ new Set();
+  for (const key of value) getAncestorKeys(index, key).forEach((a) => out.add(a));
+  return [...out];
+}
+function isPickable(node, checkable) {
+  if (node.disabled) return false;
+  return checkable ? isCheckEligible(node) : node.selectable !== false;
+}
+
+// src/tree-select/_components/TreeSelectPanel.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var nodeDomId = (treeId, key) => `${treeId}-${encodeURIComponent(key).replace(/[^\w-]/g, "_")}`;
+function checkStateOf(state, key) {
+  if (state.isSelected(key)) return "checked";
+  return state.isHalf(key) ? "mixed" : "unchecked";
+}
+function Row({ entry, state, treeId, treeLine, titleRender }) {
+  const { node, level } = entry;
+  const key = node.key;
+  const expandable = state.canExpand(node);
+  const open = expandable && state.expanded.has(key);
+  const selected = state.isSelected(key);
+  const active = state.activeKey === key;
+  const pickable = isPickable(node, state.checkable);
+  const checkState = state.checkable && node.checkable !== false ? checkStateOf(state, key) : null;
+  const searchValue = state.searchResult ? state.search : void 0;
+  const loading = state.isLoading(key);
+  const dim = node.disabled || !pickable && !expandable;
+  let checked;
+  if (checkState) checked = checkState === "mixed" ? "mixed" : checkState === "checked";
+  return (
+    // Odak tetikleyicide (combobox) kalır; satır `aria-activedescendant` ile gösterilir (APG). Klavye combobox'ta.
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        id: nodeDomId(treeId, key),
+        role: "treeitem",
+        tabIndex: -1,
+        "aria-level": level,
+        "aria-posinset": entry.posinset,
+        "aria-setsize": entry.setsize,
+        "aria-expanded": expandable ? open : void 0,
+        "aria-selected": state.checkable ? void 0 : selected,
+        "aria-checked": checked,
+        "aria-disabled": node.disabled || void 0,
+        "aria-busy": loading || void 0,
+        onMouseMove: () => !active && state.setActiveKey(key),
+        onClick: () => {
+          if (pickable) state.pick(node);
+          else if (expandable) state.toggleExpand(key);
+        },
+        className: cn(
+          "flex min-h-8 cursor-pointer items-center rounded-md pr-2 text-mari-foreground pointer-coarse:min-h-11",
+          active && "bg-mari-surface-alt",
+          selected && !state.multiple && "bg-mari-primary-subtle font-medium",
+          dim && "cursor-not-allowed text-mari-muted"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Indent, { level, showLine: treeLine }),
+          /* @__PURE__ */ jsx(Switcher, { open, expandable, loading, skeleton: false, onToggle: () => state.toggleExpand(key) }),
+          checkState && /* @__PURE__ */ jsx(CheckboxBox, { state: checkState, disabled: !pickable, onClick: () => void 0 }),
+          node.icon && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "mr-1.5 flex shrink-0 items-center text-mari-muted [&_svg]:size-4", children: node.icon }),
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate leading-6", children: /* @__PURE__ */ jsx(Title, { node, searchValue, titleRender }) }),
+          state.mode === "multiple" && /* @__PURE__ */ jsx(CheckIcon, { size: 16, "aria-hidden": true, className: cn("ml-2 shrink-0 text-mari-primary", !selected && "invisible") })
+        ]
+      }
+    )
+  );
+}
+var TreeSelectPanel = forwardRef(function TreeSelectPanel2({ treeId, coords, state, notFoundContent, listHeight, treeLine, titleRender, labelledBy, label }, ref) {
+  if (typeof document === "undefined") return null;
+  return createPortal(
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- yalnız odak kaybını önler, etkileşim değil
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        onMouseDown: (e) => e.preventDefault(),
+        className: cn("fixed z-mari-dropdown max-w-[calc(100vw-1rem)] rounded-lg bg-mari-surface p-1 text-sm", elevationClass.md, !coords && "invisible"),
+        style: { top: coords?.top ?? 0, left: coords?.left ?? 0, minWidth: coords?.anchorWidth },
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              id: treeId,
+              role: "tree",
+              "aria-multiselectable": state.multiple || void 0,
+              "aria-labelledby": labelledBy,
+              "aria-label": labelledBy ? void 0 : label,
+              className: "overflow-y-auto overscroll-contain",
+              style: { maxHeight: listHeight },
+              children: state.visible.map((entry) => /* @__PURE__ */ jsx(Row, { entry, state, treeId, treeLine, titleRender }, entry.node.key))
+            }
+          ),
+          state.visible.length === 0 && /* @__PURE__ */ jsx("div", { role: "status", className: "px-2.5 py-2 text-mari-muted", children: notFoundContent })
+        ]
+      }
+    ),
+    document.body
+  );
+});
+
+// src/tree-select/useTreeSelectState.ts
+import { useEffect, useMemo, useRef, useState } from "react";
+import { useControllableState } from "@mari-ui/core";
+var toArray = (v) => {
+  if (v === void 0) return void 0;
+  if (v === null) return [];
+  return Array.isArray(v) ? v : [v];
+};
+function useTreeSelectState(props) {
+  const mode = props.mode;
+  const multiple = mode === "multiple" || mode === "checkable";
+  const checkable = mode === "checkable";
+  const multi = props;
+  const strategy = checkable && multi.showCheckedStrategy || "child";
+  const strict = checkable && !!multi.treeCheckStrictly;
+  const index = useMemo(() => buildIndex(props.treeData), [props.treeData]);
+  const [values, setValuesState] = useControllableState({ value: toArray(props.value), defaultValue: toArray(props.defaultValue) ?? [] });
+  const [open, setOpenState] = useControllableState({ value: props.open, defaultValue: false, onChange: props.onOpenChange });
+  const [initialExpand] = useState(() => initialExpanded(index, values, !!props.treeDefaultExpandAll));
+  const [expandedList, setExpandedList] = useControllableState({
+    value: props.treeExpandedKeys,
+    defaultValue: initialExpand,
+    onChange: props.onTreeExpand
+  });
+  const expandedRef = useRef(expandedList);
+  expandedRef.current = expandedList;
+  const [loadingKeys, setLoadingKeys] = useState(/* @__PURE__ */ new Set());
+  const lazy = Boolean(props.loadData);
+  const [search, setSearchState] = useState("");
+  const [activeKey, setActiveKey] = useState(null);
+  const checkInfo = useMemo(() => checkable ? valueToChecked(values, index, strict) : { checked: values, halfChecked: [] }, [checkable, values, index, strict]);
+  const checkedSet = useMemo(() => new Set(checkInfo.checked), [checkInfo]);
+  const halfSet = useMemo(() => new Set(checkInfo.halfChecked), [checkInfo]);
+  const valueSet = useMemo(() => new Set(values), [values]);
+  const searchResult = useMemo(() => props.showSearch && search ? searchTree(index, search) : null, [props.showSearch, search, index]);
+  const expanded = useMemo(() => {
+    const set = new Set(expandedList);
+    searchResult?.expand.forEach((k) => set.add(k));
+    return set;
+  }, [expandedList, searchResult]);
+  const visible = useMemo(() => flattenVisible(props.treeData, expanded, searchResult?.visible), [props.treeData, expanded, searchResult]);
+  useEffect(() => {
+    if (!open) return;
+    if (searchResult) {
+      const first = visible.find((v) => searchResult.matches.has(v.node.key));
+      setActiveKey(first?.node.key ?? null);
+    } else if (activeKey === null || !visible.some((v) => v.node.key === activeKey)) {
+      setActiveKey(visible[0]?.node.key ?? null);
+    }
+  }, [open, visible, searchResult]);
+  const nodesOf = (keys) => keys.map((k) => index.get(k)?.node).filter((n) => !!n);
+  const commit = (next) => {
+    setValuesState(next);
+    if (multiple) props.onChange?.(next, nodesOf(next));
+    else props.onChange?.(next[0] ?? null, nodesOf(next.slice(0, 1))[0] ?? null);
+  };
+  const setOpen = (next) => {
+    if (next === open) return;
+    setOpenState(next);
+    if (!next) setSearch("");
+  };
+  const setSearch = (text) => {
+    setSearchState(text);
+    props.onSearch?.(text);
+  };
+  const openAt = () => {
+    setOpen(true);
+    const selected = values.find((k) => visible.some((v) => v.node.key === k));
+    setActiveKey(selected ?? visible[0]?.node.key ?? null);
+  };
+  const pick = (node) => {
+    if (!isPickable(node, checkable)) return;
+    setActiveKey(node.key);
+    if (checkable) commit(toggleCheckedValue(values, node.key, index, strategy, strict));
+    else if (multiple) commit(valueSet.has(node.key) ? values.filter((k) => k !== node.key) : [...values, node.key]);
+    else {
+      commit([node.key]);
+      setOpen(false);
+    }
+    if (multiple && search) setSearch("");
+  };
+  const load = (node) => {
+    if (!props.loadData || node.children !== void 0 || node.isLeaf || loadingKeys.has(node.key)) return;
+    setLoadingKeys((prev) => new Set(prev).add(node.key));
+    props.loadData(node).catch(() => setExpandedList(expandedRef.current.filter((k) => k !== node.key))).finally(
+      () => setLoadingKeys((prev) => {
+        const next = new Set(prev);
+        next.delete(node.key);
+        return next;
+      })
+    );
+  };
+  const toggleExpand = (key, next) => {
+    const isOpen = expanded.has(key);
+    const want = next ?? !isOpen;
+    if (want === isOpen) return;
+    setExpandedList(want ? [...expandedList, key] : expandedList.filter((k) => k !== key));
+    const node = index.get(key)?.node;
+    if (want && node) load(node);
+  };
+  return {
+    index,
+    mode,
+    multiple,
+    checkable,
+    strategy,
+    open,
+    setOpen,
+    openAt,
+    search,
+    setSearch,
+    values,
+    /** Etiketler/tetikleyici için değerdeki düğümler (stratejiye göre). */
+    selectedNodes: nodesOf(checkable && !strict ? applyStrategy(checkInfo.checked, index, strategy) : values),
+    visible,
+    searchResult,
+    expanded,
+    toggleExpand,
+    expandMany: (keys) => {
+      setExpandedList([.../* @__PURE__ */ new Set([...expandedList, ...keys])]);
+      keys.forEach((k) => {
+        const node = index.get(k)?.node;
+        if (node) load(node);
+      });
+    },
+    activeKey,
+    setActiveKey,
+    canExpand: (node) => isExpandable(node, lazy),
+    isLoading: (key) => loadingKeys.has(key),
+    isSelected: (key) => checkable ? checkedSet.has(key) : valueSet.has(key),
+    isHalf: (key) => halfSet.has(key),
+    pick,
+    remove: (key) => commit(removeValue(values, key, index, strategy, strict, checkable)),
+    clear: () => commit([])
+  };
+}
+
+// src/tree-select/TreeSelect.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var GAP_PX = 4;
+var MULTI_HEIGHT_CLASS = { sm: "h-auto min-h-6 py-0.5", md: "h-auto min-h-8 py-1", lg: "h-auto min-h-10 py-1.5" };
+function confirm(state) {
+  if (!state.open) return state.openAt();
+  const entry = state.visible.find((v) => v.node.key === state.activeKey);
+  if (!entry) return;
+  if (isPickable(entry.node, state.checkable)) state.pick(entry.node);
+  else if (state.canExpand(entry.node)) state.toggleExpand(entry.node.key);
+}
+function navigate(e, state, searchable) {
+  const key = e.key;
+  const caretKeys = key === "Home" || key === "End" || key.length === 1;
+  if (searchable && caretKeys) return false;
+  if (state.activeKey === null) return false;
+  const action = getKeyAction(state.visible, state.activeKey, key, (k) => state.expanded.has(k), state.canExpand);
+  if (!action) return key.startsWith("Arrow");
+  if (action.type === "focus") state.setActiveKey(action.key);
+  else if (action.type === "expand") state.toggleExpand(action.key, true);
+  else if (action.type === "collapse") state.toggleExpand(action.key, false);
+  else state.expandMany(action.keys);
+  return true;
+}
+function handleKey(e, state, searchable) {
+  const { key } = e;
+  if (key === "Escape") {
+    if (state.open) {
+      e.preventDefault();
+      state.setOpen(false);
+    }
+    return;
+  }
+  if (key === "Tab") return state.setOpen(false);
+  if (key === "Enter" || key === " " && !searchable) {
+    e.preventDefault();
+    return confirm(state);
+  }
+  if (key === "Backspace") {
+    if (searchable && state.multiple && !state.search && state.values.length > 0) state.remove(state.selectedNodes.at(-1).key);
+    return;
+  }
+  if (!state.open) {
+    if (key === "ArrowDown" || key === "ArrowUp") {
+      e.preventDefault();
+      state.openAt();
+    }
+    return;
+  }
+  if (navigate(e, state, searchable)) e.preventDefault();
+}
+function Tags({ state, maxTagCount, disabled }) {
+  const nodes = state.selectedNodes;
+  const shown = maxTagCount === void 0 ? nodes : nodes.slice(0, maxTagCount);
+  const hidden = nodes.length - shown.length;
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    shown.map((node) => {
+      const text = nodeText(node);
+      return /* @__PURE__ */ jsx2(
+        Tag,
+        {
+          onClose: disabled || node.disabled ? void 0 : () => state.remove(node.key),
+          closeLabel: text ? `${text} se\xE7imini kald\u0131r` : "Se\xE7imi kald\u0131r",
+          className: "max-w-full",
+          children: node.title
+        },
+        node.key
+      );
+    }),
+    hidden > 0 && /* @__PURE__ */ jsxs2(Tag, { children: [
+      "+",
+      hidden
+    ] })
+  ] });
+}
+function TriggerControl({ controlRef, comboboxProps, state, searchable, placeholder }) {
+  const single = state.multiple ? void 0 : state.selectedNodes[0];
+  const hasValue = state.values.length > 0;
+  if (!searchable) {
+    return /* @__PURE__ */ jsx2("button", { ref: controlRef, type: "button", ...comboboxProps, className: cn2("min-w-0 flex-1 truncate text-left focus:outline-none", FIELD_MOBILE_TEXT_CLASS), children: single ? single.title : !hasValue && /* @__PURE__ */ jsx2("span", { className: "truncate text-mari-muted", children: placeholder }) });
+  }
+  return /* @__PURE__ */ jsxs2("span", { className: "relative flex min-w-[4ch] flex-1 items-center", children: [
+    !state.search && single && /* @__PURE__ */ jsx2("span", { "aria-hidden": true, className: "pointer-events-none absolute inset-x-0 truncate", children: single.title }),
+    /* @__PURE__ */ jsx2(
+      "input",
+      {
+        ref: controlRef,
+        ...comboboxProps,
+        type: "text",
+        "aria-autocomplete": "list",
+        autoComplete: "off",
+        placeholder: hasValue ? void 0 : placeholder,
+        value: state.search,
+        onChange: (e) => {
+          state.setSearch(e.target.value);
+          if (!state.open) state.setOpen(true);
+        },
+        className: cn2("w-full min-w-0 bg-transparent placeholder:text-mari-muted focus:outline-none disabled:cursor-not-allowed", FIELD_MOBILE_TEXT_CLASS)
+      }
+    )
+  ] });
+}
+function TreeSelect(outerProps) {
+  const props = useFieldControl(outerProps);
+  const {
+    placeholder = "Se\xE7in",
+    showSearch = false,
+    allowClear = false,
+    clearLabel = "Temizle",
+    notFoundContent = "Sonu\xE7 bulunamad\u0131",
+    disabled = false,
+    size = "md",
+    variant = "outline",
+    shape = "default",
+    color,
+    placement = "bottom-start",
+    listHeight = "16rem",
+    treeLine = false,
+    titleRender,
+    id,
+    name,
+    required,
+    className,
+    skeleton = false,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy
+  } = props;
+  const maxTagCount = props.mode ? props.maxTagCount : void 0;
+  const state = useTreeSelectState(props);
+  const { multiple, open, values } = state;
+  const anchorRef = useRef2(null);
+  const panelRef = useRef2(null);
+  const controlRef = useRef2(null);
+  const treeId = useId();
+  const coords = useFloatingPosition(open, anchorRef, panelRef, { placement, gap: GAP_PX });
+  React2.useEffect(() => {
+    if (open && state.activeKey !== null) document.getElementById(nodeDomId(treeId, state.activeKey))?.scrollIntoView?.({ block: "nearest" });
+  }, [open, state.activeKey, treeId]);
+  const geometry = cn2("flex w-full items-center gap-2", sizeClass[size], multiple && MULTI_HEIGHT_CLASS[size], getShapeClasses(shape, variant));
+  if (skeleton) return /* @__PURE__ */ jsx2("div", { ...skeletonBoxProps(cn2(geometry, className)) });
+  const hasValue = values.length > 0;
+  const comboboxProps = {
+    id,
+    role: "combobox",
+    "aria-expanded": open,
+    "aria-controls": open ? treeId : void 0,
+    "aria-haspopup": "tree",
+    "aria-activedescendant": open && state.activeKey !== null ? nodeDomId(treeId, state.activeKey) : void 0,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-required": required || void 0,
+    "aria-invalid": color === "error" || void 0,
+    disabled,
+    onKeyDown: (e) => handleKey(e, state, showSearch),
+    onBlur: (e) => {
+      if (!anchorRef.current?.contains(e.relatedTarget)) state.setOpen(false);
+    }
+  };
+  const handleBoxMouseDown = (e) => {
+    if (disabled || e.target.closest("button:not([role=combobox])")) return;
+    e.preventDefault();
+    controlRef.current?.focus();
+    if (open) state.setOpen(false);
+    else state.openAt();
+  };
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        ref: anchorRef,
+        onMouseDown: handleBoxMouseDown,
+        className: cn2(geometry, "group relative cursor-pointer", touchTargetClass[size], FIELD_BASE_CLASS, getVariantClasses(variant, color), disabled && FIELD_DISABLED_CLASS, className),
+        children: [
+          /* @__PURE__ */ jsxs2("div", { className: cn2("flex min-w-0 flex-1 items-center gap-1", multiple && "flex-wrap"), children: [
+            multiple && /* @__PURE__ */ jsx2(Tags, { state, maxTagCount, disabled }),
+            /* @__PURE__ */ jsx2(TriggerControl, { controlRef, comboboxProps, state, searchable: showSearch, placeholder })
+          ] }),
+          allowClear && /* @__PURE__ */ jsx2(
+            ClearButton,
+            {
+              visible: hasValue && !disabled,
+              label: clearLabel,
+              onClear: () => {
+                state.clear();
+                controlRef.current?.focus();
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx2("span", { "aria-hidden": true, className: "flex shrink-0 items-center text-mari-muted", children: /* @__PURE__ */ jsx2(ChevronDownIcon, { size: 16, className: cn2("transition-transform duration-150 motion-reduce:transition-none", open && "rotate-180") }) }),
+          name && (multiple ? values : values.slice(0, 1)).map((v) => /* @__PURE__ */ jsx2("input", { type: "hidden", name, value: v }, v))
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx2(
+      TreeSelectPanel,
+      {
+        ref: panelRef,
+        treeId,
+        coords,
+        state,
+        notFoundContent,
+        listHeight,
+        treeLine,
+        titleRender,
+        labelledBy: ariaLabelledBy,
+        label: ariaLabel ?? placeholder
+      }
+    )
+  ] });
+}
+export {
+  TreeSelect
+};
+//# sourceMappingURL=tree-select.js.map

package/dist/tree-select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tree-select/TreeSelect.tsx","../src/tree-select/_components/TreeSelectPanel.tsx","../src/tree-select/utils.ts","../src/tree-select/useTreeSelectState.ts"],"sourcesContent":["\"use client\";\n\nimport React, { useId, useRef } from \"react\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport { cn } from \"@mari-ui/core\";\nimport { ClearButton } from \"../input/_components/FieldAdornments\";\nimport { FIELD_BASE_CLASS, FIELD_DISABLED_CLASS, FIELD_MOBILE_TEXT_CLASS, getShapeClasses, getVariantClasses } from \"../input/utils\";\nimport { useFieldControl } from \"../lib/fieldContext\";\nimport { skeletonBoxProps } from \"../lib/skeleton\";\nimport { sizeClass, touchTargetClass } from \"../lib/sizeClasses\";\nimport { useFloatingPosition } from \"../lib/useFloatingPosition\";\nimport { Tag } from \"../tag\";\nimport { getKeyAction, nodeText } from \"../tree/utils\";\nimport { nodeDomId, TreeSelectPanel } from \"./_components/TreeSelectPanel\";\nimport type { TreeSelectMultipleProps, TreeSelectProps } from \"./types\";\nimport { useTreeSelectState, type TreeSelectState } from \"./useTreeSelectState\";\nimport { isPickable } from \"./utils\";\n\nexport type { TreeSelectProps };\n\nconst GAP_PX = 4;\nconst MULTI_HEIGHT_CLASS = { sm: \"h-auto min-h-6 py-0.5\", md: \"h-auto min-h-8 py-1\", lg: \"h-auto min-h-10 py-1.5\" } as const;\n\n/** Enter (ve aramasızken Boşluk): kapalıysa açar; açıksa aktif düğümü seçer/işaretler, seçilemiyorsa açar/kapatır. */\nfunction confirm(state: TreeSelectState) {\n  if (!state.open) return state.openAt();\n  const entry = state.visible.find((v) => v.node.key === state.activeKey);\n  if (!entry) return;\n  if (isPickable(entry.node, state.checkable)) state.pick(entry.node);\n  else if (state.canExpand(entry.node)) state.toggleExpand(entry.node.key);\n}\n\n/** Ağaç gezinmesi (APG tree tuşları), odak combobox'ta kalarak. `true` → tuş işlendi. */\nfunction navigate(e: React.KeyboardEvent, state: TreeSelectState, searchable: boolean): boolean {\n  const key = e.key;\n  const caretKeys = key === \"Home\" || key === \"End\" || key.length === 1;\n  // Arama kutusunda harfler/Home/End metne aittir.\n  if (searchable && caretKeys) return false;\n  if (state.activeKey === null) return false;\n  const action = getKeyAction(state.visible, state.activeKey, key, (k) => state.expanded.has(k), state.canExpand);\n  if (!action) return key.startsWith(\"Arrow\");\n  if (action.type === \"focus\") state.setActiveKey(action.key);\n  else if (action.type === \"expand\") state.toggleExpand(action.key, true);\n  else if (action.type === \"collapse\") state.toggleExpand(action.key, false);\n  else state.expandMany(action.keys);\n  return true;\n}\n\nfunction handleKey(e: React.KeyboardEvent, state: TreeSelectState, searchable: boolean) {\n  const { key } = e;\n  if (key === \"Escape\") {\n    if (state.open) {\n      e.preventDefault();\n      state.setOpen(false);\n    }\n    return;\n  }\n  if (key === \"Tab\") return state.setOpen(false);\n  if (key === \"Enter\" || (key === \" \" && !searchable)) {\n    e.preventDefault();\n    return confirm(state);\n  }\n  if (key === \"Backspace\") {\n    if (searchable && state.multiple && !state.search && state.values.length > 0) state.remove(state.selectedNodes.at(-1)!.key);\n    return;\n  }\n  if (!state.open) {\n    if (key === \"ArrowDown\" || key === \"ArrowUp\") {\n      e.preventDefault();\n      state.openAt();\n    }\n    return;\n  }\n  if (navigate(e, state, searchable)) e.preventDefault();\n}\n\nfunction Tags({ state, maxTagCount, disabled }: Readonly<{ state: TreeSelectState; maxTagCount?: number; disabled: boolean }>) {\n  const nodes = state.selectedNodes;\n  const shown = maxTagCount === undefined ? nodes : nodes.slice(0, maxTagCount);\n  const hidden = nodes.length - shown.length;\n  return (\n    <>\n      {shown.map((node) => {\n        const text = nodeText(node);\n        return (\n          <Tag\n            key={node.key}\n            onClose={disabled || node.disabled ? undefined : () => state.remove(node.key)}\n            closeLabel={text ? `${text} seçimini kaldır` : \"Seçimi kaldır\"}\n            className=\"max-w-full\"\n          >\n            {node.title}\n          </Tag>\n        );\n      })}\n      {hidden > 0 && <Tag>+{hidden}</Tag>}\n    </>\n  );\n}\n\ninterface TriggerControlProps {\n  controlRef: React.RefObject<HTMLButtonElement & HTMLInputElement | null>;\n  comboboxProps: Record<string, unknown>;\n  state: TreeSelectState;\n  searchable: boolean;\n  placeholder: string;\n}\n\n/** Aramalıda `<input role=\"combobox\">` (seçili değer yazana dek üstünde), aramasızda `<button role=\"combobox\">`. */\nfunction TriggerControl({ controlRef, comboboxProps, state, searchable, placeholder }: Readonly<TriggerControlProps>) {\n  const single = state.multiple ? undefined : state.selectedNodes[0];\n  const hasValue = state.values.length > 0;\n  if (!searchable) {\n    return (\n      <button ref={controlRef} type=\"button\" {...comboboxProps} className={cn(\"min-w-0 flex-1 truncate text-left focus:outline-none\", FIELD_MOBILE_TEXT_CLASS)}>\n        {single ? single.title : !hasValue && <span className=\"truncate text-mari-muted\">{placeholder}</span>}\n      </button>\n    );\n  }\n  return (\n    <span className=\"relative flex min-w-[4ch] flex-1 items-center\">\n      {!state.search && single && (\n        <span aria-hidden className=\"pointer-events-none absolute inset-x-0 truncate\">\n          {single.title}\n        </span>\n      )}\n      <input\n        ref={controlRef}\n        {...comboboxProps}\n        type=\"text\"\n        aria-autocomplete=\"list\"\n        autoComplete=\"off\"\n        placeholder={hasValue ? undefined : placeholder}\n        value={state.search}\n        onChange={(e) => {\n          state.setSearch(e.target.value);\n          if (!state.open) state.setOpen(true);\n        }}\n        className={cn(\"w-full min-w-0 bg-transparent placeholder:text-mari-muted focus:outline-none disabled:cursor-not-allowed\", FIELD_MOBILE_TEXT_CLASS)}\n      />\n    </span>\n  );\n}\n\n/**\n * Faz 16.4 — yapı ant.design TreeSelect'ten: Select'in tetikleyicisi (boyut,\n * varyant, etiketler, arama, temizle — birebir aynı görünüm) + açılır panelde\n * ağaç. Saf mantık Tree ile ortak (`tree/utils`: indeks, görünür düğümler,\n * işaret yayılımı, Türkçe arama, APG tuşları). Modlar: tekli, `multiple`,\n * `checkable` (onay kutuları + `showCheckedStrategy`).\n *\n * Erişilebilirlik (APG combobox + tree popup): tetikleyici `role=\"combobox\"`\n * `aria-haspopup=\"tree\"`; odak HİÇ panele geçmez, aktif düğüm\n * `aria-activedescendant`. ↑/↓ gezinir, → açar/ilk çocuğa iner, ← kapatır/\n * ebeveyne çıkar, Enter seçer (açılamayan düğümde dalı açar), Escape kapatır;\n * aramasızken Home/End, `*` ve harfle atlama.\n */\nexport function TreeSelect(outerProps: TreeSelectProps) {\n  const props = useFieldControl(outerProps) as TreeSelectProps;\n  const {\n    placeholder = \"Seçin\",\n    showSearch = false,\n    allowClear = false,\n    clearLabel = \"Temizle\",\n    notFoundContent = \"Sonuç bulunamadı\",\n    disabled = false,\n    size = \"md\",\n    variant = \"outline\",\n    shape = \"default\",\n    color,\n    placement = \"bottom-start\",\n    listHeight = \"16rem\",\n    treeLine = false,\n    titleRender,\n    id,\n    name,\n    required,\n    className,\n    skeleton = false,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n  } = props;\n  const maxTagCount = props.mode ? (props as TreeSelectMultipleProps).maxTagCount : undefined;\n\n  const state = useTreeSelectState(props);\n  const { multiple, open, values } = state;\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const controlRef = useRef<HTMLButtonElement & HTMLInputElement>(null);\n  const treeId = useId();\n  const coords = useFloatingPosition(open, anchorRef, panelRef, { placement, gap: GAP_PX });\n\n  React.useEffect(() => {\n    if (open && state.activeKey !== null) document.getElementById(nodeDomId(treeId, state.activeKey))?.scrollIntoView?.({ block: \"nearest\" });\n  }, [open, state.activeKey, treeId]);\n\n  const geometry = cn(\"flex w-full items-center gap-2\", sizeClass[size], multiple && MULTI_HEIGHT_CLASS[size], getShapeClasses(shape, variant));\n  if (skeleton) return <div {...skeletonBoxProps(cn(geometry, className))} />;\n\n  const hasValue = values.length > 0;\n\n  const comboboxProps = {\n    id,\n    role: \"combobox\" as const,\n    \"aria-expanded\": open,\n    \"aria-controls\": open ? treeId : undefined,\n    \"aria-haspopup\": \"tree\" as const,\n    \"aria-activedescendant\": open && state.activeKey !== null ? nodeDomId(treeId, state.activeKey) : undefined,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    \"aria-required\": required || undefined,\n    \"aria-invalid\": color === \"error\" || undefined,\n    disabled,\n    onKeyDown: (e: React.KeyboardEvent) => handleKey(e, state, showSearch),\n    onBlur: (e: React.FocusEvent) => {\n      if (!anchorRef.current?.contains(e.relatedTarget as Node | null)) state.setOpen(false);\n    },\n  };\n\n  const handleBoxMouseDown = (e: React.MouseEvent) => {\n    if (disabled || (e.target as HTMLElement).closest(\"button:not([role=combobox])\")) return;\n    e.preventDefault();\n    controlRef.current?.focus();\n    if (open) state.setOpen(false);\n    else state.openAt();\n  };\n\n  return (\n    <>\n      {/* Fare kısayolu; klavye kullanıcısı doğrudan combobox'a sekmeyle gelir. */}\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <div\n        ref={anchorRef}\n        onMouseDown={handleBoxMouseDown}\n        className={cn(geometry, \"group relative cursor-pointer\", touchTargetClass[size], FIELD_BASE_CLASS, getVariantClasses(variant, color), disabled && FIELD_DISABLED_CLASS, className)}\n      >\n        <div className={cn(\"flex min-w-0 flex-1 items-center gap-1\", multiple && \"flex-wrap\")}>\n          {multiple && <Tags state={state} maxTagCount={maxTagCount} disabled={disabled} />}\n          <TriggerControl controlRef={controlRef} comboboxProps={comboboxProps} state={state} searchable={showSearch} placeholder={placeholder} />\n        </div>\n\n        {allowClear && (\n          <ClearButton\n            visible={hasValue && !disabled}\n            label={clearLabel}\n            onClear={() => {\n              state.clear();\n              controlRef.current?.focus();\n            }}\n          />\n        )}\n        <span aria-hidden className=\"flex shrink-0 items-center text-mari-muted\">\n          <ChevronDownIcon size={16} className={cn(\"transition-transform duration-150 motion-reduce:transition-none\", open && \"rotate-180\")} />\n        </span>\n\n        {name && (multiple ? values : values.slice(0, 1)).map((v) => <input key={v} type=\"hidden\" name={name} value={v} />)}\n      </div>\n\n      {open && (\n        <TreeSelectPanel\n          ref={panelRef}\n          treeId={treeId}\n          coords={coords}\n          state={state}\n          notFoundContent={notFoundContent}\n          listHeight={listHeight}\n          treeLine={treeLine}\n          titleRender={titleRender}\n          labelledBy={ariaLabelledBy}\n          label={ariaLabel ?? placeholder}\n        />\n      )}\n    </>\n  );\n}\n","\"use client\";\n\nimport React, { forwardRef } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { CheckIcon } from \"lucide-react\";\nimport { cn } from \"@mari-ui/core\";\nimport { elevationClass } from \"../../lib/elevationClass\";\nimport type { FloatingCoords } from \"../../lib/useFloatingPosition\";\nimport { CheckboxBox, Indent, Switcher, Title, type CheckState } from \"../../tree/Tree\";\nimport type { VisibleNode } from \"../../tree/utils\";\nimport type { TreeSelectProps } from \"../types\";\nimport type { TreeSelectState } from \"../useTreeSelectState\";\nimport { isPickable } from \"../utils\";\n\ninterface TreeSelectPanelProps {\n  treeId: string;\n  coords: FloatingCoords | null;\n  state: TreeSelectState;\n  notFoundContent: React.ReactNode;\n  listHeight: string;\n  treeLine: boolean;\n  titleRender?: Exclude<TreeSelectProps[\"titleRender\"], undefined>;\n  labelledBy?: string;\n  label?: string;\n}\n\n/** `aria-activedescendant` için DOM id'si (anahtar her karakteri içerebilir). */\nexport const nodeDomId = (treeId: string, key: string) => `${treeId}-${encodeURIComponent(key).replace(/[^\\w-]/g, \"_\")}`;\n\nfunction checkStateOf(state: TreeSelectState, key: string): CheckState {\n  if (state.isSelected(key)) return \"checked\";\n  return state.isHalf(key) ? \"mixed\" : \"unchecked\";\n}\n\nfunction Row({ entry, state, treeId, treeLine, titleRender }: Readonly<{ entry: VisibleNode; state: TreeSelectState; treeId: string; treeLine: boolean; titleRender?: Exclude<TreeSelectProps[\"titleRender\"], undefined> }>) {\n  const { node, level } = entry;\n  const key = node.key;\n  const expandable = state.canExpand(node);\n  const open = expandable && state.expanded.has(key);\n  const selected = state.isSelected(key);\n  const active = state.activeKey === key;\n  const pickable = isPickable(node, state.checkable);\n  const checkState = state.checkable && node.checkable !== false ? checkStateOf(state, key) : null;\n  const searchValue = state.searchResult ? state.search : undefined;\n  const loading = state.isLoading(key);\n  const dim = node.disabled || (!pickable && !expandable);\n\n  let checked: boolean | \"mixed\" | undefined;\n  if (checkState) checked = checkState === \"mixed\" ? \"mixed\" : checkState === \"checked\";\n\n  return (\n    // Odak tetikleyicide (combobox) kalır; satır `aria-activedescendant` ile gösterilir (APG). Klavye combobox'ta.\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n    <div\n      id={nodeDomId(treeId, key)}\n      role=\"treeitem\"\n      tabIndex={-1}\n      aria-level={level}\n      aria-posinset={entry.posinset}\n      aria-setsize={entry.setsize}\n      aria-expanded={expandable ? open : undefined}\n      aria-selected={state.checkable ? undefined : selected}\n      aria-checked={checked}\n      aria-disabled={node.disabled || undefined}\n      aria-busy={loading || undefined}\n      onMouseMove={() => !active && state.setActiveKey(key)}\n      onClick={() => {\n        if (pickable) state.pick(node);\n        else if (expandable) state.toggleExpand(key);\n      }}\n      className={cn(\n        \"flex min-h-8 cursor-pointer items-center rounded-md pr-2 text-mari-foreground pointer-coarse:min-h-11\",\n        active && \"bg-mari-surface-alt\",\n        selected && !state.multiple && \"bg-mari-primary-subtle font-medium\",\n        dim && \"cursor-not-allowed text-mari-muted\"\n      )}\n    >\n      <Indent level={level} showLine={treeLine} />\n      <Switcher open={open} expandable={expandable} loading={loading} skeleton={false} onToggle={() => state.toggleExpand(key)} />\n      {checkState && <CheckboxBox state={checkState} disabled={!pickable} onClick={() => undefined} />}\n      {node.icon && (\n        <span aria-hidden className=\"mr-1.5 flex shrink-0 items-center text-mari-muted [&_svg]:size-4\">\n          {node.icon}\n        </span>\n      )}\n      <span className=\"min-w-0 flex-1 truncate leading-6\">\n        <Title node={node} searchValue={searchValue} titleRender={titleRender} />\n      </span>\n      {state.mode === \"multiple\" && <CheckIcon size={16} aria-hidden className={cn(\"ml-2 shrink-0 text-mari-primary\", !selected && \"invisible\")} />}\n    </div>\n  );\n}\n\n/**\n * Faz 16.4 — TreeSelect paneli: `document.body`'ye portal, konum\n * `useFloatingPosition` (Select ile ortak), genişlik en az tetikleyicininki.\n * Satır görünümü Tree'nin parçalarıyla (girinti, açma oku, onay kutusu, arama\n * vurgusu). Panelde `mousedown` engellenir — tıklamak combobox'un odağını\n * (dolayısıyla açık paneli) kaybettirmesin.\n */\nexport const TreeSelectPanel = forwardRef<HTMLDivElement, TreeSelectPanelProps>(function TreeSelectPanel(\n  { treeId, coords, state, notFoundContent, listHeight, treeLine, titleRender, labelledBy, label },\n  ref\n) {\n  if (typeof document === \"undefined\") return null;\n  return createPortal(\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- yalnız odak kaybını önler, etkileşim değil\n    <div\n      ref={ref}\n      onMouseDown={(e) => e.preventDefault()}\n      className={cn(\"fixed z-mari-dropdown max-w-[calc(100vw-1rem)] rounded-lg bg-mari-surface p-1 text-sm\", elevationClass.md, !coords && \"invisible\")}\n      style={{ top: coords?.top ?? 0, left: coords?.left ?? 0, minWidth: coords?.anchorWidth }}\n    >\n      <div\n        id={treeId}\n        role=\"tree\"\n        aria-multiselectable={state.multiple || undefined}\n        aria-labelledby={labelledBy}\n        aria-label={labelledBy ? undefined : label}\n        className=\"overflow-y-auto overscroll-contain\"\n        style={{ maxHeight: listHeight }}\n      >\n        {state.visible.map((entry) => (\n          <Row key={entry.node.key} entry={entry} state={state} treeId={treeId} treeLine={treeLine} titleRender={titleRender} />\n        ))}\n      </div>\n      {state.visible.length === 0 && (\n        <div role=\"status\" className=\"px-2.5 py-2 text-mari-muted\">\n          {notFoundContent}\n        </div>\n      )}\n    </div>,\n    document.body\n  );\n});\n","import type { TreeNode } from \"../tree/types\";\nimport { conductCheck, getAncestorKeys, getParentKeys, isCheckEligible, toggleCheck, type TreeIndex } from \"../tree/utils\";\nimport type { TreeSelectCheckedStrategy } from \"./types\";\n\n/**\n * Faz 16.4 — TreeSelect'in saf mantığı. İndeks, görünür düğümler, işaret\n * yayılımı ve arama Tree'den (`tree/utils`); burada yalnız TreeSelect'e özgü\n * olanlar: değer ↔ işaret dönüşümü (gösterim stratejisi), ilk açık dallar.\n */\n\n/** Değerdeki anahtarlar → tam işaret durumu (bir üst işaretliyse altları da). */\nexport function valueToChecked(value: readonly string[], index: TreeIndex, strict: boolean): { checked: string[]; halfChecked: string[] } {\n  if (strict) return { checked: value.filter((k) => index.has(k)), halfChecked: [] };\n  return conductCheck(value, index);\n}\n\n/**\n * Tam işaret durumu → değere yazılacak anahtarlar (`showCheckedStrategy`).\n * `parent`: işaretli ama ebeveyni işaretli olmayan düğümler (tam dal = tek anahtar).\n * `child`: işaretli yapraklar (çocuğu olmayanlar).\n */\nexport function applyStrategy(checked: readonly string[], index: TreeIndex, strategy: TreeSelectCheckedStrategy): string[] {\n  if (strategy === \"all\") return [...checked];\n  const set = new Set(checked);\n  if (strategy === \"parent\") {\n    return checked.filter((k) => {\n      const parent = index.get(k)?.parentKey ?? null;\n      return parent === null || !set.has(parent);\n    });\n  }\n  return checked.filter((k) => (index.get(k)?.childKeys.length ?? 0) === 0);\n}\n\n/** `checkable` modda bir düğümü işaretle/kaldır; yeni değer (stratejiye göre) döner. */\nexport function toggleCheckedValue(\n  value: readonly string[],\n  key: string,\n  index: TreeIndex,\n  strategy: TreeSelectCheckedStrategy,\n  strict: boolean\n): string[] {\n  const { checked } = valueToChecked(value, index, strict);\n  const isOn = checked.includes(key);\n  const next = toggleCheck(checked, key, !isOn, index, strict).checked;\n  return strict ? next : applyStrategy(next, index, strategy);\n}\n\n/** Etiketten bir değeri kaldır (`checkable`da altlarıyla birlikte işareti kalkar). */\nexport function removeValue(value: readonly string[], key: string, index: TreeIndex, strategy: TreeSelectCheckedStrategy, strict: boolean, checkable: boolean): string[] {\n  if (!checkable || strict) return value.filter((k) => k !== key);\n  const { checked } = valueToChecked(value, index, strict);\n  return applyStrategy(toggleCheck(checked, key, false, index, strict).checked, index, strategy);\n}\n\n/** Panel ilk açılışta: hepsi açık ya da seçili düğümlerin ataları (seçim görünsün). */\nexport function initialExpanded(index: TreeIndex, value: readonly string[], expandAll: boolean): string[] {\n  if (expandAll) return getParentKeys(index);\n  const out = new Set<string>();\n  for (const key of value) getAncestorKeys(index, key).forEach((a) => out.add(a));\n  return [...out];\n}\n\n/** Bir düğüm seçilebilir/işaretlenebilir mi (tetikleyicide etkileşim için). */\nexport function isPickable(node: TreeNode, checkable: boolean): boolean {\n  if (node.disabled) return false;\n  return checkable ? isCheckEligible(node) : node.selectable !== false;\n}\n\n","\"use client\";\n\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useControllableState } from \"@mari-ui/core\";\nimport type { TreeNode } from \"../tree/types\";\nimport { buildIndex, flattenVisible, isExpandable, searchTree } from \"../tree/utils\";\nimport type { TreeSelectMultipleProps, TreeSelectProps, TreeSelectSingleProps } from \"./types\";\nimport { applyStrategy, initialExpanded, isPickable, removeValue, toggleCheckedValue, valueToChecked } from \"./utils\";\n\nconst toArray = (v: string | string[] | null | undefined): string[] | undefined => {\n  if (v === undefined) return undefined;\n  if (v === null) return [];\n  return Array.isArray(v) ? v : [v];\n};\n\n/**\n * TreeSelect'in durumu: değer(ler), açık/kapalı, arama, açık dallar, aktif\n * (klavyeyle üzerinde durulan) düğüm ve bunları değiştiren eylemler. Tekli,\n * çoklu ve işaretli mod içeride aynı dizi.\n */\nexport function useTreeSelectState(props: TreeSelectProps) {\n  const mode = props.mode;\n  const multiple = mode === \"multiple\" || mode === \"checkable\";\n  const checkable = mode === \"checkable\";\n  const multi = props as TreeSelectMultipleProps;\n  const strategy = (checkable && multi.showCheckedStrategy) || \"child\";\n  const strict = checkable && !!multi.treeCheckStrictly;\n\n  const index = useMemo(() => buildIndex(props.treeData), [props.treeData]);\n  const [values, setValuesState] = useControllableState<string[]>({ value: toArray(props.value), defaultValue: toArray(props.defaultValue) ?? [] });\n  const [open, setOpenState] = useControllableState<boolean>({ value: props.open, defaultValue: false, onChange: props.onOpenChange });\n  const [initialExpand] = useState(() => initialExpanded(index, values, !!props.treeDefaultExpandAll));\n  const [expandedList, setExpandedList] = useControllableState<string[]>({\n    value: props.treeExpandedKeys,\n    defaultValue: initialExpand,\n    onChange: props.onTreeExpand,\n  });\n  const expandedRef = useRef(expandedList);\n  expandedRef.current = expandedList;\n  const [loadingKeys, setLoadingKeys] = useState<ReadonlySet<string>>(new Set());\n  const lazy = Boolean(props.loadData);\n  const [search, setSearchState] = useState(\"\");\n  const [activeKey, setActiveKey] = useState<string | null>(null);\n\n  const checkInfo = useMemo(() => (checkable ? valueToChecked(values, index, strict) : { checked: values, halfChecked: [] }), [checkable, values, index, strict]);\n  const checkedSet = useMemo(() => new Set(checkInfo.checked), [checkInfo]);\n  const halfSet = useMemo(() => new Set(checkInfo.halfChecked), [checkInfo]);\n  const valueSet = useMemo(() => new Set(values), [values]);\n\n  const searchResult = useMemo(() => (props.showSearch && search ? searchTree(index, search) : null), [props.showSearch, search, index]);\n  const expanded = useMemo(() => {\n    const set = new Set(expandedList);\n    searchResult?.expand.forEach((k) => set.add(k));\n    return set;\n  }, [expandedList, searchResult]);\n  const visible = useMemo(() => flattenVisible(props.treeData, expanded, searchResult?.visible), [props.treeData, expanded, searchResult]);\n\n  // Liste değişince aktif düğüm görünmez olduysa ilk görünür düğüme geç; aramada ilk eşleşmeye.\n  useEffect(() => {\n    if (!open) return;\n    if (searchResult) {\n      const first = visible.find((v) => searchResult.matches.has(v.node.key));\n      setActiveKey(first?.node.key ?? null);\n    } else if (activeKey === null || !visible.some((v) => v.node.key === activeKey)) {\n      setActiveKey(visible[0]?.node.key ?? null);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- görünür liste ya da arama değişince\n  }, [open, visible, searchResult]);\n\n  const nodesOf = (keys: string[]) => keys.map((k) => index.get(k)?.node).filter((n): n is TreeNode => !!n);\n\n  const commit = (next: string[]) => {\n    setValuesState(next);\n    if (multiple) (props.onChange as TreeSelectMultipleProps[\"onChange\"])?.(next, nodesOf(next));\n    else (props.onChange as TreeSelectSingleProps[\"onChange\"])?.(next[0] ?? null, nodesOf(next.slice(0, 1))[0] ?? null);\n  };\n\n  const setOpen = (next: boolean) => {\n    if (next === open) return;\n    setOpenState(next);\n    if (!next) setSearch(\"\");\n  };\n\n  const setSearch = (text: string) => {\n    setSearchState(text);\n    props.onSearch?.(text);\n  };\n\n  /** Açılış: aktif düğüm seçili olan (görünürse) ya da ilk düğüm. */\n  const openAt = () => {\n    setOpen(true);\n    const selected = values.find((k) => visible.some((v) => v.node.key === k));\n    setActiveKey(selected ?? visible[0]?.node.key ?? null);\n  };\n\n  const pick = (node: TreeNode) => {\n    if (!isPickable(node, checkable)) return;\n    setActiveKey(node.key);\n    if (checkable) commit(toggleCheckedValue(values, node.key, index, strategy, strict));\n    else if (multiple) commit(valueSet.has(node.key) ? values.filter((k) => k !== node.key) : [...values, node.key]);\n    else {\n      commit([node.key]);\n      setOpen(false);\n    }\n    if (multiple && search) setSearch(\"\");\n  };\n\n  /** Tembel dal: ilk açılışta `loadData`; hata olursa dal geri kapanır. */\n  const load = (node: TreeNode) => {\n    if (!props.loadData || node.children !== undefined || node.isLeaf || loadingKeys.has(node.key)) return;\n    setLoadingKeys((prev) => new Set(prev).add(node.key));\n    props\n      .loadData(node)\n      .catch(() => setExpandedList(expandedRef.current.filter((k) => k !== node.key)))\n      .finally(() =>\n        setLoadingKeys((prev) => {\n          const next = new Set(prev);\n          next.delete(node.key);\n          return next;\n        })\n      );\n  };\n\n  const toggleExpand = (key: string, next?: boolean) => {\n    const isOpen = expanded.has(key);\n    const want = next ?? !isOpen;\n    if (want === isOpen) return;\n    setExpandedList(want ? [...expandedList, key] : expandedList.filter((k) => k !== key));\n    const node = index.get(key)?.node;\n    if (want && node) load(node);\n  };\n\n  return {\n    index,\n    mode,\n    multiple,\n    checkable,\n    strategy,\n    open,\n    setOpen,\n    openAt,\n    search,\n    setSearch,\n    values,\n    /** Etiketler/tetikleyici için değerdeki düğümler (stratejiye göre). */\n    selectedNodes: nodesOf(checkable && !strict ? applyStrategy(checkInfo.checked, index, strategy) : values),\n    visible,\n    searchResult,\n    expanded,\n    toggleExpand,\n    expandMany: (keys: string[]) => {\n      setExpandedList([...new Set([...expandedList, ...keys])]);\n      keys.forEach((k) => {\n        const node = index.get(k)?.node;\n        if (node) load(node);\n      });\n    },\n    activeKey,\n    setActiveKey,\n    canExpand: (node: TreeNode) => isExpandable(node, lazy),\n    isLoading: (key: string) => loadingKeys.has(key),\n    isSelected: (key: string) => (checkable ? checkedSet.has(key) : valueSet.has(key)),\n    isHalf: (key: string) => halfSet.has(key),\n    pick,\n    remove: (key: string) => commit(removeValue(values, key, index, strategy, strict, checkable)),\n    clear: () => commit([]),\n  };\n}\n\nexport type TreeSelectState = ReturnType<typeof useTreeSelectState>;\n"],"mappings":"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","names":["React","useRef","cn","TreeSelectPanel","jsx","jsxs","cn","useRef","React"]}

package/dist/tree.d.ts

@@ -0,0 +1 @@
+export * from "./types/tree/index";