@things-factory/sales 10.1.244 → 10.1.245

package/dist-client/close-months.d.ts

@@ -0,0 +1,5 @@
+/**
+ * The expected-close months a period names, as `YYYY-MM` bounds, from a day `YYYY-MM-DD`: this month, next month, this
+ * quarter or this year. Any other period names none - every month.
+ */
+export declare function closeMonthsOf(period: string, day: string): [string, string] | undefined;

package/dist-client/close-months.js

@@ -0,0 +1,20 @@
+/**
+ * The expected-close months a period names, as `YYYY-MM` bounds, from a day `YYYY-MM-DD`: this month, next month, this
+ * quarter or this year. Any other period names none - every month.
+ */
+export function closeMonthsOf(period, day) {
+    const [year, month] = day.split('-').map(Number);
+    const monthOf = (y, m) => `${y}-${String(m).padStart(2, '0')}`;
+    if (period === 'this-month')
+        return [monthOf(year, month), monthOf(year, month)];
+    if (period === 'next-month')
+        return month === 12 ? [monthOf(year + 1, 1), monthOf(year + 1, 1)] : [monthOf(year, month + 1), monthOf(year, month + 1)];
+    if (period === 'this-quarter') {
+        const first = Math.floor((month - 1) / 3) * 3 + 1;
+        return [monthOf(year, first), monthOf(year, first + 2)];
+    }
+    if (period === 'this-year')
+        return [monthOf(year, 1), monthOf(year, 12)];
+    return undefined;
+}
+//# sourceMappingURL=close-months.js.map

package/dist-client/close-months.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-months.js","sourceRoot":"","sources":["../client/close-months.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,MAAc,EAAE,GAAW;IACvD,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAChD,MAAM,OAAO,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAA;IAC9E,IAAI,MAAM,KAAK,YAAY;QAAE,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAChF,IAAI,MAAM,KAAK,YAAY;QAAE,OAAO,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAA;IACtJ,IAAI,MAAM,KAAK,cAAc,EAAE,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QACjD,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAA;IACzD,CAAC;IACD,IAAI,MAAM,KAAK,WAAW;QAAE,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAA;IACxE,OAAO,SAAS,CAAA;AAClB,CAAC","sourcesContent":["/**\n * The expected-close months a period names, as `YYYY-MM` bounds, from a day `YYYY-MM-DD`: this month, next month, this\n * quarter or this year. Any other period names none - every month.\n */\nexport function closeMonthsOf(period: string, day: string): [string, string] | undefined {\n  const [year, month] = day.split('-').map(Number)\n  const monthOf = (y: number, m: number) => `${y}-${String(m).padStart(2, '0')}`\n  if (period === 'this-month') return [monthOf(year, month), monthOf(year, month)]\n  if (period === 'next-month') return month === 12 ? [monthOf(year + 1, 1), monthOf(year + 1, 1)] : [monthOf(year, month + 1), monthOf(year, month + 1)]\n  if (period === 'this-quarter') {\n    const first = Math.floor((month - 1) / 3) * 3 + 1\n    return [monthOf(year, first), monthOf(year, first + 2)]\n  }\n  if (period === 'this-year') return [monthOf(year, 1), monthOf(year, 12)]\n  return undefined\n}\n"]}

package/dist-client/headroom-choice.d.ts

@@ -0,0 +1,10 @@
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-list.js';
+/**
+ * One choice of a list's headroom - the select the invoice list narrows by, labelled by what it narrows and showing the
+ * choice made. `set` hears only a value other than the one shown.
+ */
+export declare function headroomChoice(label: string, value: string, choices: {
+    value: string;
+    display: string;
+}[], set: (value: string) => void): import("lit-html").TemplateResult<1>;

package/dist-client/headroom-choice.js

@@ -0,0 +1,22 @@
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-list.js';
+import { html } from 'lit';
+/**
+ * One choice of a list's headroom - the select the invoice list narrows by, labelled by what it narrows and showing the
+ * choice made. `set` hears only a value other than the one shown.
+ */
+export function headroomChoice(label, value, choices, set) {
+    return html `<ox-select
+    .value=${value}
+    aria-label=${label}
+    @change=${(e) => {
+        const next = String(e.detail ?? '');
+        if (next !== value)
+            set(next);
+    }}
+  >
+    <span slot="label">${choices.find(one => one.value === value)?.display}</span>
+    <ox-popup-list align-left nowrap>${choices.map(one => html `<div option value=${one.value}>${one.display}</div>`)}</ox-popup-list>
+  </ox-select>`;
+}
+//# sourceMappingURL=headroom-choice.js.map

package/dist-client/headroom-choice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headroom-choice.js","sourceRoot":"","sources":["../client/headroom-choice.ts"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAA;AACpC,OAAO,iCAAiC,CAAA;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,KAAa,EAAE,KAAa,EAAE,OAA6C,EAAE,GAA4B;IACtI,OAAO,IAAI,CAAA;aACA,KAAK;iBACD,KAAK;cACR,CAAC,CAAc,EAAE,EAAE;QAC3B,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,CAAA;QACnC,IAAI,IAAI,KAAK,KAAK;YAAE,GAAG,CAAC,IAAI,CAAC,CAAA;IAC/B,CAAC;;yBAEoB,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,OAAO;uCACnC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA,qBAAqB,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,OAAO,QAAQ,CAAC;eACrG,CAAA;AACf,CAAC","sourcesContent":["import '@operato/input/ox-select.js'\nimport '@operato/popup/ox-popup-list.js'\n\nimport { html } from 'lit'\n\n/**\n * One choice of a list's headroom - the select the invoice list narrows by, labelled by what it narrows and showing the\n * choice made. `set` hears only a value other than the one shown.\n */\nexport function headroomChoice(label: string, value: string, choices: { value: string; display: string }[], set: (value: string) => void) {\n  return html`<ox-select\n    .value=${value}\n    aria-label=${label}\n    @change=${(e: CustomEvent) => {\n      const next = String(e.detail ?? '')\n      if (next !== value) set(next)\n    }}\n  >\n    <span slot=\"label\">${choices.find(one => one.value === value)?.display}</span>\n    <ox-popup-list align-left nowrap>${choices.map(one => html`<div option value=${one.value}>${one.display}</div>`)}</ox-popup-list>\n  </ox-select>`\n}\n"]}

package/dist-client/pages/opportunity-list.d.ts

@@ -1,15 +1,25 @@
 import '@operato/data-grist/ox-grist.js';
