@things-factory/setting-ui 8.0.37 → 9.0.0-9.0.0-beta.59.0

package/dist-client/pages/partner-setting-list.d.ts

@@ -1,52 +0,0 @@
-import '@things-factory/form-ui';
-import '../components/partner-selector';
-import { PageView } from '@operato/shell';
-import { FetchOption } from '@operato/data-grist';
-declare const PartnerSettingList_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 PartnerSettingList extends PartnerSettingList_base {
-    static styles: import("lit").CSSResult[];
-    private config;
-    private partnerDomain;
-    private mode;
-    private dataGrist;
-    render(): import("lit-html").TemplateResult<1>;
-    get context(): {
-        title: string;
-        help: string;
-        actions: {
-            icon: string;
-            emphasis: {
-                raised: boolean;
-                outlined: boolean;
-                dense: boolean;
-                danger: boolean;
-            };
-            title: string;
-            action: () => Promise<void>;
-        }[];
-    };
-    pageInitialized(): void;
-    pageUpdated(): void;
-    fetchHandler({ filters, page, limit, sorters }: FetchOption): Promise<{
-        records: any;
-        total: any;
-    }>;
-    save(): Promise<void>;
-    delete(): Promise<void>;
-    openPartnerSelector(): void;
-    onRecordChangeHandler({ detail: { after, column } }: {
-        detail: {
-            after: any;
-            column: any;
-        };
-    }): void;
-    fillUpFields(record: any): void;
-    showToast(message: any): void;
-}
-export {};

package/dist-client/pages/partner-setting-list.js

