@things-factory/dataset 10.1.246 → 10.1.248

package/dist-client/pages/data-key-set/data-key-item-list.js

@@ -1,183 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@material/web/icon/icon.js';
-import gql from 'graphql-tag';
-import { css, html, LitElement } from 'lit';
-import { customElement, property, query, state } from 'lit/decorators.js';
-import { client } from '@operato/graphql';
-import { i18next, localize } from '@operato/i18n';
-import { isMobileDevice } from '@operato/utils';
-import { DataGrist } from '@operato/data-grist';
-import { CommonHeaderStyles } from '@operato/styles';
-import { sureTo } from '../sure-to';
-let DataKeyItemList = class DataKeyItemList extends localize(i18next)(LitElement) {
-    static { this.styles = [
-        CommonHeaderStyles,
-        css `
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: var(--md-sys-color-surface);
-      }
-
-      ox-grist {
-        flex: 1;
-      }
-    `
-    ]; }
-    render() {
-        return html `
-      <ox-grist
-        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
-        .config=${this.gristConfig}
-        .fetchHandler=${this.fetchHandler.bind(this)}
-      ></ox-grist>
-
-      <div class="footer">
-        <div filler></div>
-        <button danger @click=${this._deleteDataKeyItems.bind(this)}>
-          <md-icon>delete_forever</md-icon>${i18next.t('button.delete')}
-        </button>
-        <button @click=${this._updateDataKeyItems.bind(this)} done>
-          <md-icon>save</md-icon>${i18next.t('button.save')}
-        </button>
-      </div>
-    `;
-    }
-    async firstUpdated() {
-        this.gristConfig = {
-            list: { fields: ['name', 'description', 'active'] },
-            columns: [
-                { type: 'gutter', gutterName: 'row-selector', multiple: true },
-                {
-                    type: 'gutter',
-                    gutterName: 'button',
-                    icon: 'add',
-                    handlers: {
-                        click: 'record-copy'
-                    }
-                },
-                { type: 'gutter', gutterName: 'sequence' },
-                {
-                    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: 'dataKey',
-                    header: i18next.t('field.data-key'),
-                    record: {
-                        editable: true
-                    },
-                    width: 180
-                },
-                {
-                    type: 'string',
-                    name: 'tKey',
-                    header: i18next.t('field.t-key'),
-                    record: {
-                        editable: true
-                    },
-                    width: 180
-                }
-            ],
-            rows: {
-                selectable: {
-                    multiple: true
-                }
-            },
-            pagination: {
-                infinite: true
-            },
-            sorters: []
-        };
-    }
-    async fetchHandler({ filters, page, limit, sortings = [] }) {
-        const dataKeyItems = this.dataKeySet.dataKeyItems || [];
-        return {
-            total: dataKeyItems.length,
-            records: dataKeyItems
-        };
-    }
-    async _updateDataKeyItems() {
-        this.grist.commit();
-        const response = await client.mutate({
-            mutation: gql `
-        mutation ($id: String!, $patch: DataKeySetPatch!) {
-          updateDataKeySet(id: $id, patch: $patch) {
-            name
-          }
-        }
-      `,
-            variables: {
-                id: this.dataKeySet.id,
-                patch: {
-                    dataKeyItems: this.grist.data.records,
-                    cuFlag: 'M'
-                }
-            }
-        });
-        if (!response.errors) {
-            await document.dispatchEvent(new CustomEvent('notify', {
-                detail: {
-                    message: i18next.t('text.info_x_successfully', {
-                        x: i18next.t('button.save')
-                    })
-                }
-            }));
-        }
-    }
-    async _deleteDataKeyItems() {
-        if (!(await sureTo(i18next.t('text.delete')))) {
-            return;
-        }
-        this.grist.deleteSelectedRecords(false);
-    }
-};
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], DataKeyItemList.prototype, "dataKeySet", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], DataKeyItemList.prototype, "gristConfig", void 0);
-__decorate([
-    query('ox-grist'),
-    __metadata("design:type", DataGrist)
-], DataKeyItemList.prototype, "grist", void 0);
-DataKeyItemList = __decorate([
-    customElement('data-key-item-list')
-], DataKeyItemList);
-export { DataKeyItemList };
-//# sourceMappingURL=data-key-item-list.js.map

