@things-factory/accounting 8.0.0-beta.1 → 8.0.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/accounting",
-  "version": "8.0.0-beta.1",
+  "version": "8.0.0-beta.2",
   "main": "dist-server/index.js",
   "browser": "dist-client/index.js",
   "things-factory": true,
@@ -30,9 +30,9 @@
     "@material/web": "^2.0.0",
     "@operato/graphql": "^8.0.0-beta",
     "@operato/shell": "^8.0.0-beta",
-    "@things-factory/auth-base": "^8.0.0-beta.1",
-    "@things-factory/shell": "^8.0.0-beta.1",
-    "@things-factory/worklist": "^8.0.0-beta.1"
+    "@things-factory/auth-base": "^8.0.0-beta.2",
+    "@things-factory/shell": "^8.0.0-beta.2",
+    "@things-factory/worklist": "^8.0.0-beta.2"
   },
-  "gitHead": "36c494e587640c1490318ef7b95adab02606e0c2"
+  "gitHead": "f03431a09435511b2595515658f9cb8f78ba4ebb"
 }

package/client/activities/activity-book-edit.ts

@@ -1,88 +0,0 @@
-/* 
-Add the following line to clinet/bootstrap.ts so that activity editor can be registered when loading a module.
---
-import './activities/book-edit.js' // refered by the activity template (activity-book) on server
-*/
-
-import '../components/book-edit.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 { ScrollbarStyles } from '@operato/styles'
-
-// import { BookView } from '../components/book-edit.js'
-
-@customElement('activity-book-edit')
-export class ActivityBookView extends localize(i18next)(LitElement) {
-  static styles = [
-    ScrollbarStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: #fff;
-      }
-
-      book-edit {
-        flex: 1;
-        padding: 10px;
-        overflow: auto;
-      }
-    `
-  ]
-
-  @property({ type: Object }) input?: any
-  @property({ type: Object }) output?: any
-
-  @state() book?: any //Book
-
-  // @query('book-edit') bookView!: BookView
-
-  render() {
-    return html` <book-edit .book=${this.book} .value=${this.output} @change=${this.onChange}></book-edit> `
-  }
-
-  async onChange() {
-    // this.output = this.bookView.value
-
-    this.dispatchEvent(
-      new CustomEvent('change', {
-        detail: this.output
-      })
-    )
-  }
-
-  updated(changes) {
-    if (changes.has('input')) {
-      this.fetchBook()
-    }
-  }
-
-  async fetchBook() {
-    const id = this.input.bookId
-
-    if (id) {
-      const response = await client.query({
-        query: gql`
-          query ($id: String!) {
-            book(id: $id) {
-              id
-              name
-              description
-            }
-          }
-        `,
-        variables: {
-          id
-        }
-      })
-
-      this.book = response.data.book
-    }
-  }
-}

package/client/activities/activity-book-view.ts

@@ -1,88 +0,0 @@
-/* 
-Add the following line to clinet/bootstrap.ts so that activity view can be registered when loading a module.
---
-import './activities/book-view.js' // refered by the activity template (activity-data-collect) on server
-*/
-
-import '../components/book-view.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 { ScrollbarStyles } from '@operato/styles'
-
-// import { BookView } from '../components/book-view.js'
-
-@customElement('activity-book-view')
-export class ActivityBookView extends localize(i18next)(LitElement) {
-  static styles = [
-    ScrollbarStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: #fff;
-      }
-
-      book-view {
-        flex: 1;
-        padding: 10px;
-        overflow: auto;
-      }
-    `
-  ]
-
-  @property({ type: Object }) input?: any
-  @property({ type: Object }) output?: any
-
-  @state() book?: any //Book
-
-  // @query('book-view') bookView!: BookView
-
-  render() {
-    return html` <book-view .book=${this.book} .value=${this.output} @change=${this.onChange}></book-view> `
-  }
-
-  async onChange() {
-    // this.output = this.bookView.value
-
-    this.dispatchEvent(
-      new CustomEvent('change', {
-        detail: this.output
-      })
-    )
-  }
-
-  updated(changes) {
-    if (changes.has('input')) {
-      this.fetchBook()
-    }
-  }
-
-  async fetchBook() {
-    const id = this.input.bookId
-
-    if (id) {
-      const response = await client.query({
-        query: gql`
-          query ($id: String!) {
-            book(id: $id) {
-              id
-              name
-              description
-            }
-          }
-        `,
-        variables: {
-          id
-        }
-      })
-
-      this.book = response.data.book
-    }
-  }
-}