@@ -1,364 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@things-factory/form-ui';
-import '../components/partner-selector';
-import gql from 'graphql-tag';
-import { css, html } from 'lit';
-import { customElement, query, state } from 'lit/decorators.js';
-import { connect } from 'pwa-helpers/connect-mixin';
-import { openPopup } from '@operato/layout';
-import { i18next, localize } from '@operato/i18n';
-import { PageView, store } from '@operato/shell';
-import { client, gqlContext } from '@operato/graphql';
-import { CommonButtonStyles, CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles';
-import { OxPrompt } from '@operato/popup/ox-prompt.js';
-import { getEditor, getRenderer } from '@operato/data-grist';
-import { isMobileDevice } from '@operato/utils';
-let PartnerSettingList = class PartnerSettingList extends connect(store)(localize(i18next)(PageView)) {
-    constructor() {
-        super(...arguments);
-        this.mode = isMobileDevice() ? 'LIST' : 'GRID';
-    }
-    render() {
-        var _a;
-        return html `
-      <form class="multi-column-form">
-        <fieldset>
-          <label>${i18next.t('label.partner')}</label>
-          <input
-            readonly
-            name="partnerDomain"
-            value="${((_a = this.partnerDomain) === null || _a === void 0 ? void 0 : _a.name) ? this.partnerDomain.name : ''}"
-            @click="${this.openPartnerSelector.bind(this)}"
-            placeholder=${String(i18next.t('text.please_choose_partner') || '')}
-          />
-        </fieldset>
-      </form>
-
-      <ox-grist
-        .mode=${this.mode}
-        .config=${this.config}
-        .fetchHandler="${this.fetchHandler.bind(this)}"
-        @record-change="${this.onRecordChangeHandler.bind(this)}"
-      >
-        <div slot="headroom" class="header">
-          <div class="filters">
-            <ox-filters-form></ox-filters-form>
-          </div>
-        </div>
-      </ox-grist>
-    `;
-    }
-    get context() {
-        return {
-            title: i18next.t('title.partner_setting'),
-            help: 'setting/partner-setting',
-            actions: [
-                Object.assign({ title: i18next.t('button.save'), action: this.save.bind(this) }, CommonButtonStyles.save),
-                Object.assign({ title: i18next.t('button.delete'), action: this.delete.bind(this) }, CommonButtonStyles.delete)
-            ]
-        };
-    }
-    pageInitialized() {
-        this.config = {
-            list: {
-                fields: ['name', 'description', 'value']
-            },
-            rows: { selectable: { multiple: true } },
-            columns: [
-                { type: 'gutter', gutterName: 'dirty' },
-                { type: 'gutter', gutterName: 'sequence' },
-                { type: 'gutter', gutterName: 'row-selector', multiple: true },
-                {
-                    type: 'object',
-                    name: 'setting',
-                    header: i18next.t('label.setting'),
-                    width: 280,
-                    record: {
-                        editable: true,
-                        options: {
-                            queryName: 'settings',
-                            select: [
-                                { name: 'id', hidden: true },
-                                { name: 'name', header: i18next.t('field.name') },
-                                { name: 'description', header: i18next.t('field.description') },
-                                { name: 'category', header: i18next.t('field.category') }
-                            ],
-                            list: { fields: ['name', 'description', 'category'] }
-                        }
-                    }
-                },
-                {
-                    type: 'string',
-                    name: 'name',
-                    header: i18next.t('field.name'),
-                    record: { editable: false, align: 'left' },
-                    sortable: true,
-                    filter: 'search',
-                    width: 200
-                },
-                {
-                    type: 'string',
-                    name: 'description',
-                    header: i18next.t('field.description'),
-                    record: { editable: false, align: 'left' },
-                    sortable: true,
-                    filter: 'search',
-                    width: 200
-                },
-                {
-                    type: 'code',
-                    name: 'category',
-                    header: i18next.t('field.category'),
-                    record: { editable: false, codeName: 'SETTING_CATEGORIES' },
-                    sortable: true,
-                    width: 150
-                },
-                {
-                    type: 'string',
-                    name: 'value',
-                    header: i18next.t('field.value'),
-                    record: {
-                        editor: function (value, column, record, rowIndex, field) {
-                            return getEditor(record.category)(value, column, record, rowIndex, field);
-                        },
-                        renderer: function (value, column, record, rowIndex, field) {
-                            return getRenderer(record.category)(value, column, record, rowIndex, field);
-                        },
-                        editable: true
-                    },
-                    sortable: true,
-                    width: 180
-                },
-                {
-                    type: 'datetime',
-                    name: 'updatedAt',
-                    header: i18next.t('field.updated_at'),
-                    record: { editable: false, align: 'left' },
-                    sortable: true,
-                    width: 150
-                },
-                {
-                    type: 'object',
-                    name: 'updater',
-                    header: i18next.t('field.updater'),
-                    record: { editable: false, align: 'left' },
-                    sortable: true,
-                    width: 150
-                }
-            ]
-        };
-    }
-    pageUpdated() {
-        if (this.active) {
-            this.partnerDomain = null;
-            this.dataGrist.data = { records: [], total: 0 };
-        }
-    }
-    async fetchHandler({ filters, page, limit, sorters = [] }) {
-        if (!this.partnerDomain)
-            return { total: 0, records: [] };
-        const pagination = { page, limit };
-        const sortings = sorters;
-        const response = await client.query({
-            query: gql `
-        query partnerSettings(
-          $filters: [Filter!]!
-          $pagination: Pagination!
-          $sortings: [Sorting!]!
-          $partnerDomain: ObjectRef!
-        ) {
-          partnerSettings(
-            filters: $filters
-            pagination: $pagination
-            sortings: $sortings
-            partnerDomain: $partnerDomain
-          ) {
-            items {
-              id
-              setting {
-                id
-                name
-                description
-                category
-              }
-              name
-              description
-              category
-              value
-              updatedAt
-              updater {
-                id
-                name
-                description
-              }
-            }
-            total
-          }
-        }
-      `,
-            variables: { filters, pagination, sortings, partnerDomain: { id: this.partnerDomain.id } },
-            context: gqlContext()
-        });
-        return {
-            records: response.data.partnerSettings.items.map(item => {
-                return Object.assign(Object.assign({}, item), { description: item.setting.description, category: item.setting.category });
-            }) || [],
-            total: response.data.partnerSettings.total || 0
-        };
-    }
-    async save() {
-        var _a;
-        let patches = this.dataGrist.dirtyRecords;
-        if (!(patches === null || patches === void 0 ? void 0 : patches.length)) {
-            return this.showToast(i18next.t('text.nothing_changed'));
-        }
-        patches = patches.map(partnerSetting => {
-            let patchField = {
-                cuFlag: partnerSetting.__dirty__,
-                setting: { id: partnerSetting.setting.id },
-                partnerDomain: { id: this.partnerDomain.id }
-            };
-            if (partnerSetting.id)
-                patchField.id = partnerSetting.id;
-            if (partnerSetting.value)
-                patchField.value = partnerSetting.value;
-            return patchField;
-        });
-        const response = await client.mutate({
-            mutation: gql `
-        mutation updateMultiplePartnerSetting($patches: [PartnerSettingPatch!]!) {
-          updateMultiplePartnerSetting(patches: $patches) {
-            name
-          }
-        }
-      `,
-            variables: { patches },
-            context: gqlContext()
-        });
-        if (!((_a = response.errors) === null || _a === void 0 ? void 0 : _a.length)) {
-            this.showToast(i18next.t('text.data_updated_successfully'));
-            this.dataGrist.fetch();
-        }
-    }
-    async delete() {
-        var _a;
-        if (!((_a = this.dataGrist.selected) === null || _a === void 0 ? void 0 : _a.length)) {
-            return this.showToast(i18next.t('text.there_is_nothing_to_delete'));
-        }
-        const ids = this.dataGrist.selected.map(record => record.id);
-        if (await OxPrompt.open({
-            type: 'warning',
-            title: i18next.t('button.delete'),
-            text: i18next.t('text.are_you_sure'),
-            confirmButton: { text: i18next.t('button.delete') },
-            cancelButton: { text: i18next.t('button.cancel') }
-        })) {
-            const response = await client.mutate({
-                mutation: gql `
-          mutation deletePartnerSettings($ids: [String!]!) {
-            deletePartnerSettings(ids: $ids)
-          }
-        `,
-                variables: { ids },
-                context: gqlContext()
-            });
-            if (!response.errors) {
-                await OxPrompt.open({
-                    type: 'success',
-                    title: i18next.t('text.completed'),
-                    text: i18next.t('text.data_deleted_successfully'),
-                    confirmButton: { text: i18next.t('button.confirm') }
-                });
-                this.dataGrist.fetch();
-            }
-        }
-    }
-    openPartnerSelector() {
-        openPopup(html `
-        <partner-selector
-          @select="${e => {
-            this.partnerDomain = e.detail;
-            this.dataGrist.fetch();
-        }}"
-        ></partner-selector>
-      `, {
-            backdrop: true,
-            title: i18next.t('label.partner')
-        });
-    }
-    onRecordChangeHandler({ detail: { after, column } }) {
-        if (column.name === 'setting') {
-            this.fillUpFields(after);
-        }
-    }
-    fillUpFields(record) {
-        record.name = record.setting.name;
-        record.description = record.setting.description;
-        record.category = record.setting.category;
-    }
-    showToast(message) {
-        document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }));
-    }
-};
-PartnerSettingList.styles = [
-    CommonGristStyles,
-    ScrollbarStyles,
-    CommonHeaderStyles,
-    css `
-      :host {
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-      }
-
-      fieldset {
-        max-width: var(--input-container-max-width);
-        border: none;
-      }
-
-      label {
-        font: var(--label-font);
-        color: var(--label-color, var(--md-sys-color-on-surface));
-        text-transform: var(--label-text-transform);
-      }
-
-      input {
-        border: var(--border-dim-color);
-        border-radius: var(--border-radius);
-        margin: var(--input-margin);
-        padding: var(--input-padding);
-        background-color: var(--md-sys-color-surface);
-        font: var(--input-font);
-      }
-
-      ox-grist {
-        overflow-y: auto;
-        flex: 1;
-      }
-
-      ox-filters-form {
-        flex: 1;
-      }
-    `
-];
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], PartnerSettingList.prototype, "config", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], PartnerSettingList.prototype, "partnerDomain", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", String)
-], PartnerSettingList.prototype, "mode", void 0);
-__decorate([
-    query('ox-grist'),
-    __metadata("design:type", Object)
-], PartnerSettingList.prototype, "dataGrist", void 0);
-PartnerSettingList = __decorate([
-    customElement('partner-setting-list')
-], PartnerSettingList);
-export { PartnerSettingList };
-//# sourceMappingURL=partner-setting-list.js.map

