@things-factory/worklist 10.1.248 → 10.1.250

package/dist-client/entity360/person-open-work-section.js

@@ -0,0 +1,79 @@
+import { __decorate, __metadata } from "tslib";
+import gql from 'graphql-tag';
+import { css, html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { i18next } from '@operato/i18n';
+import { readEntity360Door, registerEntity360Section } from '@operato/layout';
+export function registerPersonOpenWorkSection() {
+    registerEntity360Section('person', {
+        name: 'open-work',
+        order: 20,
+        render: subject => html `<person-open-work-section .subject=${subject}></person-open-work-section>`
+    });
+}
+let PersonOpenWorkSection = class PersonOpenWorkSection extends LitElement {
+    static { this.styles = css `
+    p {
+      margin: 0;
+      font: 13px/1.5 sans-serif;
+      color: var(--md-sys-color-on-surface);
+      font-variant-numeric: tabular-nums;
+    }
+  `; }
+    updated(changed) {
+        if (changed.has('subject'))
+            this.read();
+    }
+    async read() {
+        const id = this.subject?.id;
+        this.answer = undefined;
+        if (!id)
+            return;
+        const response = await client.query({
+            query: gql `
+        query ($userId: String!) {
+          personOpenWork(userId: $userId) {
+            toDos
+            approvalsPending
+          }
+        }
+      `,
+            variables: { userId: id }
+        });
+        /* A later subject may have arrived while this one was being read. */
+        if (this.subject?.id !== id)
+            return;
+        this.answer = readEntity360Door(response, data => data?.personOpenWork ?? null);
+    }
+    render() {
+        const answer = this.answer;
+        const work = answer?.data;
+        return html `<ox-entity360-section
+      .heading=${i18next.t('title.person-open-work', { defaultValue: 'open work' })}
+      .state=${answer?.state ?? 'loading'}
+      .message=${answer?.message ?? ''}
+    >
+      <p>
+        ${i18next.t('text.person-open-work', {
+            toDos: work?.toDos ?? 0,
+            approvals: work?.approvalsPending ?? 0,
+            defaultValue: 'to-dos {toDos} · approvals waiting {approvals}'
+        })}
+      </p>
+    </ox-entity360-section>`;
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], PersonOpenWorkSection.prototype, "subject", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], PersonOpenWorkSection.prototype, "answer", void 0);
+PersonOpenWorkSection = __decorate([
+    customElement('person-open-work-section')
+], PersonOpenWorkSection);
+export { PersonOpenWorkSection };
+//# sourceMappingURL=person-open-work-section.js.map

package/dist-client/entity360/person-open-work-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"person-open-work-section.js","sourceRoot":"","sources":["../../client/entity360/person-open-work-section.ts"],"names":[],"mappings":";AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,wBAAwB,EAAmD,MAAM,iBAAiB,CAAA;AAY9H,MAAM,UAAU,6BAA6B;IAC3C,wBAAwB,CAAC,QAAQ,EAAE;QACjC,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,IAAI,CAAA,sCAAsC,OAAO,8BAA8B;KACnG,CAAC,CAAA;AACJ,CAAC;AAGM,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;aAC5C,WAAM,GAAG,GAAG,CAAA;;;;;;;GAOlB,AAPY,CAOZ;IAKD,OAAO,CAAC,OAA6B;QACnC,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC;YAAE,IAAI,CAAC,IAAI,EAAE,CAAA;IACzC,CAAC;IAEO,KAAK,CAAC,IAAI;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,EAAE,CAAA;QAC3B,IAAI,CAAC,MAAM,GAAG,SAAS,CAAA;QACvB,IAAI,CAAC,EAAE;YAAE,OAAM;QAEf,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;OAOT;YACD,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;SAC1B,CAAC,CAAA;QAEF,qEAAqE;QACrE,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE;YAAE,OAAM;QACnC,IAAI,CAAC,MAAM,GAAG,iBAAiB,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,IAAI,IAAI,CAAC,CAAA;IACjF,CAAC;IAED,MAAM;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;QAC1B,MAAM,IAAI,GAAG,MAAM,EAAE,IAAI,CAAA;QAEzB,OAAO,IAAI,CAAA;iBACE,OAAO,CAAC,CAAC,CAAC,wBAAwB,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;eACpE,MAAM,EAAE,KAAK,IAAI,SAAS;iBACxB,MAAM,EAAE,OAAO,IAAI,EAAE;;;UAG5B,OAAO,CAAC,CAAC,CAAC,uBAAuB,EAAE;YACnC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;YACvB,SAAS,EAAE,IAAI,EAAE,gBAAgB,IAAI,CAAC;YACtC,YAAY,EAAE,gDAAgD;SAC/D,CAAC;;4BAEkB,CAAA;IAC1B,CAAC;;AA9C+B;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;;sDAA2B;AACjD;IAAR,KAAK,EAAE;;qDAA8C;AAX3C,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAyDjC","sourcesContent":["import gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { readEntity360Door, registerEntity360Section, type Entity360DoorAnswer, type Entity360Subject } from '@operato/layout'\n\n/**\n * The person 360's open-work section (ADR-0067 person 360 ruling, ADR-0091): how many to-dos are\n * assigned to the person and how many approvals are waiting on them - counts only. The items stay\n * with the person and the site owner; this section never lists them.\n *\n * `personOpenWork` answers null for someone who is not on this site - 「없음」, not zero.\n */\n\ntype OpenWork = { toDos: number; approvalsPending: number }\n\nexport function registerPersonOpenWorkSection() {\n  registerEntity360Section('person', {\n    name: 'open-work',\n    order: 20,\n    render: subject => html`<person-open-work-section .subject=${subject}></person-open-work-section>`\n  })\n}\n\n@customElement('person-open-work-section')\nexport class PersonOpenWorkSection extends LitElement {\n  static styles = css`\n    p {\n      margin: 0;\n      font: 13px/1.5 sans-serif;\n      color: var(--md-sys-color-on-surface);\n      font-variant-numeric: tabular-nums;\n    }\n  `\n\n  @property({ attribute: false }) subject?: Entity360Subject\n  @state() answer?: Entity360DoorAnswer<OpenWork | null>\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('subject')) this.read()\n  }\n\n  private async read() {\n    const id = this.subject?.id\n    this.answer = undefined\n    if (!id) return\n\n    const response = await client.query({\n      query: gql`\n        query ($userId: String!) {\n          personOpenWork(userId: $userId) {\n            toDos\n            approvalsPending\n          }\n        }\n      `,\n      variables: { userId: id }\n    })\n\n    /* A later subject may have arrived while this one was being read. */\n    if (this.subject?.id !== id) return\n    this.answer = readEntity360Door(response, data => data?.personOpenWork ?? null)\n  }\n\n  render() {\n    const answer = this.answer\n    const work = answer?.data\n\n    return html`<ox-entity360-section\n      .heading=${i18next.t('title.person-open-work', { defaultValue: 'open work' })}\n      .state=${answer?.state ?? 'loading'}\n      .message=${answer?.message ?? ''}\n    >\n      <p>\n        ${i18next.t('text.person-open-work', {\n          toDos: work?.toDos ?? 0,\n          approvals: work?.approvalsPending ?? 0,\n          defaultValue: 'to-dos {toDos} · approvals waiting {approvals}'\n        })}\n      </p>\n    </ox-entity360-section>`\n  }\n}\n"]}

