@layers-app/shared 0.4.8 → 0.4.10

package/dist/components/MeetingPage/MeetingObjectDirectory.js

@@ -0,0 +1,167 @@
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { useState as n, useCallback as w, useEffect as B } from "react";
+import { MeetingObjectEditor as D } from "./MeetingObjectEditor.js";
+import { MeetingPanelError as L } from "./MeetingPanelError.js";
+import { useWorkspaceMembers as x, SpeakerAvatar as q } from "./SpeakerAvatar.js";
+import { listObjects as F, objectFace as V, createObject as W } from "./meetingObjects.js";
+import { panelRequestView as _ } from "./panelRequestView.js";
+import t from "./MeetingPage.module.css.js";
+const G = 250, H = [
+  { type: "PERSON", label: "Люди" },
+  { type: "ORGANIZATION", label: "Организации" }
+];
+function k({
+  workspaceId: s
+}) {
+  const [r, S] = n("PERSON"), [c, R] = n(""), [u, N] = n(null), [g, j] = n({ isError: !1, status: null }), [l, o] = n(null), [p, f] = n(""), [b, v] = n(!1), [E, C] = n(null), [A, $] = n(0), P = x(s), m = w(() => $((e) => e + 1), []);
+  B(() => {
+    if (!s) {
+      N([]);
+      return;
+    }
+    let e = !1;
+    const d = window.setTimeout(
+      () => {
+        F(r, s, c).then((h) => {
+          e || (N(h.data), j({ isError: h.isError, status: h.status }));
+        });
+      },
+      c ? G : 0
+    );
+    return () => {
+      e = !0, window.clearTimeout(d);
+    };
+  }, [s, r, c, A]);
+  const O = async () => {
+    const e = p.trim();
+    if (!s || !e) return;
+    v(!0), C(null);
+    const d = await W(r, s, e);
+    if (v(!1), !d) {
+      C("Не завелось — возможно, нет прав на правку справочника");
+      return;
+    }
+    f(""), o(d.id), m();
+  }, y = _({
+    isLoading: u === null,
+    isError: g.isError,
+    status: g.status,
+    count: u?.length ?? 0
+  });
+  if (!s)
+    return /* @__PURE__ */ a("div", { className: t.directory, children: /* @__PURE__ */ a("p", { className: t.empty, children: "Справочник открывается из пространства." }) });
+  const M = u ?? [], T = !!c.trim();
+  return /* @__PURE__ */ i("div", { className: t.directory, "data-cy": "meeting-object-directory", children: [
+    /* @__PURE__ */ i("div", { className: t.row, children: [
+      H.map((e) => /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          "aria-pressed": r === e.type,
+          className: r === e.type ? `${t.chip} ${t.chipActive}` : t.chip,
+          onClick: () => {
+            S(e.type), o(null);
+          },
+          "data-cy": `meeting-objects-tab-${e.type.toLowerCase()}`,
+          children: e.label
+        },
+        e.type
+      )),
+      /* @__PURE__ */ a(
+        "input",
+        {
+          type: "search",
+          className: t.search,
+          value: c,
+          placeholder: r === "PERSON" ? "Поиск по людям" : "Поиск по организациям",
+          onChange: (e) => R(e.target.value),
+          "data-cy": "meeting-objects-search"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i("div", { className: t.row, children: [
+      /* @__PURE__ */ a(
+        "input",
+        {
+          className: t.namingInput,
+          value: p,
+          disabled: b,
+          placeholder: r === "PERSON" ? "Имя нового человека" : "Название организации",
+          onChange: (e) => f(e.target.value),
+          onKeyDown: (e) => {
+            e.key === "Enter" && O();
+          },
+          "data-cy": "meeting-objects-create-input"
+        }
+      ),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: t.objectAction,
+          disabled: b || !p.trim(),
+          onClick: () => {
+            O();
+          },
+          "data-cy": "meeting-objects-create",
+          children: "Завести"
+        }
+      ),
+      E && /* @__PURE__ */ a("span", { className: t.namingError, children: E })
+    ] }),
+    /* @__PURE__ */ i("div", { className: t.directoryBody, children: [
+      /* @__PURE__ */ i("div", { className: t.directoryList, children: [
+        y === "loading" && /* @__PURE__ */ a("p", { className: t.empty, children: "Читаем справочник…" }),
+        y === "failed" && /* @__PURE__ */ a("p", { className: t.empty, children: /* @__PURE__ */ a(
+          L,
+          {
+            what: "справочник",
+            onRetry: m,
+            "data-cy": "meeting-objects-error"
+          }
+        ) }),
+        y === "empty" && /* @__PURE__ */ a("p", { className: t.empty, "data-cy": "meeting-objects-empty", children: T ? `По запросу «${c.trim()}» никого не нашлось.` : r === "PERSON" ? "В справочнике пока никого." : "Организаций пока нет." }),
+        M.map((e) => /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            "aria-pressed": l === e.id,
+            className: l === e.id ? `${t.directoryItem} ${t.directoryItemActive}` : t.directoryItem,
+            onClick: () => o(l === e.id ? null : e.id),
+            "data-cy": "meeting-object-row",
+            children: [
+              /* @__PURE__ */ i("span", { className: t.namingWho, children: [
+                /* @__PURE__ */ a(
+                  q,
+                  {
+                    label: e.displayName,
+                    avatarUrl: V(e, P, s)
+                  }
+                ),
+                e.displayName
+              ] }),
+              /* @__PURE__ */ a("span", { className: t.namingCount, children: r === "PERSON" ? e.appearanceCount > 0 ? `встреч: ${e.appearanceCount}` : "ещё не встречался" : e.mentionCount > 0 ? `упоминаний: ${e.mentionCount}` : "ещё не упоминалась" })
+            ]
+          },
+          e.id
+        ))
+      ] }),
+      /* @__PURE__ */ a("div", { className: t.directoryDetails, children: l ? /* @__PURE__ */ a(
+        D,
+        {
+          workspaceId: s,
+          objectType: r,
+          objectId: l,
+          onChanged: m,
+          onMerged: (e) => {
+            o(e), m();
+          }
+        },
+        l
+      ) : /* @__PURE__ */ a("p", { className: t.empty, children: "Выберите объект слева." }) })
+    ] })
+  ] });
+}
+export {
+  k as MeetingObjectDirectory
+};

