@epilot/zenith-react 0.2.0 → 0.2.2

package/dist/components/list/list-sortable.js

@@ -1,95 +1,109 @@
-import { jsx as s, jsxs as N } from "react/jsx-runtime";
-import * as o from "react";
-import { useSensors as A, useSensor as D, DndContext as R, closestCenter as j, DragOverlay as G, KeyboardSensor as K, PointerSensor as P } from "../../vendor/.bun/@dnd-kit_core@6.3.1_6f4b9a1cfb20c0ae/vendor/@dnd-kit/core/dist/core.esm.js";
-import { SortableContext as V, verticalListSortingStrategy as k, useSortable as q, arrayMove as B, sortableKeyboardCoordinates as M } from "../../vendor/.bun/@dnd-kit_sortable@10.0.0_1d291640e1250bbe/vendor/@dnd-kit/sortable/dist/sortable.esm.js";
-import { useListStyles as _, ListItem as z, listContext as F, ListRoot as H, ListItemBody as L, canonicalDomDensity as J } from "./list.js";
-const Q = o.forwardRef(
-  function(n, f) {
-    const i = o.useId();
-    process.env.NODE_ENV !== "production" && n.value === void 0 && console.warn(
+import { jsx as r, jsxs as B } from "react/jsx-runtime";
+import * as i from "react";
+import { useSensors as F, useSensor as O, DndContext as P, closestCenter as j, DragOverlay as G, KeyboardSensor as K, PointerSensor as T } from "../../vendor/.bun/@dnd-kit_core@6.3.1_6f4b9a1cfb20c0ae/vendor/@dnd-kit/core/dist/core.esm.js";
+import { SortableContext as _, verticalListSortingStrategy as k, useSortable as q, arrayMove as H, sortableKeyboardCoordinates as M } from "../../vendor/.bun/@dnd-kit_sortable@10.0.0_1d291640e1250bbe/vendor/@dnd-kit/sortable/dist/sortable.esm.js";
+import { useListStyles as z, ListItem as J, listContext as Q, ListRoot as U, ListItemBody as C, canonicalDomDensity as W } from "./list.js";
+const X = i.forwardRef(
+  function(e, a) {
+    const s = i.useId();
+    process.env.NODE_ENV !== "production" && e.value === void 0 && console.warn(
       "SortableList: a `ListItem` is missing a `value`. Give each item a unique `value` so it can be reordered — items without one are excluded from `onReorder`."
     );
     const {
-      attributes: r,
-      listeners: a,
-      setNodeRef: I,
-      setActivatorNodeRef: p,
-      isDragging: l,
-      isOver: d,
-      activeIndex: c,
-      overIndex: u
+      attributes: d,
+      listeners: u,
+      setNodeRef: y,
+      setActivatorNodeRef: g,
+      isDragging: v,
+      isOver: f,
+      activeIndex: m,
+      overIndex: n
     } = q({
-      id: n.value ?? i,
+      id: e.value ?? s,
       animateLayoutChanges: () => !1
-    }), e = d && !l && c !== -1 ? c < u ? "bottom" : "top" : null;
-    return /* @__PURE__ */ s(
-      L,
+    }), p = f && !v && m !== -1 ? m < n ? "bottom" : "top" : null;
+    return /* @__PURE__ */ r(
+      C,
       {
-        ref: f,
-        ...n,
-        setNodeRef: I,
-        setActivatorNodeRef: p,
-        isDragging: l,
-        dropEdge: e,
-        listeners: a,
-        attributes: r
+        ref: a,
+        ...e,
+        setNodeRef: y,
+        setActivatorNodeRef: g,
+        isDragging: v,
+        dropEdge: p,
+        listeners: u,
+        attributes: d
       }
     );
   }
-), Y = o.forwardRef(function({
-  striped: n = !1,
-  showIndex: f = !1,
-  onReorder: i,
-  density: r,
-  children: a,
-  ...I
-}, p) {
-  const l = _(), d = J(r), c = o.useId(), u = o.Children.toArray(a).filter(
-    o.isValidElement
-  ).filter((t) => t.type === z), e = u.map((t) => t.props.value).filter((t) => typeof t == "string"), [v, S] = o.useState(null), C = v ? e.indexOf(v) : -1, m = v != null ? u.find((t) => t.props.value === v) : void 0, O = A(
-    D(P, { activationConstraint: { distance: 3 } }),
+), L = { x: 0, y: 0 }, Y = (o) => {
+  const e = o.ownerDocument.createElement("div");
+  e.style.cssText = "position:fixed;top:0;left:0;width:0;height:0;visibility:hidden", o.after(e);
+  const { left: a, top: s } = e.getBoundingClientRect();
+  return e.remove(), { x: a, y: s };
+}, Z = (o) => ({ transform: e }) => ({
+  ...e,
+  x: e.x - o.x,
+  y: e.y - o.y
+}), oe = i.forwardRef(function({
+  striped: e = !1,
+  showIndex: a = !1,
+  onReorder: s,
+  density: d,
+  children: u,
+  ...y
+}, g) {
+  const v = z(), f = W(d), m = i.useId(), n = i.useRef(null);
+  i.useImperativeHandle(g, () => n.current, []);
+  const p = i.Children.toArray(u).filter(
+    i.isValidElement
+  ).filter((t) => t.type === J), l = p.map((t) => t.props.value).filter((t) => typeof t == "string"), [x, I] = i.useState(null), [E, w] = i.useState(L), N = x ? l.indexOf(x) : -1, c = x != null ? p.find((t) => t.props.value === x) : void 0, R = F(
+    O(T, { activationConstraint: { distance: 3 } }),
     // Without the sortable coordinate getter each arrow press moves a fixed 25px, not one row.
-    D(K, {
+    O(K, {
       coordinateGetter: M
     })
-  ), E = (t) => {
-    S(t.active.id);
-  }, w = (t) => {
-    S(null);
-    const { active: b, over: g } = t;
-    if (!g || b.id === g.id) return;
-    const x = e.indexOf(b.id), y = e.indexOf(g.id);
-    x === -1 || y === -1 || i == null || i(B(e, x, y));
+  ), V = (t) => {
+    I(t.active.id), w(
+      n.current ? Y(n.current) : L
+    );
+  }, A = (t) => {
+    I(null);
+    const { active: b, over: S } = t;
+    if (!S || b.id === S.id) return;
+    const h = l.indexOf(b.id), D = l.indexOf(S.id);
+    h === -1 || D === -1 || s == null || s(H(l, h, D));
   };
-  return /* @__PURE__ */ s(
-    F.Provider,
+  return /* @__PURE__ */ r(
+    Q.Provider,
     {
       value: {
-        striped: n,
-        showIndex: f,
+        striped: e,
+        showIndex: a,
         sortable: !0,
-        SortableItem: Q
+        SortableItem: X
       },
-      children: /* @__PURE__ */ N(
-        R,
+      children: /* @__PURE__ */ B(
+        P,
         {
-          id: c,
-          sensors: O,
+          id: m,
+          sensors: R,
           collisionDetection: j,
-          onDragStart: E,
-          onDragEnd: w,
-          onDragCancel: () => S(null),
+          onDragStart: V,
+          onDragEnd: A,
+          onDragCancel: () => I(null),
           children: [
-            /* @__PURE__ */ s(V, { items: e, strategy: k, children: /* @__PURE__ */ s(H, { ref: p, density: r, ...I, children: a }) }),
-            /* @__PURE__ */ s(G, { children: m ? /* @__PURE__ */ s(
-              L,
+            /* @__PURE__ */ r(_, { items: l, strategy: k, children: /* @__PURE__ */ r(U, { ref: n, density: d, ...y, children: u }) }),
+            /* @__PURE__ */ r(G, { modifiers: [Z(E)], children: c ? /* @__PURE__ */ r(
+              C,
               {
-                value: m.props.value,
-                status: m.props.status,
-                index: C,
-                className: l.dragOverlayItem,
-                ...d !== void 0 ? { "data-density": d } : {},
-                children: m.props.children
+                value: c.props.value,
+                textValue: c.props.textValue,
+                status: c.props.status,
+                index: N,
+                className: v.dragOverlayItem,
+                ...f !== void 0 ? { "data-density": f } : {},
+                children: c.props.children
               }
             ) : null })
           ]
@@ -99,6 +113,6 @@ const Q = o.forwardRef(
   );
 });
 export {
-  Y as SortableList
+  oe as SortableList
 };
 //# sourceMappingURL=list-sortable.js.map

package/dist/components/list/list-sortable.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-sortable.js","sources":["../../../src/components/list/list-sortable.tsx"],"sourcesContent":["import * as React from \"react\"\nimport {\n  DndContext,\n  DragOverlay,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n  type DragStartEvent,\n} from \"@dnd-kit/core\"\nimport {\n  SortableContext,\n  verticalListSortingStrategy,\n  arrayMove,\n  sortableKeyboardCoordinates,\n  useSortable,\n} from \"@dnd-kit/sortable\"\n\nimport {\n  listContext,\n  ListItem,\n  ListItemBody,\n  ListRoot,\n  canonicalDomDensity,\n  useListStyles,\n  type ListItemDragListeners,\n  type ListItemProps,\n  type ListProps,\n} from \"./list\"\n\n// ── SortableListItem ───────────────────────────────────────────────────────\n\nconst SortableListItem = React.forwardRef<HTMLLIElement, ListItemProps>(\n  function SortableListItem(props, ref) {\n    const fallbackId = React.useId()\n\n    if (process.env.NODE_ENV !== \"production\" && props.value === undefined) {\n      console.warn(\n        \"SortableList: a `ListItem` is missing a `value`. \" +\n          \"Give each item a unique `value` so it can be reordered — \" +\n          \"items without one are excluded from `onReorder`.\"\n      )\n    }\n\n    const {\n      attributes,\n      listeners,\n      setNodeRef,\n      setActivatorNodeRef,\n      isDragging,\n      isOver,\n      activeIndex,\n      overIndex,\n    } = useSortable({\n      id: props.value ?? fallbackId,\n      animateLayoutChanges: () => false,\n    })\n\n    const dropEdge: \"top\" | \"bottom\" | null =\n      isOver && !isDragging && activeIndex !== -1\n        ? activeIndex < overIndex\n          ? \"bottom\"\n          : \"top\"\n        : null\n\n    return (\n      <ListItemBody\n        ref={ref}\n        {...props}\n        setNodeRef={setNodeRef}\n        setActivatorNodeRef={setActivatorNodeRef}\n        isDragging={isDragging}\n        dropEdge={dropEdge}\n        listeners={listeners as ListItemDragListeners | undefined}\n        attributes={attributes}\n      />\n    )\n  }\n)\n\n// ── SortableList ───────────────────────────────────────────────────────────\n\nexport type SortableListProps = ListProps & {\n  /** Called with the new order of `ListItem` values after a drag. */\n  onReorder?: (values: string[]) => void\n}\n\nexport const SortableList = React.forwardRef<\n  HTMLOListElement,\n  SortableListProps\n>(function SortableList(\n  {\n    striped = false,\n    showIndex = false,\n    onReorder,\n    density,\n    children,\n    ...props\n  },\n  ref\n) {\n  const styles = useListStyles()\n  const domDensity = canonicalDomDensity(density)\n  // dnd-kit otherwise numbers its describedby/live-region ids from a module counter, which the\n  // server and the client advance separately, so the handles' aria-describedby failed hydration.\n  const dndId = React.useId()\n\n  const listItems = (\n    React.Children.toArray(children).filter(\n      React.isValidElement\n    ) as React.ReactElement<ListItemProps>[]\n  ).filter((child) => child.type === ListItem)\n  const values = listItems\n    .map((child) => child.props.value)\n    .filter((v): v is string => typeof v === \"string\")\n\n  const [activeId, setActiveId] = React.useState<string | null>(null)\n  const activeIndex = activeId ? values.indexOf(activeId) : -1\n  const activeItem =\n    activeId != null\n      ? listItems.find((child) => child.props.value === activeId)\n      : undefined\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 3 } }),\n    // Without the sortable coordinate getter each arrow press moves a fixed 25px, not one row.\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    })\n  )\n\n  const handleDragStart = (event: DragStartEvent) => {\n    setActiveId(event.active.id as string)\n  }\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    setActiveId(null)\n    const { active, over } = event\n    if (!over || active.id === over.id) return\n\n    const oldIndex = values.indexOf(active.id as string)\n    const newIndex = values.indexOf(over.id as string)\n    if (oldIndex === -1 || newIndex === -1) return\n\n    onReorder?.(arrayMove(values, oldIndex, newIndex))\n  }\n\n  return (\n    <listContext.Provider\n      value={{\n        striped,\n        showIndex,\n        sortable: true,\n        SortableItem: SortableListItem,\n      }}\n    >\n      <DndContext\n        id={dndId}\n        sensors={sensors}\n        collisionDetection={closestCenter}\n        onDragStart={handleDragStart}\n        onDragEnd={handleDragEnd}\n        onDragCancel={() => setActiveId(null)}\n      >\n        <SortableContext items={values} strategy={verticalListSortingStrategy}>\n          <ListRoot ref={ref} density={density} {...props}>\n            {children}\n          </ListRoot>\n        </SortableContext>\n        <DragOverlay>\n          {activeItem ? (\n            <ListItemBody\n              value={activeItem.props.value}\n              status={activeItem.props.status}\n              index={activeIndex}\n              className={styles.dragOverlayItem}\n              // Reasserted only for an EXPLICIT density: DragOverlay is an ordinary DOM sibling\n              // of the `<ol>`, not a portal (dnd-kit's `PositionedOverlay` renders in place —\n              // confirmed from the installed source), so an omitted/ambient density already\n              // reaches it correctly through the real DOM tree with no stamp at all.\n              {...(domDensity !== undefined\n                ? { \"data-density\": domDensity }\n                : {})}\n            >\n              {activeItem.props.children}\n            </ListItemBody>\n          ) : null}\n        </DragOverlay>\n      </DndContext>\n    </listContext.Provider>\n  )\n})\n"],"names":["SortableListItem","React","props","ref","fallbackId","attributes","listeners","setNodeRef","setActivatorNodeRef","isDragging","isOver","activeIndex","overIndex","useSortable","dropEdge","jsx","ListItemBody","SortableList","striped","showIndex","onReorder","density","children","styles","useListStyles","domDensity","canonicalDomDensity","dndId","listItems","child","ListItem","values","v","activeId","setActiveId","activeItem","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","handleDragStart","event","handleDragEnd","active","over","oldIndex","newIndex","arrayMove","listContext","jsxs","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","ListRoot","DragOverlay"],"mappings":"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"}
+{"version":3,"file":"list-sortable.js","sources":["../../../src/components/list/list-sortable.tsx"],"sourcesContent":["import * as React from \"react\"\nimport {\n  DndContext,\n  DragOverlay,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n  type DragStartEvent,\n  type Modifier,\n} from \"@dnd-kit/core\"\nimport {\n  SortableContext,\n  verticalListSortingStrategy,\n  arrayMove,\n  sortableKeyboardCoordinates,\n  useSortable,\n} from \"@dnd-kit/sortable\"\n\nimport {\n  listContext,\n  ListItem,\n  ListItemBody,\n  ListRoot,\n  canonicalDomDensity,\n  useListStyles,\n  type ListItemDragListeners,\n  type ListItemProps,\n  type ListProps,\n} from \"./list\"\n\n// ── SortableListItem ───────────────────────────────────────────────────────\n\nconst SortableListItem = React.forwardRef<HTMLLIElement, ListItemProps>(\n  function SortableListItem(props, ref) {\n    const fallbackId = React.useId()\n\n    if (process.env.NODE_ENV !== \"production\" && props.value === undefined) {\n      console.warn(\n        \"SortableList: a `ListItem` is missing a `value`. \" +\n          \"Give each item a unique `value` so it can be reordered — \" +\n          \"items without one are excluded from `onReorder`.\"\n      )\n    }\n\n    const {\n      attributes,\n      listeners,\n      setNodeRef,\n      setActivatorNodeRef,\n      isDragging,\n      isOver,\n      activeIndex,\n      overIndex,\n    } = useSortable({\n      id: props.value ?? fallbackId,\n      animateLayoutChanges: () => false,\n    })\n\n    const dropEdge: \"top\" | \"bottom\" | null =\n      isOver && !isDragging && activeIndex !== -1\n        ? activeIndex < overIndex\n          ? \"bottom\"\n          : \"top\"\n        : null\n\n    return (\n      <ListItemBody\n        ref={ref}\n        {...props}\n        setNodeRef={setNodeRef}\n        setActivatorNodeRef={setActivatorNodeRef}\n        isDragging={isDragging}\n        dropEdge={dropEdge}\n        listeners={listeners as ListItemDragListeners | undefined}\n        attributes={attributes}\n      />\n    )\n  }\n)\n\n// ── SortableList ───────────────────────────────────────────────────────────\n\ntype Offset = { x: number; y: number }\n\nconst NO_OFFSET: Offset = { x: 0, y: 0 }\n\n/**\n * Where a fixed-position box placed beside `node` lands, which a transformed ancestor such as a Popover moves off the viewport's origin.\n */\nconst getFixedPositionOrigin = (node: Element): Offset => {\n  const probe = node.ownerDocument.createElement(\"div\")\n  probe.style.cssText =\n    \"position:fixed;top:0;left:0;width:0;height:0;visibility:hidden\"\n  node.after(probe)\n  const { left, top } = probe.getBoundingClientRect()\n  probe.remove()\n  return { x: left, y: top }\n}\n\n/**\n * Moves the drag overlay back by `offset`.\n */\nconst shiftBy =\n  (offset: Offset): Modifier =>\n  ({ transform }) => ({\n    ...transform,\n    x: transform.x - offset.x,\n    y: transform.y - offset.y,\n  })\n\nexport type SortableListProps = ListProps & {\n  /** Called with the new order of `ListItem` values after a drag. */\n  onReorder?: (values: string[]) => void\n}\n\nexport const SortableList = React.forwardRef<\n  HTMLOListElement,\n  SortableListProps\n>(function SortableList(\n  {\n    striped = false,\n    showIndex = false,\n    onReorder,\n    density,\n    children,\n    ...props\n  },\n  ref\n) {\n  const styles = useListStyles()\n  const domDensity = canonicalDomDensity(density)\n  // dnd-kit otherwise numbers its describedby/live-region ids from a module counter, which the\n  // server and the client advance separately, so the handles' aria-describedby failed hydration.\n  const dndId = React.useId()\n  const listRef = React.useRef<HTMLOListElement>(null)\n  React.useImperativeHandle(ref, () => listRef.current as HTMLOListElement, [])\n\n  const listItems = (\n    React.Children.toArray(children).filter(\n      React.isValidElement\n    ) as React.ReactElement<ListItemProps>[]\n  ).filter((child) => child.type === ListItem)\n  const values = listItems\n    .map((child) => child.props.value)\n    .filter((v): v is string => typeof v === \"string\")\n\n  const [activeId, setActiveId] = React.useState<string | null>(null)\n  const [overlayOrigin, setOverlayOrigin] = React.useState(NO_OFFSET)\n  const activeIndex = activeId ? values.indexOf(activeId) : -1\n  const activeItem =\n    activeId != null\n      ? listItems.find((child) => child.props.value === activeId)\n      : undefined\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 3 } }),\n    // Without the sortable coordinate getter each arrow press moves a fixed 25px, not one row.\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    })\n  )\n\n  const handleDragStart = (event: DragStartEvent) => {\n    setActiveId(event.active.id as string)\n    setOverlayOrigin(\n      listRef.current ? getFixedPositionOrigin(listRef.current) : NO_OFFSET\n    )\n  }\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    setActiveId(null)\n    const { active, over } = event\n    if (!over || active.id === over.id) return\n\n    const oldIndex = values.indexOf(active.id as string)\n    const newIndex = values.indexOf(over.id as string)\n    if (oldIndex === -1 || newIndex === -1) return\n\n    onReorder?.(arrayMove(values, oldIndex, newIndex))\n  }\n\n  return (\n    <listContext.Provider\n      value={{\n        striped,\n        showIndex,\n        sortable: true,\n        SortableItem: SortableListItem,\n      }}\n    >\n      <DndContext\n        id={dndId}\n        sensors={sensors}\n        collisionDetection={closestCenter}\n        onDragStart={handleDragStart}\n        onDragEnd={handleDragEnd}\n        onDragCancel={() => setActiveId(null)}\n      >\n        <SortableContext items={values} strategy={verticalListSortingStrategy}>\n          <ListRoot ref={listRef} density={density} {...props}>\n            {children}\n          </ListRoot>\n        </SortableContext>\n        {/* The overlay stays beside the list so density and appearance reach it through the DOM;\n            under a transformed ancestor its fixed position starts from that ancestor, not the\n            viewport, so it is shifted back to stay under the pointer. */}\n        <DragOverlay modifiers={[shiftBy(overlayOrigin)]}>\n          {activeItem ? (\n            <ListItemBody\n              value={activeItem.props.value}\n              textValue={activeItem.props.textValue}\n              status={activeItem.props.status}\n              index={activeIndex}\n              className={styles.dragOverlayItem}\n              // Reasserted only for an EXPLICIT density: DragOverlay is an ordinary DOM sibling\n              // of the `<ol>`, not a portal (dnd-kit's `PositionedOverlay` renders in place —\n              // confirmed from the installed source), so an omitted/ambient density already\n              // reaches it correctly through the real DOM tree with no stamp at all.\n              {...(domDensity !== undefined\n                ? { \"data-density\": domDensity }\n                : {})}\n            >\n              {activeItem.props.children}\n            </ListItemBody>\n          ) : null}\n        </DragOverlay>\n      </DndContext>\n    </listContext.Provider>\n  )\n})\n"],"names":["SortableListItem","React","props","ref","fallbackId","attributes","listeners","setNodeRef","setActivatorNodeRef","isDragging","isOver","activeIndex","overIndex","useSortable","dropEdge","jsx","ListItemBody","NO_OFFSET","getFixedPositionOrigin","node","probe","left","top","shiftBy","offset","transform","SortableList","striped","showIndex","onReorder","density","children","styles","useListStyles","domDensity","canonicalDomDensity","dndId","listRef","listItems","child","ListItem","values","v","activeId","setActiveId","overlayOrigin","setOverlayOrigin","activeItem","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","handleDragStart","event","handleDragEnd","active","over","oldIndex","newIndex","arrayMove","listContext","jsxs","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","ListRoot","DragOverlay"],"mappings":"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"}