package/client/activities/activity-expense-edit.ts

@@ -1,88 +0,0 @@
-/* 
-Add the following line to clinet/bootstrap.ts so that activity editor can be registered when loading a module.
---
-import './activities/expense-edit.js' // refered by the activity template (activity-expense) on server
-*/
-
-import '../components/expense-edit.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 { ScrollbarStyles } from '@operato/styles'
-
-// import { ExpenseView } from '../components/expense-edit.js'
-
-@customElement('activity-expense-edit')
-export class ActivityExpenseView extends localize(i18next)(LitElement) {
-  static styles = [
-    ScrollbarStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: #fff;
-      }
-
-      expense-edit {
-        flex: 1;
-        padding: 10px;
-        overflow: auto;
-      }
-    `
-  ]
-
-  @property({ type: Object }) input?: any
-  @property({ type: Object }) output?: any
-
-  @state() expense?: any //Expense
-
-  // @query('expense-edit') expenseView!: ExpenseView
-
-  render() {
-    return html` <expense-edit .expense=${this.expense} .value=${this.output} @change=${this.onChange}></expense-edit> `
-  }
-
-  async onChange() {
-    // this.output = this.expenseView.value
-
-    this.dispatchEvent(
-      new CustomEvent('change', {
-        detail: this.output
-      })
-    )
-  }
-
-  updated(changes) {
-    if (changes.has('input')) {
-      this.fetchExpense()
-    }
-  }
-
-  async fetchExpense() {
-    const id = this.input.expenseId
-
-    if (id) {
-      const response = await client.query({
-        query: gql`
-          query ($id: String!) {
-            expense(id: $id) {
-              id
-              name
-              description
-            }
-          }
-        `,
-        variables: {
-          id
-        }
-      })
-
-      this.expense = response.data.expense
-    }
-  }
-}

package/client/activities/activity-expense-view.ts

@@ -1,88 +0,0 @@
-/* 
-Add the following line to clinet/bootstrap.ts so that activity view can be registered when loading a module.
---
-import './activities/expense-view.js' // refered by the activity template (activity-data-collect) on server
-*/
-
-import '../components/expense-view.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 { ScrollbarStyles } from '@operato/styles'
-
-// import { ExpenseView } from '../components/expense-view.js'
-
-@customElement('activity-expense-view')
-export class ActivityExpenseView extends localize(i18next)(LitElement) {
-  static styles = [
-    ScrollbarStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: #fff;
-      }
-
-      expense-view {
-        flex: 1;
-        padding: 10px;
-        overflow: auto;
-      }
-    `
-  ]
-
-  @property({ type: Object }) input?: any
-  @property({ type: Object }) output?: any
-
-  @state() expense?: any //Expense
-
-  // @query('expense-view') expenseView!: ExpenseView
-
-  render() {
-    return html` <expense-view .expense=${this.expense} .value=${this.output} @change=${this.onChange}></expense-view> `
-  }
-
-  async onChange() {
-    // this.output = this.expenseView.value
-
-    this.dispatchEvent(
-      new CustomEvent('change', {
-        detail: this.output
-      })
-    )
-  }
-
-  updated(changes) {
-    if (changes.has('input')) {
-      this.fetchExpense()
-    }
-  }
-
-  async fetchExpense() {
-    const id = this.input.expenseId
-
-    if (id) {
-      const response = await client.query({
-        query: gql`
-          query ($id: String!) {
-            expense(id: $id) {
-              id
-              name
-              description
-            }
-          }
-        `,
-        variables: {
-          id
-        }
-      })
-
-      this.expense = response.data.expense
-    }
-  }
-}

package/client/bootstrap.ts