package/dist/components/MeetingPage/MeetingObjectEditor.d.ts

@@ -0,0 +1,18 @@
+import { type MeetingObjectType } from './meetingObjects';
+export interface MeetingObjectEditorProps {
+    workspaceId: string;
+    objectType: MeetingObjectType;
+    objectId: string;
+    /** Справочник изменился — списку слева стоит перечитать себя. */
+    onChanged: () => void;
+    /** Объект слили в другой — открывать надо уже тот. */
+    onMerged: (intoId: string) => void;
+}
+/**
+ * Всё, что можно сделать с объектом: имена, связи и слияние дублей.
+ *
+ * Синонимы стоят первыми не по важности, а по действию: именно ими объект находится в стенограмме,
+ * и человек, пришедший сюда после «его не нашли в тексте», ищет здесь.
+ */
+export declare function MeetingObjectEditor({ workspaceId, objectType, objectId, onChanged, onMerged, }: MeetingObjectEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MeetingObjectEditor.d.ts.map

package/dist/components/MeetingPage/MeetingObjectEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingObjectEditor.d.ts","sourceRoot":"","sources":["../../../src/components/MeetingPage/MeetingObjectEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,iBAAiB,EASvB,MAAM,kBAAkB,CAAC;AAI1B,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,iEAAiE;IACjE,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,sDAAsD;IACtD,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,UAAU,EACV,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,wBAAwB,2CAiV1B"}

package/dist/components/MeetingPage/MeetingObjectEditor.js

@@ -0,0 +1,273 @@
+import { jsxs as n, jsx as t, Fragment as J } from "react/jsx-runtime";
+import { useState as i, useCallback as T, useEffect as P } from "react";
+import { MeetingObjectCard as V } from "./MeetingObjectCard.js";
+import { listAliases as X, listRelations as Y, listObjects as z, mergeObjects as _, removeAlias as $, addAlias as F, removeRelation as ee, addRelation as ae } from "./meetingObjects.js";
+import a from "./MeetingPage.module.css.js";
+function ce({
+  workspaceId: u,
+  objectType: l,
+  objectId: s,
+  onChanged: v,
+  onMerged: G
+}) {
+  const [C, Q] = i([]), [O, W] = i([]), [Z, K] = i(/* @__PURE__ */ new Map()), [o, f] = i(""), [c, p] = i(!1), [k, h] = i(null), [b, w] = i(""), [B, S] = i(""), [y, E] = i(""), [A, M] = i(""), [I, U] = i([]), [g, j] = i(""), [x, q] = i([]), R = T(() => {
+    let e = !1;
+    return Promise.all([
+      X(l, s),
+      Y(l, s, null)
+    ]).then(([r, m]) => {
+      e || (Q(r), W(m));
+    }), () => {
+      e = !0;
+    };
+  }, [l, s]);
+  P(R, [R]), P(() => {
+    let e = !1;
+    return Promise.all([
+      z("ORGANIZATION", u),
+      z(l, u)
+    ]).then(([r, m]) => {
+      if (e) return;
+      const D = r.data, H = m.data;
+      U(D), q(H.filter((N) => N.id !== s));
+      const L = /* @__PURE__ */ new Map();
+      [...D, ...H].forEach((N) => L.set(N.id, N.displayName)), K(L);
+    }), () => {
+      e = !0;
+    };
+  }, [u, l, s]);
+  const d = async (e, r) => {
+    p(!0), h(null);
+    const m = await e();
+    if (p(!1), !m) {
+      h(r);
+      return;
+    }
+    R(), v();
+  };
+  return /* @__PURE__ */ n("div", { className: a.editor, "data-cy": "meeting-object-editor", children: [
+    /* @__PURE__ */ t(
+      V,
+      {
+        objectType: l,
+        objectId: s,
+        appearancesLimit: 6,
+        workspaceId: u,
+        onChanged: v
+      },
+      s
+    ),
+    /* @__PURE__ */ n("div", { className: a.editorBlock, children: [
+      /* @__PURE__ */ t("span", { className: a.appearancesTitle, children: "Ещё его так называют" }),
+      C.length > 0 && /* @__PURE__ */ t("span", { className: a.chips, children: C.map((e) => /* @__PURE__ */ n("span", { className: a.chipQuiet, children: [
+        e.alias,
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: a.chipRemove,
+            disabled: c,
+            title: "Убрать синоним",
+            onClick: () => {
+              d(
+                () => $(l, s, e.id),
+                "Не убралось — попробуйте ещё раз"
+              );
+            },
+            "data-cy": "meeting-alias-remove",
+            children: "×"
+          }
+        )
+      ] }, e.id)) }),
+      /* @__PURE__ */ n("span", { className: a.editorRow, children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            className: a.namingInput,
+            value: o,
+            placeholder: "Ещё одно имя",
+            disabled: c,
+            onChange: (e) => f(e.target.value),
+            onKeyDown: (e) => {
+              e.key !== "Enter" || !o.trim() || d(async () => {
+                const r = await F(l, s, o);
+                return r && f(""), !!r;
+              }, "Не сохранилось — возможно, такое имя уже занято");
+            },
+            "data-cy": "meeting-alias-input"
+          }
+        ),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: a.objectAction,
+            disabled: c || !o.trim(),
+            onClick: () => {
+              d(async () => {
+                const e = await F(l, s, o);
+                return e && f(""), !!e;
+              }, "Не сохранилось — возможно, такое имя уже занято");
+            },
+            "data-cy": "meeting-alias-add",
+            children: "Добавить"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ n("div", { className: a.editorBlock, children: [
+      /* @__PURE__ */ t("span", { className: a.appearancesTitle, children: "Связи" }),
+      O.length > 0 && /* @__PURE__ */ t("span", { className: a.editorList, children: O.map((e) => {
+        const r = e.subjectId === s ? e.objectId : e.subjectId;
+        return /* @__PURE__ */ n("span", { className: a.editorRow, children: [
+          /* @__PURE__ */ n("span", { className: a.editorWhat, children: [
+            e.roleTitle && /* @__PURE__ */ n("span", { className: a.objectRole, children: [
+              e.roleTitle,
+              " "
+            ] }),
+            /* @__PURE__ */ n("span", { className: a.objectWhere, children: [
+              "в ",
+              Z.get(r) ?? "…"
+            ] }),
+            /* @__PURE__ */ t("span", { className: a.objectPast, children: e.current ? "" : " — уже не так" })
+          ] }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: a.objectActionQuiet,
+              disabled: c,
+              onClick: () => {
+                d(
+                  () => ee(e.id),
+                  "Не убралось — попробуйте ещё раз"
+                );
+              },
+              "data-cy": "meeting-relation-remove",
+              children: "Убрать"
+            }
+          )
+        ] }, e.id);
+      }) }),
+      I.length === 0 ? /* @__PURE__ */ t("span", { className: a.objectHint, children: "Организаций в пространстве ещё нет — связывать не с чем." }) : /* @__PURE__ */ n("span", { className: a.editorRow, children: [
+        /* @__PURE__ */ n(
+          "select",
+          {
+            className: a.namingInput,
+            value: b,
+            disabled: c,
+            onChange: (e) => w(e.target.value),
+            "data-cy": "meeting-relation-target",
+            children: [
+              /* @__PURE__ */ t("option", { value: "", children: "Организация…" }),
+              I.map((e) => /* @__PURE__ */ t("option", { value: e.id, children: e.displayName }, e.id))
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            className: a.namingInput,
+            value: B,
+            placeholder: "Должность",
+            disabled: c,
+            onChange: (e) => S(e.target.value),
+            "data-cy": "meeting-relation-role"
+          }
+        ),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            className: a.namingInput,
+            type: "date",
+            value: y,
+            title: "С какого дня",
+            disabled: c,
+            onChange: (e) => E(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            className: a.namingInput,
+            type: "date",
+            value: A,
+            title: "По какой день — пусто, если всё ещё так",
+            disabled: c,
+            onChange: (e) => M(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: a.objectAction,
+            disabled: c || !b,
+            onClick: () => {
+              d(async () => {
+                const e = await ae(
+                  l,
+                  s,
+                  { objectType: "ORGANIZATION", objectId: b },
+                  B,
+                  y ? new Date(y).toISOString() : null,
+                  A ? new Date(A).toISOString() : null
+                );
+                return e && (w(""), S(""), E(""), M("")), !!e;
+              }, "Связь не сохранилась — проверьте даты");
+            },
+            "data-cy": "meeting-relation-add",
+            children: "Связать"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ n("div", { className: a.editorBlock, children: [
+      /* @__PURE__ */ t("span", { className: a.appearancesTitle, children: "Это тот же самый" }),
+      x.length === 0 ? /* @__PURE__ */ t("span", { className: a.objectHint, children: "Другого такого объекта в пространстве нет — сливать не с кем." }) : /* @__PURE__ */ n(J, { children: [
+        /* @__PURE__ */ t("span", { className: a.objectHint, children: "Встречи, упоминания и синонимы уйдут тому, кто остаётся." }),
+        /* @__PURE__ */ n("span", { className: a.editorRow, children: [
+          /* @__PURE__ */ n(
+            "select",
+            {
+              className: a.namingInput,
+              value: g,
+              disabled: c,
+              onChange: (e) => j(e.target.value),
+              "data-cy": "meeting-merge-target",
+              children: [
+                /* @__PURE__ */ t("option", { value: "", children: "Это на самом деле…" }),
+                x.map((e) => /* @__PURE__ */ t("option", { value: e.id, children: e.displayName }, e.id))
+              ]
+            }
+          ),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: a.objectAction,
+              disabled: c || !g,
+              onClick: () => {
+                p(!0), h(null), _(l, s, g).then(
+                  (e) => {
+                    if (p(!1), !e.ok) {
+                      h(e.reason);
+                      return;
+                    }
+                    v(), G(g);
+                  }
+                );
+              },
+              "data-cy": "meeting-merge",
+              children: "Слить"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    k && /* @__PURE__ */ t("span", { className: a.namingError, children: k })
+  ] });
+}
+export {
+  ce as MeetingObjectEditor
+};

package/dist/components/MeetingPage/MeetingObjectPopover.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { MeetingObjectType } from './meetingObjects';
+export interface MeetingObjectPopoverProps {
+    /** Объект, о котором карточка. `null` — оборачиваемое просто рисуется как было. */
+    objectId: string | null;
+    objectType: MeetingObjectType;
+    /** День встречи: связи спрашиваются на него, а не на сегодня. */
+    at?: Date | null;
+    /** Имя, которым его звали в тот день. */
+    nameThatDay?: string | null;
+    className?: string;
+    onChanged?: () => void;
+    children: React.ReactNode;
+}
+/**
+ * Карточка объекта по наведению — там, где на объект уже смотрят.
+ *
+ * Отдельно от {@link MeetingMention}, потому что у участника нет спора о том, кто он: его назвали
+ * прямо, и выбирать не из чего. Общее у них только одно — карточка, и она общая.
+ *
+ * Задержка перед открытием больше, чем у упоминания: по списку участников водят мышью, чтобы
+ * прочитать его, а не чтобы про каждого спросить.
+ */
+export declare function MeetingObjectPopover({ objectId, objectType, at, nameThatDay, className, onChanged, children, }: MeetingObjectPopoverProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MeetingObjectPopover.d.ts.map

package/dist/components/MeetingPage/MeetingObjectPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingObjectPopover.d.ts","sourceRoot":"","sources":["../../../src/components/MeetingPage/MeetingObjectPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAI1D,MAAM,WAAW,yBAAyB;IACxC,mFAAmF;IACnF,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,iEAAiE;IACjE,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAKD;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,UAAU,EACV,EAAS,EACT,WAAkB,EAClB,SAAS,EACT,SAAS,EACT,QAAQ,GACT,EAAE,yBAAyB,2CA0E3B"}

package/dist/components/MeetingPage/MeetingObjectPopover.js

@@ -0,0 +1,73 @@
+import { jsx as i, jsxs as y } from "react/jsx-runtime";
+import { useState as b, useRef as f, useEffect as m, useCallback as j } from "react";
+import { MeetingCardLayer as O } from "./MeetingCardLayer.js";
+import { MeetingObjectCard as T } from "./MeetingObjectCard.js";
+import w from "./MeetingPage.module.css.js";
+const k = 220, d = 220;
+function x({
+  objectId: u,
+  objectType: p,
+  at: E = null,
+  nameThatDay: L = null,
+  className: o,
+  onChanged: M,
+  children: c
+}) {
+  const [r, t] = b(!1), e = f(null), l = f(null), n = () => {
+    e.current !== null && (window.clearTimeout(e.current), e.current = null);
+  };
+  m(() => n, []);
+  const s = j(() => {
+    n(), t(!1);
+  }, []);
+  return m(() => {
+    if (!r) return;
+    const a = (v) => {
+      v.key === "Escape" && s();
+    };
+    return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
+  }, [r, s]), u ? /* @__PURE__ */ y(
+    "span",
+    {
+      ref: l,
+      className: o ? `${o} ${w.objectHost}` : w.objectHost,
+      onMouseEnter: () => {
+        n(), e.current = window.setTimeout(() => t(!0), k);
+      },
+      onMouseLeave: () => {
+        n(), e.current = window.setTimeout(() => t(!1), d);
+      },
+      children: [
+        c,
+        r && /* @__PURE__ */ i(
+          O,
+          {
+            anchor: l.current,
+            ariaLabel: "Карточка объекта",
+            onMouseEnter: n,
+            onMouseLeave: () => {
+              n(), e.current = window.setTimeout(
+                () => t(!1),
+                d
+              );
+            },
+            onDismiss: s,
+            children: /* @__PURE__ */ i(
+              T,
+              {
+                objectType: p,
+                objectId: u,
+                nameThatDay: L,
+                at: E,
+                onChanged: M
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ i("span", { className: o, children: c });
+}
+export {
+  x as MeetingObjectPopover
+};