package/dist-client/grist-editor/grist-editor-activity-search-key.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import '../grist-editor/popup-activity-search-keys-input.js';
+import { OxGristEditor } from '@operato/data-grist';
+export declare class GristEditorActivitySearchKeys extends OxGristEditor {
+    private popup?;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+    _onclick(e: Event): void;
+    _onkeydown(e: KeyboardEvent): void;
+    openEditorPopup(): Promise<void>;
+}

package/dist-client/grist-editor/grist-editor-activity-search-key.js

@@ -0,0 +1,70 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { __decorate } from "tslib";
+import '../grist-editor/popup-activity-search-keys-input.js';
+import { html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { OxGristEditor } from '@operato/data-grist';
+import { i18next } from '@operato/i18n';
+import { openPopup } from '@operato/popup';
+let GristEditorActivitySearchKeys = class GristEditorActivitySearchKeys extends OxGristEditor {
+    get editorTemplate() {
+        return this.value && this.value instanceof Array && this.value.length > 0
+            ? html `<md-icon style="--md-icon-size:1.3em">key</md-icon>`
+            : html ``;
+    }
+    _onclick(e) {
+        e.stopPropagation();
+        this.openEditorPopup();
+    }
+    _onkeydown(e) {
+        const key = e.key;
+        if (key == 'Enter') {
+            e.stopPropagation();
+            this.openEditorPopup();
+        }
+    }
+    async openEditorPopup() {
+        if (this.popup) {
+            delete this.popup;
+        }
+        const { name, help } = this.column.record?.options || {};
+        const confirmCallback = (newval) => {
+            this.dispatchEvent(new CustomEvent('field-change', {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    before: this.value,
+                    after: newval,
+                    record: this.record,
+                    column: this.column,
+                    row: this.row
+                }
+            }));
+        };
+        /*
+          주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로,
+          layout의 구성에 변화가 발생하면, 다시 render된다.
+          이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)
+          이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,
+          만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.
+          따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.
+        */
+        var template = html `
+      <popup-activity-search-keys-input .value=${this.value} .confirmCallback=${confirmCallback}>
+      </popup-activity-search-keys-input>
+    `;
+        this.popup = openPopup(template, {
+            backdrop: true,
+            size: 'large',
+            title: `${name?.toUpperCase() || i18next.t('field.search-keys')} `,
+            help
+        });
+    }
+};
+GristEditorActivitySearchKeys = __decorate([
+    customElement('grist-editor-activity-search-keys')
+], GristEditorActivitySearchKeys);
+export { GristEditorActivitySearchKeys };
+//# sourceMappingURL=grist-editor-activity-search-key.js.map