package/dist-client/pages/data-key-set/data-key-item-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-key-item-list.js","sourceRoot":"","sources":["../../../client/pages/data-key-set/data-key-item-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { isMobileDevice } from '@operato/utils'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { CommonHeaderStyles } from '@operato/styles'\n\nimport { sureTo } from '../sure-to'\n\n@customElement('data-key-item-list')\nexport class DataKeyItemList extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: Object }) dataKeySet: any\n  @state() gristConfig: any\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 danger @click=${this._deleteDataKeyItems.bind(this)}>\n          <md-icon>delete_forever</md-icon>${i18next.t('button.delete')}\n        </button>\n        <button @click=${this._updateDataKeyItems.bind(this)} done>\n          <md-icon>save</md-icon>${i18next.t('button.save')}\n        </button>\n      </div>\n    `\n  }\n\n  async firstUpdated() {\n    this.gristConfig = {\n      list: { fields: ['name', 'description', 'active'] },\n      columns: [\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'add',\n          handlers: {\n            click: 'record-copy'\n          }\n        },\n        { type: 'gutter', gutterName: 'sequence' },\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: 'dataKey',\n          header: i18next.t('field.data-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: {\n          multiple: true\n        }\n      },\n      pagination: {\n        infinite: true\n      },\n      sorters: []\n    }\n  }\n\n  async fetchHandler({ filters, page, limit, sortings = [] }: FetchOption) {\n    const dataKeyItems = this.dataKeySet.dataKeyItems || []\n\n    return {\n      total: dataKeyItems.length,\n      records: dataKeyItems\n    }\n  }\n\n  async _updateDataKeyItems() {\n    this.grist.commit()\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation ($id: String!, $patch: DataKeySetPatch!) {\n          updateDataKeySet(id: $id, patch: $patch) {\n            name\n          }\n        }\n      `,\n      variables: {\n        id: this.dataKeySet.id,\n        patch: {\n          dataKeyItems: this.grist.data.records,\n          cuFlag: 'M'\n        }\n      }\n    })\n\n    if (!response.errors) {\n      await document.dispatchEvent(\n        new CustomEvent('notify', {\n          detail: {\n            message: i18next.t('text.info_x_successfully', {\n              x: i18next.t('button.save')\n            })\n          }\n        })\n      )\n    }\n  }\n\n  async _deleteDataKeyItems() {\n    if (!(await sureTo(i18next.t('text.delete')))) {\n      return\n    }\n\n    this.grist.deleteSelectedRecords(false)\n  }\n}\n"]}

package/dist-client/pages/data-key-set/data-key-set-importer.d.ts

@@ -1,10 +0,0 @@
-import '@material/web/icon/icon.js';
-import '@operato/data-grist';
-import { LitElement } from 'lit';
-export declare class DataKeySetImporter extends LitElement {
-    static styles: import("lit").CSSResult[];
-    dataKeySets: any[];
-    private columns;
-    render(): import("lit-html").TemplateResult<1>;
-    save(): Promise<void>;
-}

package/dist-client/pages/data-key-set/data-key-set-importer.js

@@ -1,93 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@material/web/icon/icon.js';
-import '@operato/data-grist';
-import gql from 'graphql-tag';
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { client } from '@operato/graphql';
-import { i18next } from '@operato/i18n';
-import { isMobileDevice } from '@operato/utils';
-import { CommonHeaderStyles } from '@operato/styles';
-let DataKeySetImporter = class DataKeySetImporter extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.dataKeySets = [];
-        this.columns = {
-            list: { fields: ['name', 'description'] },
-            pagination: { infinite: true },
-            columns: [
-                {
-                    type: 'string',
-                    name: 'name',
-                    header: i18next.t('field.name'),
-                    width: 150
-                },
-                {
-                    type: 'string',
-                    name: 'description',
-                    header: i18next.t('field.description'),
-                    width: 200
-                },
-                {
-                    type: 'checkbox',
-                    name: 'active',
-                    header: i18next.t('field.active'),
-                    width: 60
-                }
-            ]
-        };
-    }
-    static { this.styles = [
-        CommonHeaderStyles,
-        css `
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: var(--md-sys-color-surface);
-      }
-
-      ox-grist {
-        flex: 1;
-      }
-    `
-    ]; }
-    render() {
-        return html `
-      <ox-grist
-        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
-        .config=${this.columns}
-        .data=${{
-            records: this.dataKeySets
-        }}
-      ></ox-grist>
-
-      <div class="footer">
-        <div filler></div>
-        <button @click=${this.save.bind(this)} done><md-icon>save</md-icon>${i18next.t('button.save')}</button>
-      </div>
-    `;
-    }
-    async save() {
-        const response = await client.mutate({
-            mutation: gql `
-        mutation importDataKeySets($dataKeySets: [DataKeySetPatch!]!) {
-          importDataKeySets(dataKeySets: $dataKeySets)
-        }
-      `,
-            variables: { dataKeySets: this.dataKeySets }
-        });
-        if (response.errors?.length)
-            return;
-        this.dispatchEvent(new CustomEvent('imported'));
-    }
-};
-__decorate([
-    property({ type: Array }),
-    __metadata("design:type", Array)
-], DataKeySetImporter.prototype, "dataKeySets", void 0);
-DataKeySetImporter = __decorate([
-    customElement('data-key-set-importer')
-], DataKeySetImporter);
-export { DataKeySetImporter };
-//# sourceMappingURL=data-key-set-importer.js.map

