@mari-ui/components 0.0.0-stage → 0.1.0

package/dist/transfer.js

@@ -0,0 +1,423 @@
+"use client";
+
+import {
+  Checkbox
+} from "./chunk-RIBB5OJV.js";
+import {
+  Input
+} from "./chunk-P7Z5BREP.js";
+import {
+  SkeletonSlot
+} from "./chunk-DKENCYHA.js";
+import {
+  foldForSearch
+} from "./chunk-YZ7MDC6B.js";
+import "./chunk-KSPM2Z3T.js";
+import "./chunk-DUCIAQGR.js";
+import {
+  useFieldGroup,
+  useFieldSkeleton
+} from "./chunk-LBQMEHK6.js";
+import "./chunk-TCYDVNSU.js";
+import {
+  Button
+} from "./chunk-2IEXY3OZ.js";
+import "./chunk-FFXRFQSU.js";
+import {
+  borderStrongColorClass
+} from "./chunk-IP2J3BWY.js";
+import {
+  skeletonBoxProps
+} from "./chunk-54HHEXXD.js";
+
+// src/transfer/Transfer.tsx
+import { useState as useState2 } from "react";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { cn as cn2, useControllableState } from "@mari-ui/core";
+
+// src/transfer/_components/TransferList.tsx
+import { useEffect, useId, useRef, useState } from "react";
+import { SearchIcon, XIcon } from "lucide-react";
+import { cn } from "@mari-ui/core";
+
+// src/transfer/utils.ts
+function splitLists(dataSource, targetKeys) {
+  const byKey = new Map(dataSource.map((item) => [item.key, item]));
+  const target = new Set(targetKeys);
+  return {
+    left: dataSource.filter((item) => !target.has(item.key)),
+    right: targetKeys.map((key) => byKey.get(key)).filter((item) => item !== void 0)
+  };
+}
+function itemText(item) {
+  if (item.searchText !== void 0) return item.searchText;
+  return typeof item.title === "string" || typeof item.title === "number" ? String(item.title) : "";
+}
+function filterItems(items, query, direction, filterOption) {
+  const q = query.trim();
+  if (!q) return [...items];
+  if (filterOption) return items.filter((item) => filterOption(q, item, direction));
+  const folded = foldForSearch(q);
+  return items.filter((item) => foldForSearch(itemText(item)).includes(folded));
+}
+function moveKeys(dataSource, targetKeys, selected, direction) {
+  const disabled = new Set(dataSource.filter((i) => i.disabled).map((i) => i.key));
+  const target = new Set(targetKeys);
+  const chosen = new Set(selected);
+  if (direction === "right") {
+    const moved2 = dataSource.filter((i) => chosen.has(i.key) && !target.has(i.key) && !disabled.has(i.key)).map((i) => i.key);
+    return { targetKeys: [...targetKeys, ...moved2], moved: moved2 };
+  }
+  const moved = targetKeys.filter((k) => chosen.has(k) && !disabled.has(k));
+  const movedSet = new Set(moved);
+  return { targetKeys: targetKeys.filter((k) => !movedSet.has(k)), moved };
+}
+function selectAllState(visible, selected) {
+  const enabled = visible.filter((i) => !i.disabled);
+  const count = enabled.filter((i) => selected.has(i.key)).length;
+  return { checked: enabled.length > 0 && count === enabled.length, indeterminate: count > 0 && count < enabled.length };
+}
+function toggleAll(visible, selected, select) {
+  const keys = visible.filter((i) => !i.disabled).map((i) => i.key);
+  if (!select) {
+    const drop = new Set(keys);
+    return selected.filter((k) => !drop.has(k));
+  }
+  const next = new Set(selected);
+  keys.forEach((k) => next.add(k));
+  return [...next];
+}
+function rangeSelect(visible, selected, anchor, key, checked) {
+  const to = visible.findIndex((i) => i.key === key);
+  const from = anchor === null ? -1 : visible.findIndex((i) => i.key === anchor);
+  const span = from === -1 ? [visible[to]] : visible.slice(Math.min(from, to), Math.max(from, to) + 1);
+  const keys = span.filter((i) => !i.disabled).map((i) => i.key);
+  const next = new Set(selected);
+  keys.forEach((k) => checked ? next.add(k) : next.delete(k));
+  return [...next];
+}
+function countLabel(selected, total) {
+  return selected > 0 ? `${selected}/${total} \xF6\u011Fe` : `${total} \xF6\u011Fe`;
+}
+
+// src/transfer/_components/TransferList.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var plainTitle = (title, fallback) => typeof title === "string" ? title : fallback;
+function RowContent({ item, render }) {
+  if (render) return /* @__PURE__ */ jsx(Fragment, { children: render(item) });
+  return /* @__PURE__ */ jsx("span", { className: "block truncate", children: item.title });
+}
+function SkeletonRows({ count }) {
+  const widths = ["w-32", "w-24", "w-40", "w-28", "w-36"];
+  return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: count }, (_, i) => (
+    // Konumsal yer tutucular.
+    /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 px-3 py-2", children: [
+      /* @__PURE__ */ jsx("span", { ...skeletonBoxProps("size-4 shrink-0 rounded-sm") }),
+      /* @__PURE__ */ jsx("span", { ...skeletonBoxProps(cn("h-3.5 rounded-sm", widths[i % widths.length])) })
+    ] }, i)
+  )) });
+}
+function TransferList(props) {
+  const { direction, title, items, selected, onSelect, onRemove, showSearch, searchPlaceholder, filterOption, onSearch, render, showSelectAll, footer, notFoundContent, listHeight, disabled, color, skeleton } = props;
+  const titleId = useId();
+  const [query, setQuery] = useState("");
+  const visible = filterItems(items, query, direction, filterOption);
+  const selectedSet = new Set(selected);
+  const all = selectAllState(visible, selectedSet);
+  const anchor = useRef(null);
+  const shift = useRef(false);
+  const listRef = useRef(null);
+  const name = plainTitle(title, direction === "left" ? "Kaynak" : "Hedef");
+  const removable = onRemove !== void 0;
+  const [refocusIndex, setRefocusIndex] = useState(null);
+  useEffect(() => {
+    if (refocusIndex === null) return;
+    const buttons = listRef.current?.querySelectorAll("button");
+    const target = buttons?.[Math.min(refocusIndex, buttons.length - 1)];
+    (target ?? listRef.current)?.focus();
+    setRefocusIndex(null);
+  }, [refocusIndex]);
+  const toggleItem = (key, checked) => {
+    if (shift.current) onSelect(rangeSelect(visible, selected, anchor.current, key, checked));
+    else onSelect(checked ? [...selected, key] : selected.filter((k) => k !== key));
+    anchor.current = key;
+  };
+  const empty = query.trim() ? "Sonu\xE7 bulunamad\u0131" : notFoundContent;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "group",
+      "aria-labelledby": titleId,
+      className: cn(
+        "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border bg-mari-surface text-sm",
+        color ? borderStrongColorClass[color] : "border-mari-border",
+        // Bölümün tamamı soluklaştırılmaz (başlık/sayaç kontrastı düşerdi); kutular kendi devre dışı görünümünde.
+        disabled && "bg-mari-surface-alt"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative flex h-10 shrink-0 items-center gap-2 border-b border-mari-border px-3", children: [
+          !skeleton && showSelectAll && !removable && /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: all.checked,
+              indeterminate: all.indeterminate,
+              disabled: disabled || visible.every((i) => i.disabled),
+              label: /* @__PURE__ */ jsx("span", { className: "sr-only", children: `${name}: g\xF6r\xFCnen \xF6\u011Felerin t\xFCm\xFCn\xFC se\xE7` }),
+              onChange: (e) => onSelect(toggleAll(visible, selected, e.target.checked))
+            }
+          ),
+          !skeleton && /* @__PURE__ */ jsx("span", { className: "text-mari-muted tabular-nums", children: countLabel(removable ? 0 : selected.length, items.length) }),
+          !skeleton && removable && items.length > 0 && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              disabled,
+              onClick: () => {
+                onRemove(visible.filter((i) => !i.disabled).map((i) => i.key));
+                listRef.current?.focus();
+              },
+              className: "relative rounded-sm text-xs text-mari-primary outline-none pointer-coarse:before:absolute pointer-coarse:before:inset-x-0 pointer-coarse:before:-inset-y-3.5 hover:underline focus-visible:ring-2 focus-visible:ring-mari-ring disabled:cursor-not-allowed",
+              children: "T\xFCm\xFCn\xFC kald\u0131r"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { id: titleId, className: cn("ml-auto truncate font-medium text-mari-foreground", skeleton && "invisible"), children: title }),
+          skeleton && // Başlık yüksekliği sabit (h-10): yalnız çubuklar.
+          /* @__PURE__ */ jsxs("span", { "aria-hidden": true, className: "absolute inset-x-3 inset-y-0 flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { ...skeletonBoxProps("size-4 rounded-sm") }),
+            /* @__PURE__ */ jsx("span", { ...skeletonBoxProps("h-3.5 w-12 rounded-sm") }),
+            /* @__PURE__ */ jsx("span", { ...skeletonBoxProps("ml-auto h-3.5 w-20 rounded-sm") })
+          ] })
+        ] }),
+        showSearch && /* @__PURE__ */ jsx("div", { className: "shrink-0 border-b border-mari-border p-2", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            skeleton,
+            size: "sm",
+            "aria-label": `${name} listesinde ara`,
+            placeholder: searchPlaceholder,
+            icon: /* @__PURE__ */ jsx(SearchIcon, { "aria-hidden": true, size: 14 }),
+            allowClear: true,
+            disabled,
+            value: query,
+            onChange: (e) => {
+              setQuery(e.target.value);
+              onSearch?.(direction, e.target.value);
+            },
+            onClear: () => {
+              setQuery("");
+              onSearch?.(direction, "");
+            }
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          "ul",
+          {
+            ref: listRef,
+            tabIndex: disabled ? 0 : -1,
+            "aria-labelledby": titleId,
+            className: "shrink-0 overflow-y-auto py-1 outline-none focus-visible:ring-2 focus-visible:ring-mari-ring focus-visible:ring-inset",
+            style: { height: listHeight },
+            children: [
+              skeleton && /* @__PURE__ */ jsx(SkeletonRows, { count: Math.max(items.length, 5) }),
+              !skeleton && visible.length === 0 && /* @__PURE__ */ jsx("li", { className: "flex h-full items-center justify-center px-3 text-center text-mari-muted", children: empty }),
+              !skeleton && visible.map((item, index) => {
+                const isSelected = selectedSet.has(item.key);
+                if (removable) {
+                  return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 px-3 py-1.5 pointer-coarse:py-2.5 hover:bg-mari-surface-alt", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ jsx(RowContent, { item, render }),
+                      item.description && !render && /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-mari-muted", children: item.description })
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": `${itemText(item) || "\xD6\u011Feyi"} kald\u0131r`,
+                        disabled: disabled || item.disabled,
+                        onClick: () => {
+                          onRemove([item.key]);
+                          setRefocusIndex(index);
+                        },
+                        className: "relative grid size-6 shrink-0 place-items-center rounded-sm text-mari-muted outline-none hover:bg-mari-surface-alt hover:text-mari-foreground focus-visible:ring-2 focus-visible:ring-mari-ring disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:before:absolute pointer-coarse:before:-inset-2.5",
+                        children: /* @__PURE__ */ jsx(XIcon, { "aria-hidden": true, size: 14 })
+                      }
+                    )
+                  ] }, item.key);
+                }
+                return (
+                  // Shift durumunu değişiklik olayından önce yakala (change olayı shiftKey taşımaz).
+                  /* @__PURE__ */ jsx(
+                    "li",
+                    {
+                      onClickCapture: (e) => shift.current = e.shiftKey,
+                      onKeyDownCapture: (e) => shift.current = e.shiftKey,
+                      className: cn("flex", isSelected && "bg-mari-primary-subtle"),
+                      children: /* @__PURE__ */ jsx(
+                        Checkbox,
+                        {
+                          checked: isSelected,
+                          disabled: disabled || item.disabled,
+                          label: /* @__PURE__ */ jsx(RowContent, { item, render }),
+                          description: render ? void 0 : item.description,
+                          onChange: (e) => toggleItem(item.key, e.target.checked),
+                          classNames: {
+                            wrapper: cn("flex w-full min-w-0 px-3 py-1.5 pointer-coarse:py-3", !isSelected && !item.disabled && !disabled && "hover:bg-mari-surface-alt"),
+                            label: "min-w-0 flex-1"
+                          }
+                        }
+                      )
+                    },
+                    item.key
+                  )
+                );
+              })
+            ]
+          }
+        ),
+        footer && /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-mari-border p-2", children: /* @__PURE__ */ jsx(SkeletonSlot, { on: skeleton, placeholder: /* @__PURE__ */ jsx("span", { ...skeletonBoxProps("block h-full min-h-6 w-24 rounded-md") }), children: footer({ direction }) }) })
+      ]
+    }
+  );
+}
+
+// src/transfer/Transfer.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var EMPTY = [];
+function MoveButton({ direction, enabled, label, text, onMove, skeleton }) {
+  const Icon = direction === "right" ? ChevronRightIcon : ChevronLeftIcon;
+  return /* @__PURE__ */ jsx2(
+    Button,
+    {
+      size: "sm",
+      variant: enabled ? "solid" : "outline",
+      color: enabled ? "primary" : "neutral",
+      "aria-label": label,
+      "aria-disabled": !enabled,
+      skeleton,
+      onClick: () => enabled && onMove(),
+      icon: /* @__PURE__ */ jsx2(Icon, { "aria-hidden": true, size: 16, className: "max-sm:rotate-90" }),
+      className: cn2(!enabled && "cursor-not-allowed opacity-50"),
+      children: text
+    }
+  );
+}
+function Transfer(props) {
+  const field = useFieldGroup({ "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"], "aria-describedby": props["aria-describedby"], disabled: props.disabled });
+  const {
+    dataSource,
+    titles = ["Kaynak", "Hedef"],
+    operations,
+    showSearch = false,
+    searchPlaceholder = "Ara",
+    filterOption,
+    onSearch,
+    render,
+    oneWay = false,
+    showSelectAll = true,
+    footer,
+    notFoundContent = "\xD6\u011Fe yok",
+    listHeight = "14rem",
+    color,
+    className,
+    skeleton: ownSkeleton
+  } = props;
+  const disabled = !!field.disabled;
+  const skeleton = useFieldSkeleton(ownSkeleton);
+  const [targetKeys, setTargetKeys] = useControllableState({ value: props.targetKeys, defaultValue: props.defaultTargetKeys ?? EMPTY });
+  const [selectedKeys, setSelectedKeys] = useControllableState({ value: props.selectedKeys, defaultValue: props.defaultSelectedKeys ?? EMPTY });
+  const [announcement, setAnnouncement] = useState2("");
+  const { left, right } = splitLists(dataSource, targetKeys);
+  const leftKeys = new Set(left.map((i) => i.key));
+  const leftSelected = selectedKeys.filter((k) => leftKeys.has(k));
+  const rightSelected = selectedKeys.filter((k) => !leftKeys.has(k));
+  const disabledKeys = new Set(dataSource.filter((i) => i.disabled).map((i) => i.key));
+  const movable = (keys) => keys.some((k) => !disabledKeys.has(k));
+  const FALLBACK_TITLES = ["Kaynak", "Hedef"];
+  const titleText = (i) => {
+    const t = titles[i];
+    return typeof t === "string" ? t : FALLBACK_TITLES[i];
+  };
+  const updateSelected = (nextLeft, nextRight) => {
+    setSelectedKeys([...nextLeft, ...nextRight]);
+    props.onSelectChange?.(nextLeft, nextRight);
+  };
+  const move = (direction, keys) => {
+    const result = moveKeys(dataSource, targetKeys, keys, direction);
+    if (result.moved.length === 0) return;
+    setTargetKeys(result.targetKeys);
+    props.onChange?.(result.targetKeys, direction, result.moved);
+    const moved = new Set(result.moved);
+    updateSelected(
+      leftSelected.filter((k) => !moved.has(k)),
+      rightSelected.filter((k) => !moved.has(k))
+    );
+    const to = direction === "right" ? titleText(1) : titleText(0);
+    setAnnouncement(`${result.moved.length} \xF6\u011Fe ${to} listesine ta\u015F\u0131nd\u0131.`);
+  };
+  const listProps = { showSearch, searchPlaceholder, filterOption, onSearch, render, showSelectAll, footer, notFoundContent, listHeight, disabled, color, skeleton };
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      role: "group",
+      "aria-hidden": skeleton || void 0,
+      "aria-label": field["aria-label"],
+      "aria-labelledby": field["aria-labelledby"],
+      "aria-describedby": field["aria-describedby"],
+      className: cn2("flex w-full flex-col items-stretch gap-3 sm:flex-row sm:items-center", className),
+      children: [
+        /* @__PURE__ */ jsx2(
+          TransferList,
+          {
+            ...listProps,
+            direction: "left",
+            title: titles[0],
+            items: left,
+            selected: leftSelected,
+            onSelect: (keys) => updateSelected(keys, rightSelected)
+          }
+        ),
+        /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 justify-center gap-2 sm:flex-col", children: [
+          /* @__PURE__ */ jsx2(
+            MoveButton,
+            {
+              direction: "right",
+              enabled: !disabled && movable(leftSelected),
+              label: `Se\xE7ilenleri ${titleText(1)} listesine ta\u015F\u0131`,
+              text: operations?.[0],
+              onMove: () => move("right", leftSelected),
+              skeleton
+            }
+          ),
+          !oneWay && /* @__PURE__ */ jsx2(
+            MoveButton,
+            {
+              direction: "left",
+              enabled: !disabled && movable(rightSelected),
+              label: `Se\xE7ilenleri ${titleText(0)} listesine ta\u015F\u0131`,
+              text: operations?.[1],
+              onMove: () => move("left", rightSelected),
+              skeleton
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx2(
+          TransferList,
+          {
+            ...listProps,
+            direction: "right",
+            title: titles[1],
+            items: right,
+            selected: oneWay ? EMPTY : rightSelected,
+            onSelect: (keys) => updateSelected(leftSelected, keys),
+            onRemove: oneWay ? (keys) => move("left", keys) : void 0
+          }
+        ),
+        /* @__PURE__ */ jsx2("span", { role: "status", className: "sr-only", children: announcement })
+      ]
+    }
+  );
+}
+export {
+  Transfer
+};
+//# sourceMappingURL=transfer.js.map

