@layers-app/shared 0.4.10 → 0.4.11

package/dist/components/MeetingPage/MeetingObjectDirectory.js

@@ -1,167 +1,172 @@
-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 { 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 G = 250, H = [
-  { type: "PERSON", label: "Люди" },
-  { type: "ORGANIZATION", label: "Организации" }
+const k = 250, G = [
+  { type: "PERSON", labelKey: "meeting.directory.tabPerson" },
+  { type: "ORGANIZATION", labelKey: "meeting.directory.tabOrganization" }
 ];
-function k({
-  workspaceId: s
+function te({
+  workspaceId: a
 }) {
-  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), []);
+  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 (!s) {
+    if (!a) {
       N([]);
       return;
     }
     let e = !1;
-    const d = window.setTimeout(
+    const y = window.setTimeout(
       () => {
-        F(r, s, c).then((h) => {
-          e || (N(h.data), j({ isError: h.isError, status: h.status }));
+        x(n, a, o).then((h) => {
+          e || (N(h.data), P({ isError: h.isError, status: h.status }));
         });
       },
-      c ? G : 0
+      o ? k : 0
     );
     return () => {
-      e = !0, window.clearTimeout(d);
+      e = !0, window.clearTimeout(y);
     };
-  }, [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("Не завелось — возможно, нет прав на правку справочника");
+  }, [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;
     }
-    f(""), o(d.id), m();
-  }, y = _({
-    isLoading: u === null,
-    isError: g.isError,
-    status: g.status,
-    count: u?.length ?? 0
+    b(""), m(y.id), d();
+  }, g = _({
+    isLoading: p === null,
+    isError: f.isError,
+    status: f.status,
+    count: p?.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(
+  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": r === e.type,
-          className: r === e.type ? `${t.chip} ${t.chipActive}` : t.chip,
+          "aria-pressed": n === e.type,
+          className: n === e.type ? `${t.chip} ${t.chipActive}` : t.chip,
           onClick: () => {
-            S(e.type), o(null);
+            j(e.type), m(null);
           },
           "data-cy": `meeting-objects-tab-${e.type.toLowerCase()}`,
-          children: e.label
+          children: r(e.labelKey)
         },
         e.type
       )),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ i(
         "input",
         {
           type: "search",
           className: t.search,
-          value: c,
-          placeholder: r === "PERSON" ? "Поиск по людям" : "Поиск по организациям",
-          onChange: (e) => R(e.target.value),
+          value: o,
+          placeholder: r(n === "PERSON" ? "meeting.directory.searchPerson" : "meeting.directory.searchOrganization"),
+          onChange: (e) => A(e.target.value),
           "data-cy": "meeting-objects-search"
         }
       )
     ] }),
-    /* @__PURE__ */ i("div", { className: t.row, children: [
-      /* @__PURE__ */ a(
+    /* @__PURE__ */ c("div", { className: t.row, children: [
+      /* @__PURE__ */ i(
         "input",
         {
           className: t.namingInput,
-          value: p,
-          disabled: b,
-          placeholder: r === "PERSON" ? "Имя нового человека" : "Название организации",
-          onChange: (e) => f(e.target.value),
+          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" && O();
+            e.key === "Enter" && S();
           },
           "data-cy": "meeting-objects-create-input"
         }
       ),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ i(
         "button",
         {
           type: "button",
           className: t.objectAction,
-          disabled: b || !p.trim(),
+          disabled: v || !u.trim(),
           onClick: () => {
-            O();
+            S();
           },
           "data-cy": "meeting-objects-create",
-          children: "Завести"
+          children: r("meeting.directory.create")
         }
       ),
-      E && /* @__PURE__ */ a("span", { className: t.namingError, children: E })
+      E && /* @__PURE__ */ i("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,
+    /* @__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: "справочник",
-            onRetry: m,
+            what: r("meeting.directory.errorWhat"),
+            onRetry: d,
             "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(
+        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: () => o(l === e.id ? null : e.id),
+            onClick: () => m(l === e.id ? null : e.id),
             "data-cy": "meeting-object-row",
             children: [
-              /* @__PURE__ */ i("span", { className: t.namingWho, children: [
-                /* @__PURE__ */ a(
+              /* @__PURE__ */ c("span", { className: t.namingWho, children: [
+                /* @__PURE__ */ i(
                   q,
                   {
                     label: e.displayName,
-                    avatarUrl: V(e, P, s)
+                    avatarUrl: W(e, M, a)
                   }
                 ),
                 e.displayName
               ] }),
-              /* @__PURE__ */ a("span", { className: t.namingCount, children: r === "PERSON" ? e.appearanceCount > 0 ? `встреч: ${e.appearanceCount}` : "ещё не встречался" : e.mentionCount > 0 ? `упоминаний: ${e.mentionCount}` : "ещё не упоминалась" })
+              /* @__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__ */ a("div", { className: t.directoryDetails, children: l ? /* @__PURE__ */ a(
-        D,
+      /* @__PURE__ */ i("div", { className: t.directoryDetails, children: l ? /* @__PURE__ */ i(
+        F,
         {
-          workspaceId: s,
-          objectType: r,
+          workspaceId: a,
+          objectType: n,
           objectId: l,
-          onChanged: m,
+          onChanged: d,
           onMerged: (e) => {
-            o(e), m();
+            m(e), d();
           }
         },
         l
-      ) : /* @__PURE__ */ a("p", { className: t.empty, children: "Выберите объект слева." }) })
+      ) : /* @__PURE__ */ i("p", { className: t.empty, children: r("meeting.directory.pickObject") }) })
     ] })
   ] });
 }
 export {
-  k as MeetingObjectDirectory
+  te as MeetingObjectDirectory
 };

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

@@ -1 +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"}
+{"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"}