package/dist-client/pages/partner-setting-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"partner-setting-list.js","sourceRoot":"","sources":["../../client/pages/partner-setting-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@things-factory/form-ui'\nimport '../components/partner-selector'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin'\n\nimport { openPopup } from '@operato/layout'\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView, store } from '@operato/shell'\nimport { client, gqlContext } from '@operato/graphql'\nimport { CommonButtonStyles, CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { FetchOption, getEditor, getRenderer } from '@operato/data-grist'\nimport { isMobileDevice } from '@operato/utils'\n\n@customElement('partner-setting-list')\nexport class PartnerSettingList extends connect(store)(localize(i18next)(PageView)) {\n  static styles = [\n    CommonGristStyles,\n    ScrollbarStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n      }\n\n      fieldset {\n        max-width: var(--input-container-max-width);\n        border: none;\n      }\n\n      label {\n        font: var(--label-font);\n        color: var(--label-color, var(--md-sys-color-on-surface));\n        text-transform: var(--label-text-transform);\n      }\n\n      input {\n        border: var(--border-dim-color);\n        border-radius: var(--border-radius);\n        margin: var(--input-margin);\n        padding: var(--input-padding);\n        background-color: var(--md-sys-color-surface);\n        font: var(--input-font);\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n\n      ox-filters-form {\n        flex: 1;\n      }\n    `\n  ]\n\n  @state() private config: any\n  @state() private partnerDomain: any\n  @state() private mode: 'GRID' | 'LIST' | 'CARD' = isMobileDevice() ? 'LIST' : 'GRID'\n\n  @query('ox-grist') private dataGrist: any\n\n  render() {\n    return html`\n      <form class=\"multi-column-form\">\n        <fieldset>\n          <label>${i18next.t('label.partner')}</label>\n          <input\n            readonly\n            name=\"partnerDomain\"\n            value=\"${this.partnerDomain?.name ? this.partnerDomain.name : ''}\"\n            @click=\"${this.openPartnerSelector.bind(this)}\"\n            placeholder=${String(i18next.t('text.please_choose_partner') || '')}\n          />\n        </fieldset>\n      </form>\n\n      <ox-grist\n        .mode=${this.mode}\n        .config=${this.config}\n        .fetchHandler=\"${this.fetchHandler.bind(this)}\"\n        @record-change=\"${this.onRecordChangeHandler.bind(this)}\"\n      >\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <ox-filters-form></ox-filters-form>\n          </div>\n        </div>\n      </ox-grist>\n    `\n  }\n\n  get context() {\n    return {\n      title: i18next.t('title.partner_setting'),\n      help: 'setting/partner-setting',\n      actions: [\n        {\n          title: i18next.t('button.save'),\n          action: this.save.bind(this),\n          ...CommonButtonStyles.save\n        },\n        {\n          title: i18next.t('button.delete'),\n          action: this.delete.bind(this),\n          ...CommonButtonStyles.delete\n        }\n      ]\n    }\n  }\n\n  pageInitialized() {\n    this.config = {\n      list: {\n        fields: ['name', 'description', 'value']\n      },\n      rows: { selectable: { multiple: true } },\n      columns: [\n        { type: 'gutter', gutterName: 'dirty' },\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {\n          type: 'object',\n          name: 'setting',\n          header: i18next.t('label.setting'),\n          width: 280,\n          record: {\n            editable: true,\n            options: {\n              queryName: 'settings',\n              select: [\n                { name: 'id', hidden: true },\n                { name: 'name', header: i18next.t('field.name') },\n                { name: 'description', header: i18next.t('field.description') },\n                { name: 'category', header: i18next.t('field.category') }\n              ],\n              list: { fields: ['name', 'description', 'category'] }\n            }\n          }\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: { editable: false, align: 'left' },\n          sortable: true,\n          filter: 'search',\n          width: 200\n        },\n        {\n          type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: { editable: false, align: 'left' },\n          sortable: true,\n          filter: 'search',\n          width: 200\n        },\n        {\n          type: 'code',\n          name: 'category',\n          header: i18next.t('field.category'),\n          record: { editable: false, codeName: 'SETTING_CATEGORIES' },\n          sortable: true,\n          width: 150\n        },\n        {\n          type: 'string',\n          name: 'value',\n          header: i18next.t('field.value'),\n          record: {\n            editor: function (value, column, record, rowIndex, field) {\n              return getEditor(record.category)(value, column, record, rowIndex, field)\n            },\n            renderer: function (value, column, record, rowIndex, field) {\n              return getRenderer(record.category)(value, column, record, rowIndex, field)\n            },\n            editable: true\n          },\n          sortable: true,\n          width: 180\n        },\n        {\n          type: 'datetime',\n          name: 'updatedAt',\n          header: i18next.t('field.updated_at'),\n          record: { editable: false, align: 'left' },\n          sortable: true,\n          width: 150\n        },\n        {\n          type: 'object',\n          name: 'updater',\n          header: i18next.t('field.updater'),\n          record: { editable: false, align: 'left' },\n          sortable: true,\n          width: 150\n        }\n      ]\n    }\n  }\n\n  pageUpdated() {\n    if (this.active) {\n      this.partnerDomain = null\n      this.dataGrist.data = { records: [], total: 0 }\n    }\n  }\n\n  async fetchHandler({ filters, page, limit, sorters = [] }: FetchOption) {\n    if (!this.partnerDomain) return { total: 0, records: [] }\n\n    const pagination = { page, limit }\n    const sortings = sorters\n\n    const response = await client.query({\n      query: gql`\n        query partnerSettings(\n          $filters: [Filter!]!\n          $pagination: Pagination!\n          $sortings: [Sorting!]!\n          $partnerDomain: ObjectRef!\n        ) {\n          partnerSettings(\n            filters: $filters\n            pagination: $pagination\n            sortings: $sortings\n            partnerDomain: $partnerDomain\n          ) {\n            items {\n              id\n              setting {\n                id\n                name\n                description\n                category\n              }\n              name\n              description\n              category\n              value\n              updatedAt\n              updater {\n                id\n                name\n                description\n              }\n            }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination, sortings, partnerDomain: { id: this.partnerDomain.id } },\n      context: gqlContext()\n    })\n\n    return {\n      records:\n        response.data.partnerSettings.items.map(item => {\n          return { ...item, description: item.setting.description, category: item.setting.category }\n        }) || [],\n      total: response.data.partnerSettings.total || 0\n    }\n  }\n\n  async save() {\n    let patches = this.dataGrist.dirtyRecords\n\n    if (!patches?.length) {\n      return this.showToast(i18next.t('text.nothing_changed'))\n    }\n\n    patches = patches.map(partnerSetting => {\n      let patchField: any = {\n        cuFlag: partnerSetting.__dirty__,\n        setting: { id: partnerSetting.setting.id },\n        partnerDomain: { id: this.partnerDomain.id }\n      }\n      if (partnerSetting.id) patchField.id = partnerSetting.id\n      if (partnerSetting.value) patchField.value = partnerSetting.value\n\n      return patchField\n    })\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation updateMultiplePartnerSetting($patches: [PartnerSettingPatch!]!) {\n          updateMultiplePartnerSetting(patches: $patches) {\n            name\n          }\n        }\n      `,\n      variables: { patches },\n      context: gqlContext()\n    })\n\n    if (!response.errors?.length) {\n      this.showToast(i18next.t('text.data_updated_successfully'))\n      this.dataGrist.fetch()\n    }\n  }\n\n  async delete() {\n    if (!this.dataGrist.selected?.length) {\n      return this.showToast(i18next.t('text.there_is_nothing_to_delete'))\n    }\n\n    const ids = this.dataGrist.selected.map(record => record.id)\n\n    if (\n      await OxPrompt.open({\n        type: 'warning',\n        title: i18next.t('button.delete'),\n        text: i18next.t('text.are_you_sure'),\n        confirmButton: { text: i18next.t('button.delete') },\n        cancelButton: { text: i18next.t('button.cancel') }\n      })\n    ) {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation deletePartnerSettings($ids: [String!]!) {\n            deletePartnerSettings(ids: $ids)\n          }\n        `,\n        variables: { ids },\n        context: gqlContext()\n      })\n\n      if (!response.errors) {\n        await OxPrompt.open({\n          type: 'success',\n          title: i18next.t('text.completed'),\n          text: i18next.t('text.data_deleted_successfully'),\n          confirmButton: { text: i18next.t('button.confirm') }\n        })\n\n        this.dataGrist.fetch()\n      }\n    }\n  }\n\n  openPartnerSelector() {\n    openPopup(\n      html`\n        <partner-selector\n          @select=\"${e => {\n            this.partnerDomain = e.detail\n            this.dataGrist.fetch()\n          }}\"\n        ></partner-selector>\n      `,\n      {\n        backdrop: true,\n        title: i18next.t('label.partner')\n      }\n    )\n  }\n\n  onRecordChangeHandler({ detail: { after, column } }) {\n    if (column.name === 'setting') {\n      this.fillUpFields(after)\n    }\n  }\n\n  fillUpFields(record) {\n    record.name = record.setting.name\n    record.description = record.setting.description\n    record.category = record.setting.category\n  }\n\n  showToast(message) {\n    document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }))\n  }\n}\n"]}