@things-factory/worklist 9.0.0-beta.27 → 9.0.0-beta.29

package/dist-client/components/activity-thread-timeline.js

@@ -0,0 +1,219 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import '@things-factory/organization/dist-client/component/approval-line-view.js';
+import { html, css, LitElement, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { connect } from 'pwa-helpers/connect-mixin';
+import { store } from '@operato/shell';
+import { i18next } from '@operato/i18n';
+import { ActivityThread } from '../types/activity-thread.js';
+function getSafeFormatter(locale, options) {
+    try {
+        const safeLocale = locale || 'en-US';
+        return new Intl.DateTimeFormat(safeLocale, options);
+    }
+    catch (e) {
+        console.warn(`Invalid locale or options provided: ${locale}, falling back to default en-US.`, e);
+        return new Intl.DateTimeFormat('en-US', options);
+    }
+}
+const formatter = getSafeFormatter(navigator.language, { dateStyle: 'full', timeStyle: 'short' });
+let ActivityThreadTimeline = class ActivityThreadTimeline extends connect(store)(LitElement) {
+    render() {
+        const { activityApprovals = [], activityThreadHistories = [] } = this.activityThread || {};
+        const timeline = [
+            ...activityThreadHistories.filter(item => item.transaction && (!this.shortForm || !/^.*(reject|approve|save|restart).*$/.test(item.transaction))),
+            ...activityApprovals.filter(item => item.judgment)
+        ].sort((a, b) => ((a.updatedAt || 0) > (b.updatedAt || 0) ? 1 : -1));
+        return html ` ${timeline.length > 0
+            ? html `
+          <span subtitle>${this.subtitle || i18next.t('label.timeline')}</span>
+
+          <ol>
+            ${timeline.map(item => 'reason' in item
+                ? this.renderActivityThreadHistory(item)
+                : this.renderActivityApproval(item))}
+          </ol>
+        `
+            : nothing}`;
+    }
+    renderActivityThreadHistory(activityThreadHistory) {
+        const { updater, updatedAt, state, reason, output, transaction } = activityThreadHistory;
+        const { name } = updater || {};
+        return html `
+      <li>
+        <span date>${formatter.format(new Date(updatedAt))}</span>
+        <span status></span>
+
+        <span info>
+          ${i18next.t('label.activity-transaction-' + transaction)}
+          <div><md-icon>account_circle</md-icon>${name}</div>
+          <p>${reason ? reason : output ? this.renderOutput(output) : nothing}</p>
+        </span>
+      </li>
+    `;
+    }
+    renderActivityApproval(activityApproval) {
+        const { judgment, approver, comment, createdAt, terminatedAt } = activityApproval;
+        const { name } = approver || {};
+        return html `
+      <li>
+        <span date>${formatter.format(new Date(terminatedAt || createdAt))}</span>
+        <span status></span>
+        <span info>
+          ${i18next.t('label.activity-state-' + judgment)}
+          <div><md-icon>account_circle</md-icon>${name}</div>
+          <p>${comment}</p>
+        </span>
+      </li>
+    `;
+    }
+    renderOutput(output) {
+        const keys = Object.keys(output);
+        if (keys.length === 0) {
+            return '';
+        }
+        const firstKey = keys[0];
+        let value = output[firstKey];
+        // 값이 객체이거나 긴 문자열인 경우 처리
+        if (typeof value === 'object') {
+            value = Array.isArray(value) ? '[...]' : '{...}';
+        }
+        else if (typeof value === 'string' && value.length > 50) {
+            value = value.substring(0, 47) + '...';
+        }
+        let result = `${firstKey}: ${value}`;
+        // 추가 속성이 있는 경우 표시
+        if (keys.length > 1) {
+            result += ` (외 ${keys.length - 1}개 항목)`;
+        }
+        return result;
+    }
+};
+ActivityThreadTimeline.styles = [
+    css `
+      :host {
+        display: block;
+      }
+
+      [subtitle] {
+        padding: var(--spacing-small) var(--spacing-medium);
+        background-color: var(--md-sys-color-surface-variant);
+        border: 2px solid var(--md-sys-color-outline);
+        border-radius: 15px;
+        color: var(--md-sys-color-on-surface);
+        font-weight: bold;
+      }
+
+      ol {
+        list-style: none;
+        margin: var(--spacing-medium) 0 0 var(--spacing-small);
+        padding: 0;
+      }
+
+      li {
+        display: flex;
+        border: none;
+      }
+
+      [info] {
+        flex: 1;
+        color: var(--md-sys-color-on-surface);
+        background: var(--md-sys-color-surface);
+
+        div {
+          float: right;
+          opacity: 0.7;
+        }
+
+        md-icon {
+          position: relative;
+          top: 3px;
+          font-size: var(--fontsize-large);
+        }
+
+        p {
+          color: var(--md-sys-color-on-surface);
+          background: var(--md-sys-color-surface-variant);
+
+          margin: var(--spacing-small) 0 var(--spacing-medium) 0;
+          padding: var(--spacing-small) var(--spacing-medium);
+          font-size: var(--fontsize-small);
+          text-align: justify;
+          min-height: 20px;
+        }
+
+        p::before {
+          content: '';
+          float: right;
+          margin-top: -10px;
+          margin-right: 20px;
+          border: 7px solid transparent;
+          border-bottom-color: #f4f4f4;
+          border-top: 0;
+        }
+      }
+
+      [date] {
+        opacity: 0.7;
+        flex: initial;
+        width: 200px;
+        max-width: 30%;
+        font-size: var(--fontsize-small);
+      }
+
+      [status] {
+        margin: 0 var(--spacing-small);
+        display: block;
+        border-radius: 50%;
+        flex: initial;
+        width: 12px;
+        height: 12px;
+        position: relative;
+        top: 3px;
+        border: 2px solid #fff;
+        background-color: var(--worklist-status-color, tomato);
+        color: var(--primary-text-color);
+      }
+
+      [status]::before {
+        content: '';
+        height: 60px;
+        width: 2px;
+        display: block;
+        position: relative;
+        margin-left: 5px;
+        background-color: var(--worklist-status-color, tomato);
+        opacity: 0.2;
+      }
+
+      table,
+      th,
+      td {
+        border: 1px solid lightgray;
+        border-collapse: collapse;
+      }
+
+      th,
+      td {
+        padding: 10px;
+      }
+    `
+];
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", ActivityThread)
+], ActivityThreadTimeline.prototype, "activityThread", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], ActivityThreadTimeline.prototype, "subtitle", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'short-form' }),
+    __metadata("design:type", Boolean)
+], ActivityThreadTimeline.prototype, "shortForm", void 0);
+ActivityThreadTimeline = __decorate([
+    customElement('activity-thread-timeline')
+], ActivityThreadTimeline);
+export { ActivityThreadTimeline };
+//# sourceMappingURL=activity-thread-timeline.js.map