@@ -1,10 +0,0 @@
-import { registerEditor, registerRenderer } from '@operato/data-grist'
-
-import { GristRendererAccountingCategoryObject } from './grist-editors/grist-renderer-accounting-category-object'
-import { GristEditorAccountingCategoryObject } from './grist-editors/grist-editor-accounting-category-object'
-
-export default function bootstrap() {
-  registerEditor('accounting-category-object', GristEditorAccountingCategoryObject)
-
-  registerRenderer('accounting-category-object', GristRendererAccountingCategoryObject)
-}

package/client/components/accounting-category-selector.ts

@@ -1,136 +0,0 @@
-import '@material/web/icon/icon.js'
-import '@operato/data-tree'
-
-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 } from '@operato/i18n'
-import { closePopup } from '@operato/popup'
-import { CommonHeaderStyles } from '@operato/styles'
-
-import { AccountingCategory } from '../types/accounting-category'
-
-const accountingCategoryFragment = gql`
-  fragment SubAccountingCategory on AccountingCategory {
-    id
-    code
-    name
-    description
-    active
-  }
-`
-
-@customElement('accounting-category-selector')
-export class AccountingCategorySelector extends LitElement {
-  static styles = [
-    CommonHeaderStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: var(--md-sys-color-surface);
-
-        width: var(--overlay-center-normal-width, 50%);
-        height: var(--overlay-center-normal-height, 50%);
-
-        overflow: auto;
-      }
-
-      ox-tree-vertical {
-        flex: 1;
-      }
-    `
-  ]
-
-  @property({ type: Object }) confirmCallback?: (selected?: any) => void
-  @property({ type: Object }) value?: AccountingCategory
-
-  @state() root?: AccountingCategory
-
-  render() {
-    return html`
-      <ox-tree-vertical
-        .data=${this.root}
-        .selected=${this.value}
-        @select=${e => this.onSelect(e, false)}
-        @select-confirm=${e => this.onSelect(e, true)}
-        id-property="code"
-        label-property="name"
-        description-property="description"
-      ></ox-tree-vertical>
-
-      <div class="footer" style="margin-left:unset;">
-        <button @click=${this.onEmpty.bind(this)}>
-          <md-icon>check_box_outline_blank</md-icon>${i18next.t('button.empty')}
-        </button>
-        <div filler></div>
-        <button @click=${this.onCancel.bind(this)}><md-icon>cancel</md-icon>${i18next.t('button.cancel')}</button>
-        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
-      </div>
-    `
-  }
-
-  onSelect(e: CustomEvent, confirm?: boolean) {
-    this.value = e.detail as AccountingCategory
-
-    if (confirm) {
-      this.onConfirm()
-    }
-  }
-
-  onEmpty() {
-    this.confirmCallback && this.confirmCallback(null)
-    closePopup(this)
-  }
-
-  onCancel() {
-    closePopup(this)
-  }
-
-  onConfirm() {
-    this.confirmCallback && this.confirmCallback(this.value)
-    closePopup(this)
-  }
-
-  async firstUpdated() {
-    const response = await client.query({
-      query: gql`
-        query {
-          responses: accountingCategoryRoots {
-            total
-            items {
-              ...SubAccountingCategory
-              children {
-                ...SubAccountingCategory
-                children {
-                  ...SubAccountingCategory
-                  children {
-                    ...SubAccountingCategory
-                    children {
-                      ...SubAccountingCategory
-                      children {
-                        ...SubAccountingCategory
-                        children {
-                          ...SubAccountingCategory
-                        }
-                      }
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-
-        ${accountingCategoryFragment}
-      `
-    })
-
-    const { items: records, total } = response.data.responses
-
-    this.root = records[0]
-  }
-}

package/client/components/accounting-category-view.ts

@@ -1,75 +0,0 @@
-import '@operato/property-editor'
-import '@operato/property-editor/ox-properties-dynamic-view.js'
-
-import { LitElement, css, html, PropertyValueMap } from 'lit'
-import { customElement, property, query, state } from 'lit/decorators.js'
-import { ScopedElementsMixin } from '@open-wc/scoped-elements'
-import { i18next, localize } from '@operato/i18n'
-import { ScrollbarStyles } from '@operato/styles'
-
-@customElement('accounting-category-view')
-export class AccountingCategoryView extends localize(i18next)(ScopedElementsMixin(LitElement)) {
-  static styles = [
-    ScrollbarStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        overflow: auto;
-      }
-
-      ox-properties-dynamic-view {
-        flex: 1;
-
-        display: flex;
-        flex-direction: column;
-      }
-    `
-  ]
-
-  @property({ type: Object }) accountingCategory: any
-
-  @query('ox-properties-dynamic-view') dynamicView!: any
-
-  @state() private properties: any
-
-  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {
-    this.properties = [
-      {
-        type: 'string',
-        name: 'code',
-        label: 'code'
-      },
-      {
-        type: 'string',
-        name: 'name',
-        label: 'name'
-      },
-      {
-        type: 'string',
-        name: 'description',
-        label: 'description'
-      },
-      {
-        type: 'boolean',
-        name: 'active',
-        label: 'active'
-      }
-    ]
-  }
-
-  render() {
-    return html`
-      <ox-properties-dynamic-view
-        .props=${this.properties}
-        .value=${this.accountingCategory}
-        @property-change=${this.onPropertyChange.bind(this)}
-      ></ox-properties-dynamic-view>
-    `
-  }
-
-  onPropertyChange(e: CustomEvent) {
-    this.accountingCategory = e.detail
-  }
-}

package/client/grist-editors/grist-editor-accounting-category-object.ts

@@ -1,83 +0,0 @@
-import '../components/accounting-category-selector.js'
-
-import { html, TemplateResult } from 'lit'
-import { customElement } from 'lit/decorators.js'
-
-import { OxGristEditor } from '@operato/data-grist'
-import { i18next } from '@operato/i18n'
-import { openPopup, PopupHandle } from '@operato/layout'
-
-@customElement('grist-editor-accounting-category-object')
-export class GristEditorAccountingCategoryObject extends OxGristEditor {
-  private popup?: PopupHandle
-  private template?: TemplateResult
-
-  get editorTemplate() {
-    var { name, description } = this.value || {}
-
-    return html`
-      ${!this.value
-        ? html``
-        : html` <span tabindex="0" style="flex:1">${name || ''}${(description && `(${description})`) || ''}</span> `}
-    `
-  }
-
-  _onclick(e: Event): void {
-    e.stopPropagation()
-    this.openSelector()
-  }
-
-  _onkeydown(e: KeyboardEvent): void {
-    const key = e.key
-    if (key == 'Enter') {
-      e.stopPropagation()
-      this.openSelector()
-    }
-  }
-
-  openSelector() {
-    if (this.popup) {
-      delete this.popup
-    }
-
-    const confirmCallback = (selected?: { [field: string]: any }) => {
-      this.dispatchEvent(
-        new CustomEvent('field-change', {
-          bubbles: true,
-          composed: true,
-          detail: {
-            before: this.value,
-            after: selected
-              ? {
-                  id: selected.id,
-                  code: selected.code,
-                  name: selected.name,
-                  description: selected.description
-                }
-              : null,
-            record: this.record,
-            column: this.column,
-            row: this.row
-          }
-        })
-      )
-    }
-
-    var value = this.value || {}
-
-    var template =
-      this.template ||
-      html`
-        <accounting-category-selector
-          .value=${value}
-          .confirmCallback=${confirmCallback.bind(this)}
-        ></accounting-category-selector>
-      `
-
-    this.popup = openPopup(template, {
-      backdrop: true,
-      size: 'large',
-      title: i18next.t('title.select_item')
-    })
-  }
-}

package/client/grist-editors/grist-renderer-accounting-category-object.ts

@@ -1,13 +0,0 @@
-import { html } from 'lit-html'
-
-import { FieldRenderer } from '@operato/data-grist'
-
-export const GristRendererAccountingCategoryObject: FieldRenderer = (value, column, record, rowIndex, field) => {
-  if (!value) {
-    return ''
-  }
-
-  const { name, description } = value
-
-  return html`<span>${name || ''}${(description && `(${description})`) || ''}</span> `
-}