package/dist/transfer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/transfer/Transfer.tsx","../src/transfer/_components/TransferList.tsx","../src/transfer/utils.ts"],"sourcesContent":["\"use client\";\n\nimport React, { useState } from \"react\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\nimport { cn, useControllableState } from \"@mari-ui/core\";\nimport { Button } from \"../button\";\nimport { useFieldGroup, useFieldSkeleton } from \"../lib/fieldContext\";\nimport { TransferList } from \"./_components/TransferList\";\nimport type { TransferDirection, TransferProps } from \"./types\";\nimport { moveKeys, splitLists } from \"./utils\";\n\nexport type { TransferProps };\n\nconst EMPTY: string[] = [];\n\ninterface MoveButtonProps {\n  direction: TransferDirection;\n  enabled: boolean;\n  label: string;\n  text?: string;\n  onMove: () => void;\n}\n\n/**\n * Seçim yokken `disabled` yerine `aria-disabled`: taşıdıktan sonra düğme\n * pasifleşince odak düğmede kalır (native disabled odağı body'ye düşürürdü).\n */\nfunction MoveButton({ direction, enabled, label, text, onMove, skeleton }: MoveButtonProps & { skeleton: boolean }) {\n  const Icon = direction === \"right\" ? ChevronRightIcon : ChevronLeftIcon;\n  return (\n    <Button\n      size=\"sm\"\n      variant={enabled ? \"solid\" : \"outline\"}\n      color={enabled ? \"primary\" : \"neutral\"}\n      aria-label={label}\n      aria-disabled={!enabled}\n      skeleton={skeleton}\n      onClick={() => enabled && onMove()}\n      // Dar ekranda listeler alt alta: oklar aşağı/yukarı döner. İkon `icon` prop'unda — children'a konunca\n      // Button'un `truncate` etiket span'ine düşüp metnin üstüne sarıyordu.\n      icon={<Icon aria-hidden size={16} className=\"max-sm:rotate-90\" />}\n      className={cn(!enabled && \"cursor-not-allowed opacity-50\")}\n    >\n      {text}\n    </Button>\n  );\n}\n\n/**\n * Faz 16.4 — yapı ant.design Transfer'den: iki liste (kaynak/hedef) arasında\n * işaretlenen öğeleri taşıma. Başlıkta tümünü seç + sayaç, isteğe bağlı arama\n * (Türkçe/aksansız), Shift ile aralık seçimi, `oneWay` (hedefte satır başına\n * \"kaldır\"), `render`/`footer`. Dar ekranda listeler alt alta.\n *\n * Erişilebilirlik: bileşen bir `group` (Field etiketi adıdır); her liste\n * başlığıyla adlandırılmış `section`, satırlar gerçek işaret kutuları. Taşıma\n * düğmelerinin adı eylemi söyler (\"Seçilenleri Hedef listesine taşı\"); taşıma\n * sonucu canlı bölgeden duyurulur.\n */\nexport function Transfer(props: Readonly<TransferProps>) {\n  const field = useFieldGroup({ \"aria-label\": props[\"aria-label\"], \"aria-labelledby\": props[\"aria-labelledby\"], \"aria-describedby\": props[\"aria-describedby\"], disabled: props.disabled });\n  const {\n    dataSource,\n    titles = [\"Kaynak\", \"Hedef\"],\n    operations,\n    showSearch = false,\n    searchPlaceholder = \"Ara\",\n    filterOption,\n    onSearch,\n    render,\n    oneWay = false,\n    showSelectAll = true,\n    footer,\n    notFoundContent = \"Öğe yok\",\n    listHeight = \"14rem\",\n    color,\n    className,\n    skeleton: ownSkeleton,\n  } = props;\n  const disabled = !!field.disabled;\n  const skeleton = useFieldSkeleton(ownSkeleton);\n  const [targetKeys, setTargetKeys] = useControllableState<string[]>({ value: props.targetKeys, defaultValue: props.defaultTargetKeys ?? EMPTY });\n  const [selectedKeys, setSelectedKeys] = useControllableState<string[]>({ value: props.selectedKeys, defaultValue: props.defaultSelectedKeys ?? EMPTY });\n  const [announcement, setAnnouncement] = useState(\"\");\n\n  const { left, right } = splitLists(dataSource, targetKeys);\n  const leftKeys = new Set(left.map((i) => i.key));\n  const leftSelected = selectedKeys.filter((k) => leftKeys.has(k));\n  const rightSelected = selectedKeys.filter((k) => !leftKeys.has(k));\n  const disabledKeys = new Set(dataSource.filter((i) => i.disabled).map((i) => i.key));\n  const movable = (keys: string[]) => keys.some((k) => !disabledKeys.has(k));\n  const FALLBACK_TITLES = [\"Kaynak\", \"Hedef\"] as const;\n  const titleText = (i: 0 | 1) => {\n    const t = titles[i];\n    return typeof t === \"string\" ? t : FALLBACK_TITLES[i];\n  };\n\n  const updateSelected = (nextLeft: string[], nextRight: string[]) => {\n    setSelectedKeys([...nextLeft, ...nextRight]);\n    props.onSelectChange?.(nextLeft, nextRight);\n  };\n\n  const move = (direction: TransferDirection, keys: string[]) => {\n    const result = moveKeys(dataSource, targetKeys, keys, direction);\n    if (result.moved.length === 0) return;\n    setTargetKeys(result.targetKeys);\n    props.onChange?.(result.targetKeys, direction, result.moved);\n    const moved = new Set(result.moved);\n    updateSelected(\n      leftSelected.filter((k) => !moved.has(k)),\n      rightSelected.filter((k) => !moved.has(k))\n    );\n    const to = direction === \"right\" ? titleText(1) : titleText(0);\n    setAnnouncement(`${result.moved.length} öğe ${to} listesine taşındı.`);\n  };\n\n  const listProps = { showSearch, searchPlaceholder, filterOption, onSearch, render, showSelectAll, footer, notFoundContent, listHeight, disabled, color, skeleton };\n\n  return (\n    <div\n      role=\"group\"\n      aria-hidden={skeleton || undefined}\n      aria-label={field[\"aria-label\"]}\n      aria-labelledby={field[\"aria-labelledby\"]}\n      aria-describedby={field[\"aria-describedby\"]}\n      className={cn(\"flex w-full flex-col items-stretch gap-3 sm:flex-row sm:items-center\", className)}\n    >\n      <TransferList\n        {...listProps}\n        direction=\"left\"\n        title={titles[0]}\n        items={left}\n        selected={leftSelected}\n        onSelect={(keys) => updateSelected(keys, rightSelected)}\n      />\n      <div className=\"flex shrink-0 justify-center gap-2 sm:flex-col\">\n        <MoveButton\n          direction=\"right\"\n          enabled={!disabled && movable(leftSelected)}\n          label={`Seçilenleri ${titleText(1)} listesine taşı`}\n          text={operations?.[0]}\n          onMove={() => move(\"right\", leftSelected)}\n          skeleton={skeleton}\n        />\n        {!oneWay && (\n          <MoveButton\n            direction=\"left\"\n            enabled={!disabled && movable(rightSelected)}\n            label={`Seçilenleri ${titleText(0)} listesine taşı`}\n            text={operations?.[1]}\n            onMove={() => move(\"left\", rightSelected)}\n            skeleton={skeleton}\n          />\n        )}\n      </div>\n      <TransferList\n        {...listProps}\n        direction=\"right\"\n        title={titles[1]}\n        items={right}\n        selected={oneWay ? EMPTY : rightSelected}\n        onSelect={(keys) => updateSelected(leftSelected, keys)}\n        onRemove={oneWay ? (keys) => move(\"left\", keys) : undefined}\n      />\n      <span role=\"status\" className=\"sr-only\">\n        {announcement}\n      </span>\n    </div>\n  );\n}\n","\"use client\";\n\nimport React, { useEffect, useId, useRef, useState } from \"react\";\nimport { SearchIcon, XIcon } from \"lucide-react\";\nimport { cn, type ColorRole } from \"@mari-ui/core\";\nimport { Checkbox } from \"../../checkbox\";\nimport { Input } from \"../../input\";\nimport { borderStrongColorClass } from \"../../lib/colorClasses\";\nimport { skeletonBoxProps } from \"../../lib/skeleton\";\nimport { SkeletonSlot } from \"../../lib/SkeletonSlot\";\nimport type { TransferDirection, TransferItem, TransferProps } from \"../types\";\nimport { countLabel, filterItems, itemText, rangeSelect, selectAllState, toggleAll } from \"../utils\";\n\nexport interface TransferListProps {\n  direction: TransferDirection;\n  title: React.ReactNode;\n  items: TransferItem[];\n  /** Bu listedeki seçili anahtarlar. */\n  selected: string[];\n  onSelect: (keys: string[]) => void;\n  /** oneWay hedef listesi: işaret kutusu yok, satırda \"kaldır\". */\n  onRemove?: (keys: string[]) => void;\n  showSearch: boolean;\n  searchPlaceholder: string;\n  filterOption: TransferProps[\"filterOption\"];\n  onSearch: TransferProps[\"onSearch\"];\n  render: TransferProps[\"render\"];\n  showSelectAll: boolean;\n  footer: TransferProps[\"footer\"];\n  notFoundContent: React.ReactNode;\n  listHeight: string;\n  disabled: boolean;\n  color?: ColorRole;\n  skeleton: boolean;\n}\n\nconst plainTitle = (title: React.ReactNode, fallback: string) => (typeof title === \"string\" ? title : fallback);\n\nfunction RowContent({ item, render }: Readonly<{ item: TransferItem; render: TransferProps[\"render\"] }>) {\n  if (render) return <>{render(item)}</>;\n  return <span className=\"block truncate\">{item.title}</span>;\n}\n\n/** Liste gövdesi iskeleti: kutu + değişken uzunlukta satır (gövde yüksekliği `listHeight` ile sabit). */\nfunction SkeletonRows({ count }: Readonly<{ count: number }>) {\n  const widths = [\"w-32\", \"w-24\", \"w-40\", \"w-28\", \"w-36\"];\n  return (\n    <>\n      {Array.from({ length: count }, (_, i) => (\n        // Konumsal yer tutucular.\n        <li key={i} className=\"flex items-center gap-2 px-3 py-2\">\n          <span {...skeletonBoxProps(\"size-4 shrink-0 rounded-sm\")} />\n          <span {...skeletonBoxProps(cn(\"h-3.5 rounded-sm\", widths[i % widths.length]))} />\n        </li>\n      ))}\n    </>\n  );\n}\n\n/**\n * Tek liste: başlık (tümünü seç + sayaç + ad), isteğe bağlı arama, satırlar,\n * alt bilgi. Liste bir `section`, adı başlık; satırlar gerçek işaret kutuları\n * (Tab ile tek tek, Boşluk ile seçilir; Shift ile aralık seçimi).\n */\nexport function TransferList(props: Readonly<TransferListProps>) {\n  const { direction, title, items, selected, onSelect, onRemove, showSearch, searchPlaceholder, filterOption, onSearch, render, showSelectAll, footer, notFoundContent, listHeight, disabled, color, skeleton } = props;\n  const titleId = useId();\n  const [query, setQuery] = useState(\"\");\n  const visible = filterItems(items, query, direction, filterOption);\n  const selectedSet = new Set(selected);\n  const all = selectAllState(visible, selectedSet);\n  const anchor = useRef<string | null>(null);\n  const shift = useRef(false);\n  const listRef = useRef<HTMLUListElement>(null);\n  const name = plainTitle(title, direction === \"left\" ? \"Kaynak\" : \"Hedef\");\n  const removable = onRemove !== undefined;\n\n  // oneWay'de satır kaldırılınca odak bir sonraki satırın \"kaldır\"ına (yoksa listeye) geçer — DOM'dan kalkan düğmeyle body'ye düşmesin.\n  const [refocusIndex, setRefocusIndex] = useState<number | null>(null);\n  useEffect(() => {\n    if (refocusIndex === null) return;\n    const buttons = listRef.current?.querySelectorAll<HTMLButtonElement>(\"button\");\n    const target = buttons?.[Math.min(refocusIndex, buttons.length - 1)];\n    (target ?? listRef.current)?.focus();\n    setRefocusIndex(null);\n  }, [refocusIndex]);\n\n  const toggleItem = (key: string, checked: boolean) => {\n    if (shift.current) onSelect(rangeSelect(visible, selected, anchor.current, key, checked));\n    else onSelect(checked ? [...selected, key] : selected.filter((k) => k !== key));\n    anchor.current = key;\n  };\n\n  const empty = query.trim() ? \"Sonuç bulunamadı\" : notFoundContent;\n\n  return (\n    <div\n      role=\"group\"\n      aria-labelledby={titleId}\n      className={cn(\n        \"flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border bg-mari-surface text-sm\",\n        color ? borderStrongColorClass[color] : \"border-mari-border\",\n        // Bölümün tamamı soluklaştırılmaz (başlık/sayaç kontrastı düşerdi); kutular kendi devre dışı görünümünde.\n        disabled && \"bg-mari-surface-alt\"\n      )}\n    >\n      <div className=\"relative flex h-10 shrink-0 items-center gap-2 border-b border-mari-border px-3\">\n        {!skeleton && showSelectAll && !removable && (\n          <Checkbox\n            checked={all.checked}\n            indeterminate={all.indeterminate}\n            disabled={disabled || visible.every((i) => i.disabled)}\n            label={<span className=\"sr-only\">{`${name}: görünen öğelerin tümünü seç`}</span>}\n            onChange={(e) => onSelect(toggleAll(visible, selected, e.target.checked))}\n          />\n        )}\n        {!skeleton && <span className=\"text-mari-muted tabular-nums\">{countLabel(removable ? 0 : selected.length, items.length)}</span>}\n        {!skeleton && removable && items.length > 0 && (\n          <button\n            type=\"button\"\n            disabled={disabled}\n            onClick={() => {\n              onRemove(visible.filter((i) => !i.disabled).map((i) => i.key));\n              listRef.current?.focus();\n            }}\n            className=\"relative rounded-sm text-xs text-mari-primary outline-none pointer-coarse:before:absolute pointer-coarse:before:inset-x-0 pointer-coarse:before:-inset-y-3.5 hover:underline focus-visible:ring-2 focus-visible:ring-mari-ring disabled:cursor-not-allowed\"\n          >\n            Tümünü kaldır\n          </button>\n        )}\n        <span id={titleId} className={cn(\"ml-auto truncate font-medium text-mari-foreground\", skeleton && \"invisible\")}>\n          {title}\n        </span>\n        {skeleton && (\n          // Başlık yüksekliği sabit (h-10): yalnız çubuklar.\n          <span aria-hidden className=\"absolute inset-x-3 inset-y-0 flex items-center gap-2\">\n            <span {...skeletonBoxProps(\"size-4 rounded-sm\")} />\n            <span {...skeletonBoxProps(\"h-3.5 w-12 rounded-sm\")} />\n            <span {...skeletonBoxProps(\"ml-auto h-3.5 w-20 rounded-sm\")} />\n          </span>\n        )}\n      </div>\n\n      {showSearch && (\n        <div className=\"shrink-0 border-b border-mari-border p-2\">\n          <Input\n            skeleton={skeleton}\n            size=\"sm\"\n            aria-label={`${name} listesinde ara`}\n            placeholder={searchPlaceholder}\n            icon={<SearchIcon aria-hidden size={14} />}\n            allowClear\n            disabled={disabled}\n            value={query}\n            onChange={(e) => {\n              setQuery(e.target.value);\n              onSearch?.(direction, e.target.value);\n            }}\n            onClear={() => {\n              setQuery(\"\");\n              onSearch?.(direction, \"\");\n            }}\n          />\n        </div>\n      )}\n\n      <ul\n        ref={listRef}\n        // Programatik odak hedefi (kaldırma sonrası). Devre dışıyken içinde odaklanacak öğe kalmaz → liste kendisi\n        // sekme durağı olur ki klavyeyle kaydırılabilsin.\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- kaydırılabilir bölge (axe scrollable-region-focusable)\n        tabIndex={disabled ? 0 : -1}\n        aria-labelledby={titleId}\n        className=\"shrink-0 overflow-y-auto py-1 outline-none focus-visible:ring-2 focus-visible:ring-mari-ring focus-visible:ring-inset\"\n        style={{ height: listHeight }}\n      >\n        {skeleton && <SkeletonRows count={Math.max(items.length, 5)} />}\n        {!skeleton && visible.length === 0 && <li className=\"flex h-full items-center justify-center px-3 text-center text-mari-muted\">{empty}</li>}\n        {!skeleton && visible.map((item, index) => {\n          const isSelected = selectedSet.has(item.key);\n          if (removable) {\n            return (\n              <li key={item.key} className=\"flex items-center gap-2 px-3 py-1.5 pointer-coarse:py-2.5 hover:bg-mari-surface-alt\">\n                <div className=\"min-w-0 flex-1\">\n                  <RowContent item={item} render={render} />\n                  {item.description && !render && <span className=\"block truncate text-xs text-mari-muted\">{item.description}</span>}\n                </div>\n                <button\n                  type=\"button\"\n                  aria-label={`${itemText(item) || \"Öğeyi\"} kaldır`}\n                  disabled={disabled || item.disabled}\n                  onClick={() => {\n                    onRemove([item.key]);\n                    setRefocusIndex(index);\n                  }}\n                  className=\"relative grid size-6 shrink-0 place-items-center rounded-sm text-mari-muted outline-none hover:bg-mari-surface-alt hover:text-mari-foreground focus-visible:ring-2 focus-visible:ring-mari-ring disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:before:absolute pointer-coarse:before:-inset-2.5\"\n                >\n                  <XIcon aria-hidden size={14} />\n                </button>\n              </li>\n            );\n          }\n          return (\n            // Shift durumunu değişiklik olayından önce yakala (change olayı shiftKey taşımaz).\n            <li\n              key={item.key}\n              onClickCapture={(e) => (shift.current = e.shiftKey)}\n              onKeyDownCapture={(e) => (shift.current = e.shiftKey)}\n              className={cn(\"flex\", isSelected && \"bg-mari-primary-subtle\")}\n            >\n              <Checkbox\n                checked={isSelected}\n                disabled={disabled || item.disabled}\n                label={<RowContent item={item} render={render} />}\n                description={render ? undefined : item.description}\n                onChange={(e) => toggleItem(item.key, e.target.checked)}\n                classNames={{\n                  wrapper: cn(\"flex w-full min-w-0 px-3 py-1.5 pointer-coarse:py-3\", !isSelected && !item.disabled && !disabled && \"hover:bg-mari-surface-alt\"),\n                  label: \"min-w-0 flex-1\",\n                }}\n              />\n            </li>\n          );\n        })}\n      </ul>\n\n      {footer && (\n        <div className=\"shrink-0 border-t border-mari-border p-2\">\n          <SkeletonSlot on={skeleton} placeholder={<span {...skeletonBoxProps(\"block h-full min-h-6 w-24 rounded-md\")} />}>\n            {footer({ direction })}\n          </SkeletonSlot>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { foldForSearch } from \"../autocomplete/utils\";\nimport type { TransferDirection, TransferItem } from \"./types\";\n\n/**\n * Faz 16.4 — Transfer'in saf mantığı (bileşenden bağımsız test edilir).\n */\n\n/** Sol: hedefte olmayanlar (dataSource sırası). Sağ: hedef anahtarlarının sırası (dataSource'ta olmayan anahtar düşer). */\nexport function splitLists(dataSource: readonly TransferItem[], targetKeys: readonly string[]) {\n  const byKey = new Map(dataSource.map((item) => [item.key, item]));\n  const target = new Set(targetKeys);\n  return {\n    left: dataSource.filter((item) => !target.has(item.key)),\n    right: targetKeys.map((key) => byKey.get(key)).filter((item): item is TransferItem => item !== undefined),\n  };\n}\n\nexport function itemText(item: TransferItem): string {\n  if (item.searchText !== undefined) return item.searchText;\n  return typeof item.title === \"string\" || typeof item.title === \"number\" ? String(item.title) : \"\";\n}\n\nexport function filterItems(\n  items: readonly TransferItem[],\n  query: string,\n  direction: TransferDirection,\n  filterOption?: (input: string, item: TransferItem, direction: TransferDirection) => boolean\n): TransferItem[] {\n  const q = query.trim();\n  if (!q) return [...items];\n  if (filterOption) return items.filter((item) => filterOption(q, item, direction));\n  const folded = foldForSearch(q);\n  return items.filter((item) => foldForSearch(itemText(item)).includes(folded));\n}\n\n/**\n * Taşıma: sağa → seçilenler hedefin SONUNA eklenir (sıraları kaynaktaki gibi);\n * sola → hedeften çıkar. Devre dışı öğe taşınmaz.\n */\nexport function moveKeys(\n  dataSource: readonly TransferItem[],\n  targetKeys: readonly string[],\n  selected: readonly string[],\n  direction: TransferDirection\n): { targetKeys: string[]; moved: string[] } {\n  const disabled = new Set(dataSource.filter((i) => i.disabled).map((i) => i.key));\n  const target = new Set(targetKeys);\n  const chosen = new Set(selected);\n  if (direction === \"right\") {\n    const moved = dataSource.filter((i) => chosen.has(i.key) && !target.has(i.key) && !disabled.has(i.key)).map((i) => i.key);\n    return { targetKeys: [...targetKeys, ...moved], moved };\n  }\n  const moved = targetKeys.filter((k) => chosen.has(k) && !disabled.has(k));\n  const movedSet = new Set(moved);\n  return { targetKeys: targetKeys.filter((k) => !movedSet.has(k)), moved };\n}\n\n/** Başlıktaki \"tümünü seç\" kutusunun durumu — yalnız görünen (süzülmüş) ve etkin öğelere göre. */\nexport function selectAllState(visible: readonly TransferItem[], selected: ReadonlySet<string>): { checked: boolean; indeterminate: boolean } {\n  const enabled = visible.filter((i) => !i.disabled);\n  const count = enabled.filter((i) => selected.has(i.key)).length;\n  return { checked: enabled.length > 0 && count === enabled.length, indeterminate: count > 0 && count < enabled.length };\n}\n\n/** Tümünü seç/kaldır: görünen etkin öğeler eklenir ya da çıkarılır; aramada gizli kalan seçimler korunur. */\nexport function toggleAll(visible: readonly TransferItem[], selected: readonly string[], select: boolean): string[] {\n  const keys = visible.filter((i) => !i.disabled).map((i) => i.key);\n  if (!select) {\n    const drop = new Set(keys);\n    return selected.filter((k) => !drop.has(k));\n  }\n  const next = new Set(selected);\n  keys.forEach((k) => next.add(k));\n  return [...next];\n}\n\n/**\n * Shift+tıklama: son tıklanan (`anchor`) ile `key` arasındaki etkin öğeleri\n * `checked` durumuna getirir. Anchor görünmüyorsa yalnız `key`.\n */\nexport function rangeSelect(\n  visible: readonly TransferItem[],\n  selected: readonly string[],\n  anchor: string | null,\n  key: string,\n  checked: boolean\n): string[] {\n  const to = visible.findIndex((i) => i.key === key);\n  const from = anchor === null ? -1 : visible.findIndex((i) => i.key === anchor);\n  const span = from === -1 ? [visible[to]!] : visible.slice(Math.min(from, to), Math.max(from, to) + 1);\n  const keys = span.filter((i) => !i.disabled).map((i) => i.key);\n  const next = new Set(selected);\n  keys.forEach((k) => (checked ? next.add(k) : next.delete(k)));\n  return [...next];\n}\n\n/** Başlıktaki sayaç: \"3/12 öğe\" ya da \"12 öğe\". */\nexport function countLabel(selected: number, total: number): string {\n  return selected > 0 ? `${selected}/${total} öğe` : `${total} öğe`;\n}\n"],"mappings":"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","names":["useState","cn","moved","jsx","jsxs","cn","useState"]}

package/dist/tree-select.d.ts

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