@layers-app/shared 0.4.9 → 0.4.11

package/dist/components/MeetingPage/MeetingObjectDirectory.js

@@ -0,0 +1,172 @@
+import { jsx as i, jsxs as c } from "react/jsx-runtime";
+import { useState as s, useCallback as z, useEffect as B } from "react";
+import { useTranslation as D } from "react-i18next";
+import { MeetingObjectEditor as F } from "./MeetingObjectEditor.js";
+import { MeetingPanelError as K } from "./MeetingPanelError.js";
+import { useWorkspaceMembers as L, SpeakerAvatar as q } from "./SpeakerAvatar.js";
+import { listObjects as x, objectFace as W, createObject as V } from "./meetingObjects.js";
+import { panelRequestView as _ } from "./panelRequestView.js";
+import t from "./MeetingPage.module.css.js";
+const k = 250, G = [
+  { type: "PERSON", labelKey: "meeting.directory.tabPerson" },
+  { type: "ORGANIZATION", labelKey: "meeting.directory.tabOrganization" }
+];
+function te({
+  workspaceId: a
+}) {
+  const { t: r } = D("ui"), [n, j] = s("PERSON"), [o, A] = s(""), [p, N] = s(null), [f, P] = s({ isError: !1, status: null }), [l, m] = s(null), [u, b] = s(""), [v, O] = s(!1), [E, C] = s(null), [R, w] = s(0), M = L(a), d = z(() => w((e) => e + 1), []);
+  B(() => {
+    if (!a) {
+      N([]);
+      return;
+    }
+    let e = !1;
+    const y = window.setTimeout(
+      () => {
+        x(n, a, o).then((h) => {
+          e || (N(h.data), P({ isError: h.isError, status: h.status }));
+        });
+      },
+      o ? k : 0
+    );
+    return () => {
+      e = !0, window.clearTimeout(y);
+    };
+  }, [a, n, o, R]);
+  const S = async () => {
+    const e = u.trim();
+    if (!a || !e) return;
+    O(!0), C(null);
+    const y = await V(n, a, e);
+    if (O(!1), !y) {
+      C(r("meeting.directory.createFailed"));
+      return;
+    }
+    b(""), m(y.id), d();
+  }, g = _({
+    isLoading: p === null,
+    isError: f.isError,
+    status: f.status,
+    count: p?.length ?? 0
+  });
+  if (!a)
+    return /* @__PURE__ */ i("div", { className: t.directory, children: /* @__PURE__ */ i("p", { className: t.empty, children: r("meeting.directory.workspaceOnly") }) });
+  const T = p ?? [], $ = !!o.trim();
+  return /* @__PURE__ */ c("div", { className: t.directory, "data-cy": "meeting-object-directory", children: [
+    /* @__PURE__ */ c("div", { className: t.row, children: [
+      G.map((e) => /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          "aria-pressed": n === e.type,
+          className: n === e.type ? `${t.chip} ${t.chipActive}` : t.chip,
+          onClick: () => {
+            j(e.type), m(null);
+          },
+          "data-cy": `meeting-objects-tab-${e.type.toLowerCase()}`,
+          children: r(e.labelKey)
+        },
+        e.type
+      )),
+      /* @__PURE__ */ i(
+        "input",
+        {
+          type: "search",
+          className: t.search,
+          value: o,
+          placeholder: r(n === "PERSON" ? "meeting.directory.searchPerson" : "meeting.directory.searchOrganization"),
+          onChange: (e) => A(e.target.value),
+          "data-cy": "meeting-objects-search"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c("div", { className: t.row, children: [
+      /* @__PURE__ */ i(
+        "input",
+        {
+          className: t.namingInput,
+          value: u,
+          disabled: v,
+          placeholder: r(n === "PERSON" ? "meeting.directory.newPerson" : "meeting.directory.newOrganization"),
+          onChange: (e) => b(e.target.value),
+          onKeyDown: (e) => {
+            e.key === "Enter" && S();
+          },
+          "data-cy": "meeting-objects-create-input"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: t.objectAction,
+          disabled: v || !u.trim(),
+          onClick: () => {
+            S();
+          },
+          "data-cy": "meeting-objects-create",
+          children: r("meeting.directory.create")
+        }
+      ),
+      E && /* @__PURE__ */ i("span", { className: t.namingError, children: E })
+    ] }),
+    /* @__PURE__ */ c("div", { className: t.directoryBody, children: [
+      /* @__PURE__ */ c("div", { className: t.directoryList, children: [
+        g === "loading" && /* @__PURE__ */ i("p", { className: t.empty, children: r("meeting.directory.loading") }),
+        g === "failed" && /* @__PURE__ */ i("p", { className: t.empty, children: /* @__PURE__ */ i(
+          K,
+          {
+            what: r("meeting.directory.errorWhat"),
+            onRetry: d,
+            "data-cy": "meeting-objects-error"
+          }
+        ) }),
+        g === "empty" && /* @__PURE__ */ i("p", { className: t.empty, "data-cy": "meeting-objects-empty", children: $ ? r("meeting.directory.emptyFound", { query: o.trim() }) : r(n === "PERSON" ? "meeting.directory.emptyPerson" : "meeting.directory.emptyOrganization") }),
+        T.map((e) => /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            "aria-pressed": l === e.id,
+            className: l === e.id ? `${t.directoryItem} ${t.directoryItemActive}` : t.directoryItem,
+            onClick: () => m(l === e.id ? null : e.id),
+            "data-cy": "meeting-object-row",
+            children: [
+              /* @__PURE__ */ c("span", { className: t.namingWho, children: [
+                /* @__PURE__ */ i(
+                  q,
+                  {
+                    label: e.displayName,
+                    avatarUrl: W(e, M, a)
+                  }
+                ),
+                e.displayName
+              ] }),
+              /* @__PURE__ */ i("span", { className: t.namingCount, children: n === "PERSON" ? e.appearanceCount > 0 ? r("meeting.directory.appearances", {
+                count: e.appearanceCount
+              }) : r("meeting.directory.neverAppeared") : e.mentionCount > 0 ? r("meeting.directory.mentions", {
+                count: e.mentionCount
+              }) : r("meeting.directory.neverMentioned") })
+            ]
+          },
+          e.id
+        ))
+      ] }),
+      /* @__PURE__ */ i("div", { className: t.directoryDetails, children: l ? /* @__PURE__ */ i(
+        F,
+        {
+          workspaceId: a,
+          objectType: n,
+          objectId: l,
+          onChanged: d,
+          onMerged: (e) => {
+            m(e), d();
+          }
+        },
+        l
+      ) : /* @__PURE__ */ i("p", { className: t.empty, children: r("meeting.directory.pickObject") }) })
+    ] })
+  ] });
+}
+export {
+  te 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":"AAIA,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,2CAiW1B"}

package/dist/components/MeetingPage/MeetingObjectEditor.js

@@ -0,0 +1,277 @@
+import { jsxs as n, jsx as i, Fragment as q } from "react/jsx-runtime";
+import { useState as s, useCallback as J, useEffect as D } from "react";
+import { useTranslation as V } from "react-i18next";
+import { MeetingObjectCard as X } from "./MeetingObjectCard.js";
+import { listAliases as Y, listRelations as $, listObjects as G, removeAlias as ee, addAlias as H, removeRelation as te, addRelation as ae, mergeObjects as ie } from "./meetingObjects.js";
+import t from "./MeetingPage.module.css.js";
+function ce({
+  workspaceId: u,
+  objectType: r,
+  objectId: l,
+  onChanged: f,
+  onMerged: L
+}) {
+  const { t: a } = V("ui"), [k, W] = s([]), [C, Q] = s([]), [Z, K] = s(/* @__PURE__ */ new Map()), [c, b] = s(""), [o, p] = s(!1), [w, h] = s(null), [y, F] = s(""), [S, T] = s(""), [A, B] = s(""), [R, P] = s(""), [E, U] = s([]), [N, _] = s(""), [M, j] = s([]), O = J(() => {
+    let e = !1;
+    return Promise.all([
+      Y(r, l),
+      $(r, l, null)
+    ]).then(([d, g]) => {
+      e || (W(d), Q(g));
+    }), () => {
+      e = !0;
+    };
+  }, [r, l]);
+  D(O, [O]), D(() => {
+    let e = !1;
+    return Promise.all([
+      G("ORGANIZATION", u),
+      G(r, u)
+    ]).then(([d, g]) => {
+      if (e) return;
+      const z = d.data, I = g.data;
+      U(z), j(I.filter((v) => v.id !== l));
+      const x = /* @__PURE__ */ new Map();
+      [...z, ...I].forEach((v) => x.set(v.id, v.displayName)), K(x);
+    }), () => {
+      e = !0;
+    };
+  }, [u, r, l]);
+  const m = async (e, d) => {
+    p(!0), h(null);
+    const g = await e();
+    if (p(!1), !g) {
+      h(d);
+      return;
+    }
+    O(), f();
+  };
+  return /* @__PURE__ */ n("div", { className: t.editor, "data-cy": "meeting-object-editor", children: [
+    /* @__PURE__ */ i(
+      X,
+      {
+        objectType: r,
+        objectId: l,
+        appearancesLimit: 6,
+        workspaceId: u,
+        onChanged: f
+      },
+      l
+    ),
+    /* @__PURE__ */ n("div", { className: t.editorBlock, children: [
+      /* @__PURE__ */ i("span", { className: t.appearancesTitle, children: a("meeting.editor.aliasesTitle") }),
+      k.length > 0 && /* @__PURE__ */ i("span", { className: t.chips, children: k.map((e) => /* @__PURE__ */ n("span", { className: t.chipQuiet, children: [
+        e.alias,
+        /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            className: t.chipRemove,
+            disabled: o,
+            title: a("meeting.editor.aliasRemove"),
+            onClick: () => {
+              m(
+                () => ee(r, l, e.id),
+                a("meeting.editor.removeFailed")
+              );
+            },
+            "data-cy": "meeting-alias-remove",
+            children: "×"
+          }
+        )
+      ] }, e.id)) }),
+      /* @__PURE__ */ n("span", { className: t.editorRow, children: [
+        /* @__PURE__ */ i(
+          "input",
+          {
+            className: t.namingInput,
+            value: c,
+            placeholder: a("meeting.editor.aliasPlaceholder"),
+            disabled: o,
+            onChange: (e) => b(e.target.value),
+            onKeyDown: (e) => {
+              e.key !== "Enter" || !c.trim() || m(async () => {
+                const d = await H(r, l, c);
+                return d && b(""), !!d;
+              }, a("meeting.editor.aliasFailed"));
+            },
+            "data-cy": "meeting-alias-input"
+          }
+        ),
+        /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            className: t.objectAction,
+            disabled: o || !c.trim(),
+            onClick: () => {
+              m(async () => {
+                const e = await H(r, l, c);
+                return e && b(""), !!e;
+              }, a("meeting.editor.aliasFailed"));
+            },
+            "data-cy": "meeting-alias-add",
+            children: a("meeting.editor.aliasAdd")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ n("div", { className: t.editorBlock, children: [
+      /* @__PURE__ */ i("span", { className: t.appearancesTitle, children: a("meeting.editor.relationsTitle") }),
+      C.length > 0 && /* @__PURE__ */ i("span", { className: t.editorList, children: C.map((e) => {
+        const d = e.subjectId === l ? e.objectId : e.subjectId;
+        return /* @__PURE__ */ n("span", { className: t.editorRow, children: [
+          /* @__PURE__ */ n("span", { className: t.editorWhat, children: [
+            e.roleTitle && /* @__PURE__ */ n("span", { className: t.objectRole, children: [
+              e.roleTitle,
+              " "
+            ] }),
+            /* @__PURE__ */ i("span", { className: t.objectWhere, children: a("meeting.editor.relationAt", {
+              name: Z.get(d) ?? "…"
+            }) }),
+            /* @__PURE__ */ i("span", { className: t.objectPast, children: e.current ? "" : a("meeting.editor.relationPast") })
+          ] }),
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              className: t.objectActionQuiet,
+              disabled: o,
+              onClick: () => {
+                m(
+                  () => te(e.id),
+                  a("meeting.editor.removeFailed")
+                );
+              },
+              "data-cy": "meeting-relation-remove",
+              children: a("meeting.editor.relationRemove")
+            }
+          )
+        ] }, e.id);
+      }) }),
+      E.length === 0 ? /* @__PURE__ */ i("span", { className: t.objectHint, children: a("meeting.editor.noOrganizations") }) : /* @__PURE__ */ n("span", { className: t.editorRow, children: [
+        /* @__PURE__ */ n(
+          "select",
+          {
+            className: t.namingInput,
+            value: y,
+            disabled: o,
+            onChange: (e) => F(e.target.value),
+            "data-cy": "meeting-relation-target",
+            children: [
+              /* @__PURE__ */ i("option", { value: "", children: a("meeting.editor.organizationOption") }),
+              E.map((e) => /* @__PURE__ */ i("option", { value: e.id, children: e.displayName }, e.id))
+            ]
+          }
+        ),
+        /* @__PURE__ */ i(
+          "input",
+          {
+            className: t.namingInput,
+            value: S,
+            placeholder: a("meeting.editor.rolePlaceholder"),
+            disabled: o,
+            onChange: (e) => T(e.target.value),
+            "data-cy": "meeting-relation-role"
+          }
+        ),
+        /* @__PURE__ */ i(
+          "input",
+          {
+            className: t.namingInput,
+            type: "date",
+            value: A,
+            title: a("meeting.editor.sinceTitle"),
+            disabled: o,
+            onChange: (e) => B(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ i(
+          "input",
+          {
+            className: t.namingInput,
+            type: "date",
+            value: R,
+            title: a("meeting.editor.untilTitle"),
+            disabled: o,
+            onChange: (e) => P(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            className: t.objectAction,
+            disabled: o || !y,
+            onClick: () => {
+              m(async () => {
+                const e = await ae(
+                  r,
+                  l,
+                  { objectType: "ORGANIZATION", objectId: y },
+                  S,
+                  A ? new Date(A).toISOString() : null,
+                  R ? new Date(R).toISOString() : null
+                );
+                return e && (F(""), T(""), B(""), P("")), !!e;
+              }, a("meeting.editor.relationFailed"));
+            },
+            "data-cy": "meeting-relation-add",
+            children: a("meeting.editor.relationAdd")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ n("div", { className: t.editorBlock, children: [
+      /* @__PURE__ */ i("span", { className: t.appearancesTitle, children: a("meeting.editor.mergeTitle") }),
+      M.length === 0 ? /* @__PURE__ */ i("span", { className: t.objectHint, children: a("meeting.editor.noSiblings") }) : /* @__PURE__ */ n(q, { children: [
+        /* @__PURE__ */ i("span", { className: t.objectHint, children: a("meeting.editor.mergeWarning") }),
+        /* @__PURE__ */ n("span", { className: t.editorRow, children: [
+          /* @__PURE__ */ n(
+            "select",
+            {
+              className: t.namingInput,
+              value: N,
+              disabled: o,
+              onChange: (e) => _(e.target.value),
+              "data-cy": "meeting-merge-target",
+              children: [
+                /* @__PURE__ */ i("option", { value: "", children: a("meeting.editor.mergeOption") }),
+                M.map((e) => /* @__PURE__ */ i("option", { value: e.id, children: e.displayName }, e.id))
+              ]
+            }
+          ),
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              className: t.objectAction,
+              disabled: o || !N,
+              onClick: () => {
+                p(!0), h(null), ie(r, l, N).then(
+                  (e) => {
+                    if (p(!1), !e.ok) {
+                      h(
+                        e.reason ?? a(
+                          e.code === "NO_TARGET" ? "meeting.editor.mergePick" : "meeting.editor.mergeFailed"
+                        )
+                      );
+                      return;
+                    }
+                    f(), L(N);
+                  }
+                );
+              },
+              "data-cy": "meeting-merge",
+              children: a("meeting.editor.mergeAction")
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    w && /* @__PURE__ */ i("span", { className: t.namingError, children: w })
+  ] });
+}
+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
+};