-import '@operato/data-grist/ox-filters-form.js';
+import '@operato/input/ox-input-select-buttons.js';
 import { FetchOption } from '@operato/data-grist';
 import { PageView } from '@operato/shell';
 declare const OpportunityList_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
 /**
  * 영업 기회 — every opportunity of the domain, narrowed by stage. The name opens its 360; the edit gutter its editor. Rows
  * picked go to the assistant (「AI와 작업」) as `opportunity:<uuid>`, read by the opportunity list's read (sales-read.ts).
+ *
+ * The person in charge and the expected-close period narrow it from the headroom. The stages are chips that narrow
+ * the list, each with how many opportunities it holds under the other conditions — counted by the server, so the
+ * numbers agree with one another whichever chips are pressed. The list opens on the open stages, won and lost left
+ * out; with none pressed every stage shows.
  */
 export declare class OpportunityList extends OpportunityList_base {
     static styles: import("lit").CSSResult[];
     gristConfig: any;
+    private stageCounts;
+    private stages?;
+    private owner;
+    private closePeriod;
+    private owners;
     private grist;
     get context(): {
         title: string;
@@ -35,9 +45,14 @@ export declare class OpportunityList extends OpportunityList_base {
     };
     render(): import("lit-html").TemplateResult<1>;
     pageInitialized(): Promise<void>;
+    /** The people an opportunity may be put in the charge of - the editor's choices. */
+    private readOwners;
     fetchHandler({ page, limit, sortings, filters, search }: FetchOption): Promise<{
-        total: any;
-        records: any;
+        total: number;
+        records: any[];
     }>;
+    private headroomFilters;
+    private fetchStageCounts;
+    private fetchPage;
 }
 export {};

package/dist-client/pages/opportunity-list.js

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from "tslib";
 import '@operato/data-grist/ox-grist.js';
-import '@operato/data-grist/ox-filters-form.js';
+import '@operato/input/ox-input-select-buttons.js';
 import gql from 'graphql-tag';
 import { html } from 'lit';
 import { customElement, query, state } from 'lit/decorators.js';
@@ -13,13 +13,28 @@ import { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePage
 import { isMobileDevice } from '@operato/utils';
 import { SELECTION_ROW_PICKER } from '@things-factory/ai-assistant/dist-client/index.js';
 import { documentAmount } from '@things-factory/invoice/dist-client';
+import { closeMonthsOf } from '../close-months';
+import { headroomChoice } from '../headroom-choice';
 import { opportunityStageWord } from '../opportunity-words';
-const STAGES = ['LEAD', 'PROPOSAL', 'QUOTED', 'NEGOTIATION', 'WON', 'LOST'];
+const today = () => new Date().toLocaleDateString('en-CA');
 /**
  * 영업 기회 — every opportunity of the domain, narrowed by stage. The name opens its 360; the edit gutter its editor. Rows
  * picked go to the assistant (「AI와 작업」) as `opportunity:<uuid>`, read by the opportunity list's read (sales-read.ts).
+ *
+ * The person in charge and the expected-close period narrow it from the headroom. The stages are chips that narrow
+ * the list, each with how many opportunities it holds under the other conditions — counted by the server, so the
+ * numbers agree with one another whichever chips are pressed. The list opens on the open stages, won and lost left
+ * out; with none pressed every stage shows.
  */
 let OpportunityList = class OpportunityList extends localize(i18next)(PageView) {
+    constructor() {
+        super(...arguments);
+        this.stageCounts = [];
+        /* The person in charge narrowed to (a user id), and the expected-close period. */
+        this.owner = '';
+        this.closePeriod = '';
+        this.owners = [];
+    }
     static { this.styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]; }
     get context() {
         return {
@@ -57,12 +72,23 @@ let OpportunityList = class OpportunityList extends localize(i18next)(PageView)
     >
       <div slot="headroom" class="header">
         <div class="filters">
-          <ox-filters-form without-search autofocus></ox-filters-form>
+          ${headroomChoice(i18next.t('field.opportunity-owner'), this.owner, [{ value: '', display: i18next.t('text.opportunity-owner-all') }, ...this.owners], value => ((this.owner = value), this.grist.fetch()))}
+          ${headroomChoice(i18next.t('field.opportunity-expected-close-month'), this.closePeriod, ['', 'this-month', 'next-month', 'this-quarter', 'this-year'].map(value => ({ value, display: i18next.t(`text.opportunity-close-${value || 'all'}`) })), value => ((this.closePeriod = value), this.grist.fetch()))}
+          <ox-input-select-buttons
+            multiple
+            .value=${this.stages ?? []}
+            .options=${this.stageCounts.map(({ stage, count }) => ({ value: stage, display: opportunityStageWord(stage), count }))}
+            @change=${(e) => {
+            this.stages = e.currentTarget.value ?? [];
+            this.grist.fetch();
+        }}
+          ></ox-input-select-buttons>
         </div>
       </div>
     </ox-grist>`;
     }
     async pageInitialized() {
+        this.readOwners();
         const open = (record) => record?.id && navigate(`opportunity-editor?id=${record.id}`);
         const party = (value) => (value ? entity360Name({ __typename: 'Counterparty', ...value }, value.name) : '');
         const readonly = (type, name, header, width, extra = {}) => ({
@@ -88,10 +114,7 @@ let OpportunityList = class OpportunityList extends localize(i18next)(PageView)
                 }),
                 readonly('string', 'counterparty', i18next.t('field.opportunity-counterparty'), 180, { sortable: false, record: { renderer: (value) => party(value) } }),
                 readonly('string', 'endCustomer', i18next.t('field.opportunity-end-customer'), 160, { sortable: false, record: { renderer: (value) => party(value) } }),
-                readonly('string', 'stage', i18next.t('field.opportunity-stage'), 90, {
-                    record: { renderer: (value) => opportunityStageWord(value) },
-                    filter: { type: 'select', operator: 'eq', options: [{ display: '', value: '' }, ...STAGES.map(stage => ({ display: opportunityStageWord(stage), value: stage }))] }
-                }),
+                readonly('string', 'stage', i18next.t('field.opportunity-stage'), 90, { record: { renderer: (value) => opportunityStageWord(value) } }),
                 readonly('integer', 'probability', i18next.t('field.opportunity-probability'), 70, { record: { align: 'right', renderer: (value) => `${value ?? 0}%` } }),
                 readonly('float', 'amount', i18next.t('field.opportunity-amount'), 150, {
                     record: { align: 'right', renderer: (value, _c, record) => documentAmount(value, record?.currency || 'KRW') }
@@ -102,7 +125,48 @@ let OpportunityList = class OpportunityList extends localize(i18next)(PageView)
             sorters: [{ name: 'expectedCloseMonth' }]
         };
     }
+    /** The people an opportunity may be put in the charge of - the editor's choices. */
+    async readOwners() {
+        const response = await client.query({ query: gql `{ opportunityOwners { id name } }`, fetchPolicy: 'no-cache' });
+        this.owners = (response.data?.opportunityOwners ?? []).map((one) => ({ value: one.id, display: one.name }));
+    }
     async fetchHandler({ page = 1, limit = 50, sortings = [], filters = [], search }) {
+        search = search?.trim() || undefined;
+        filters = [...filters, ...this.headroomFilters()];
+        const counting = this.fetchStageCounts(filters, search);
+        if (!this.stages)
+            this.stages = (await counting).filter(one => one.open).map(one => one.stage);
+        const stages = this.stages.length ? [{ name: 'stage', operator: 'in', value: this.stages }] : [];
+        const [response] = await Promise.all([this.fetchPage([...filters, ...stages], { page, limit }, sortings, search), counting]);
+        return { total: response.total, records: response.items };
+    }
+    /* The owner and the close period as the list's filters - the stage counts are under them too. */
+    headroomFilters() {
+        const months = closeMonthsOf(this.closePeriod, today());
+        return [
+            ...(this.owner ? [{ name: 'ownerId', operator: 'eq', value: this.owner }] : []),
+            ...(months ? [{ name: 'expectedCloseMonth', operator: 'between', value: months }] : [])
+        ];
+    }
+    async fetchStageCounts(filters, search) {
+        const response = await client.query({
+            query: gql `
+        query ($filters: [Filter!], $search: String) {
+          opportunityStageCounts(filters: $filters, search: $search) {
+            stage
+            count
+            open
+          }
+        }
+      `,
+            variables: { filters, search },
+            fetchPolicy: 'network-only'
+        });
+        if (response.errors?.length)
+            throw response;
+        return (this.stageCounts = response.data.opportunityStageCounts);
+    }
+    async fetchPage(filters, pagination, sortings, search) {
         const response = await client.query({
             query: gql `
         query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {
@@ -123,18 +187,38 @@ let OpportunityList = class OpportunityList extends localize(i18next)(PageView)
           }
         }
       `,
-            variables: { filters, pagination: { page, limit }, sortings, search: search?.trim() || undefined },
+            variables: { filters, pagination, sortings, search },
             fetchPolicy: 'network-only'
         });
         if (response.errors?.length)
             throw response;
-        return { total: response.data.responses.total, records: response.data.responses.items };
+        return response.data.responses;
     }
 };
 __decorate([
     state(),
     __metadata("design:type", Object)
 ], OpportunityList.prototype, "gristConfig", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], OpportunityList.prototype, "stageCounts", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], OpportunityList.prototype, "stages", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], OpportunityList.prototype, "owner", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], OpportunityList.prototype, "closePeriod", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], OpportunityList.prototype, "owners", void 0);
 __decorate([
     query('ox-grist'),
     __metadata("design:type", DataGrist)

package/dist-client/pages/opportunity-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"opportunity-list.js","sourceRoot":"","sources":["../../client/pages/opportunity-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\n\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { entity360Name } from '@operato/layout'\nimport { navigate, PageView } from '@operato/shell'\nimport { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { SELECTION_ROW_PICKER } from '@things-factory/ai-assistant/dist-client/index.js'\nimport { documentAmount } from '@things-factory/invoice/dist-client'\n\nimport { opportunityStageWord } from '../opportunity-words'\n\nconst STAGES = ['LEAD', 'PROPOSAL', 'QUOTED', 'NEGOTIATION', 'WON', 'LOST']\n\n/**\n * 영업 기회 — every opportunity of the domain, narrowed by stage. The name opens its 360; the edit gutter its editor. Rows\n * picked go to the assistant (「AI와 작업」) as `opportunity:<uuid>`, read by the opportunity list's read (sales-read.ts).\n */\n@customElement('opportunity-list')\nexport class OpportunityList extends localize(i18next)(PageView) {\n  static styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]\n\n  @state() gristConfig: any\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: i18next.t('title.opportunity-list'),\n      search: {\n        handler: (search: string) => {\n          this.grist.searchText = search\n        },\n        value: this.grist?.searchText || ''\n      },\n      /* Narrowing by stage stays in the headroom, and this folds it. */\n      filter: {\n        handler: () => {\n          this.grist.toggleHeadroom()\n        }\n      },\n      actions: [{ title: i18next.t('button.opportunity-new'), icon: 'add', emphasis: { raised: true }, action: () => navigate('opportunity-editor') }],\n      exportable: { name: i18next.t('title.opportunity-list'), data: () => this.grist.exportRecords() }\n    }\n  }\n\n  render() {\n    return html`<ox-assistant-selection-bar\n        .gridOf=${() => this.grist}\n        name=${i18next.t('title.opportunity-list')}\n        list=\"opportunities\"\n        axis=\"opportunity\"\n        .labelOf=${(row: any) => [row.name, row.counterparty?.name].filter(Boolean).join(' · ')}\n      ></ox-assistant-selection-bar>\n      <ox-grist\n      class=\"page-fill\"\n      search-mode=\"term\"\n      .mode=${isMobileDevice() ? 'CARD' : 'GRID'}\n      .config=${this.gristConfig}\n      .fetchHandler=${this.fetchHandler.bind(this)}\n    >\n      <div slot=\"headroom\" class=\"header\">\n        <div class=\"filters\">\n          <ox-filters-form without-search autofocus></ox-filters-form>\n        </div>\n      </div>\n    </ox-grist>`\n  }\n\n  async pageInitialized() {\n    const open = (record: any) => record?.id && navigate(`opportunity-editor?id=${record.id}`)\n    const party = (value?: { id: string; name: string }) => (value ? entity360Name({ __typename: 'Counterparty', ...value }, value.name) : '')\n    const readonly = (type: string, name: string, header: string, width: number, extra: any = {}) => ({\n      type,\n      name,\n      header,\n      width,\n      sortable: true,\n      ...extra,\n      record: { editable: false, ...extra.record }\n    })\n    this.gristConfig = {\n      rows: { appendable: false, selectable: { multiple: true } },\n      pagination: { limit: 50, pages: [50, 100, 500] },\n      emptyNote: { title: i18next.t('text.opportunity-empty'), description: i18next.t('text.opportunity-empty-description') },\n      list: { fields: ['name', 'counterparty'], details: ['stage', 'expectedCloseMonth', 'amount'] },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        SELECTION_ROW_PICKER,\n        { type: 'gutter', gutterName: 'button', icon: 'edit_note', handlers: { click: (_c: any, _d: any, _col: any, record: any) => open(record) } },\n        readonly('string', 'name', i18next.t('field.opportunity-name'), 220, {\n          record: { renderer: (_v: any, _c: any, record: any) => (record?.id ? entity360Name({ __typename: 'Opportunity', ...record }, record.name) : '') }\n        }),\n        readonly('string', 'counterparty', i18next.t('field.opportunity-counterparty'), 180, { sortable: false, record: { renderer: (value: any) => party(value) } }),\n        readonly('string', 'endCustomer', i18next.t('field.opportunity-end-customer'), 160, { sortable: false, record: { renderer: (value: any) => party(value) } }),\n        readonly('string', 'stage', i18next.t('field.opportunity-stage'), 90, {\n          record: { renderer: (value: string) => opportunityStageWord(value) },\n          filter: { type: 'select', operator: 'eq', options: [{ display: '', value: '' }, ...STAGES.map(stage => ({ display: opportunityStageWord(stage), value: stage }))] }\n        }),\n        readonly('integer', 'probability', i18next.t('field.opportunity-probability'), 70, { record: { align: 'right', renderer: (value: number) => `${value ?? 0}%` } }),\n        readonly('float', 'amount', i18next.t('field.opportunity-amount'), 150, {\n          record: { align: 'right', renderer: (value: number, _c: any, record: any) => documentAmount(value, record?.currency || 'KRW') }\n        }),\n        readonly('string', 'expectedCloseMonth', i18next.t('field.opportunity-expected-close-month'), 100),\n        readonly('string', 'owner', i18next.t('field.opportunity-owner'), 110, { sortable: false, record: { renderer: (value: any) => value?.name ?? '' } })\n      ],\n      sorters: [{ name: 'expectedCloseMonth' }]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 50, sortings = [], filters = [], search }: FetchOption) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {\n          responses: opportunities(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {\n            items {\n              id\n              name\n              stage\n              probability\n              amount\n              currency\n              expectedCloseMonth\n              counterparty { id name }\n              endCustomer { id name }\n              owner { id name }\n            }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination: { page, limit }, sortings, search: search?.trim() || undefined },\n      fetchPolicy: 'network-only'\n    })\n    if (response.errors?.length) throw response\n    return { total: response.data.responses.total, records: response.data.responses.items }\n  }\n}\n"]}
+{"version":3,"file":"opportunity-list.js","sourceRoot":"","sources":["../../client/pages/opportunity-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\nimport '@operato/input/ox-input-select-buttons.js'\n\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { entity360Name } from '@operato/layout'\nimport { navigate, PageView } from '@operato/shell'\nimport { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { SELECTION_ROW_PICKER } from '@things-factory/ai-assistant/dist-client/index.js'\nimport { documentAmount } from '@things-factory/invoice/dist-client'\n\nimport { closeMonthsOf } from '../close-months'\nimport { headroomChoice } from '../headroom-choice'\nimport { opportunityStageWord } from '../opportunity-words'\n\nconst today = () => new Date().toLocaleDateString('en-CA')\n\ntype StageCount = { stage: string; count: number; open: boolean }\n\n/**\n * 영업 기회 — every opportunity of the domain, narrowed by stage. The name opens its 360; the edit gutter its editor. Rows\n * picked go to the assistant (「AI와 작업」) as `opportunity:<uuid>`, read by the opportunity list's read (sales-read.ts).\n *\n * The person in charge and the expected-close period narrow it from the headroom. The stages are chips that narrow\n * the list, each with how many opportunities it holds under the other conditions — counted by the server, so the\n * numbers agree with one another whichever chips are pressed. The list opens on the open stages, won and lost left\n * out; with none pressed every stage shows.\n */\n@customElement('opportunity-list')\nexport class OpportunityList extends localize(i18next)(PageView) {\n  static styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]\n\n  @state() gristConfig: any\n  @state() private stageCounts: StageCount[] = []\n  /* The stages chosen; none until the first counts say which stages are open. */\n  @state() private stages?: string[]\n  /* The person in charge narrowed to (a user id), and the expected-close period. */\n  @state() private owner = ''\n  @state() private closePeriod = ''\n  @state() private owners: { value: string; display: string }[] = []\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: i18next.t('title.opportunity-list'),\n      search: {\n        handler: (search: string) => {\n          this.grist.searchText = search\n        },\n        value: this.grist?.searchText || ''\n      },\n      /* Narrowing by stage stays in the headroom, and this folds it. */\n      filter: {\n        handler: () => {\n          this.grist.toggleHeadroom()\n        }\n      },\n      actions: [{ title: i18next.t('button.opportunity-new'), icon: 'add', emphasis: { raised: true }, action: () => navigate('opportunity-editor') }],\n      exportable: { name: i18next.t('title.opportunity-list'), data: () => this.grist.exportRecords() }\n    }\n  }\n\n  render() {\n    return html`<ox-assistant-selection-bar\n        .gridOf=${() => this.grist}\n        name=${i18next.t('title.opportunity-list')}\n        list=\"opportunities\"\n        axis=\"opportunity\"\n        .labelOf=${(row: any) => [row.name, row.counterparty?.name].filter(Boolean).join(' · ')}\n      ></ox-assistant-selection-bar>\n      <ox-grist\n      class=\"page-fill\"\n      search-mode=\"term\"\n      .mode=${isMobileDevice() ? 'CARD' : 'GRID'}\n      .config=${this.gristConfig}\n      .fetchHandler=${this.fetchHandler.bind(this)}\n    >\n      <div slot=\"headroom\" class=\"header\">\n        <div class=\"filters\">\n          ${headroomChoice(\n            i18next.t('field.opportunity-owner'),\n            this.owner,\n            [{ value: '', display: i18next.t('text.opportunity-owner-all') }, ...this.owners],\n            value => ((this.owner = value), this.grist.fetch())\n          )}\n          ${headroomChoice(\n            i18next.t('field.opportunity-expected-close-month'),\n            this.closePeriod,\n            ['', 'this-month', 'next-month', 'this-quarter', 'this-year'].map(value => ({ value, display: i18next.t(`text.opportunity-close-${value || 'all'}`) })),\n            value => ((this.closePeriod = value), this.grist.fetch())\n          )}\n          <ox-input-select-buttons\n            multiple\n            .value=${this.stages ?? []}\n            .options=${this.stageCounts.map(({ stage, count }) => ({ value: stage, display: opportunityStageWord(stage), count }))}\n            @change=${(e: CustomEvent) => {\n              this.stages = (e.currentTarget as any).value ?? []\n              this.grist.fetch()\n            }}\n          ></ox-input-select-buttons>\n        </div>\n      </div>\n    </ox-grist>`\n  }\n\n  async pageInitialized() {\n    this.readOwners()\n    const open = (record: any) => record?.id && navigate(`opportunity-editor?id=${record.id}`)\n    const party = (value?: { id: string; name: string }) => (value ? entity360Name({ __typename: 'Counterparty', ...value }, value.name) : '')\n    const readonly = (type: string, name: string, header: string, width: number, extra: any = {}) => ({\n      type,\n      name,\n      header,\n      width,\n      sortable: true,\n      ...extra,\n      record: { editable: false, ...extra.record }\n    })\n    this.gristConfig = {\n      rows: { appendable: false, selectable: { multiple: true } },\n      pagination: { limit: 50, pages: [50, 100, 500] },\n      emptyNote: { title: i18next.t('text.opportunity-empty'), description: i18next.t('text.opportunity-empty-description') },\n      list: { fields: ['name', 'counterparty'], details: ['stage', 'expectedCloseMonth', 'amount'] },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        SELECTION_ROW_PICKER,\n        { type: 'gutter', gutterName: 'button', icon: 'edit_note', handlers: { click: (_c: any, _d: any, _col: any, record: any) => open(record) } },\n        readonly('string', 'name', i18next.t('field.opportunity-name'), 220, {\n          record: { renderer: (_v: any, _c: any, record: any) => (record?.id ? entity360Name({ __typename: 'Opportunity', ...record }, record.name) : '') }\n        }),\n        readonly('string', 'counterparty', i18next.t('field.opportunity-counterparty'), 180, { sortable: false, record: { renderer: (value: any) => party(value) } }),\n        readonly('string', 'endCustomer', i18next.t('field.opportunity-end-customer'), 160, { sortable: false, record: { renderer: (value: any) => party(value) } }),\n        readonly('string', 'stage', i18next.t('field.opportunity-stage'), 90, { record: { renderer: (value: string) => opportunityStageWord(value) } }),\n        readonly('integer', 'probability', i18next.t('field.opportunity-probability'), 70, { record: { align: 'right', renderer: (value: number) => `${value ?? 0}%` } }),\n        readonly('float', 'amount', i18next.t('field.opportunity-amount'), 150, {\n          record: { align: 'right', renderer: (value: number, _c: any, record: any) => documentAmount(value, record?.currency || 'KRW') }\n        }),\n        readonly('string', 'expectedCloseMonth', i18next.t('field.opportunity-expected-close-month'), 100),\n        readonly('string', 'owner', i18next.t('field.opportunity-owner'), 110, { sortable: false, record: { renderer: (value: any) => value?.name ?? '' } })\n      ],\n      sorters: [{ name: 'expectedCloseMonth' }]\n    }\n  }\n\n  /** The people an opportunity may be put in the charge of - the editor's choices. */\n  private async readOwners() {\n    const response = await client.query({ query: gql`{ opportunityOwners { id name } }`, fetchPolicy: 'no-cache' })\n    this.owners = (response.data?.opportunityOwners ?? []).map((one: any) => ({ value: one.id, display: one.name }))\n  }\n\n  async fetchHandler({ page = 1, limit = 50, sortings = [], filters = [], search }: FetchOption) {\n    search = search?.trim() || undefined\n    filters = [...filters, ...this.headroomFilters()]\n    const counting = this.fetchStageCounts(filters, search)\n    if (!this.stages) this.stages = (await counting).filter(one => one.open).map(one => one.stage)\n    const stages = this.stages.length ? [{ name: 'stage', operator: 'in', value: this.stages }] : []\n    const [response] = await Promise.all([this.fetchPage([...filters, ...stages], { page, limit }, sortings, search), counting])\n    return { total: response.total, records: response.items }\n  }\n\n  /* The owner and the close period as the list's filters - the stage counts are under them too. */\n  private headroomFilters(): any[] {\n    const months = closeMonthsOf(this.closePeriod, today())\n    return [\n      ...(this.owner ? [{ name: 'ownerId', operator: 'eq', value: this.owner }] : []),\n      ...(months ? [{ name: 'expectedCloseMonth', operator: 'between', value: months }] : [])\n    ]\n  }\n\n  private async fetchStageCounts(filters: any[], search?: string) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $search: String) {\n          opportunityStageCounts(filters: $filters, search: $search) {\n            stage\n            count\n            open\n          }\n        }\n      `,\n      variables: { filters, search },\n      fetchPolicy: 'network-only'\n    })\n    if (response.errors?.length) throw response\n    return (this.stageCounts = response.data.opportunityStageCounts as StageCount[])\n  }\n\n  private async fetchPage(filters: any[], pagination: { page: number; limit: number }, sortings: any[], search?: string) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {\n          responses: opportunities(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {\n            items {\n              id\n              name\n              stage\n              probability\n              amount\n              currency\n              expectedCloseMonth\n              counterparty { id name }\n              endCustomer { id name }\n              owner { id name }\n            }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination, sortings, search },\n      fetchPolicy: 'network-only'\n    })\n    if (response.errors?.length) throw response\n    return response.data.responses as { items: any[]; total: number }\n  }\n}\n"]}

package/dist-client/pages/quotation-list.d.ts

@@ -1,14 +1,21 @@
 import '@operato/data-grist/ox-grist.js';
+import '@operato/input/ox-input-select-buttons.js';
 import { FetchOption } from '@operato/data-grist';
 import { PageView } from '@operato/shell';
 declare const QuotationList_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
 /**
  * 견적 — every version of every quotation; the latest of a number is the one still in play. Rows picked go to the
  * assistant (「AI와 작업」) as `quotation:<uuid>`, read by the quotation list's read (sales-read.ts).
+ *
+ * The headroom narrows it by issue period, as the invoice list does, and by status chips, each with how many quotations
+ * it holds under the other conditions - counted by the server. With no status pressed every status shows.
  */
 export declare class QuotationList extends QuotationList_base {
     static styles: import("lit").CSSResult[];
     gristConfig: any;
+    private statuses;
+    private period;
+    private statusCounts;
     private grist;
     get context(): {
         title: string;
@@ -16,6 +23,9 @@ export declare class QuotationList extends QuotationList_base {
             handler: (search: string) => void;
             value: string;
         };
+        filter: {
+            handler: () => void;
+        };
         actions: {
             title: string;
             icon: string;
@@ -35,5 +45,6 @@ export declare class QuotationList extends QuotationList_base {
         total: any;
         records: any;
     }>;
+    private countStatuses;
 }
 export {};

package/dist-client/pages/quotation-list.js

@@ -1,5 +1,6 @@
 import { __decorate, __metadata } from "tslib";
 import '@operato/data-grist/ox-grist.js';
+import '@operato/input/ox-input-select-buttons.js';
 import gql from 'graphql-tag';
 import { html } from 'lit';
 import { customElement, query, state } from 'lit/decorators.js';
@@ -7,17 +8,28 @@ import { DataGrist } from '@operato/data-grist';
 import { client } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
 import { navigate, PageView } from '@operato/shell';
-import { CommonGristStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
 import { isMobileDevice } from '@operato/utils';
 import { SELECTION_ROW_PICKER } from '@things-factory/ai-assistant/dist-client/index.js';
-import { counterpartOf, documentAmount } from '@things-factory/invoice/dist-client';
+import { counterpartOf, documentAmount, issuePeriodOf } from '@things-factory/invoice/dist-client';
+import { headroomChoice } from '../headroom-choice';
 import { quotationStatusWord } from '../quotation-words';
+const today = () => new Date().toLocaleDateString('en-CA');
 /**
  * 견적 — every version of every quotation; the latest of a number is the one still in play. Rows picked go to the
  * assistant (「AI와 작업」) as `quotation:<uuid>`, read by the quotation list's read (sales-read.ts).
+ *
+ * The headroom narrows it by issue period, as the invoice list does, and by status chips, each with how many quotations
+ * it holds under the other conditions - counted by the server. With no status pressed every status shows.
  */
 let QuotationList = class QuotationList extends localize(i18next)(PageView) {
-    static { this.styles = [WorkSurfacePageStyles, CommonGristStyles, ScrollbarStyles]; }
+    constructor() {
+        super(...arguments);
+        this.statuses = [];
+        this.period = '';
+        this.statusCounts = [];
+    }
+    static { this.styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]; }
     get context() {
         return {
             title: i18next.t('title.quotation-list'),
@@ -27,6 +39,12 @@ let QuotationList = class QuotationList extends localize(i18next)(PageView) {
                 },
                 value: this.grist?.searchText || ''
             },
+            /* The issue period and the statuses narrow it in the headroom, and this folds it. */
+            filter: {
+                handler: () => {
+                    this.grist.toggleHeadroom();
+                }
+            },
             actions: [{ title: i18next.t('button.quotation-new'), icon: 'add', emphasis: { raised: true }, action: () => navigate('quotation-editor') }],
             exportable: { name: i18next.t('title.quotation-list'), data: () => this.grist.exportRecords() }
         };
@@ -45,7 +63,22 @@ let QuotationList = class QuotationList extends localize(i18next)(PageView) {
       .mode=${isMobileDevice() ? 'CARD' : 'GRID'}
       .config=${this.gristConfig}
       .fetchHandler=${this.fetchHandler.bind(this)}
-    ></ox-grist>`;
+    >
+      <div slot="headroom" class="header">
+        <div class="filters">
+          ${headroomChoice(i18next.t('field.quotation-issue-date'), this.period, ['', 'this-month', 'last-month', 'this-year', 'last-year'].map(value => ({ value, display: i18next.t(`text.invoice-period-${value || 'all'}`) })), value => ((this.period = value), this.grist.fetch()))}
+          <ox-input-select-buttons
+            multiple
+            .value=${this.statuses}
+            .options=${this.statusCounts.map(({ value, count }) => ({ value, display: quotationStatusWord(value), count }))}
+            @change=${(e) => {
+            this.statuses = e.currentTarget.value ?? [];
+            this.grist.fetch();
+        }}
+          ></ox-input-select-buttons>
+        </div>
+      </div>
+    </ox-grist>`;
     }
     async pageInitialized() {
         const open = (record) => record?.id && navigate(`quotation-editor?id=${record.id}`);
@@ -81,6 +114,12 @@ let QuotationList = class QuotationList extends localize(i18next)(PageView) {
         };
     }
     async fetchHandler({ page = 1, limit = 50, sortings = [], filters = [], search }) {
+        search = search?.trim() || undefined;
+        const period = issuePeriodOf(this.period, today());
+        filters = [...filters, ...(period ? [{ name: 'issueDate', operator: 'between', value: period }] : [])];
+        this.countStatuses(filters, search);
+        if (this.statuses.length)
+            filters = [...filters, { name: 'status', operator: 'in', value: this.statuses }];
         const response = await client.query({
             query: gql `
         query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {
@@ -102,18 +141,45 @@ let QuotationList = class QuotationList extends localize(i18next)(PageView) {
           }
         }
       `,
-            variables: { filters, pagination: { page, limit }, sortings, search: search?.trim() || undefined },
+            variables: { filters, pagination: { page, limit }, sortings, search },
             fetchPolicy: 'network-only'
         });
         if (response.errors?.length)
             throw response;
         return { total: response.data.responses.total, records: response.data.responses.items };
     }
+    /* The status chips and their numbers, on the list's filters before the statuses are added. */
+    async countStatuses(filters, search) {
+        const response = await client.query({
+            query: gql `
+        query ($filters: [Filter!], $search: String) {
+          quotationStatusCounts(filters: $filters, search: $search) { value count }
+        }
+      `,
+            variables: { filters, search },
+            fetchPolicy: 'no-cache'
+        });
+        if (response.errors?.length)
+            return console.error(response.errors);
+        this.statusCounts = response.data.quotationStatusCounts;
+    }
 };
 __decorate([
     state(),
     __metadata("design:type", Object)
 ], QuotationList.prototype, "gristConfig", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], QuotationList.prototype, "statuses", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], QuotationList.prototype, "period", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], QuotationList.prototype, "statusCounts", void 0);
 __decorate([
     query('ox-grist'),
     __metadata("design:type", DataGrist)

package/dist-client/pages/quotation-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"quotation-list.js","sourceRoot":"","sources":["../../client/pages/quotation-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\n\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { navigate, PageView } from '@operato/shell'\nimport { CommonGristStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { SELECTION_ROW_PICKER } from '@things-factory/ai-assistant/dist-client/index.js'\nimport { counterpartOf, documentAmount } from '@things-factory/invoice/dist-client'\n\nimport { quotationStatusWord } from '../quotation-words'\n\n/**\n * 견적 — every version of every quotation; the latest of a number is the one still in play. Rows picked go to the\n * assistant (「AI와 작업」) as `quotation:<uuid>`, read by the quotation list's read (sales-read.ts).\n */\n@customElement('quotation-list')\nexport class QuotationList extends localize(i18next)(PageView) {\n  static styles = [WorkSurfacePageStyles, CommonGristStyles, ScrollbarStyles]\n\n  @state() gristConfig: any\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: i18next.t('title.quotation-list'),\n      search: {\n        handler: (search: string) => {\n          this.grist.searchText = search\n        },\n        value: this.grist?.searchText || ''\n      },\n      actions: [{ title: i18next.t('button.quotation-new'), icon: 'add', emphasis: { raised: true }, action: () => navigate('quotation-editor') }],\n      exportable: { name: i18next.t('title.quotation-list'), data: () => this.grist.exportRecords() }\n    }\n  }\n\n  render() {\n    return html`<ox-assistant-selection-bar\n        .gridOf=${() => this.grist}\n        name=${i18next.t('title.quotation-list')}\n        list=\"quotations\"\n        axis=\"quotation\"\n        .labelOf=${(row: any) => [row.number && `${row.number} v${row.version}`, counterpartOf(row)].filter(Boolean).join(' · ')}\n      ></ox-assistant-selection-bar>\n      <ox-grist\n      class=\"page-fill\"\n      search-mode=\"term\"\n      .mode=${isMobileDevice() ? 'CARD' : 'GRID'}\n      .config=${this.gristConfig}\n      .fetchHandler=${this.fetchHandler.bind(this)}\n    ></ox-grist>`\n  }\n\n  async pageInitialized() {\n    const open = (record: any) => record?.id && navigate(`quotation-editor?id=${record.id}`)\n    const readonly = (type: string, name: string, header: string, width: number, extra: any = {}) => ({\n      type,\n      name,\n      header,\n      width,\n      sortable: true,\n      ...extra,\n      record: { editable: false, ...extra.record }\n    })\n    this.gristConfig = {\n      rows: { appendable: false, selectable: { multiple: true } },\n      pagination: { limit: 50, pages: [50, 100, 500] },\n      emptyNote: { title: i18next.t('text.quotation-empty'), description: i18next.t('text.quotation-empty-description') },\n      list: { fields: ['counterpart', 'number'], details: ['status', 'validUntil', 'totalAmount'] },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        SELECTION_ROW_PICKER,\n        { type: 'gutter', gutterName: 'button', icon: 'edit_note', handlers: { click: (_c: any, _d: any, _col: any, record: any) => open(record) } },\n        readonly('string', 'counterpart', i18next.t('field.quotation-counterpart'), 200, { sortable: false, record: { renderer: (_v: any, _c: any, record: any) => counterpartOf(record) } }),\n        readonly('string', 'number', i18next.t('field.quotation-number'), 140),\n        readonly('integer', 'version', i18next.t('field.quotation-version'), 60),\n        readonly('string', 'status', i18next.t('field.quotation-status'), 90, { record: { renderer: (value: string) => quotationStatusWord(value) } }),\n        readonly('string', 'issueDate', i18next.t('field.quotation-issue-date'), 110),\n        readonly('string', 'validUntil', i18next.t('field.quotation-valid-until'), 110),\n        readonly('float', 'totalAmount', i18next.t('field.quotation-total-amount'), 160, {\n          record: { align: 'right', renderer: (value: number, _c: any, record: any) => documentAmount(value, record?.currency || 'KRW') }\n        })\n      ],\n      sorters: [{ name: 'issueDate', desc: true }]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 50, sortings = [], filters = [], search }: FetchOption) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {\n          responses: quotations(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {\n            items {\n              id\n              number\n              version\n              status\n              direction\n              currency\n              supplierName\n              buyerName\n              issueDate\n              validUntil\n              totalAmount\n            }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination: { page, limit }, sortings, search: search?.trim() || undefined },\n      fetchPolicy: 'network-only'\n    })\n    if (response.errors?.length) throw response\n    return { total: response.data.responses.total, records: response.data.responses.items }\n  }\n}\n"]}
+{"version":3,"file":"quotation-list.js","sourceRoot":"","sources":["../../client/pages/quotation-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\nimport '@operato/input/ox-input-select-buttons.js'\n\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { navigate, PageView } from '@operato/shell'\nimport { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { SELECTION_ROW_PICKER } from '@things-factory/ai-assistant/dist-client/index.js'\nimport { counterpartOf, documentAmount, issuePeriodOf } from '@things-factory/invoice/dist-client'\n\nimport { headroomChoice } from '../headroom-choice'\nimport { quotationStatusWord } from '../quotation-words'\n\nconst today = () => new Date().toLocaleDateString('en-CA')\n\n/**\n * 견적 — every version of every quotation; the latest of a number is the one still in play. Rows picked go to the\n * assistant (「AI와 작업」) as `quotation:<uuid>`, read by the quotation list's read (sales-read.ts).\n *\n * The headroom narrows it by issue period, as the invoice list does, and by status chips, each with how many quotations\n * it holds under the other conditions - counted by the server. With no status pressed every status shows.\n */\n@customElement('quotation-list')\nexport class QuotationList extends localize(i18next)(PageView) {\n  static styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]\n\n  @state() gristConfig: any\n  @state() private statuses: string[] = []\n  @state() private period = ''\n  @state() private statusCounts: { value: string; count: number }[] = []\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: i18next.t('title.quotation-list'),\n      search: {\n        handler: (search: string) => {\n          this.grist.searchText = search\n        },\n        value: this.grist?.searchText || ''\n      },\n      /* The issue period and the statuses narrow it in the headroom, and this folds it. */\n      filter: {\n        handler: () => {\n          this.grist.toggleHeadroom()\n        }\n      },\n      actions: [{ title: i18next.t('button.quotation-new'), icon: 'add', emphasis: { raised: true }, action: () => navigate('quotation-editor') }],\n      exportable: { name: i18next.t('title.quotation-list'), data: () => this.grist.exportRecords() }\n    }\n  }\n\n  render() {\n    return html`<ox-assistant-selection-bar\n        .gridOf=${() => this.grist}\n        name=${i18next.t('title.quotation-list')}\n        list=\"quotations\"\n        axis=\"quotation\"\n        .labelOf=${(row: any) => [row.number && `${row.number} v${row.version}`, counterpartOf(row)].filter(Boolean).join(' · ')}\n      ></ox-assistant-selection-bar>\n      <ox-grist\n      class=\"page-fill\"\n      search-mode=\"term\"\n      .mode=${isMobileDevice() ? 'CARD' : 'GRID'}\n      .config=${this.gristConfig}\n      .fetchHandler=${this.fetchHandler.bind(this)}\n    >\n      <div slot=\"headroom\" class=\"header\">\n        <div class=\"filters\">\n          ${headroomChoice(\n            i18next.t('field.quotation-issue-date'),\n            this.period,\n            ['', 'this-month', 'last-month', 'this-year', 'last-year'].map(value => ({ value, display: i18next.t(`text.invoice-period-${value || 'all'}`) })),\n            value => ((this.period = value), this.grist.fetch())\n          )}\n          <ox-input-select-buttons\n            multiple\n            .value=${this.statuses}\n            .options=${this.statusCounts.map(({ value, count }) => ({ value, display: quotationStatusWord(value), count }))}\n            @change=${(e: CustomEvent) => {\n              this.statuses = (e.currentTarget as any).value ?? []\n              this.grist.fetch()\n            }}\n          ></ox-input-select-buttons>\n        </div>\n      </div>\n    </ox-grist>`\n  }\n\n  async pageInitialized() {\n    const open = (record: any) => record?.id && navigate(`quotation-editor?id=${record.id}`)\n    const readonly = (type: string, name: string, header: string, width: number, extra: any = {}) => ({\n      type,\n      name,\n      header,\n      width,\n      sortable: true,\n      ...extra,\n      record: { editable: false, ...extra.record }\n    })\n    this.gristConfig = {\n      rows: { appendable: false, selectable: { multiple: true } },\n      pagination: { limit: 50, pages: [50, 100, 500] },\n      emptyNote: { title: i18next.t('text.quotation-empty'), description: i18next.t('text.quotation-empty-description') },\n      list: { fields: ['counterpart', 'number'], details: ['status', 'validUntil', 'totalAmount'] },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        SELECTION_ROW_PICKER,\n        { type: 'gutter', gutterName: 'button', icon: 'edit_note', handlers: { click: (_c: any, _d: any, _col: any, record: any) => open(record) } },\n        readonly('string', 'counterpart', i18next.t('field.quotation-counterpart'), 200, { sortable: false, record: { renderer: (_v: any, _c: any, record: any) => counterpartOf(record) } }),\n        readonly('string', 'number', i18next.t('field.quotation-number'), 140),\n        readonly('integer', 'version', i18next.t('field.quotation-version'), 60),\n        readonly('string', 'status', i18next.t('field.quotation-status'), 90, { record: { renderer: (value: string) => quotationStatusWord(value) } }),\n        readonly('string', 'issueDate', i18next.t('field.quotation-issue-date'), 110),\n        readonly('string', 'validUntil', i18next.t('field.quotation-valid-until'), 110),\n        readonly('float', 'totalAmount', i18next.t('field.quotation-total-amount'), 160, {\n          record: { align: 'right', renderer: (value: number, _c: any, record: any) => documentAmount(value, record?.currency || 'KRW') }\n        })\n      ],\n      sorters: [{ name: 'issueDate', desc: true }]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 50, sortings = [], filters = [], search }: FetchOption) {\n    search = search?.trim() || undefined\n    const period = issuePeriodOf(this.period, today())\n    filters = [...filters, ...(period ? [{ name: 'issueDate', operator: 'between', value: period } as any] : [])]\n    this.countStatuses(filters, search)\n    if (this.statuses.length) filters = [...filters, { name: 'status', operator: 'in', value: this.statuses }]\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {\n          responses: quotations(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {\n            items {\n              id\n              number\n              version\n              status\n              direction\n              currency\n              supplierName\n              buyerName\n              issueDate\n              validUntil\n              totalAmount\n            }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination: { page, limit }, sortings, search },\n      fetchPolicy: 'network-only'\n    })\n    if (response.errors?.length) throw response\n    return { total: response.data.responses.total, records: response.data.responses.items }\n  }\n\n  /* The status chips and their numbers, on the list's filters before the statuses are added. */\n  private async countStatuses(filters: any[], search?: string) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $search: String) {\n          quotationStatusCounts(filters: $filters, search: $search) { value count }\n        }\n      `,\n      variables: { filters, search },\n      fetchPolicy: 'no-cache'\n    })\n    if (response.errors?.length) return console.error(response.errors)\n    this.statusCounts = response.data.quotationStatusCounts\n  }\n}\n"]}

package/dist-client/pages/sales-product-list.d.ts

@@ -1,16 +1,20 @@
 import '@operato/data-grist/ox-grist.js';
 import '@operato/data-grist/ox-filters-form.js';
+import '@operato/input/ox-input-select-buttons.js';
 import { FetchOption } from '@operato/data-grist';
 import { PageView } from '@operato/shell';
 declare const SalesProductList_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
 /**
  * 상품 — what the domain sells and the price it offers it at: goods, a service, or labor by the grade of the people
  * (ADR-0171). Typed like a spreadsheet and saved together. A quotation line chosen from a product copies it at that
- * moment; changing a price here changes no written quotation.
+ * moment; changing a price here changes no written quotation. The headroom narrows it to the products in use or out of
+ * use, each chip with how many it holds under the other conditions.
  */
 export declare class SalesProductList extends SalesProductList_base {
     static styles: import("lit").CSSResult[];
     gristConfig: any;
+    private inUse;
+    private activeCounts;
     private grist;
     get context(): {
         title: string;
@@ -47,6 +51,7 @@ export declare class SalesProductList extends SalesProductList_base {
         total: any;
         records: any;
     }>;
+    private countActive;
     /** New, changed and deleted rows together; a refusal is said in the server's words and nothing is kept. */
     private save;
     private delete;