package/dist-client/grist-editor/grist-editor-activity-search-key.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grist-editor-activity-search-key.js","sourceRoot":"","sources":["../../client/grist-editor/grist-editor-activity-search-key.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,qDAAqD,CAAA;AAE5D,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,SAAS,EAAe,MAAM,gBAAgB,CAAA;AAGhD,IAAM,6BAA6B,GAAnC,MAAM,6BAA8B,SAAQ,aAAa;IAG9D,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,YAAY,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;YACvE,CAAC,CAAC,IAAI,CAAA,qDAAqD;YAC3D,CAAC,CAAC,IAAI,CAAA,EAAE,CAAA;IACZ,CAAC;IAED,QAAQ,CAAC,CAAQ;QACf,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,IAAI,CAAC,eAAe,EAAE,CAAA;IACxB,CAAC;IAED,UAAU,CAAC,CAAgB;QACzB,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAA;QACjB,IAAI,GAAG,IAAI,OAAO,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,IAAI,CAAC,eAAe,EAAE,CAAA;QACxB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,IAAI,CAAC,KAAK,CAAA;QACnB,CAAC;QAED,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,IAAI,EAAE,CAAA;QAExD,MAAM,eAAe,GAAG,CAAC,MAAW,EAAE,EAAE;YACtC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,cAAc,EAAE;gBAC9B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,MAAM,EAAE,IAAI,CAAC,KAAK;oBAClB,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,GAAG,EAAE,IAAI,CAAC,GAAG;iBACd;aACF,CAAC,CACH,CAAA;QACH,CAAC,CAAA;QAED;;;;;;;UAOE;QACF,IAAI,QAAQ,GAAG,IAAI,CAAA;iDAC0B,IAAI,CAAC,KAAK,qBAAqB,eAAe;;KAE1F,CAAA;QAED,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,QAAQ,EAAE;YAC/B,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,GAAG;YAClE,IAAI;SACL,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AAjEY,6BAA6B;IADzC,aAAa,CAAC,mCAAmC,CAAC;GACtC,6BAA6B,CAiEzC","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '../grist-editor/popup-activity-search-keys-input.js'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditor } from '@operato/data-grist'\nimport { i18next } from '@operato/i18n'\nimport { openPopup, PopupHandle } from '@operato/popup'\n\n@customElement('grist-editor-activity-search-keys')\nexport class GristEditorActivitySearchKeys extends OxGristEditor {\n  private popup?: PopupHandle\n\n  get editorTemplate() {\n    return this.value && this.value instanceof Array && this.value.length > 0\n      ? html`<md-icon style=\"--md-icon-size:1.3em\">key</md-icon>`\n      : html``\n  }\n\n  _onclick(e: Event): void {\n    e.stopPropagation()\n    this.openEditorPopup()\n  }\n\n  _onkeydown(e: KeyboardEvent): void {\n    const key = e.key\n    if (key == 'Enter') {\n      e.stopPropagation()\n      this.openEditorPopup()\n    }\n  }\n\n  async openEditorPopup() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    const { name, help } = this.column.record?.options || {}\n\n    const confirmCallback = (newval: any) => {\n      this.dispatchEvent(\n        new CustomEvent('field-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            before: this.value,\n            after: newval,\n            record: this.record,\n            column: this.column,\n            row: this.row\n          }\n        })\n      )\n    }\n\n    /* \n      주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로, \n      layout의 구성에 변화가 발생하면, 다시 render된다.\n      이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)\n      이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,\n      만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.\n      따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.\n    */\n    var template = html`\n      <popup-activity-search-keys-input .value=${this.value} .confirmCallback=${confirmCallback}>\n      </popup-activity-search-keys-input>\n    `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: `${name?.toUpperCase() || i18next.t('field.search-keys')} `,\n      help\n    })\n  }\n}\n"]}

package/dist-client/grist-editor/grist-renderer-activity-search-key.d.ts

@@ -0,0 +1,3 @@
+import '@material/web/icon/icon.js';
+import { FieldRenderer } from '@operato/data-grist';
+export declare const GristRendererActivitySearchKeys: FieldRenderer;

package/dist-client/grist-editor/grist-renderer-activity-search-key.js

@@ -0,0 +1,25 @@
+import '@material/web/icon/icon.js';
+import { html } from 'lit';
+function onmouseover(e, value) {
+    const element = e.target;
+    const tooltip = value.map(key => key.name).join(',');
+    element.setAttribute('data-tooltip', tooltip);
+    const rect = element.getBoundingClientRect();
+    element.style.setProperty('--tooltip-top', `${rect.top + rect.height}px`);
+    element.style.setProperty('--tooltip-left', `${rect.left}px`);
+}
+function onmouseout(e) {
+    const element = e.target;
+    element.removeAttribute('data-tooltip');
+}
+export const GristRendererActivitySearchKeys = (value, column, record, rowIndex, field) => {
+    return value && value instanceof Array && value.length > 0
+        ? html `<md-icon
+        style="--md-icon-size:1.3em"
+        @mouseover=${(e) => onmouseover(e, value)}
+        @mouseout=${onmouseout}
+        >key</md-icon
+      >`
+        : html ``;
+};
+//# sourceMappingURL=grist-renderer-activity-search-key.js.map

package/dist-client/grist-editor/grist-renderer-activity-search-key.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grist-renderer-activity-search-key.js","sourceRoot":"","sources":["../../client/grist-editor/grist-renderer-activity-search-key.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,SAAS,WAAW,CAAC,CAAa,EAAE,KAAY;IAC9C,MAAM,OAAO,GAAG,CAAC,CAAC,MAAwB,CAAA;IAC1C,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACpD,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA;IAE7C,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;IAC5C,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC,CAAA;IACzE,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,CAAA;AAC/D,CAAC;AAED,SAAS,UAAU,CAAC,CAAa;IAC/B,MAAM,OAAO,GAAG,CAAC,CAAC,MAAwB,CAAA;IAC1C,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAA;AACzC,CAAC;AAED,MAAM,CAAC,MAAM,+BAA+B,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IACvG,OAAO,KAAK,IAAI,KAAK,YAAY,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;QACxD,CAAC,CAAC,IAAI,CAAA;;qBAEW,CAAC,CAAa,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC;oBACzC,UAAU;;QAEtB;QACJ,CAAC,CAAC,IAAI,CAAA,EAAE,CAAA;AACZ,CAAC,CAAA","sourcesContent":["import '@material/web/icon/icon.js'\nimport { html } from 'lit'\nimport { FieldRenderer } from '@operato/data-grist'\n\nfunction onmouseover(e: MouseEvent, value: any[]) {\n  const element = e.target as HTMLPreElement\n  const tooltip = value.map(key => key.name).join(',')\n  element.setAttribute('data-tooltip', tooltip)\n\n  const rect = element.getBoundingClientRect()\n  element.style.setProperty('--tooltip-top', `${rect.top + rect.height}px`)\n  element.style.setProperty('--tooltip-left', `${rect.left}px`)\n}\n\nfunction onmouseout(e: MouseEvent) {\n  const element = e.target as HTMLPreElement\n  element.removeAttribute('data-tooltip')\n}\n\nexport const GristRendererActivitySearchKeys: FieldRenderer = (value, column, record, rowIndex, field) => {\n  return value && value instanceof Array && value.length > 0\n    ? html`<md-icon\n        style=\"--md-icon-size:1.3em\"\n        @mouseover=${(e: MouseEvent) => onmouseover(e, value)}\n        @mouseout=${onmouseout}\n        >key</md-icon\n      >`\n    : html``\n}\n"]}

package/dist-client/grist-editor/popup-activity-search-keys-input.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+import { FetchOption } from '@operato/data-grist';
+import { ActivitySearchKeyItem } from '../types/activity-search-key-item-type.js';
+export declare class PopupActivitySearchKeysInput extends LitElement {
+    static styles: import("lit").CSSResult[];
+    value: ActivitySearchKeyItem[];
+    confirmCallback: (newval: any) => void;
+    gristConfig: any;
+    private grist;
+    render(): import("lit-html").TemplateResult<1>;
+    fetchHandler({ page, limit, sortings, filters }: FetchOption): Promise<{
+        total: number;
+        records: ActivitySearchKeyItem[];
+    }>;
+    private onCancel;
+    private onConfirm;
+}

package/dist-client/grist-editor/popup-activity-search-keys-input.js

@@ -0,0 +1,175 @@
+import { __decorate, __metadata } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { i18next } from '@operato/i18n';
+import { closePopup } from '@operato/popup';
+import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles';
+import { isMobileDevice } from '@operato/utils';
+import { DataGrist } from '@operato/data-grist';
+let PopupActivitySearchKeysInput = class PopupActivitySearchKeysInput extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = [];
+        this.gristConfig = {
+            list: { fields: ['name', 'description', 'active'] },
+            columns: [
+                { type: 'gutter', gutterName: 'sequence' },
+                {
+                    type: 'gutter',
+                    gutterName: 'button',
+                    icon: 'add',
+                    handlers: {
+                        click: 'record-copy'
+                    }
+                },
+                {
+                    type: 'gutter',
+                    gutterName: 'button',
+                    icon: 'delete',
+                    handlers: {
+                        click: 'record-delete'
+                    }
+                },
+                {
+                    type: 'gutter',
+                    gutterName: 'button',
+                    icon: 'arrow_upward',
+                    handlers: {
+                        click: 'move-up'
+                    }
+                },
+                {
+                    type: 'gutter',
+                    gutterName: 'button',
+                    icon: 'arrow_downward',
+                    handlers: {
+                        click: 'move-down'
+                    }
+                },
+                {
+                    type: 'string',
+                    name: 'name',
+                    header: i18next.t('field.name'),
+                    record: {
+                        editable: true
+                    },
+                    width: 140
+                },
+                {
+                    type: 'string',
+                    name: 'description',
+                    header: i18next.t('field.description'),
+                    record: {
+                        editable: true
+                    },
+                    width: 180
+                },
+                {
+                    type: 'string',
+                    name: 'inputKey',
+                    header: i18next.t('field.input-key'),
+                    record: {
+                        editable: true
+                    },
+                    width: 180
+                },
+                {
+                    type: 'string',
+                    name: 'tKey',
+                    header: i18next.t('field.t-key'),
+                    record: {
+                        editable: true
+                    },
+                    width: 180
+                }
+            ],
+            rows: {
+                selectable: false
+            },
+            pagination: {
+                infinite: true
+            },
+            sorters: []
+        };
+    }
+    static { this.styles = [
+        CommonHeaderStyles,
+        ScrollbarStyles,
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        background-color: var(--md-sys-color-surface);
+
+        width: var(--overlay-center-normal-width, 50%);
+        height: var(--overlay-center-normal-height, 50%);
+      }
+
+      ox-grist {
+        flex: 1;
+      }
+    `
+    ]; }
+    render() {
+        return html `
+      <ox-grist
+        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
+        .config=${this.gristConfig}
+        .fetchHandler=${this.fetchHandler.bind(this)}
+      ></ox-grist>
+
+      <div class="footer">
+        <div filler></div>
+        <button @click=${this.onCancel.bind(this)} danger>
+          <md-icon>cancel</md-icon>${i18next.t('button.cancel')}
+        </button>
+        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
+      </div>
+    `;
+    }
+    async fetchHandler({ page, limit, sortings = [], filters = [] }) {
+        const records = this.value || [];
+        return {
+            total: records.length,
+            records
+        };
+    }
+    onCancel(e) {
+        closePopup(this);
+    }
+    onConfirm(e) {
+        this.grist.commit();
+        this.value = this.grist.data.records.map(({ name, description, inputKey, tKey }) => {
+            return {
+                name,
+                description,
+                inputKey,
+                tKey
+            };
+        });
+        this.confirmCallback && this.confirmCallback(this.value);
+        closePopup(this);
+    }
+};
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], PopupActivitySearchKeysInput.prototype, "value", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Function)
+], PopupActivitySearchKeysInput.prototype, "confirmCallback", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], PopupActivitySearchKeysInput.prototype, "gristConfig", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], PopupActivitySearchKeysInput.prototype, "grist", void 0);
+PopupActivitySearchKeysInput = __decorate([
+    customElement('popup-activity-search-keys-input')
+], PopupActivitySearchKeysInput);
+export { PopupActivitySearchKeysInput };
+//# sourceMappingURL=popup-activity-search-keys-input.js.map

package/dist-client/grist-editor/popup-activity-search-keys-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-activity-search-keys-input.js","sourceRoot":"","sources":["../../client/grist-editor/popup-activity-search-keys-input.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAe,MAAM,qBAAqB,CAAA;AAIrD,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,UAAU;IAArD;;QAqBsB,UAAK,GAA4B,EAAE,CAAA;QAGrD,gBAAW,GAAQ;YAC1B,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,EAAE;YACnD,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE;gBAC1C;oBACE,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,KAAK;oBACX,QAAQ,EAAE;wBACR,KAAK,EAAE,aAAa;qBACrB;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,QAAQ;oBACd,QAAQ,EAAE;wBACR,KAAK,EAAE,eAAe;qBACvB;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,cAAc;oBACpB,QAAQ,EAAE;wBACR,KAAK,EAAE,SAAS;qBACjB;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,gBAAgB;oBACtB,QAAQ,EAAE;wBACR,KAAK,EAAE,WAAW;qBACnB;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;oBAC/B,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI;qBACf;oBACD,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,aAAa;oBACnB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;oBACtC,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI;qBACf;oBACD,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,UAAU;oBAChB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC;oBACpC,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI;qBACf;oBACD,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;oBAChC,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI;qBACf;oBACD,KAAK,EAAE,GAAG;iBACX;aACF;YACD,IAAI,EAAE;gBACJ,UAAU,EAAE,KAAK;aAClB;YACD,UAAU,EAAE;gBACV,QAAQ,EAAE,IAAI;aACf;YACD,OAAO,EAAE,EAAE;SACZ,CAAA;IAiDH,CAAC;aAxJQ,WAAM,GAAG;QACd,kBAAkB;QAClB,eAAe;QACf,GAAG,CAAA;;;;;;;;;;;;;;KAcF;KACF,AAlBY,CAkBZ;IAyFD,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;kBAChC,IAAI,CAAC,WAAW;wBACV,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;yBAK3B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;qCACZ,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;;yBAEtC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,gCAAgC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;;KAExG,CAAA;IACH,CAAC;IAED,KAAK,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAe;QAC1E,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAChC,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,MAAM;YACrB,OAAO;SACR,CAAA;IACH,CAAC;IAEO,QAAQ,CAAC,CAAQ;QACvB,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IAEO,SAAS,CAAC,CAAQ;QACxB,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAA;QAEnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE;YACjF,OAAO;gBACL,IAAI;gBACJ,WAAW;gBACX,QAAQ;gBACR,IAAI;aACL,CAAA;QACH,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACxD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;;AAnI0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;2DAAoC;AAClC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qEAAwC;AAE1D;IAAR,KAAK,EAAE;;iEAgFP;AAE0B;IAA1B,KAAK,CAAC,UAAU,CAAC;8BAAiB,SAAS;2DAAA;AA1GjC,4BAA4B;IADxC,aAAa,CAAC,kCAAkC,CAAC;GACrC,4BAA4B,CAyJxC","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\nimport { closePopup } from '@operato/popup'\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { ActivitySearchKeyItem } from '../types/activity-search-key-item-type.js'\n\n@customElement('popup-activity-search-keys-input')\nexport class PopupActivitySearchKeysInput extends LitElement {\n  static styles = [\n    CommonHeaderStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n\n        width: var(--overlay-center-normal-width, 50%);\n        height: var(--overlay-center-normal-height, 50%);\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: Array }) value: ActivitySearchKeyItem[] = []\n  @property({ type: Object }) confirmCallback!: (newval: any) => void\n\n  @state() gristConfig: any = {\n    list: { fields: ['name', 'description', 'active'] },\n    columns: [\n      { type: 'gutter', gutterName: 'sequence' },\n      {\n        type: 'gutter',\n        gutterName: 'button',\n        icon: 'add',\n        handlers: {\n          click: 'record-copy'\n        }\n      },\n      {\n        type: 'gutter',\n        gutterName: 'button',\n        icon: 'delete',\n        handlers: {\n          click: 'record-delete'\n        }\n      },\n      {\n        type: 'gutter',\n        gutterName: 'button',\n        icon: 'arrow_upward',\n        handlers: {\n          click: 'move-up'\n        }\n      },\n      {\n        type: 'gutter',\n        gutterName: 'button',\n        icon: 'arrow_downward',\n        handlers: {\n          click: 'move-down'\n        }\n      },\n      {\n        type: 'string',\n        name: 'name',\n        header: i18next.t('field.name'),\n        record: {\n          editable: true\n        },\n        width: 140\n      },\n      {\n        type: 'string',\n        name: 'description',\n        header: i18next.t('field.description'),\n        record: {\n          editable: true\n        },\n        width: 180\n      },\n      {\n        type: 'string',\n        name: 'inputKey',\n        header: i18next.t('field.input-key'),\n        record: {\n          editable: true\n        },\n        width: 180\n      },\n      {\n        type: 'string',\n        name: 'tKey',\n        header: i18next.t('field.t-key'),\n        record: {\n          editable: true\n        },\n        width: 180\n      }\n    ],\n    rows: {\n      selectable: false\n    },\n    pagination: {\n      infinite: true\n    },\n    sorters: []\n  }\n\n  @query('ox-grist') private grist!: DataGrist\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n        .config=${this.gristConfig}\n        .fetchHandler=${this.fetchHandler.bind(this)}\n      ></ox-grist>\n\n      <div class=\"footer\">\n        <div filler></div>\n        <button @click=${this.onCancel.bind(this)} danger>\n          <md-icon>cancel</md-icon>${i18next.t('button.cancel')}\n        </button>\n        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>\n      </div>\n    `\n  }\n\n  async fetchHandler({ page, limit, sortings = [], filters = [] }: FetchOption) {\n    const records = this.value || []\n    return {\n      total: records.length,\n      records\n    }\n  }\n\n  private onCancel(e: Event) {\n    closePopup(this)\n  }\n\n  private onConfirm(e: Event) {\n    this.grist.commit()\n\n    this.value = this.grist.data.records.map(({ name, description, inputKey, tKey }) => {\n      return {\n        name,\n        description,\n        inputKey,\n        tKey\n      }\n    })\n\n    this.confirmCallback && this.confirmCallback(this.value)\n    closePopup(this)\n  }\n}\n"]}

package/dist-client/index.d.ts

@@ -0,0 +1,6 @@
+export * from './pages/activity/activity-page.js';
+export * from './activity-summary-generator.js';
+export * from './components/activity-thread-timeline.js';
+export * from './pages/activity-catalog/activity-panels.js';
+export * from './my-work-menus.js';
+export * from './work-calendar-sources.js';

package/dist-client/index.js

@@ -0,0 +1,7 @@
+export * from './pages/activity/activity-page.js';
+export * from './activity-summary-generator.js';
+export * from './components/activity-thread-timeline.js';
+export * from './pages/activity-catalog/activity-panels.js';
+export * from './my-work-menus.js';
+export * from './work-calendar-sources.js';
+//# sourceMappingURL=index.js.map

package/dist-client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAA;AACjD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0CAA0C,CAAA;AACxD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,oBAAoB,CAAA;AAClC,cAAc,4BAA4B,CAAA","sourcesContent":["export * from './pages/activity/activity-page.js'\nexport * from './activity-summary-generator.js'\nexport * from './components/activity-thread-timeline.js'\nexport * from './pages/activity-catalog/activity-panels.js'\nexport * from './my-work-menus.js'\nexport * from './work-calendar-sources.js'\n"]}

package/dist-client/my-work-menus.d.ts

@@ -0,0 +1,90 @@
+/**
+ * The menu entries for worklist's own screens — **which address, which icon, which label, which count.**
+ *
+ * Every product puts "my work" in its menu, and each used to write these rows itself: the same path,
+ * icon, label key and badge name, copied and drifting (one app had a different to-do icon, one had its
+ * own English labels). The screens are worklist's, so the facts about them are too. A product picks the
+ * entries it shows, in its own order, and keeps its own menu shape:
+ *
+ * ```ts
+ * const MY_WORK: MyWorkMenuName[] = ['todo', 'approval-pending', 'draft']
+ * MY_WORK.map(name => MY_WORK_MENUS[name]).map(({ path, icon, label, badge }) => ({ path, icon, name: i18next.t(label), … }))
+ * ```
+ *
+ * `label` is a translation key that worklist carries in every language. `badge` is a name for
+ * `generateActivitySummary`; how a product draws the count stays with the product.
+ */
+export interface MyWorkMenu {
+    /** Address of the worklist screen. */
+    path: string;
+    /** Material Symbols name. */
+    icon: string;
+    /** Translation key in worklist's translations. */
+    label: string;
+    /** `generateActivitySummary` name, for entries that count something. */
+    badge?: 'numberOfToDos' | 'numberOfApprovalPendings' | 'numberOfDrafts' | 'numberOfPicks' | 'numberOfMyWork';
+}
+export declare const MY_WORK_MENUS: {
+    /** The group row: everything that has come to me. Opens the to-do list. */
+    readonly 'my-work': {
+        readonly path: "todo-list";
+        readonly icon: "inbox";
+        readonly label: "menu.my-work";
+        readonly badge: "numberOfMyWork";
+    };
+    readonly todo: {
+        readonly path: "todo-list";
+        readonly icon: "things_to_do";
+        readonly label: "title.todo list";
+        readonly badge: "numberOfToDos";
+    };
+    readonly 'approval-pending': {
+        readonly path: "approval-pending-list";
+        readonly icon: "approval";
+        readonly label: "title.approval pending list";
+        readonly badge: "numberOfApprovalPendings";
+    };
+    readonly draft: {
+        readonly path: "draft-list";
+        readonly icon: "drive_file_rename_outline";
+        readonly label: "title.draft list";
+        readonly badge: "numberOfDrafts";
+    };
+    readonly 'approval-done': {
+        readonly path: "approval-done-list";
+        readonly icon: "history";
+        readonly label: "title.approval done list";
+    };
+    readonly 'my-work-calendar': {
+        readonly path: "done-list-calendar";
+        readonly icon: "calendar_month";
+        readonly label: "title.my work calendar";
+    };
+    readonly pickable: {
+        readonly path: "pickable-list";
+        readonly icon: "shop";
+        readonly label: "title.activity shopping";
+        readonly badge: "numberOfPicks";
+    };
+    readonly starter: {
+        readonly path: "starter-list";
+        readonly icon: "rocket_launch";
+        readonly label: "title.activity starter list";
+    };
+    readonly reporter: {
+        readonly path: "reporter-list";
+        readonly icon: "content_paste_search";
+        readonly label: "title.activity reporter list";
+    };
+    readonly 'activity-instance': {
+        readonly path: "activity-instance-list";
+        readonly icon: "list_alt_check";
+        readonly label: "title.activity instance list";
+    };
+    readonly 'activity-catalog': {
+        readonly path: "activity-catalog";
+        readonly icon: "menu_book";
+        readonly label: "title.activity catalog";
+    };
+};
+export type MyWorkMenuName = keyof typeof MY_WORK_MENUS;

package/dist-client/my-work-menus.js

@@ -0,0 +1,20 @@
+export const MY_WORK_MENUS = {
+    /** The group row: everything that has come to me. Opens the to-do list. */
+    'my-work': { path: 'todo-list', icon: 'inbox', label: 'menu.my-work', badge: 'numberOfMyWork' },
+    todo: { path: 'todo-list', icon: 'things_to_do', label: 'title.todo list', badge: 'numberOfToDos' },
+    'approval-pending': {
+        path: 'approval-pending-list',
+        icon: 'approval',
+        label: 'title.approval pending list',
+        badge: 'numberOfApprovalPendings'
+    },
+    draft: { path: 'draft-list', icon: 'drive_file_rename_outline', label: 'title.draft list', badge: 'numberOfDrafts' },
+    'approval-done': { path: 'approval-done-list', icon: 'history', label: 'title.approval done list' },
+    'my-work-calendar': { path: 'done-list-calendar', icon: 'calendar_month', label: 'title.my work calendar' },
+    pickable: { path: 'pickable-list', icon: 'shop', label: 'title.activity shopping', badge: 'numberOfPicks' },
+    starter: { path: 'starter-list', icon: 'rocket_launch', label: 'title.activity starter list' },
+    reporter: { path: 'reporter-list', icon: 'content_paste_search', label: 'title.activity reporter list' },
+    'activity-instance': { path: 'activity-instance-list', icon: 'list_alt_check', label: 'title.activity instance list' },
+    'activity-catalog': { path: 'activity-catalog', icon: 'menu_book', label: 'title.activity catalog' }
+};
+//# sourceMappingURL=my-work-menus.js.map

package/dist-client/my-work-menus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"my-work-menus.js","sourceRoot":"","sources":["../client/my-work-menus.ts"],"names":[],"mappings":"AA2BA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,2EAA2E;IAC3E,SAAS,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAC/F,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,eAAe,EAAE;IACnG,kBAAkB,EAAE;QAClB,IAAI,EAAE,uBAAuB;QAC7B,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,6BAA6B;QACpC,KAAK,EAAE,0BAA0B;KAClC;IACD,KAAK,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,2BAA2B,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACpH,eAAe,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,0BAA0B,EAAE;IACnG,kBAAkB,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,wBAAwB,EAAE;IAC3G,QAAQ,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,yBAAyB,EAAE,KAAK,EAAE,eAAe,EAAE;IAC3G,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,6BAA6B,EAAE;IAC9F,QAAQ,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,sBAAsB,EAAE,KAAK,EAAE,8BAA8B,EAAE;IACxG,mBAAmB,EAAE,EAAE,IAAI,EAAE,wBAAwB,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,8BAA8B,EAAE;IACtH,kBAAkB,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,wBAAwB,EAAE;CACvD,CAAA","sourcesContent":["/**\n * The menu entries for worklist's own screens — **which address, which icon, which label, which count.**\n *\n * Every product puts \"my work\" in its menu, and each used to write these rows itself: the same path,\n * icon, label key and badge name, copied and drifting (one app had a different to-do icon, one had its\n * own English labels). The screens are worklist's, so the facts about them are too. A product picks the\n * entries it shows, in its own order, and keeps its own menu shape:\n *\n * ```ts\n * const MY_WORK: MyWorkMenuName[] = ['todo', 'approval-pending', 'draft']\n * MY_WORK.map(name => MY_WORK_MENUS[name]).map(({ path, icon, label, badge }) => ({ path, icon, name: i18next.t(label), … }))\n * ```\n *\n * `label` is a translation key that worklist carries in every language. `badge` is a name for\n * `generateActivitySummary`; how a product draws the count stays with the product.\n */\nexport interface MyWorkMenu {\n  /** Address of the worklist screen. */\n  path: string\n  /** Material Symbols name. */\n  icon: string\n  /** Translation key in worklist's translations. */\n  label: string\n  /** `generateActivitySummary` name, for entries that count something. */\n  badge?: 'numberOfToDos' | 'numberOfApprovalPendings' | 'numberOfDrafts' | 'numberOfPicks' | 'numberOfMyWork'\n}\n\nexport const MY_WORK_MENUS = {\n  /** The group row: everything that has come to me. Opens the to-do list. */\n  'my-work': { path: 'todo-list', icon: 'inbox', label: 'menu.my-work', badge: 'numberOfMyWork' },\n  todo: { path: 'todo-list', icon: 'things_to_do', label: 'title.todo list', badge: 'numberOfToDos' },\n  'approval-pending': {\n    path: 'approval-pending-list',\n    icon: 'approval',\n    label: 'title.approval pending list',\n    badge: 'numberOfApprovalPendings'\n  },\n  draft: { path: 'draft-list', icon: 'drive_file_rename_outline', label: 'title.draft list', badge: 'numberOfDrafts' },\n  'approval-done': { path: 'approval-done-list', icon: 'history', label: 'title.approval done list' },\n  'my-work-calendar': { path: 'done-list-calendar', icon: 'calendar_month', label: 'title.my work calendar' },\n  pickable: { path: 'pickable-list', icon: 'shop', label: 'title.activity shopping', badge: 'numberOfPicks' },\n  starter: { path: 'starter-list', icon: 'rocket_launch', label: 'title.activity starter list' },\n  reporter: { path: 'reporter-list', icon: 'content_paste_search', label: 'title.activity reporter list' },\n  'activity-instance': { path: 'activity-instance-list', icon: 'list_alt_check', label: 'title.activity instance list' },\n  'activity-catalog': { path: 'activity-catalog', icon: 'menu_book', label: 'title.activity catalog' }\n} as const satisfies Record<string, MyWorkMenu>\n\nexport type MyWorkMenuName = keyof typeof MY_WORK_MENUS\n"]}

package/dist-client/pages/activity/activity-list-page.d.ts

@@ -0,0 +1,53 @@
+import '@operato/data-grist';
+import './activity-model-item-list.js';
+import { DataGrist, FetchOption } from '@operato/data-grist';
+import { PageView } from '@operato/shell';
+import { RoleOption } from './assignee-roles-cell.js';
+export declare const ActivityStatus: {
+    display: string;
+    value: string;
+}[];
+declare const ActivityListPage_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+export declare class ActivityListPage extends ActivityListPage_base {
+    static styles: import("lit").CSSResult[];
+    gristConfig?: any;
+    mode: 'CARD' | 'GRID';
+    grist: DataGrist;
+    filters: string[];
+    /** How many activities each state chip would show under the list's other conditions. */
+    stateCounts: Map<string, number>;
+    private roleOptions;
+    get context(): {
+        title: string;
+        search: {
+            handler: (search: string) => void;
+            value: string;
+        };
+        filter: {
+            handler: () => void;
+        };
+        help: string;
+        actions: {
+            icon: string;
+            emphasis: {
+                raised: boolean;
+                outlined: boolean;
+                dense: boolean;
+                danger: boolean;
+            };
+            title: string;
+            action: () => Promise<void>;
+        }[];
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    pageInitialized(lifecycle: any): Promise<void>;
+    fetchHandler({ page, limit, sortings, filters }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+    readRoleOptions(): Promise<RoleOption[]>;
+    updateActivity(): Promise<void>;
+    startActivitySchedule(record: any): Promise<void>;
+    stopActivitySchedule(record: any): Promise<void>;
+}
+export {};