@webx-ui/module-team 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 webx-ui
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,63 @@
+# @webx-ui/module-team
+
+The front end of the team section of the [WebX UI](https://github.com/webx-ui/webx-ui) admin
+panel: the people of the organisation — a photo, a name, a job title, a few lines of text, their
+social links and, when the site has services, the services they provide.
+
+The other half is the Composer package `webx-ui/module-team`, which owns the people, their order,
+the Team block, `team()` for templates and the API. A section appears in the panel when both halves
+are installed.
+
+## Install
+
+```bash
+npm install @webx-ui/module-team
+```
+
+```ts
+import { createAdmin } from '@webx-ui/module-admin'
+import { team } from '@webx-ui/module-team'
+import '@webx-ui/module-team/style.css'
+
+createAdmin({
+  basePath: '/cms',
+  modules: [team()],
+}).mount()
+```
+
+`team()` is one section and one entry of the menu, at the top level — the team has no categories,
+so there is nothing to group it with. `team({ path: '/staff' })` puts it somewhere else inside the
+panel.
+
+On the server, the block type the module offers is installed once:
+
+```bash
+php artisan webx:blocks:offered --install --module=team
+```
+
+## The team
+
+A list and the form of one person side by side, without pages: the list is where people are put
+in order — the one order every team block on the site shows — and a drag cannot cross a page
+boundary. The open person is in the address (`?member=12`), so a link to them is a link to the list
+around them too. **New person** is a row that opens an empty form; the person is created by its
+first save. On a phone the form slides over the list and draws its own «Back».
+
+A row shows the photo (or the initials), the name, the job title and a mark when the person is not
+published. While a search narrows the list, the grips disappear. The bin lists who was deleted,
+newest first, and brings them back to their place.
+
+The form is the `team.form` screen, described in JSON on the server: the photo from the library,
+the name, the job title and the text in every language of the site, the social links (a network
+from the site's list and an address, in the order the site prints them), the services — only on a
+site that has them — **Published** and a card for the project's own fields. Save with the button or
+`Ctrl+S`; leaving with unsaved changes asks first. A person has no draft: a save is on the site.
+
+## Words
+
+The panel's words come from the server (`webx-team::*`, ten languages). `teamMessages` is the
+English floor the section falls back on while they load, or when a key is missing.
+
+## License
+
+MIT

package/dist/MemberPane.d.ts

@@ -0,0 +1,21 @@
+import { MemberSummary } from './types';
+type __VLS_Props = {
+    /** `null` — a person not written yet. */
+    id: number | null;
+    /** False in the drawer a narrow screen opens this in. */
+    inline?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    saved: (member: MemberSummary) => any;
+    back: () => any;
+    created: (member: MemberSummary) => any;
+    removed: (id: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSaved?: ((member: MemberSummary) => any) | undefined;
+    onBack?: (() => any) | undefined;
+    onCreated?: ((member: MemberSummary) => any) | undefined;
+    onRemoved?: ((id: number) => any) | undefined;
+}>, {
+    inline: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/TeamPage.d.ts

@@ -0,0 +1,20 @@
+/**
+ * The team: everybody on the left, the person being written on the right (§5.6, decision 11).
+ *
+ * The shape of the reviews without their categories: a person is typed in from a list sent by
+ * the client in a minute, and the next one is usually the one under it. On a phone the form is
+ * the whole screen, in the drawer `WxListDetail` raises, and draws its own way back.
+ *
+ * One order, the general one (decision 5): a drag moves it; a search or the bin shows a
+ * selection, so the grips go away and the line under the list says why.
+ *
+ * Everything the screen is looking at lives in the address — the view, the search and the open
+ * person — so a link to a person is a link to them in their list.
+ */
+type __VLS_Props = {
+    base?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    base: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/api.d.ts

@@ -0,0 +1,22 @@
+import { AdminContext } from '@webx-ui/module-admin';
+import { ScreenModel } from '@webx-ui/schema';
+import { MemberDetail, MemberQuery, MemberRow, MembersList } from './types';
+export interface TeamApi {
+    list(query?: MemberQuery): Promise<MembersList>;
+    get(id: number): Promise<MemberDetail>;
+    /**
+     * A new person out of the values of their form, in one request: the form is filled in first
+     * and the record made on the first save, so nobody leaves an empty person behind.
+     */
+    create(values: ScreenModel): Promise<MemberDetail>;
+    /** Refused with a 422 under the name of the field — `socials.<n>.url` for a link. */
+    save(id: number, values: ScreenModel): Promise<MemberDetail>;
+    remove(id: number): Promise<void>;
+    restore(id: number): Promise<MemberRow>;
+    /** The one order there is (decision 5). */
+    reorder(ids: number[]): Promise<void>;
+}
+/** The path of the section under the panel's API, and of its order. */
+export declare const TEAM_API = "team";
+/** Everything under `/team`, below the panel's API path (§5.7). */
+export declare function createTeamApi(admin: AdminContext): TeamApi;

package/dist/i18n.d.ts

@@ -0,0 +1,2 @@
+/** Puts this package's English under the panel's dictionary, once per panel. */
+export declare function useTeamMessages(): void;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { team, type TeamOptions } from './module';
+export { createTeamApi, TEAM_API, type TeamApi } from './api';
+export { teamMessages } from './messages';
+export { default as WxTeamPage } from './TeamPage';
+export { default as WxMemberPane } from './MemberPane';
+export type { MemberDetail, MemberQuery, MemberRow, MembersList, MemberSummary, SocialLink, } from './types';

package/dist/index.js

@@ -0,0 +1,555 @@
+import { defineComponent as ae, ref as S, computed as v, onMounted as me, onBeforeUnmount as ne, openBlock as y, createElementBlock as A, createBlock as N, unref as n, Fragment as le, createVNode as b, createSlots as ve, withCtx as p, createTextVNode as E, toDisplayString as L, createCommentVNode as V, watch as Y, createElementVNode as K, normalizeClass as F, resolveDynamicComponent as be } from "vue";
+import { onBeforeRouteUpdate as pe, onBeforeRouteLeave as he, useRoute as fe, useRouter as ye } from "vue-router";
+import { useLocales as we, localizedValue as ge, WxSkeleton as re, WxBadge as oe, WxActionBar as xe, WxButton as _e, toast as x, confirm as G, WxCard as ke, WxListDetail as Te, WxEmpty as Z, WxInput as Se, WxIcon as ee, WxSortableList as We, WxAvatar as Ne, WxAlert as qe } from "@webx-ui/core";
+import { reorderItems as Be, useAdmin as Q, useTranslate as se, useErrorText as ie, WxScreenHead as $e, WxScreen as Ce, WxSaveState as Pe, useItemOrder as Ve, WxListScreen as Ae, WxRowMenu as Le } from "@webx-ui/module-admin";
+const H = "team";
+function ue(i) {
+  const u = `${i.apiPath}/${H}`, s = (t) => t.data;
+  return {
+    list: (t = {}) => {
+      const c = new URLSearchParams();
+      return t.search && c.set("search", t.search), t.trashed && c.set("trashed", "1"), i.http.get(c.size > 0 ? `${u}?${c}` : u);
+    },
+    get: (t) => i.http.get(`${u}/${t}`).then(s),
+    create: (t) => i.http.post(u, { values: t }).then(s),
+    save: (t, c) => i.http.put(`${u}/${t}`, { values: c }).then(s),
+    remove: (t) => i.http.delete(`${u}/${t}`).then(() => {
+    }),
+    // The resource of the list line, and not the form's pair: a restored person stays closed.
+    restore: (t) => i.http.post(`${u}/${t}/restore`, {}).then(s),
+    reorder: (t) => Be(i, H, t, null)
+  };
+}
+const Me = {
+  module: {
+    team: "Team"
+  },
+  member: {
+    new: "New person",
+    untitled: "Untitled",
+    search: "Search the team",
+    empty: "Nobody on the team yet.",
+    "empty-help": "A person reaches the site in a team block, on any page.",
+    "empty-search": "Nothing matches that.",
+    "empty-bin": "The bin is empty.",
+    all: "All",
+    trashed: "Bin",
+    "not-published": "Not published",
+    "no-job-title": "No job title",
+    order: "Drag to change the order on the site.",
+    choose: "Choose a person",
+    "choose-help": "Or add a new one: the first line of the list.",
+    save: "Save",
+    saved: "Saved.",
+    "save-failed": "Not saved.",
+    cancel: "Cancel",
+    delete: "Delete",
+    "delete-title": "Delete “:name” from the team?",
+    "delete-text": "They go to the bin and leave every block on the site. Restored, they come back to their place.",
+    deleted: "Moved to the bin.",
+    restore: "Restore",
+    restored: "Restored.",
+    "reorder-failed": "The new order was not saved.",
+    "leave-title": "Leave without saving?",
+    "leave-text": "What you wrote about this person is not on the server.",
+    leave: "Leave",
+    back: "Back to the list"
+  },
+  screen: {
+    person: "Person",
+    photo: "Photo",
+    "photo-help": "Without one, the site shows the initials of the name.",
+    name: "Name",
+    "name-help": "Required in the default language. Not written in another, the default one is shown.",
+    "job-title": "Job title",
+    "job-title-help": "Printed under the name. Not written in a language, the default one is shown.",
+    about: "About",
+    text: "Text",
+    "text-help": "Printed only in the language it is written in. The person is shown either way.",
+    links: "Links",
+    socials: "Social networks",
+    "socials-help": "In the order the site prints them. A row left empty is dropped when you save.",
+    "socials-add": "Add a link",
+    "socials-empty": "No links.",
+    network: "Network",
+    "network-placeholder": "Choose a network",
+    url: "Address",
+    services: "Services",
+    "services-help": "What the person provides: a team block on a service’s page can show only them.",
+    settings: "Settings",
+    published: "Published",
+    "published-help": "On the site in every team block, from the moment it is saved."
+  }
+}, te = /* @__PURE__ */ new WeakSet();
+function de() {
+  try {
+    const { i18n: i } = Q();
+    te.has(i) || (i.defaults("webx-team", Me), te.add(i));
+  } catch {
+  }
+}
+const Re = /* @__PURE__ */ ae({
+  name: "WxMemberPane",
+  __name: "MemberPane",
+  props: {
+    id: {},
+    inline: { type: Boolean, default: !0 }
+  },
+  emits: ["back", "saved", "created", "removed"],
+  setup(i, { emit: u }) {
+    const s = i, t = u, c = Q(), l = ue(c), $ = we();
+    de();
+    const o = se("webx-team"), W = ie(), w = S(null), _ = S({}), k = S(""), h = S(s.id !== null), g = S(!1), q = S({}), f = v(() => c.can("team.manage")), M = v(() => JSON.stringify(_.value)), B = v(() => k.value !== "" && M.value !== k.value), R = v(() => g.value ? "saving" : B.value || s.id === null ? "unsaved" : "saved"), z = v(() => {
+      const a = _.value.name, d = s.id === null ? o("member.new") : w.value?.name ?? "";
+      return ge(a, $.active.value, d) || o("member.untitled");
+    });
+    function D(a) {
+      w.value = a.member, _.value = a.values, k.value = JSON.stringify(a.values);
+    }
+    if (s.id === null) {
+      const a = {
+        name: {},
+        job_title: {},
+        text: {},
+        photo: null,
+        socials: [],
+        published: !1
+      };
+      _.value = a, k.value = JSON.stringify(a);
+    }
+    async function T() {
+      if (s.id !== null) {
+        h.value = !0;
+        try {
+          D(await l.get(s.id));
+        } catch (a) {
+          x.danger(W(a)), t("back");
+        } finally {
+          h.value = !1;
+        }
+      }
+    }
+    async function C() {
+      if (!(g.value || !f.value)) {
+        g.value = !0, q.value = {};
+        try {
+          const a = s.id === null, d = a ? await l.create(_.value) : await l.save(s.id, _.value);
+          D(d), x.success(o("member.saved")), t(a ? "created" : "saved", d.member);
+        } catch (a) {
+          const d = a.body;
+          d?.errors ? (q.value = d.errors, x.danger(o("member.save-failed"))) : x.danger(W(a));
+        } finally {
+          g.value = !1;
+        }
+      }
+    }
+    async function U() {
+      const a = w.value;
+      if (!(!a || !await G({
+        title: o("member.delete-title", { name: a.name }),
+        message: o("member.delete-text"),
+        confirmText: o("member.delete"),
+        cancelText: o("member.cancel"),
+        tone: "danger"
+      })))
+        try {
+          await l.remove(a.id), x.success(o("member.deleted")), k.value = M.value, t("removed", a.id);
+        } catch (P) {
+          x.danger(W(P));
+        }
+    }
+    function j(a) {
+      B.value && a.preventDefault();
+    }
+    function O(a) {
+      (a.ctrlKey || a.metaKey) && a.key.toLowerCase() === "s" && (a.preventDefault(), (B.value || s.id === null) && C());
+    }
+    me(() => {
+      T(), window.addEventListener("beforeunload", j);
+    }), ne(() => {
+      window.removeEventListener("beforeunload", j);
+    });
+    async function I() {
+      return !B.value || !f.value ? !0 : await G({
+        title: o("member.leave-title"),
+        message: o("member.leave-text"),
+        confirmText: o("member.leave"),
+        cancelText: o("member.cancel"),
+        tone: "danger"
+      });
+    }
+    pe(
+      async (a, d) => a.query.member === d.query.member ? !0 : await I()
+    ), he(I);
+    const J = v(
+      () => f.value && w.value !== null ? [
+        {
+          key: "delete",
+          label: o("member.delete"),
+          icon: "trash",
+          danger: !0,
+          menu: !0,
+          run: () => {
+            U();
+          }
+        }
+      ] : []
+    );
+    return (a, d) => (y(), A("div", {
+      class: "wx-member",
+      onKeydown: O
+    }, [
+      h.value ? (y(), N(n(re), {
+        key: 0,
+        class: "wx-member__ghost",
+        title: "",
+        rows: 6
+      })) : (y(), A(le, { key: 1 }, [
+        b(n($e), {
+          level: 3,
+          back: !s.inline,
+          "back-label": n(o)("member.back"),
+          title: z.value,
+          actions: J.value,
+          "collapse-below": 480,
+          onBack: d[0] || (d[0] = (P) => t("back"))
+        }, ve({ _: 2 }, [
+          w.value && !w.value.published ? {
+            name: "title-after",
+            fn: p(() => [
+              b(n(oe), { dot: "" }, {
+                default: p(() => [
+                  E(L(n(o)("member.not-published")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["back", "back-label", "title", "actions"]),
+        b(n(Ce), {
+          modelValue: _.value,
+          "onUpdate:modelValue": d[1] || (d[1] = (P) => _.value = P),
+          name: "team.form",
+          errors: q.value,
+          disabled: !f.value || g.value
+        }, null, 8, ["modelValue", "errors", "disabled"]),
+        f.value ? (y(), N(n(xe), { key: 0 }, {
+          state: p(() => [
+            b(n(Pe), { state: R.value }, null, 8, ["state"])
+          ]),
+          default: p(() => [
+            b(n(_e), {
+              type: "primary",
+              loading: g.value,
+              disabled: !B.value && s.id !== null,
+              onClick: C
+            }, {
+              default: p(() => [
+                E(L(n(o)("member.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })) : V("", !0)
+      ], 64))
+    ], 32));
+  }
+}), ce = (i, u) => {
+  const s = i.__vccOpts || i;
+  for (const [t, c] of u)
+    s[t] = c;
+  return s;
+}, Ue = /* @__PURE__ */ ce(Re, [["__scopeId", "data-v-fa99d370"]]), je = { class: "wx-team__bar" }, ze = { class: "wx-member-row__body" }, De = { class: "wx-member-row__name" }, Ie = {
+  key: 0,
+  class: "wx-member-row__job"
+}, Ee = {
+  key: 1,
+  class: "wx-member-row__facts"
+}, Oe = /* @__PURE__ */ ae({
+  __name: "TeamPage",
+  props: {
+    base: { default: "/team" }
+  },
+  setup(i) {
+    const u = Q(), s = ue(u), t = fe(), c = ye();
+    de();
+    const l = se("webx-team"), $ = ie(), o = S([]), W = S(!0), w = v(() => u.can("team.manage")), _ = v(
+      () => u.state.manifest?.modules.find((e) => e.id === "team")?.title ?? l("module.team")
+    ), k = v({
+      get: () => t.query.view === "trashed" ? "trashed" : "",
+      set: (e) => {
+        const m = {
+          ...t.query,
+          view: e === "" ? void 0 : String(e)
+        };
+        delete m.member, c.replace({ query: m });
+      }
+    }), h = v(() => k.value === "trashed"), g = v(() => typeof t.query.q == "string" ? t.query.q : ""), q = S(g.value), f = v(() => {
+      const e = t.query.member;
+      return e === "new" ? w.value ? "new" : null : typeof e == "string" && e !== "" && Number(e) || null;
+    }), M = v({
+      get: () => f.value !== null,
+      set: (e) => {
+        e || j();
+      }
+    }), B = v(() => [
+      { value: "", label: l("member.all") },
+      { value: "trashed", label: l("member.trashed"), icon: "trash" }
+    ]), R = Ve(H, () => ({ q: g.value, filtered: h.value })), z = v(() => w.value && R.sortable.value), D = v(() => g.value !== "" ? l("member.empty-search") : h.value ? l("member.empty-bin") : l("member.empty"));
+    async function T() {
+      W.value = !0;
+      try {
+        const e = await s.list({ search: g.value, trashed: h.value });
+        o.value = e.data;
+      } catch (e) {
+        x.danger($(e));
+      } finally {
+        W.value = !1;
+      }
+    }
+    Y(
+      () => [k.value, g.value],
+      () => {
+        T();
+      }
+    ), T();
+    let C;
+    Y(q, (e) => {
+      clearTimeout(C), C = setTimeout(() => {
+        c.replace({ query: { ...t.query, q: e.trim() === "" ? void 0 : e } });
+      }, 300);
+    }), ne(() => clearTimeout(C));
+    function U(e) {
+      c.replace({ query: { ...t.query, member: String(e) } });
+    }
+    function j() {
+      const e = { ...t.query };
+      delete e.member, c.replace({ query: e });
+    }
+    function O(e) {
+      U(e.id), T();
+    }
+    async function I() {
+      try {
+        await R.move(o.value.map((e) => e.id));
+      } catch (e) {
+        x.danger($(e, l("member.reorder-failed"))), await T();
+      }
+    }
+    function J(e) {
+      return w.value ? h.value ? [
+        {
+          key: "restore",
+          icon: "refresh",
+          label: l("member.restore"),
+          run: () => {
+            P(e);
+          }
+        }
+      ] : [
+        {
+          key: "delete",
+          icon: "trash",
+          label: l("member.delete"),
+          danger: !0,
+          run: () => {
+            a(e);
+          }
+        }
+      ] : [];
+    }
+    async function a(e) {
+      if (await G({
+        title: l("member.delete-title", { name: e.name }),
+        message: l("member.delete-text"),
+        confirmText: l("member.delete"),
+        cancelText: l("member.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await s.remove(e.id), x.success(l("member.deleted")), d(e.id);
+        } catch (r) {
+          x.danger($(r));
+        }
+    }
+    function d(e) {
+      f.value === e && j(), T();
+    }
+    async function P(e) {
+      try {
+        await s.restore(e.id), x.success(l("member.restored"));
+      } catch (m) {
+        x.danger($(m));
+      } finally {
+        await T();
+      }
+    }
+    return (e, m) => (y(), N(n(Ae), {
+      view: k.value,
+      "onUpdate:view": m[4] || (m[4] = (r) => k.value = r),
+      title: _.value,
+      views: B.value,
+      card: !1
+    }, {
+      default: p(() => [
+        b(n(ke), {
+          class: "wx-team",
+          padding: "none"
+        }, {
+          default: p(() => [
+            b(n(Te), {
+              open: M.value,
+              "onUpdate:open": m[3] || (m[3] = (r) => M.value = r),
+              class: "wx-team__panes",
+              "list-width": 360,
+              "detail-min": 460,
+              "detail-label": n(l)("module.team")
+            }, {
+              list: p(() => [
+                K("div", je, [
+                  b(n(Se), {
+                    modelValue: q.value,
+                    "onUpdate:modelValue": m[0] || (m[0] = (r) => q.value = r),
+                    class: "wx-team__search",
+                    size: "sm",
+                    clearable: "",
+                    placeholder: n(l)("member.search"),
+                    "aria-label": n(l)("member.search")
+                  }, {
+                    prefix: p(() => [
+                      b(n(ee), {
+                        name: "search",
+                        size: "sm"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "placeholder", "aria-label"])
+                ]),
+                w.value && !h.value ? (y(), A("button", {
+                  key: 0,
+                  type: "button",
+                  class: F(["wx-team__new", { "is-current": f.value === "new" }]),
+                  onClick: m[1] || (m[1] = (r) => U("new"))
+                }, [
+                  b(n(ee), {
+                    name: "plus",
+                    size: "sm"
+                  }),
+                  E(" " + L(n(l)("member.new")), 1)
+                ], 2)) : V("", !0),
+                W.value && o.value.length === 0 ? (y(), N(n(re), {
+                  key: 1,
+                  class: "wx-team__loading",
+                  rows: 5
+                })) : o.value.length === 0 ? (y(), N(n(Z), {
+                  key: 2,
+                  title: D.value,
+                  description: !h.value && g.value === "" ? n(l)("member.empty-help") : void 0
+                }, null, 8, ["title", "description"])) : (y(), A(le, { key: 3 }, [
+                  b(n(We), {
+                    modelValue: o.value,
+                    "onUpdate:modelValue": m[2] || (m[2] = (r) => o.value = r),
+                    class: F(["wx-team__list", { "is-loading": W.value }]),
+                    plain: "",
+                    "item-key": "id",
+                    handle: z.value ? "grip" : "row",
+                    "item-label": (r) => r.name,
+                    disabled: !z.value,
+                    onMove: I
+                  }, {
+                    default: p(({ item: r }) => [
+                      (y(), N(be(h.value ? "div" : "button"), {
+                        type: h.value ? void 0 : "button",
+                        class: F(["wx-member-row", { "is-current": f.value === r.id }]),
+                        onClick: (X) => h.value ? void 0 : U(r.id)
+                      }, {
+                        default: p(() => [
+                          b(n(Ne), {
+                            class: "wx-member-row__photo",
+                            src: r.photo?.thumb ?? void 0,
+                            name: r.name,
+                            size: "md"
+                          }, null, 8, ["src", "name"]),
+                          K("span", ze, [
+                            K("span", De, L(r.name), 1),
+                            r.job_title ? (y(), A("span", Ie, L(r.job_title), 1)) : V("", !0),
+                            r.published ? V("", !0) : (y(), A("span", Ee, [
+                              b(n(oe), {
+                                dot: "",
+                                size: "sm"
+                              }, {
+                                default: p(() => [
+                                  E(L(n(l)("member.not-published")), 1)
+                                ]),
+                                _: 1
+                              })
+                            ]))
+                          ])
+                        ]),
+                        _: 2
+                      }, 1032, ["type", "class", "onClick"]))
+                    ]),
+                    actions: p(({ item: r }) => [
+                      b(n(Le), {
+                        actions: J(r),
+                        label: r.name
+                      }, null, 8, ["actions", "label"])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "class", "handle", "item-label", "disabled"]),
+                  w.value && !h.value ? (y(), N(n(qe), {
+                    key: 0,
+                    class: "wx-team__note",
+                    type: "info",
+                    description: n(R).hint.value
+                  }, null, 8, ["description"])) : V("", !0)
+                ], 64))
+              ]),
+              detail: p(({ inline: r, back: X }) => [
+                f.value !== null ? (y(), N(Ue, {
+                  id: f.value === "new" ? null : f.value,
+                  key: String(f.value),
+                  inline: r,
+                  onBack: X,
+                  onSaved: T,
+                  onCreated: O,
+                  onRemoved: d
+                }, null, 8, ["id", "inline", "onBack"])) : V("", !0)
+              ]),
+              empty: p(() => [
+                b(n(Z), {
+                  title: n(l)("member.choose"),
+                  description: w.value ? n(l)("member.choose-help") : void 0
+                }, null, 8, ["title", "description"])
+              ]),
+              _: 1
+            }, 8, ["open", "detail-label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["view", "title", "views"]));
+  }
+}), Je = /* @__PURE__ */ ce(Oe, [["__scopeId", "data-v-65fc44a2"]]);
+function Qe(i = {}) {
+  const u = i.path ?? "/team";
+  return {
+    id: "team",
+    path: u,
+    // One route: the open person is in the address (`?member=`), beside the list they were
+    // opened from, so a link to them is a link to both.
+    routes: [{ path: u, name: "webx.team", component: Je, props: { base: u } }]
+  };
+}
+export {
+  H as TEAM_API,
+  Ue as WxMemberPane,
+  Je as WxTeamPage,
+  ue as createTeamApi,
+  Qe as team,
+  Me as teamMessages
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/api.ts","../src/messages.ts","../src/i18n.ts","../src/MemberPane.vue","../src/TeamPage.vue","../src/module.ts"],"sourcesContent":["import { reorderItems, type AdminContext } from '@webx-ui/module-admin'\nimport type { ScreenModel } from '@webx-ui/schema'\nimport type { MemberDetail, MemberQuery, MemberRow, MembersList } from './types'\n\nexport interface TeamApi {\n  list(query?: MemberQuery): Promise<MembersList>\n  get(id: number): Promise<MemberDetail>\n  /**\n   * A new person out of the values of their form, in one request: the form is filled in first\n   * and the record made on the first save, so nobody leaves an empty person behind.\n   */\n  create(values: ScreenModel): Promise<MemberDetail>\n  /** Refused with a 422 under the name of the field — `socials.<n>.url` for a link. */\n  save(id: number, values: ScreenModel): Promise<MemberDetail>\n  remove(id: number): Promise<void>\n  restore(id: number): Promise<MemberRow>\n  /** The one order there is (decision 5). */\n  reorder(ids: number[]): Promise<void>\n}\n\n/** The path of the section under the panel's API, and of its order. */\nexport const TEAM_API = 'team'\n\n/** Everything under `/team`, below the panel's API path (§5.7). */\nexport function createTeamApi(admin: AdminContext): TeamApi {\n  const base = `${admin.apiPath}/${TEAM_API}`\n  const data = <T>(body: { data: T }): T => body.data\n\n  return {\n    list: (query = {}) => {\n      const search = new URLSearchParams()\n\n      if (query.search) search.set('search', query.search)\n      if (query.trashed) search.set('trashed', '1')\n\n      return admin.http.get<MembersList>(search.size > 0 ? `${base}?${search}` : base)\n    },\n    get: (id) => admin.http.get<{ data: MemberDetail }>(`${base}/${id}`).then(data),\n    create: (values) => admin.http.post<{ data: MemberDetail }>(base, { values }).then(data),\n    save: (id, values) =>\n      admin.http.put<{ data: MemberDetail }>(`${base}/${id}`, { values }).then(data),\n    remove: (id) => admin.http.delete<void>(`${base}/${id}`).then(() => undefined),\n    // The resource of the list line, and not the form's pair: a restored person stays closed.\n    restore: (id) => admin.http.post<{ data: MemberRow }>(`${base}/${id}/restore`, {}).then(data),\n    reorder: (ids) => reorderItems(admin, TEAM_API, ids, null),\n  }\n}\n","import type { Messages } from '@webx-ui/module-admin'\n\n/**\n * The English this package speaks on its own, before the server's dictionary arrives, or without\n * one. The server ships the same lines in ten languages under `webx-team::` and overrides these;\n * `messages.test.ts` keeps the two sets of keys equal.\n */\nexport const teamMessages: Record<string, Messages> = {\n  module: {\n    team: 'Team',\n  },\n  member: {\n    new: 'New person',\n    untitled: 'Untitled',\n    search: 'Search the team',\n    empty: 'Nobody on the team yet.',\n    'empty-help': 'A person reaches the site in a team block, on any page.',\n    'empty-search': 'Nothing matches that.',\n    'empty-bin': 'The bin is empty.',\n    all: 'All',\n    trashed: 'Bin',\n    'not-published': 'Not published',\n    'no-job-title': 'No job title',\n    order: 'Drag to change the order on the site.',\n    choose: 'Choose a person',\n    'choose-help': 'Or add a new one: the first line of the list.',\n    save: 'Save',\n    saved: 'Saved.',\n    'save-failed': 'Not saved.',\n    cancel: 'Cancel',\n    delete: 'Delete',\n    'delete-title': 'Delete “:name” from the team?',\n    'delete-text':\n      'They go to the bin and leave every block on the site. Restored, they come back to their place.',\n    deleted: 'Moved to the bin.',\n    restore: 'Restore',\n    restored: 'Restored.',\n    'reorder-failed': 'The new order was not saved.',\n    'leave-title': 'Leave without saving?',\n    'leave-text': 'What you wrote about this person is not on the server.',\n    leave: 'Leave',\n    back: 'Back to the list',\n  },\n  screen: {\n    person: 'Person',\n    photo: 'Photo',\n    'photo-help': 'Without one, the site shows the initials of the name.',\n    name: 'Name',\n    'name-help':\n      'Required in the default language. Not written in another, the default one is shown.',\n    'job-title': 'Job title',\n    'job-title-help':\n      'Printed under the name. Not written in a language, the default one is shown.',\n    about: 'About',\n    text: 'Text',\n    'text-help': 'Printed only in the language it is written in. The person is shown either way.',\n    links: 'Links',\n    socials: 'Social networks',\n    'socials-help': 'In the order the site prints them. A row left empty is dropped when you save.',\n    'socials-add': 'Add a link',\n    'socials-empty': 'No links.',\n    network: 'Network',\n    'network-placeholder': 'Choose a network',\n    url: 'Address',\n    services: 'Services',\n    'services-help':\n      'What the person provides: a team block on a service’s page can show only them.',\n    settings: 'Settings',\n    published: 'Published',\n    'published-help': 'On the site in every team block, from the moment it is saved.',\n  },\n}\n","import { useAdmin } from '@webx-ui/module-admin'\nimport { teamMessages } from './messages'\n\nconst seeded = new WeakSet<object>()\n\n/** Puts this package's English under the panel's dictionary, once per panel. */\nexport function useTeamMessages(): void {\n  try {\n    const { i18n } = useAdmin()\n\n    if (!seeded.has(i18n)) {\n      i18n.defaults('webx-team', teamMessages)\n      seeded.add(i18n)\n    }\n  } catch {\n    // Outside a panel there is no dictionary to seed, and `useTranslate` falls back on its own.\n  }\n}\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\nimport { onBeforeRouteLeave, onBeforeRouteUpdate, type RouteLocationNormalized } from 'vue-router'\nimport {\n  confirm,\n  localizedValue,\n  toast,\n  useLocales,\n  WxActionBar,\n  WxBadge,\n  WxButton,\n  WxSkeleton,\n  type LocalizedValue,\n} from '@webx-ui/core'\nimport {\n  useAdmin,\n  useErrorText,\n  useTranslate,\n  WxSaveState,\n  WxScreen,\n  WxScreenHead,\n  type ScreenAction,\n} from '@webx-ui/module-admin'\nimport type { ScreenModel } from '@webx-ui/schema'\nimport { createTeamApi } from './api'\nimport { useTeamMessages } from './i18n'\nimport type { MemberDetail, MemberSummary } from './types'\n\n/**\n * One person: the pane beside the list, and the whole screen on a phone.\n *\n * The described screen `team.form` with a head over it and one button under it. One explicit\n * save, and no autosave: a person has no draft (decision 10), so what is saved is on the site at\n * once — the button is the moment somebody decides it is ready.\n *\n * A new person is a form first and a record on the first save: an empty row made by pressing\n * \"New person\" and walking away would be a nameless card on every team block for ever.\n *\n * The way back is drawn here and not by the pane around it: the drawer a narrow screen opens\n * this in has no close of its own on purpose (CLAUDE.md §4).\n */\ndefineOptions({ name: 'WxMemberPane' })\n\nconst props = withDefaults(\n  defineProps<{\n    /** `null` — a person not written yet. */\n    id: number | null\n    /** False in the drawer a narrow screen opens this in. */\n    inline?: boolean\n  }>(),\n  { inline: true },\n)\n\nconst emit = defineEmits<{\n  back: []\n  /** The person was written; the list redraws their row. */\n  saved: [member: MemberSummary]\n  /** The first save of a new person: a record now, with an id to be opened by. */\n  created: [member: MemberSummary]\n  removed: [id: number]\n}>()\n\nconst context = useAdmin()\nconst api = createTeamApi(context)\nconst locales = useLocales()\nuseTeamMessages()\n\nconst t = useTranslate('webx-team')\n/* Not the server's `message`: the panel says how a request failed in its own words. */\nconst message = useErrorText()\n\nconst member = ref<MemberSummary | null>(null)\nconst values = ref<ScreenModel>({})\nconst snapshot = ref('')\n\nconst loading = ref(props.id !== null)\nconst saving = ref(false)\nconst errors = ref<Record<string, string[]>>({})\n\nconst canManage = computed(() => context.can('team.manage'))\n\nconst current = computed(() => JSON.stringify(values.value))\nconst dirty = computed(() => snapshot.value !== '' && current.value !== snapshot.value)\n\nconst state = computed<'saving' | 'unsaved' | 'saved'>(() => {\n  if (saving.value) return 'saving'\n\n  return dirty.value || props.id === null ? 'unsaved' : 'saved'\n})\n\n/** The name follows the field rather than the answer: an edit shows at the top as it is typed. */\nconst title = computed(() => {\n  const written = values.value.name as LocalizedValue | string | null | undefined\n  const fallback = props.id === null ? t('member.new') : (member.value?.name ?? '')\n\n  return localizedValue(written, locales.active.value, fallback) || t('member.untitled')\n})\n\nfunction take(detail: MemberDetail): void {\n  member.value = detail.member\n  values.value = detail.values\n  snapshot.value = JSON.stringify(detail.values)\n}\n\nif (props.id === null) {\n  // What the server would answer for a person with nothing in them yet. No `services`: the field\n  // is there only when the site has services (decision 3), and the screen fills its own default.\n  const blank: ScreenModel = {\n    name: {},\n    job_title: {},\n    text: {},\n    photo: null,\n    socials: [],\n    published: false,\n  }\n\n  values.value = blank\n  snapshot.value = JSON.stringify(blank)\n}\n\nasync function load(): Promise<void> {\n  if (props.id === null) return\n\n  loading.value = true\n\n  try {\n    take(await api.get(props.id))\n  } catch (error) {\n    toast.danger(message(error))\n    emit('back')\n  } finally {\n    loading.value = false\n  }\n}\n\nasync function save(): Promise<void> {\n  if (saving.value || !canManage.value) return\n\n  saving.value = true\n  errors.value = {}\n\n  try {\n    const made = props.id === null\n    const detail = made\n      ? await api.create(values.value)\n      : await api.save(props.id as number, values.value)\n\n    take(detail)\n    toast.success(t('member.saved'))\n    if (made) emit('created', detail.member)\n    else emit('saved', detail.member)\n  } catch (error) {\n    const body = (error as { body?: { errors?: Record<string, string[]> } }).body\n\n    if (body?.errors) {\n      errors.value = body.errors\n      toast.danger(t('member.save-failed'))\n    } else {\n      toast.danger(message(error))\n    }\n  } finally {\n    saving.value = false\n  }\n}\n\nasync function remove(): Promise<void> {\n  const record = member.value\n\n  if (!record) return\n\n  const agreed = await confirm({\n    title: t('member.delete-title', { name: record.name }),\n    message: t('member.delete-text'),\n    confirmText: t('member.delete'),\n    cancelText: t('member.cancel'),\n    tone: 'danger',\n  })\n\n  if (!agreed) return\n\n  try {\n    await api.remove(record.id)\n    toast.success(t('member.deleted'))\n    // Nothing left to protect: the record is in the bin.\n    snapshot.value = current.value\n    emit('removed', record.id)\n  } catch (error) {\n    toast.danger(message(error))\n  }\n}\n\n/* The browser's own guard: it cannot wait for a request, so all it can do is ask. */\nfunction leaveGuard(event: BeforeUnloadEvent): void {\n  if (dirty.value) event.preventDefault()\n}\n\n/* Ctrl+S saves, as it does everywhere else that has a save button. */\nfunction onKeydown(event: KeyboardEvent): void {\n  if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 's') {\n    event.preventDefault()\n    if (dirty.value || props.id === null) void save()\n  }\n}\n\nonMounted(() => {\n  void load()\n  window.addEventListener('beforeunload', leaveGuard)\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('beforeunload', leaveGuard)\n})\n\nasync function mayLeave(): Promise<boolean> {\n  if (!dirty.value || !canManage.value) return true\n\n  return await confirm({\n    title: t('member.leave-title'),\n    message: t('member.leave-text'),\n    confirmText: t('member.leave'),\n    cancelText: t('member.cancel'),\n    tone: 'danger',\n  })\n}\n\n/*\n * The list and this form are one route, so another person is an update of it rather than a way\n * out — and so is every keystroke in the search above the list, which goes into the address too.\n * Only a change of the person asks.\n */\nonBeforeRouteUpdate(async (to: RouteLocationNormalized, from: RouteLocationNormalized) =>\n  to.query.member === from.query.member ? true : await mayLeave(),\n)\n\nonBeforeRouteLeave(mayLeave)\n\n/* What leads away from the person. On a narrow pane the head folds them into the ···. */\nconst actions = computed<ScreenAction[]>(() =>\n  canManage.value && member.value !== null\n    ? [\n        {\n          key: 'delete',\n          label: t('member.delete'),\n          icon: 'trash',\n          danger: true,\n          menu: true,\n          run: () => void remove(),\n        },\n      ]\n    : [],\n)\n</script>\n\n<template>\n  <div class=\"wx-member\" @keydown=\"onKeydown\">\n    <wx-skeleton v-if=\"loading\" class=\"wx-member__ghost\" title :rows=\"6\" />\n\n    <template v-else>\n      <wx-screen-head\n        :level=\"3\"\n        :back=\"!props.inline\"\n        :back-label=\"t('member.back')\"\n        :title=\"title\"\n        :actions=\"actions\"\n        :collapse-below=\"480\"\n        @back=\"emit('back')\"\n      >\n        <template v-if=\"member && !member.published\" #title-after>\n          <wx-badge dot>{{ t('member.not-published') }}</wx-badge>\n        </template>\n      </wx-screen-head>\n\n      <wx-screen\n        v-model=\"values\"\n        name=\"team.form\"\n        :errors=\"errors\"\n        :disabled=\"!canManage || saving\"\n      />\n\n      <wx-action-bar v-if=\"canManage\">\n        <template #state>\n          <wx-save-state :state=\"state\" />\n        </template>\n\n        <wx-button\n          type=\"primary\"\n          :loading=\"saving\"\n          :disabled=\"!dirty && props.id !== null\"\n          @click=\"save\"\n        >\n          {{ t('member.save') }}\n        </wx-button>\n      </wx-action-bar>\n    </template>\n  </div>\n</template>\n\n<style scoped>\n.wx-member {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wx-gap, var(--wx-space-16));\n  min-width: 0;\n  padding: var(--wx-gap, var(--wx-space-16));\n  container-type: inline-size;\n}\n\n.wx-member__ghost {\n  max-width: 480px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { useRoute, useRouter, type LocationQueryRaw } from 'vue-router'\nimport {\n  confirm,\n  toast,\n  WxAlert,\n  WxAvatar,\n  WxBadge,\n  WxCard,\n  WxEmpty,\n  WxIcon,\n  WxInput,\n  WxListDetail,\n  WxSkeleton,\n  WxSortableList,\n  type TabItem,\n  type TabValue,\n} from '@webx-ui/core'\nimport {\n  useAdmin,\n  useErrorText,\n  useItemOrder,\n  useTranslate,\n  WxListScreen,\n  WxRowMenu,\n  type RowAction,\n} from '@webx-ui/module-admin'\nimport { createTeamApi, TEAM_API } from './api'\nimport { useTeamMessages } from './i18n'\nimport MemberPane from './MemberPane.vue'\nimport type { MemberRow, MemberSummary } from './types'\n\n/**\n * The team: everybody on the left, the person being written on the right (§5.6, decision 11).\n *\n * The shape of the reviews without their categories: a person is typed in from a list sent by\n * the client in a minute, and the next one is usually the one under it. On a phone the form is\n * the whole screen, in the drawer `WxListDetail` raises, and draws its own way back.\n *\n * One order, the general one (decision 5): a drag moves it; a search or the bin shows a\n * selection, so the grips go away and the line under the list says why.\n *\n * Everything the screen is looking at lives in the address — the view, the search and the open\n * person — so a link to a person is a link to them in their list.\n */\nwithDefaults(defineProps<{ base?: string }>(), { base: '/team' })\n\nconst context = useAdmin()\nconst api = createTeamApi(context)\nconst route = useRoute()\nconst router = useRouter()\nuseTeamMessages()\n\nconst t = useTranslate('webx-team')\n/* Not the server's `message`: the panel says how a request failed in its own words. */\nconst message = useErrorText()\n\nconst rows = ref<MemberRow[]>([])\nconst loading = ref(true)\n\nconst canManage = computed(() => context.can('team.manage'))\n\nconst title = computed(\n  () =>\n    context.state.manifest?.modules.find((module) => module.id === 'team')?.title ??\n    t('module.team'),\n)\n\nconst view = computed<TabValue>({\n  get: () => (route.query.view === 'trashed' ? 'trashed' : ''),\n  set: (value) => {\n    const query: LocationQueryRaw = {\n      ...route.query,\n      view: value === '' ? undefined : String(value),\n    }\n\n    // A person from the list is not a person from the bin: the form closes with the view.\n    delete query.member\n    void router.replace({ query })\n  },\n})\n\nconst inBin = computed(() => view.value === 'trashed')\n\nconst q = computed(() => (typeof route.query.q === 'string' ? route.query.q : ''))\n\n/* What is typed, ahead of the address: the address follows it after a pause. */\nconst typed = ref(q.value)\n\n/** The open person: a number, `'new'` for one not yet saved, or nothing. */\nconst selected = computed<number | 'new' | null>(() => {\n  const raw = route.query.member\n\n  if (raw === 'new') return canManage.value ? 'new' : null\n\n  return typeof raw === 'string' && raw !== '' ? Number(raw) || null : null\n})\n\n/*\n * Open is \"a person is chosen\", and closing is un-choosing them — so the address, the list's\n * highlight and the drawer on a phone can never disagree about it.\n */\nconst open = computed({\n  get: () => selected.value !== null,\n  set: (value) => {\n    if (!value) close()\n  },\n})\n\nconst views = computed<TabItem[]>(() => [\n  { value: '', label: t('member.all') },\n  { value: 'trashed', label: t('member.trashed'), icon: 'trash' },\n])\n\nconst order = useItemOrder(TEAM_API, () => ({ q: q.value, filtered: inBin.value }))\n\n/* Dragged only by somebody who may write, and only in a list that is the whole order. */\nconst sortable = computed(() => canManage.value && order.sortable.value)\n\nconst emptyText = computed(() => {\n  if (q.value !== '') return t('member.empty-search')\n\n  return inBin.value ? t('member.empty-bin') : t('member.empty')\n})\n\nasync function load(): Promise<void> {\n  loading.value = true\n\n  try {\n    const answer = await api.list({ search: q.value, trashed: inBin.value })\n\n    rows.value = answer.data\n  } catch (error) {\n    toast.danger(message(error))\n  } finally {\n    loading.value = false\n  }\n}\n\nwatch(\n  () => [view.value, q.value] as const,\n  () => void load(),\n)\nvoid load()\n\nlet pause: ReturnType<typeof setTimeout> | undefined\n\nwatch(typed, (value) => {\n  clearTimeout(pause)\n  pause = setTimeout(() => {\n    void router.replace({ query: { ...route.query, q: value.trim() === '' ? undefined : value } })\n  }, 300)\n})\n\nonBeforeUnmount(() => clearTimeout(pause))\n\n/* `replace` and not `push`: going through twenty people is not twenty steps of history. */\nfunction choose(id: number | 'new'): void {\n  void router.replace({ query: { ...route.query, member: String(id) } })\n}\n\nfunction close(): void {\n  const query = { ...route.query }\n\n  delete query.member\n  void router.replace({ query })\n}\n\n/** A new person was saved: they are a record now, and the list has them. */\nfunction created(member: MemberSummary): void {\n  choose(member.id)\n  void load()\n}\n\n/**\n * The order on screen, written as a whole. The list is already in its new order\n * (`WxSortableList` reorders the model before it says so), so a failure has to put it back\n * rather than leave the screen disagreeing with the database.\n */\nasync function reorder(): Promise<void> {\n  try {\n    await order.move(rows.value.map((row) => row.id))\n  } catch (error) {\n    toast.danger(message(error, t('member.reorder-failed')))\n    await load()\n  }\n}\n\nfunction actionsFor(row: MemberRow): RowAction[] {\n  if (!canManage.value) return []\n\n  if (inBin.value) {\n    return [\n      {\n        key: 'restore',\n        icon: 'refresh',\n        label: t('member.restore'),\n        run: () => void restore(row),\n      },\n    ]\n  }\n\n  return [\n    {\n      key: 'delete',\n      icon: 'trash',\n      label: t('member.delete'),\n      danger: true,\n      run: () => void remove(row),\n    },\n  ]\n}\n\nasync function remove(row: MemberRow): Promise<void> {\n  const agreed = await confirm({\n    title: t('member.delete-title', { name: row.name }),\n    message: t('member.delete-text'),\n    confirmText: t('member.delete'),\n    cancelText: t('member.cancel'),\n    tone: 'danger',\n  })\n\n  if (!agreed) return\n\n  try {\n    await api.remove(row.id)\n    toast.success(t('member.deleted'))\n    removed(row.id)\n  } catch (error) {\n    toast.danger(message(error))\n  }\n}\n\n/** Gone from the list; and if they were the open one, the form goes with them. */\nfunction removed(id: number): void {\n  if (selected.value === id) close()\n\n  void load()\n}\n\nasync function restore(row: MemberRow): Promise<void> {\n  try {\n    await api.restore(row.id)\n    toast.success(t('member.restored'))\n  } catch (error) {\n    toast.danger(message(error))\n  } finally {\n    await load()\n  }\n}\n</script>\n\n<template>\n  <wx-list-screen v-model:view=\"view\" :title=\"title\" :views=\"views\" :card=\"false\">\n    <wx-card class=\"wx-team\" padding=\"none\">\n      <wx-list-detail\n        v-model:open=\"open\"\n        class=\"wx-team__panes\"\n        :list-width=\"360\"\n        :detail-min=\"460\"\n        :detail-label=\"t('module.team')\"\n      >\n        <template #list>\n          <div class=\"wx-team__bar\">\n            <wx-input\n              v-model=\"typed\"\n              class=\"wx-team__search\"\n              size=\"sm\"\n              clearable\n              :placeholder=\"t('member.search')\"\n              :aria-label=\"t('member.search')\"\n            >\n              <template #prefix><wx-icon name=\"search\" size=\"sm\" /></template>\n            </wx-input>\n          </div>\n\n          <!--\n            A line of the list rather than a button in the head: the new person is written where\n            they will stand, beside the ones they join — and the form opens the way any other does.\n          -->\n          <button\n            v-if=\"canManage && !inBin\"\n            type=\"button\"\n            class=\"wx-team__new\"\n            :class=\"{ 'is-current': selected === 'new' }\"\n            @click=\"choose('new')\"\n          >\n            <wx-icon name=\"plus\" size=\"sm\" />\n            {{ t('member.new') }}\n          </button>\n\n          <wx-skeleton v-if=\"loading && rows.length === 0\" class=\"wx-team__loading\" :rows=\"5\" />\n\n          <wx-empty\n            v-else-if=\"rows.length === 0\"\n            :title=\"emptyText\"\n            :description=\"!inBin && q === '' ? t('member.empty-help') : undefined\"\n          />\n\n          <template v-else>\n            <!-- A grip and not the whole row: the row opens a person, and a row that both opens\n                 and drags is one where one of the two happens by accident. -->\n            <wx-sortable-list\n              v-model=\"rows\"\n              class=\"wx-team__list\"\n              :class=\"{ 'is-loading': loading }\"\n              plain\n              item-key=\"id\"\n              :handle=\"sortable ? 'grip' : 'row'\"\n              :item-label=\"(item: MemberRow) => item.name\"\n              :disabled=\"!sortable\"\n              @move=\"reorder\"\n            >\n              <template #default=\"{ item }\">\n                <component\n                  :is=\"inBin ? 'div' : 'button'\"\n                  :type=\"inBin ? undefined : 'button'\"\n                  class=\"wx-member-row\"\n                  :class=\"{ 'is-current': selected === item.id }\"\n                  @click=\"inBin ? undefined : choose(item.id)\"\n                >\n                  <wx-avatar\n                    class=\"wx-member-row__photo\"\n                    :src=\"item.photo?.thumb ?? undefined\"\n                    :name=\"item.name\"\n                    size=\"md\"\n                  />\n\n                  <span class=\"wx-member-row__body\">\n                    <span class=\"wx-member-row__name\">{{ item.name }}</span>\n\n                    <span v-if=\"item.job_title\" class=\"wx-member-row__job\">\n                      {{ item.job_title }}\n                    </span>\n\n                    <span v-if=\"!item.published\" class=\"wx-member-row__facts\">\n                      <wx-badge dot size=\"sm\">{{ t('member.not-published') }}</wx-badge>\n                    </span>\n                  </span>\n                </component>\n              </template>\n\n              <template #actions=\"{ item }\">\n                <wx-row-menu :actions=\"actionsFor(item)\" :label=\"item.name\" />\n              </template>\n            </wx-sortable-list>\n\n            <!-- What a drag does here, or why there is nothing to drag. -->\n            <wx-alert\n              v-if=\"canManage && !inBin\"\n              class=\"wx-team__note\"\n              type=\"info\"\n              :description=\"order.hint.value\"\n            />\n          </template>\n        </template>\n\n        <template #detail=\"{ inline, back }\">\n          <member-pane\n            v-if=\"selected !== null\"\n            :id=\"selected === 'new' ? null : selected\"\n            :key=\"String(selected)\"\n            :inline=\"inline\"\n            @back=\"back\"\n            @saved=\"load\"\n            @created=\"created\"\n            @removed=\"removed\"\n          />\n        </template>\n\n        <template #empty>\n          <wx-empty\n            :title=\"t('member.choose')\"\n            :description=\"canManage ? t('member.choose-help') : undefined\"\n          />\n        </template>\n      </wx-list-detail>\n    </wx-card>\n  </wx-list-screen>\n</template>\n\n<style>\n/*\n * What scrolls here is the page, the way it does on every other list of the panel. The card's\n * corners are the screen's, and the panes paint their own background to the edge: `clip`, not\n * `hidden`, which would make this a scroll container and pin everything sticky inside to a box\n * that never moves (CLAUDE.md §4).\n */\n.wx-team > .wx-card__body {\n  display: flex;\n  flex-direction: column;\n  overflow: clip;\n  border-radius: inherit;\n}\n</style>\n\n<style scoped>\n.wx-team__bar {\n  display: flex;\n  gap: var(--wx-space-8);\n  padding: var(--wx-space-12) var(--wx-space-12) var(--wx-space-8);\n}\n\n.wx-team__search {\n  flex: 1 1 180px;\n  min-width: 0;\n}\n\n.wx-team__new {\n  display: flex;\n  align-items: center;\n  gap: var(--wx-space-8);\n  width: calc(100% - 2 * var(--wx-space-8));\n  margin: 0 var(--wx-space-8) var(--wx-space-4);\n  padding: var(--wx-space-8);\n  border: 1px dashed var(--wx-border-default);\n  border-radius: var(--wx-radius-sm);\n  background: none;\n  font: inherit;\n  color: var(--wx-color-primary);\n  text-align: start;\n  cursor: pointer;\n}\n\n.wx-team__new:hover,\n.wx-team__new.is-current {\n  background: var(--wx-bg-subtle);\n}\n\n.wx-team__loading {\n  padding: var(--wx-space-12);\n}\n\n.wx-team__list {\n  padding-inline: var(--wx-space-8);\n}\n\n.wx-team__list.is-loading {\n  opacity: 0.6;\n}\n\n.wx-team__list :deep(.wx-sortable-list__row) {\n  gap: var(--wx-space-4);\n  padding-inline: var(--wx-space-4);\n  border-radius: var(--wx-radius-sm);\n}\n\n.wx-team__list :deep(.wx-sortable-list__row:hover),\n.wx-team__list :deep(.wx-sortable-list__row:has(.is-current)) {\n  background: var(--wx-bg-subtle);\n}\n\n.wx-team__note {\n  margin: var(--wx-space-8);\n}\n\n.wx-member-row {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wx-space-10);\n  /* The row is the target: a short name should not leave half the line dead — and a button,\n     unlike a link, is only as wide as what is in it until it is told otherwise. */\n  flex: 1 1 auto;\n  width: 100%;\n  min-width: 0;\n  padding-block: var(--wx-space-8);\n  padding-inline: 0;\n  border: 0;\n  background: none;\n  font: inherit;\n  color: inherit;\n  text-align: start;\n}\n\nbutton.wx-member-row {\n  cursor: pointer;\n}\n\n.wx-member-row__photo {\n  flex: none;\n}\n\n.wx-member-row__body {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  gap: var(--wx-space-2);\n  min-width: 0;\n}\n\n.wx-member-row__name {\n  min-width: 0;\n  overflow: hidden;\n  font-weight: var(--wx-font-weight-medium);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wx-member-row.is-current .wx-member-row__name {\n  color: var(--wx-color-primary);\n}\n\n.wx-member-row__job {\n  overflow: hidden;\n  color: var(--wx-text-muted);\n  font-size: var(--wx-font-size-sm);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wx-member-row__facts {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wx-space-4);\n  min-width: 0;\n  margin-top: var(--wx-space-2);\n}\n</style>\n","import type { AdminModule } from '@webx-ui/module-admin'\nimport TeamPage from './TeamPage.vue'\n\nexport interface TeamOptions {\n  /** Where the team lives inside the panel. */\n  path?: string\n}\n\n/**\n * The team as a section of the panel (§5.6): one module and one entry, without a group of its\n * own — there are no categories to stand beside it (decision 1), and a group around a single\n * item is a heading over itself. A section whose server half is not installed never appears —\n * the entry is built from the manifest.\n */\nexport function team(options: TeamOptions = {}): AdminModule {\n  const path = options.path ?? '/team'\n\n  return {\n    id: 'team',\n    path,\n    // One route: the open person is in the address (`?member=`), beside the list they were\n    // opened from, so a link to them is a link to both.\n    routes: [{ path, name: 'webx.team', component: TeamPage, props: { base: path } }],\n  }\n}\n"],"names":["TEAM_API","createTeamApi","admin","base","data","body","query","search","id","values","ids","reorderItems","teamMessages","seeded","useTeamMessages","i18n","useAdmin","props","__props","emit","__emit","context","api","locales","useLocales","t","useTranslate","message","useErrorText","member","ref","snapshot","loading","saving","errors","canManage","computed","current","dirty","state","title","written","fallback","localizedValue","take","detail","blank","load","error","toast","save","made","remove","record","confirm","leaveGuard","event","onKeydown","onMounted","onBeforeUnmount","mayLeave","onBeforeRouteUpdate","to","from","onBeforeRouteLeave","actions","_createElementBlock","_createBlock","_unref","WxSkeleton","_Fragment","_createVNode","WxScreenHead","WxBadge","WxScreen","$event","WxActionBar","WxSaveState","WxButton","route","useRoute","router","useRouter","rows","module","view","value","inBin","q","typed","selected","raw","open","close","views","order","useItemOrder","sortable","emptyText","answer","watch","pause","choose","created","reorder","row","actionsFor","restore","removed","WxListScreen","WxCard","WxListDetail","_createElementVNode","_hoisted_1","WxInput","WxIcon","_normalizeClass","_createTextVNode","WxEmpty","WxSortableList","item","_withCtx","_openBlock","_resolveDynamicComponent","WxAvatar","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","WxRowMenu","WxAlert","inline","back","MemberPane","team","options","path","TeamPage"],"mappings":"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"}

package/dist/messages.d.ts

@@ -0,0 +1,7 @@
+import { Messages } from '@webx-ui/module-admin';
+/**
+ * The English this package speaks on its own, before the server's dictionary arrives, or without
+ * one. The server ships the same lines in ten languages under `webx-team::` and overrides these;
+ * `messages.test.ts` keeps the two sets of keys equal.
+ */
+export declare const teamMessages: Record<string, Messages>;

package/dist/module.d.ts

@@ -0,0 +1,12 @@
+import { AdminModule } from '@webx-ui/module-admin';
+export interface TeamOptions {
+    /** Where the team lives inside the panel. */
+    path?: string;
+}
+/**
+ * The team as a section of the panel (§5.6): one module and one entry, without a group of its
+ * own — there are no categories to stand beside it (decision 1), and a group around a single
+ * item is a heading over itself. A section whose server half is not installed never appears —
+ * the entry is built from the manifest.
+ */
+export declare function team(options?: TeamOptions): AdminModule;

package/dist/style.css

@@ -0,0 +1 @@
+.wx-member[data-v-fa99d370]{display:flex;flex-direction:column;gap:var(--wx-gap, var(--wx-space-16));min-width:0;padding:var(--wx-gap, var(--wx-space-16));container-type:inline-size}.wx-member__ghost[data-v-fa99d370]{max-width:480px}.wx-team>.wx-card__body{display:flex;flex-direction:column;overflow:clip;border-radius:inherit}.wx-team__bar[data-v-65fc44a2]{display:flex;gap:var(--wx-space-8);padding:var(--wx-space-12) var(--wx-space-12) var(--wx-space-8)}.wx-team__search[data-v-65fc44a2]{flex:1 1 180px;min-width:0}.wx-team__new[data-v-65fc44a2]{display:flex;align-items:center;gap:var(--wx-space-8);width:calc(100% - 2 * var(--wx-space-8));margin:0 var(--wx-space-8) var(--wx-space-4);padding:var(--wx-space-8);border:1px dashed var(--wx-border-default);border-radius:var(--wx-radius-sm);background:none;font:inherit;color:var(--wx-color-primary);text-align:start;cursor:pointer}.wx-team__new[data-v-65fc44a2]:hover,.wx-team__new.is-current[data-v-65fc44a2]{background:var(--wx-bg-subtle)}.wx-team__loading[data-v-65fc44a2]{padding:var(--wx-space-12)}.wx-team__list[data-v-65fc44a2]{padding-inline:var(--wx-space-8)}.wx-team__list.is-loading[data-v-65fc44a2]{opacity:.6}.wx-team__list[data-v-65fc44a2] .wx-sortable-list__row{gap:var(--wx-space-4);padding-inline:var(--wx-space-4);border-radius:var(--wx-radius-sm)}.wx-team__list[data-v-65fc44a2] .wx-sortable-list__row:hover,.wx-team__list[data-v-65fc44a2] .wx-sortable-list__row:has(.is-current){background:var(--wx-bg-subtle)}.wx-team__note[data-v-65fc44a2]{margin:var(--wx-space-8)}.wx-member-row[data-v-65fc44a2]{display:flex;align-items:flex-start;gap:var(--wx-space-10);flex:1 1 auto;width:100%;min-width:0;padding-block:var(--wx-space-8);padding-inline:0;border:0;background:none;font:inherit;color:inherit;text-align:start}button.wx-member-row[data-v-65fc44a2]{cursor:pointer}.wx-member-row__photo[data-v-65fc44a2]{flex:none}.wx-member-row__body[data-v-65fc44a2]{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--wx-space-2);min-width:0}.wx-member-row__name[data-v-65fc44a2]{min-width:0;overflow:hidden;font-weight:var(--wx-font-weight-medium);text-overflow:ellipsis;white-space:nowrap}.wx-member-row.is-current .wx-member-row__name[data-v-65fc44a2]{color:var(--wx-color-primary)}.wx-member-row__job[data-v-65fc44a2]{overflow:hidden;color:var(--wx-text-muted);font-size:var(--wx-font-size-sm);text-overflow:ellipsis;white-space:nowrap}.wx-member-row__facts[data-v-65fc44a2]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wx-space-4);min-width:0;margin-top:var(--wx-space-2)}

package/dist/types.d.ts

@@ -0,0 +1,54 @@
+import { ScreenModel } from '@webx-ui/schema';
+/**
+ * One person as the section lists them (§5.7).
+ *
+ * No `locales` beside `published`, unlike a review: a person is seen in every language once
+ * published (decision 8) — an untranslated text leaves the text out, not the person.
+ */
+export interface MemberRow {
+    id: number;
+    /**
+     * In the language the panel is open in, in the default one where there is none, `#id` where
+     * neither — a name is usually the same in every language.
+     */
+    name: string;
+    /** The same way; `''` or `null` when nobody wrote one. */
+    job_title: string | null;
+    /** The first letters of the name, for a row without a photo. */
+    initials: string;
+    photo: {
+        thumb: string | null;
+    } | null;
+    published: boolean;
+    /** Their place in the one order (decision 5). */
+    position: number;
+    updated_at: string | null;
+    deleted_at: string | null;
+}
+/** Everybody — no pages, no filters: the list is where the order is dragged (decision 5). */
+export interface MembersList {
+    data: MemberRow[];
+}
+export interface MemberQuery {
+    /** The name, the job title or the text, in any language the site has. */
+    search?: string;
+    /** What was deleted. The only way back to a person in the bin is through this list. */
+    trashed?: boolean;
+}
+/** The record half of the form's answer — what the head of the form needs. */
+export interface MemberSummary {
+    id: number;
+    name: string;
+    published: boolean;
+    deleted_at: string | null;
+}
+/** One person as their form opens them: the record, and the values of `team.form` by field name. */
+export interface MemberDetail {
+    member: MemberSummary;
+    values: ScreenModel;
+}
+/** One row of `socials` in the form's values (§5.4): a network of the site's list and an address. */
+export interface SocialLink {
+    network: string | null;
+    url: string | null;
+}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@webx-ui/module-team",
+  "version": "0.1.0",
+  "description": "The team for the WebX UI admin panel: people with a photo, a job title, a short text and their social links, ordered by hand, shown on the site by a block.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "keywords": [
+    "webx-ui",
+    "vue",
+    "admin",
+    "cms",
+    "team",
+    "staff"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/webx-ui/webx-ui.git",
+    "directory": "packages/module-team"
+  },
+  "homepage": "https://webx-ui.github.io/webx-ui/guide/team.html",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./dist/style.css": "./dist/style.css",
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0",
+    "vue-router": "^4.5.0"
+  },
+  "dependencies": {
+    "@webx-ui/core": "^0.34.0",
+    "@webx-ui/module-admin": "^0.18.1",
+    "@webx-ui/schema": "^0.6.3"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.1",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.14",
+    "vite-plugin-dts": "^4.5.4",
+    "vue": "^3.5.24",
+    "vue-router": "^4.5.1",
+    "vue-tsc": "^3.1.3"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "typecheck": "vue-tsc -p tsconfig.json --noEmit"
+  }
+}