package/dist-client/pages/data-key-set/data-key-set-importer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-key-set-importer.js","sourceRoot":"","sources":["../../../client/pages/data-key-set/data-key-set-importer.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,qBAAqB,CAAA;AAE5B,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAgB,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAG7C,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAiBsB,gBAAW,GAAU,EAAE,CAAA;QAE1C,YAAO,GAAG;YAChB,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE;YACzC,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;YAC9B,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;oBAC/B,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,aAAa;oBACnB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;oBACtC,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,QAAQ;oBACd,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;oBACjC,KAAK,EAAE,EAAE;iBACV;aACF;SACF,CAAA;IAiCH,CAAC;aA1EQ,WAAM,GAAG;QACd,kBAAkB;QAClB,GAAG,CAAA;;;;;;;;;;;KAWF;KACF,AAdY,CAcZ;IA6BD,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;kBAChC,IAAI,CAAC,OAAO;gBACd;YACN,OAAO,EAAE,IAAI,CAAC,WAAW;SAC1B;;;;;yBAKgB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gCAAgC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;;KAEhG,CAAA;IACH,CAAC;IAED,KAAK,CAAC,IAAI;QACR,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;YACnC,QAAQ,EAAE,GAAG,CAAA;;;;OAIZ;YACD,SAAS,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;SAC7C,CAAC,CAAA;QAEF,IAAI,QAAQ,CAAC,MAAM,EAAE,MAAM;YAAE,OAAM;QAEnC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC,CAAA;IACjD,CAAC;;AAzD0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;uDAAwB;AAjBvC,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CA2E9B","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { isMobileDevice } from '@operato/utils'\nimport { CommonHeaderStyles } from '@operato/styles'\n\n@customElement('data-key-set-importer')\nexport class DataKeySetImporter extends LitElement {\n  static styles = [\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: Array }) dataKeySets: any[] = []\n\n  private columns = {\n    list: { fields: ['name', 'description'] },\n    pagination: { infinite: true },\n    columns: [\n      {\n        type: 'string',\n        name: 'name',\n        header: i18next.t('field.name'),\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'description',\n        header: i18next.t('field.description'),\n        width: 200\n      },\n      {\n        type: 'checkbox',\n        name: 'active',\n        header: i18next.t('field.active'),\n        width: 60\n      }\n    ]\n  }\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n        .config=${this.columns}\n        .data=${{\n          records: this.dataKeySets\n        }}\n      ></ox-grist>\n\n      <div class=\"footer\">\n        <div filler></div>\n        <button @click=${this.save.bind(this)} done><md-icon>save</md-icon>${i18next.t('button.save')}</button>\n      </div>\n    `\n  }\n\n  async save() {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation importDataKeySets($dataKeySets: [DataKeySetPatch!]!) {\n          importDataKeySets(dataKeySets: $dataKeySets)\n        }\n      `,\n      variables: { dataKeySets: this.dataKeySets }\n    })\n\n    if (response.errors?.length) return\n\n    this.dispatchEvent(new CustomEvent('imported'))\n  }\n}\n"]}

package/dist-client/pages/data-key-set/data-key-set-list-page.d.ts

@@ -1,56 +0,0 @@
-import '@material/web/icon/icon.js';
-import '@operato/data-grist';
-import './data-key-set-importer.js';
-import './data-key-item-list.js';
-import { FetchOption } from '@operato/data-grist';
-import { PageView } from '@operato/shell';
-declare const DataKeySetListPage_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
-export declare class DataKeySetListPage extends DataKeySetListPage_base {
-    static styles: import("lit").CSSResult[];
-    gristConfig: any;
-    mode: 'CARD' | 'GRID' | 'LIST';
-    private grist;
-    get context(): {
-        title: string;
-        search: {
-            handler: (search: string) => void;
-            value: string;
-        };
-        filter: {
-            handler: () => void;
-        };
-        help: string;
-        actions: ({
-            title: string;
-            action: () => Promise<void>;
-            icon: string;
-            emphasis?: undefined;
-        } | {
-            title: string;
-            action: () => Promise<void>;
-            icon: string;
-            emphasis: {
-                danger: boolean;
-            };
-        })[];
-        exportable: {
-            name: string;
-            data: () => Promise<{}[]>;
-        };
-        importable: {
-            handler: (records: any) => Promise<void>;
-        };
-    };
-    render(): import("lit-html").TemplateResult<1>;
-    pageInitialized(lifecycle: any): Promise<void>;
-    pageUpdated(changes: any, lifecycle: any): Promise<void>;
-    fetchHandler({ page, limit, sortings, filters }: FetchOption): Promise<{
-        total: any;
-        records: any;
-    }>;
-    _deleteDataKeySet(): Promise<void>;
-    _updateDataKeySet(): Promise<void>;
-    exportHandler(): Promise<{}[]>;
-    importHandler(records: any): Promise<void>;
-}
-export {};