@layers-app/shared 0.4.9 → 0.4.10

package/dist/components/MusicPlayerBar/MusicPlayerBar.module.css.js

@@ -1,49 +1,49 @@
-const o = "_bar_10qoi_1", e = "_waveformClip_10qoi_63", t = "_waveform_10qoi_63", i = "_tailRail_10qoi_101", _ = "_tail_10qoi_101", n = "_tailSpacer_10qoi_133", s = "_hoverActions_10qoi_161", c = "_stem_10qoi_223", p = "_stemActive_10qoi_237", r = "_stemInactive_10qoi_247", a = "_playBtn_10qoi_257", l = "_timer_10qoi_267", v = "_speedTrigger_10qoi_277", m = "_speedChip_10qoi_311", d = "_speedChipActive_10qoi_351", q = "_speedLabel_10qoi_367", w = "_volumeDropdown_10qoi_379", h = "_volumePopoverDropdown_10qoi_395", A = "_volumeSlider_10qoi_403", u = "_speedDropdown_10qoi_449", C = "_hoverActionItem_10qoi_489", D = "_actionIconBtn_10qoi_515", I = {
-  bar: o,
-  waveformClip: e,
+const e = "_bar_1a17p_1", o = "_waveformClip_1a17p_57", t = "_waveform_1a17p_57", _ = "_tailRail_1a17p_95", p = "_tail_1a17p_95", a = "_tailSpacer_1a17p_127", n = "_hoverActions_1a17p_155", s = "_stem_1a17p_217", i = "_stemActive_1a17p_231", c = "_stemInactive_1a17p_241", r = "_playBtn_1a17p_251", l = "_timer_1a17p_261", v = "_speedTrigger_1a17p_271", m = "_speedChip_1a17p_305", d = "_speedChipActive_1a17p_345", w = "_speedLabel_1a17p_361", h = "_volumeDropdown_1a17p_373", A = "_volumePopoverDropdown_1a17p_389", u = "_volumeSlider_1a17p_397", C = "_speedDropdown_1a17p_443", D = "_hoverActionItem_1a17p_483", I = "_actionIconBtn_1a17p_509", f = {
+  bar: e,
+  waveformClip: o,
   waveform: t,
-  tailRail: i,
-  tail: _,
-  tailSpacer: n,
-  hoverActions: s,
-  stem: c,
-  stemActive: p,
-  stemInactive: r,
-  playBtn: a,
+  tailRail: _,
+  tail: p,
+  tailSpacer: a,
+  hoverActions: n,
+  stem: s,
+  stemActive: i,
+  stemInactive: c,
+  playBtn: r,
   timer: l,
   speedTrigger: v,
   speedChip: m,
   speedChipActive: d,
-  speedLabel: q,
-  volumeDropdown: w,
-  volumePopoverDropdown: h,
-  volumeSlider: A,
-  speedDropdown: u,
-  hoverActionItem: C,
-  actionIconBtn: D
+  speedLabel: w,
+  volumeDropdown: h,
+  volumePopoverDropdown: A,
+  volumeSlider: u,
+  speedDropdown: C,
+  hoverActionItem: D,
+  actionIconBtn: I
 };
 export {
-  D as actionIconBtn,
-  o as bar,
-  I as default,
-  C as hoverActionItem,
-  s as hoverActions,
-  a as playBtn,
+  I as actionIconBtn,
+  e as bar,
+  f as default,
+  D as hoverActionItem,
+  n as hoverActions,
+  r as playBtn,
   m as speedChip,
   d as speedChipActive,
-  u as speedDropdown,
-  q as speedLabel,
+  C as speedDropdown,
+  w as speedLabel,
   v as speedTrigger,
-  c as stem,
-  p as stemActive,
-  r as stemInactive,
-  _ as tail,
-  i as tailRail,
-  n as tailSpacer,
+  s as stem,
+  i as stemActive,
+  c as stemInactive,
+  p as tail,
+  _ as tailRail,
+  a as tailSpacer,
   l as timer,
-  w as volumeDropdown,
-  h as volumePopoverDropdown,
-  A as volumeSlider,
+  h as volumeDropdown,
+  A as volumePopoverDropdown,
+  u as volumeSlider,
   t as waveform,
-  e as waveformClip
+  o as waveformClip
 };

package/dist/components/NavMenu/NavMenu.d.ts

@@ -1,12 +1,13 @@
 import { PropsWithChildren, ReactNode } from 'react';
 import { BoxProps } from '@mantine/core';
 import { NavMenuStore, createNavMenuStore } from './store';
-import { ExpandNavMenuItemDef, NavMenuItemDef, NavMenuOnLoadMore, NavMenuOrderChange } from './types';
+import { ExpandNavMenuItemDef, NavMenuCanDrop, NavMenuItemDef, NavMenuOnLoadMore, NavMenuOrderChange } from './types';
 export type NavMenuProps = {
     items: NavMenuItemDef[];
     loading?: boolean;
     onLoadMore?: NavMenuOnLoadMore;
     onOrderChange?: NavMenuOrderChange;
+    canDrop?: NavMenuCanDrop;
     noItemsPlaceholder?: ReactNode;
     totalCount?: number;
     flatOrderChange?: boolean;
@@ -21,7 +22,7 @@ export type NavMenuProps = {
 } & Partial<NavMenuStore['props']> & {
     store?: ReturnType<typeof createNavMenuStore>;
 };
-export declare const NavMenu: (({ items, loading, onLoadMore, noItemsPlaceholder, onOrderChange, onEdit, onToggle, onClick, store: _store, totalCount, flatOrderChange, canUserDragDrop, canDragDropItem, animateReorder, }: NavMenuProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const NavMenu: (({ items, loading, onLoadMore, noItemsPlaceholder, onOrderChange, onEdit, onToggle, onClick, store: _store, totalCount, flatOrderChange, canUserDragDrop, canDragDropItem, canDrop, animateReorder, }: NavMenuProps) => import("react/jsx-runtime").JSX.Element) & {
     Item: import("react").MemoExoticComponent<({ item, ignoreDepth, disableToggleOnClick }: {
         item: ExpandNavMenuItemDef;
         ignoreDepth?: boolean;

package/dist/components/NavMenu/NavMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavMenu.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/NavMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,SAAS,EAIV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,QAAQ,EAAyB,MAAM,eAAe,CAAC;AAQhE,OAAO,EAAmB,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,OAAO,CAAC;IAC1D;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,GAAG;IACjC,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;CAC/C,CAAC;AAiMJ,eAAO,MAAM,OAAO,iMAhLjB,YAAY;;;;;;;;;;0CAmK8B,iBAAiB,CAAC,QAAQ,CAAC;CAkBtE,CAAC"}
+{"version":3,"file":"NavMenu.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/NavMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,SAAS,EAIV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,QAAQ,EAAyB,MAAM,eAAe,CAAC;AAQhE,OAAO,EAAmB,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,OAAO,CAAC;IAC1D;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,GAAG;IACjC,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;CAC/C,CAAC;AAsMJ,eAAO,MAAM,OAAO,0MApLjB,YAAY;;;;;;;;;;0CAuK8B,iBAAiB,CAAC,QAAQ,CAAC;CAkBtE,CAAC"}

package/dist/components/NavMenu/NavMenu.js

@@ -1,15 +1,15 @@
-import { jsxs as P, jsx as r } from "react/jsx-runtime";
-import { useMemo as x, useLayoutEffect as E, useRef as R } from "react";
-import { Stack as w, Skeleton as l, Text as z } from "@mantine/core";
-import { motion as $ } from "framer-motion";
-import { DnDItem as q } from "./components/DnDItem.js";
-import { DnDProvider as B } from "./components/DnDProvider.js";
-import { NavMenuActionIcon as F } from "./components/NavMenuActionIcon.js";
+import { jsxs as E, jsx as r } from "react/jsx-runtime";
+import { useMemo as x, useLayoutEffect as R, useRef as w } from "react";
+import { Stack as z, Skeleton as l, Text as $ } from "@mantine/core";
+import { motion as q } from "framer-motion";
+import { DnDItem as B } from "./components/DnDItem.js";
+import { DnDProvider as F } from "./components/DnDProvider.js";
+import { NavMenuActionIcon as G } from "./components/NavMenuActionIcon.js";
 import { NavMenuItem as s, NavMenuLoadMore as D } from "./components/NavMenuItem.js";
-import { NavMenuLabel as G } from "./components/NavMenuLabel.js";
-import { createNavMenuStore as H, NavMenuProvider as L } from "./store.js";
+import { NavMenuLabel as H } from "./components/NavMenuLabel.js";
+import { createNavMenuStore as J, NavMenuProvider as L } from "./store.js";
 import T from "./NavMenu.module.css.js";
-const J = ({
+const K = ({
   items: o,
   loading: c,
   onLoadMore: i,
@@ -23,17 +23,18 @@ const J = ({
   flatOrderChange: k,
   canUserDragDrop: y = !0,
   canDragDropItem: M,
-  animateReorder: A
+  canDrop: A,
+  animateReorder: O
 }) => {
-  const n = x(() => I ?? H(), [I]), h = n.useStore((e) => e.opened), u = x(() => {
+  const n = x(() => I ?? J(), [I]), h = n.useStore((e) => e.opened), u = x(() => {
     const e = [], d = (a, C) => {
-      for (const [O, p] of a.entries()) {
+      for (const [P, p] of a.entries()) {
         const t = {
           ...p,
           depth: C.parentDepth + 1,
           parentChildrenCount: C.parentChildrenCount,
           parentTotalChildren: C.parentTotalChildren,
-          isLast: O === a.length - 1
+          isLast: P === a.length - 1
         };
         e.push(t), h?.includes(p.id) && p.children.length > 0 && d(p.children, {
           parentDepth: t.depth,
@@ -51,7 +52,7 @@ const J = ({
       parentTotalChildren: N ?? o.length
     }), e;
   }, [o, i, h, N]);
-  E(() => {
+  R(() => {
     n.useStore.setState({
       props: {
         onEdit: g ?? n.useStore.getState().props.onEdit,
@@ -61,45 +62,53 @@ const J = ({
       }
     });
   }, [g, S, v, i, n]);
-  const f = R(null);
-  return c ? /* @__PURE__ */ P(w, { gap: 4, children: [
+  const f = w(null);
+  return c ? /* @__PURE__ */ E(z, { gap: 4, children: [
     /* @__PURE__ */ r(l, { h: 32 }),
     /* @__PURE__ */ r(l, { h: 32 }),
     /* @__PURE__ */ r(l, { h: 32 }),
     /* @__PURE__ */ r(l, { h: 32 })
-  ] }) : o?.length ? m ? /* @__PURE__ */ r(L, { store: n, children: /* @__PURE__ */ r(B, { containerRef: f, onOrderChange: m, children: /* @__PURE__ */ r(
-    "div",
+  ] }) : o?.length ? m ? /* @__PURE__ */ r(L, { store: n, children: /* @__PURE__ */ r(
+    F,
     {
-      className: T.container,
-      ref: f,
-      "data-flat-order-change": k,
-      children: u.map((e, d) => {
-        if (e.id.includes("load-more"))
-          return /* @__PURE__ */ r(
-            D,
-            {
-              depth: e.depth,
-              itemId: e.parentId,
-              currentChildrenCount: e.parentChildrenCount ?? 0
-            },
-            e.id
-          );
-        const a = M ? M(e) : y;
-        return /* @__PURE__ */ r(
-          q,
-          {
-            item: e,
-            index: d,
-            items: u,
-            opened: h,
-            itemAllowDragDrop: a,
-            children: /* @__PURE__ */ r(s, { item: e })
-          },
-          e.id
-        );
-      })
+      containerRef: f,
+      onOrderChange: m,
+      canDrop: A,
+      children: /* @__PURE__ */ r(
+        "div",
+        {
+          className: T.container,
+          ref: f,
+          "data-flat-order-change": k,
+          children: u.map((e, d) => {
+            if (e.id.includes("load-more"))
+              return /* @__PURE__ */ r(
+                D,
+                {
+                  depth: e.depth,
+                  itemId: e.parentId,
+                  currentChildrenCount: e.parentChildrenCount ?? 0
+                },
+                e.id
+              );
+            const a = M ? M(e) : y;
+            return /* @__PURE__ */ r(
+              B,
+              {
+                item: e,
+                index: d,
+                items: u,
+                opened: h,
+                itemAllowDragDrop: a,
+                children: /* @__PURE__ */ r(s, { item: e })
+              },
+              e.id
+            );
+          })
+        }
+      )
     }
-  ) }) }) : /* @__PURE__ */ r(L, { store: n, children: /* @__PURE__ */ r("div", { className: T.container, ref: f, children: u.map((e) => e.id.includes("load-more") ? /* @__PURE__ */ r(
+  ) }) : /* @__PURE__ */ r(L, { store: n, children: /* @__PURE__ */ r("div", { className: T.container, ref: f, children: u.map((e) => e.id.includes("load-more") ? /* @__PURE__ */ r(
     D,
     {
       depth: e.depth,
@@ -107,8 +116,8 @@ const J = ({
       currentChildrenCount: e.parentChildrenCount ?? 0
     },
     e.id
-  ) : A ? /* @__PURE__ */ r(
-    $.div,
+  ) : O ? /* @__PURE__ */ r(
+    q.div,
     {
       layout: "position",
       transition: { duration: 0.2, ease: "easeOut" },
@@ -117,7 +126,7 @@ const J = ({
     e.id
   ) : /* @__PURE__ */ r(s, { item: e }, e.id)) }) }) : /* @__PURE__ */ r(b, { children: j });
 }, b = ({ children: o, ...c }) => /* @__PURE__ */ r(
-  z,
+  $,
   {
     size: "xs",
     c: "var(--app-container-section-subtitle-color)",
@@ -125,12 +134,12 @@ const J = ({
     ...c,
     children: o
   }
-), te = Object.assign(J, {
+), oe = Object.assign(K, {
   Item: s,
-  ActionIcon: F,
-  Label: G,
+  ActionIcon: G,
+  Label: H,
   Placeholder: b
 });
 export {
-  te as NavMenu
+  oe as NavMenu
 };

package/dist/components/NavMenu/components/DnDProvider.d.ts

@@ -1,9 +1,10 @@
 import { PropsWithChildren } from 'react';
-import { NavMenuOrderChange } from '../types';
+import { NavMenuCanDrop, NavMenuOrderChange } from '../types';
 type DnDProviderProps = {
     onOrderChange: NavMenuOrderChange;
+    canDrop?: NavMenuCanDrop;
     containerRef: React.RefObject<HTMLDivElement | null>;
 };
-export declare const DnDProvider: ({ containerRef, children, onOrderChange, }: PropsWithChildren<DnDProviderProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const DnDProvider: ({ containerRef, children, onOrderChange, canDrop, }: PropsWithChildren<DnDProviderProps>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=DnDProvider.d.ts.map

package/dist/components/NavMenu/components/DnDProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DnDProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/NavMenu/components/DnDProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAa/D,OAAO,EAEL,kBAAkB,EAEnB,MAAM,UAAU,CAAC;AAGlB,KAAK,gBAAgB,GAAG;IACtB,aAAa,EAAE,kBAAkB,CAAC;IAClC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,4CAIzB,iBAAiB,CAAC,gBAAgB,CAAC,4CA0FrC,CAAC"}
+{"version":3,"file":"DnDProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/NavMenu/components/DnDProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAc/D,OAAO,EAEL,cAAc,EACd,kBAAkB,EAEnB,MAAM,UAAU,CAAC;AAGlB,KAAK,gBAAgB,GAAG;IACtB,aAAa,EAAE,kBAAkB,CAAC;IAClC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,qDAKzB,iBAAiB,CAAC,gBAAgB,CAAC,4CAoHrC,CAAC"}

package/dist/components/NavMenu/components/DnDProvider.js

@@ -1,69 +1,77 @@
-import { jsxs as S, jsx as T } from "react/jsx-runtime";
-import { useCallback as s, useRef as v } from "react";
-import { useSensor as u, MouseSensor as A, TouchSensor as x, useSensors as M, DndContext as B, pointerWithin as C } from "@dnd-kit/core";
-import { DraggableOverlay as j } from "./DraggableOverlay.js";
-const Y = ({
+import { jsxs as C, jsx as T } from "react/jsx-runtime";
+import { useCallback as d, useRef as y } from "react";
+import { useSensor as b, MouseSensor as E, TouchSensor as P, useSensors as j, DndContext as k, pointerWithin as B } from "@dnd-kit/core";
+import { getEventCoordinates as F } from "@dnd-kit/utilities";
+import { DraggableOverlay as W } from "./DraggableOverlay.js";
+const K = ({
   containerRef: e,
-  children: d,
-  onOrderChange: a
+  children: p,
+  onOrderChange: l,
+  canDrop: r
 }) => {
-  const l = u(A, {
+  const f = b(E, {
     activationConstraint: {
       distance: 15
     }
-  }), m = u(x, {
+  }), h = b(P, {
     activationConstraint: {
       distance: 15
     }
-  }), p = M(l, m), D = s(
-    ({ active: t, over: o }) => {
-      if (!o || !t) return;
-      const r = o.data.current;
-      r.itemAllowDragDrop !== !1 && a({
-        over: r,
+  }), D = j(f, h), g = d(
+    ({ active: t, over: s }) => {
+      if (e.current?.removeAttribute("data-nearest-side"), !s || !t) return;
+      const i = s.data.current, a = n.current ?? "inside";
+      if (a === "inside" && i.itemAllowDragDrop === !1)
+        return;
+      const o = {
+        over: i,
         item: t.data.current,
-        position: n.current ?? "inside"
-      });
+        position: a
+      };
+      r && !r(o) || l(o);
     },
-    [a]
-  ), n = v(null), b = s(() => {
+    [l, r, e]
+  ), n = y(null), v = d(() => {
     n.current = null;
-  }, []), f = s(
-    ({ over: t, active: o }) => {
+  }, []), S = d(
+    ({ over: t, active: s, activatorEvent: i, delta: a }) => {
       if (!t) {
         e.current?.removeAttribute("data-nearest-side");
         return;
       }
-      const r = o.rect.current.translated;
-      if (!r) return;
-      const i = r.top + r.height / 2, c = 8, h = Math.abs(i - t.rect.top), g = Math.abs(i - t.rect.bottom);
-      if (h <= c) {
-        n.current = "before", e.current?.setAttribute("data-nearest-side", "top");
-        return;
-      }
-      if (g <= c) {
-        n.current = "after", e.current?.setAttribute("data-nearest-side", "bottom");
+      const o = F(i);
+      if (!o) return;
+      const u = o.y + a.y, x = t.data.current?.index === 0, m = 8, A = Math.abs(u - t.rect.top), M = Math.abs(u - t.rect.bottom), w = u <= t.rect.top + t.rect.height / 2, c = A <= m || x && w ? "before" : M <= m ? "after" : "inside";
+      if (!(!r || r({
+        item: s.data.current,
+        over: t.data.current,
+        position: c
+      }))) {
+        n.current = null, e.current?.removeAttribute("data-nearest-side");
         return;
       }
-      n.current = "inside", e.current?.setAttribute("data-nearest-side", "inside");
+      n.current = c, e.current?.setAttribute(
+        "data-nearest-side",
+        c === "before" ? "top" : c === "after" ? "bottom" : "inside"
+      );
     },
-    [e]
+    [e, r]
   );
-  return /* @__PURE__ */ S(
-    B,
+  return /* @__PURE__ */ C(
+    k,
     {
-      sensors: p,
-      onDragEnd: D,
-      onDragStart: b,
-      collisionDetection: C,
-      onDragMove: f,
+      sensors: D,
+      onDragEnd: g,
+      onDragStart: v,
+      collisionDetection: B,
+      onDragMove: S,
       children: [
-        d,
-        /* @__PURE__ */ T(j, {})
+        p,
+        /* @__PURE__ */ T(W, {})
       ]
     }
   );
 };
 export {
-  Y as DnDProvider
+  K as DnDProvider
 };

package/dist/components/NavMenu/types.d.ts

@@ -37,6 +37,11 @@ export type NavMenuOrderChange<DATA = NavMenuItemData> = (v: {
     over: ExpandNavMenuItemDef<DATA>;
     position: NavMenuOrderChangePosition;
 }) => void;
+export type NavMenuCanDrop<DATA = NavMenuItemData> = (v: {
+    item: ExpandNavMenuItemDef<DATA>;
+    over: ExpandNavMenuItemDef<DATA>;
+    position: NavMenuOrderChangePosition;
+}) => boolean;
 export type NavMenuOnLoadMore = (payload: {
     itemId: string;
     currentChildrenCount: number;

package/dist/components/NavMenu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,GAAG,eAAe,IAAI;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,IAAI,GAAG,eAAe,IACrD,cAAc,CAAC,IAAI,CAAC,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,kBAAkB,CAAC,IAAI,GAAG,eAAe,IAAI,CAAC,CAAC,EAAE;IAC3D,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,QAAQ,EAAE,0BAA0B,CAAC;CACtC,KAAK,IAAI,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;AAEpB,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,GAAG,eAAe,IAAI;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,IAAI,GAAG,eAAe,IACrD,cAAc,CAAC,IAAI,CAAC,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,kBAAkB,CAAC,IAAI,GAAG,eAAe,IAAI,CAAC,CAAC,EAAE;IAC3D,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,QAAQ,EAAE,0BAA0B,CAAC;CACtC,KAAK,IAAI,CAAC;AAEX,MAAM,MAAM,cAAc,CAAC,IAAI,GAAG,eAAe,IAAI,CAAC,CAAC,EAAE;IACvD,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,QAAQ,EAAE,0BAA0B,CAAC;CACtC,KAAK,OAAO,CAAC;AAEd,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;AAEpB,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC"}

package/dist/components/NetworkPage/ContactRequests.d.ts

@@ -0,0 +1,16 @@
+import type { ContactBook } from './NetworkContactBook';
+/**
+ * Раздел «Запросы»: кто постучался к нам и как идут наши собственные запросы.
+ *
+ * Входящий запрос — это решение, которое ждёт человека, и всё нужное для решения стоит рядом с
+ * кнопками: как узел себя назвал, его отпечаток и что он написал. Имя — его слова, отпечаток —
+ * то, что можно сверить по другому каналу; кнопка «Принять» стоит рядом с обоими, а не только с
+ * именем.
+ *
+ * Исходящие показываются со статусом и доставкой отдельно: «не доставлен» и «отклонён» — разные
+ * новости, и склеивать их в одну значит заставить человека гадать, что случилось.
+ */
+export declare function ContactRequests({ book }: {
+    book: ContactBook;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContactRequests.d.ts.map

package/dist/components/NetworkPage/ContactRequests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactRequests.d.ts","sourceRoot":"","sources":["../../../src/components/NetworkPage/ContactRequests.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAexD;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,2CA+C9D"}

package/dist/components/NetworkPage/ContactRequests.js

@@ -0,0 +1,111 @@
+import { jsxs as s, jsx as a, Fragment as o } from "react/jsx-runtime";
+import { Fingerprint as m, ContactMark as i } from "./NetworkContactBook.js";
+import { pendingInbound as u, requestSenderName as r, acceptRequest as p, declineRequest as N, blockRequest as y, requestStatusNote as l, deliveryNote as h } from "./networkContacts.js";
+import n from "./NetworkPage.module.css.js";
+function q({ book: e }) {
+  const t = u(e.inbound), c = e.inbound.filter(
+    (d) => !t.includes(d)
+  );
+  return /* @__PURE__ */ s("div", { className: n.self, "data-cy": "network-requests", children: [
+    /* @__PURE__ */ a("span", { className: n.selfTitle, children: "Запросы" }),
+    e.requestsView === "loading" && /* @__PURE__ */ a("p", { className: n.empty, children: "Смотрим, кто постучался…" }),
+    e.requestsView === "anon" && /* @__PURE__ */ a("p", { className: n.empty, "data-cy": "network-requests-anon", children: "Запросы подтверждения доступны после входа." }),
+    e.requestsView === "failed" && /* @__PURE__ */ s("p", { className: n.failed, "data-cy": "network-requests-failed", children: [
+      "Не удалось прочитать запросы.",
+      /* @__PURE__ */ a("button", { type: "button", className: n.retry, onClick: e.reload, children: "Повторить" })
+    ] }),
+    e.requestsView === "empty" && /* @__PURE__ */ a("p", { className: n.empty, "data-cy": "network-requests-empty", children: "Запросов нет: никто не стучался, и вы никого не просили." }),
+    e.requestsView === "content" && /* @__PURE__ */ s(o, { children: [
+      t.map((d) => /* @__PURE__ */ a(w, { request: d, book: e }, d.id)),
+      e.outbound.map((d) => /* @__PURE__ */ a(f, { request: d }, d.id)),
+      c.map((d) => /* @__PURE__ */ a(g, { request: d }, d.id))
+    ] })
+  ] });
+}
+function w({
+  request: e,
+  book: t
+}) {
+  return /* @__PURE__ */ s("div", { className: n.door, "data-cy": "network-request-inbound", children: [
+    /* @__PURE__ */ s("span", { className: n.doorName, children: [
+      r(e),
+      " просит подтвердить связь"
+    ] }),
+    e.senderNodeId && /* @__PURE__ */ a("span", { className: n.empty, children: e.senderNodeId }),
+    e.keyFingerprint && /* @__PURE__ */ a(m, { value: e.keyFingerprint }),
+    e.message && /* @__PURE__ */ s(
+      "span",
+      {
+        className: n.requestMessage,
+        "data-cy": "network-request-message",
+        children: [
+          "«",
+          e.message,
+          "»"
+        ]
+      }
+    ),
+    /* @__PURE__ */ s("span", { className: n.doorActions, children: [
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: n.action,
+          disabled: t.busy !== null,
+          onClick: () => t.run(`accept:${e.id}`, () => p(e.id)),
+          "data-cy": "network-request-accept",
+          children: "Принять"
+        }
+      ),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: n.action,
+          disabled: t.busy !== null,
+          onClick: () => t.run(`decline:${e.id}`, () => N(e.id)),
+          "data-cy": "network-request-decline",
+          children: "Отклонить"
+        }
+      ),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: n.action,
+          disabled: t.busy !== null,
+          onClick: () => t.run(`block:${e.id}`, () => y(e.id)),
+          "data-cy": "network-request-block",
+          children: "Заблокировать"
+        }
+      )
+    ] })
+  ] });
+}
+function f({ request: e }) {
+  const t = l(e), c = h(e);
+  return /* @__PURE__ */ s("div", { className: n.door, "data-cy": "network-request-outbound", children: [
+    /* @__PURE__ */ s("span", { className: n.doorName, children: [
+      "Ваш запрос к ",
+      e.recipientNodeId ?? "узлу без имени"
+    ] }),
+    /* @__PURE__ */ s("span", { className: n.marks, children: [
+      /* @__PURE__ */ a(i, { note: t }),
+      c && /* @__PURE__ */ a(i, { note: c })
+    ] }),
+    e.message && /* @__PURE__ */ s("span", { className: n.requestMessage, children: [
+      "«",
+      e.message,
+      "»"
+    ] })
+  ] });
+}
+function g({ request: e }) {
+  return /* @__PURE__ */ s("div", { className: n.door, "data-cy": "network-request-decided", children: [
+    /* @__PURE__ */ a("span", { className: n.doorName, children: r(e) }),
+    /* @__PURE__ */ a("span", { className: n.marks, children: /* @__PURE__ */ a(i, { note: l(e) }) })
+  ] });
+}
+export {
+  q as ContactRequests
+};