package/dist-client/components/activity-thread-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-thread-timeline.js","sourceRoot":"","sources":["../../client/components/activity-thread-timeline.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@things-factory/organization/dist-client/component/approval-line-view.js'\n\nimport { html, css, LitElement, nothing } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { connect } from 'pwa-helpers/connect-mixin'\n\nimport { store } from '@operato/shell'\nimport { i18next } from '@operato/i18n'\n\nimport { ActivityThread } from '../types/activity-thread.js'\nimport { ActivityThreadHistory } from '../types/activity-thread-history.js'\nimport { ActivityApproval } from '../types/activity-approval.js'\n\nfunction getSafeFormatter(locale: string, options: Intl.DateTimeFormatOptions): Intl.DateTimeFormat {\n  try {\n    const safeLocale = locale || 'en-US'\n    return new Intl.DateTimeFormat(safeLocale, options)\n  } catch (e) {\n    console.warn(`Invalid locale or options provided: ${locale}, falling back to default en-US.`, e)\n    return new Intl.DateTimeFormat('en-US', options)\n  }\n}\n\nconst formatter = getSafeFormatter(navigator.language, { dateStyle: 'full', timeStyle: 'short' })\n\n@customElement('activity-thread-timeline')\nexport class ActivityThreadTimeline extends connect(store)(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: block;\n      }\n\n      [subtitle] {\n        padding: var(--spacing-small) var(--spacing-medium);\n        background-color: var(--md-sys-color-surface-variant);\n        border: 2px solid var(--md-sys-color-outline);\n        border-radius: 15px;\n        color: var(--md-sys-color-on-surface);\n        font-weight: bold;\n      }\n\n      ol {\n        list-style: none;\n        margin: var(--spacing-medium) 0 0 var(--spacing-small);\n        padding: 0;\n      }\n\n      li {\n        display: flex;\n        border: none;\n      }\n\n      [info] {\n        flex: 1;\n        color: var(--md-sys-color-on-surface);\n        background: var(--md-sys-color-surface);\n\n        div {\n          float: right;\n          opacity: 0.7;\n        }\n\n        md-icon {\n          position: relative;\n          top: 3px;\n          font-size: var(--fontsize-large);\n        }\n\n        p {\n          color: var(--md-sys-color-on-surface);\n          background: var(--md-sys-color-surface-variant);\n\n          margin: var(--spacing-small) 0 var(--spacing-medium) 0;\n          padding: var(--spacing-small) var(--spacing-medium);\n          font-size: var(--fontsize-small);\n          text-align: justify;\n          min-height: 20px;\n        }\n\n        p::before {\n          content: '';\n          float: right;\n          margin-top: -10px;\n          margin-right: 20px;\n          border: 7px solid transparent;\n          border-bottom-color: #f4f4f4;\n          border-top: 0;\n        }\n      }\n\n      [date] {\n        opacity: 0.7;\n        flex: initial;\n        width: 200px;\n        max-width: 30%;\n        font-size: var(--fontsize-small);\n      }\n\n      [status] {\n        margin: 0 var(--spacing-small);\n        display: block;\n        border-radius: 50%;\n        flex: initial;\n        width: 12px;\n        height: 12px;\n        position: relative;\n        top: 3px;\n        border: 2px solid #fff;\n        background-color: var(--worklist-status-color, tomato);\n        color: var(--primary-text-color);\n      }\n\n      [status]::before {\n        content: '';\n        height: 60px;\n        width: 2px;\n        display: block;\n        position: relative;\n        margin-left: 5px;\n        background-color: var(--worklist-status-color, tomato);\n        opacity: 0.2;\n      }\n\n      table,\n      th,\n      td {\n        border: 1px solid lightgray;\n        border-collapse: collapse;\n      }\n\n      th,\n      td {\n        padding: 10px;\n      }\n    `\n  ]\n\n  @property({ type: Object }) activityThread?: ActivityThread\n  @property({ type: String }) subtitle?: string\n  @property({ type: Boolean, attribute: 'short-form' }) shortForm?: boolean\n\n  render() {\n    const { activityApprovals = [], activityThreadHistories = [] } = this.activityThread || {}\n\n    const timeline = [\n      ...activityThreadHistories.filter(\n        item => item.transaction && (!this.shortForm || !/^.*(reject|approve|save|restart).*$/.test(item.transaction))\n      ),\n      ...activityApprovals.filter(item => item.judgment)\n    ].sort((a, b) => ((a.updatedAt || 0) > (b.updatedAt || 0) ? 1 : -1))\n\n    return html` ${timeline.length > 0\n      ? html`\n          <span subtitle>${this.subtitle || i18next.t('label.timeline')}</span>\n\n          <ol>\n            ${timeline.map(item =>\n              'reason' in item\n                ? this.renderActivityThreadHistory(item as ActivityThreadHistory)\n                : this.renderActivityApproval(item as ActivityApproval)\n            )}\n          </ol>\n        `\n      : nothing}`\n  }\n\n  renderActivityThreadHistory(activityThreadHistory: ActivityThreadHistory) {\n    const { updater, updatedAt, state, reason, output, transaction } = activityThreadHistory\n    const { name } = updater || {}\n\n    return html`\n      <li>\n        <span date>${formatter.format(new Date(updatedAt!))}</span>\n        <span status></span>\n\n        <span info>\n          ${i18next.t('label.activity-transaction-' + transaction)}\n          <div><md-icon>account_circle</md-icon>${name}</div>\n          <p>${reason ? reason : output ? this.renderOutput(output) : nothing}</p>\n        </span>\n      </li>\n    `\n  }\n\n  renderActivityApproval(activityApproval: ActivityApproval) {\n    const { judgment, approver, comment, createdAt, terminatedAt } = activityApproval\n    const { name } = approver || {}\n\n    return html`\n      <li>\n        <span date>${formatter.format(new Date(terminatedAt || createdAt!))}</span>\n        <span status></span>\n        <span info>\n          ${i18next.t('label.activity-state-' + judgment)}\n          <div><md-icon>account_circle</md-icon>${name}</div>\n          <p>${comment}</p>\n        </span>\n      </li>\n    `\n  }\n\n  renderOutput(output: any) {\n    const keys = Object.keys(output)\n    if (keys.length === 0) {\n      return ''\n    }\n\n    const firstKey = keys[0]\n    let value = output[firstKey]\n\n    // 값이 객체이거나 긴 문자열인 경우 처리\n    if (typeof value === 'object') {\n      value = Array.isArray(value) ? '[...]' : '{...}'\n    } else if (typeof value === 'string' && value.length > 50) {\n      value = value.substring(0, 47) + '...'\n    }\n\n    let result = `${firstKey}: ${value}`\n\n    // 추가 속성이 있는 경우 표시\n    if (keys.length > 1) {\n      result += ` (외 ${keys.length - 1}개 항목)`\n    }\n\n    return result\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,71 @@
+/**
+ * @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() {
+        var _a;
+        if (this.popup) {
+            delete this.popup;
+        }
+        const { name, help } = ((_a = this.column.record) === null || _a === void 0 ? void 0 : _a.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 === null || name === void 0 ? void 0 : 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,CAAA,MAAA,IAAI,CAAC,MAAM,CAAC,MAAM,0CAAE,OAAO,KAAI,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,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,KAAI,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: []
+        };
+    }
+    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);
+    }
+};
+PopupActivitySearchKeysInput.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;
+      }
+    `
+];
+__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":"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","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,3 @@
+export * from './pages/activity/activity-page.js';
+export * from './activity-summary-generator.js';
+export * from './components/activity-thread-timeline.js';

package/dist-client/index.js

@@ -0,0 +1,4 @@
+export * from './pages/activity/activity-page.js';
+export * from './activity-summary-generator.js';
+export * from './components/activity-thread-timeline.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","sourcesContent":["export * from './pages/activity/activity-page.js'\nexport * from './activity-summary-generator.js'\nexport * from './components/activity-thread-timeline.js'\n"]}

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

@@ -0,0 +1,56 @@
+import '@operato/data-grist';
+import '@operato/context/ox-context-page-toolbar.js';
+import './activity-model-item-list.js';
+import { DataGrist, FetchOption } from '@operato/data-grist';
+import { PageView } from '@operato/shell';
+export declare const ActivityStatus: {
+    display: string;
+    value: string;
+}[];
+declare const ActivityListPage_base: (new (...args: any[]) => {
+    _storeUnsubscribe: import("redux").Unsubscribe;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    stateChanged(_state: unknown): void;
+    readonly isConnected: boolean;
+}) & (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[];
+    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>;
+        }[];
+        toolbar: boolean;
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    pageInitialized(lifecycle: any): Promise<void>;
+    fetchHandler({ page, limit, sortings, filters }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+    updateActivity(): Promise<void>;
+    startActivitySchedule(record: any): Promise<void>;
+    stopActivitySchedule(record: any): Promise<void>;
+}
+export {};