@things-factory/organization 7.0.0-alpha.1 → 7.0.0-alpha.21

package/dist-client/component/approval-line-view.js

@@ -12,17 +12,14 @@ let ApprovalLineView = class ApprovalLineView extends localize(i18next)(LitEleme
         const items = this.model || [];
         return html `
       <ol>
-        ${this.model ? html ` <li approver><span>ME</span>${i18next.t('label.myself')}</li> ` : html ``}
-        ${items.map((item, order) => this.renderItem(item, order + 1))}
+        ${this.model ? html ` <li approver><span>ME</span>${i18next.t('label.myself')}</li> ` : html ``} ${items.map((item, order) => this.renderItem(item, order + 1))}
       </ol>
     `;
     }
     renderItem(item, order) {
         const { type, approver } = item;
         const { name } = approver || {
-            name: [OrgMemberTargetType.Myself, OrgMemberTargetType.MySupervisor, OrgMemberTargetType.MyDepartment].includes(type)
-                ? i18next.t(`label.${type}`)
-                : ''
+            name: [OrgMemberTargetType.Myself, OrgMemberTargetType.MySupervisor, OrgMemberTargetType.MyDepartment].includes(type) ? i18next.t(`label.${type}`) : ''
         };
         return html `
       <li approver ?current=${this.current == order}>
@@ -47,6 +44,7 @@ ApprovalLineView.styles = [
       }
 
       ol {
+        position: relative;
         margin: 0;
         padding: 0;
         display: flex;
@@ -67,8 +65,8 @@ ApprovalLineView.styles = [
         position: absolute;
         margin-left: -25px;
         margin-top: 10px;
-        background-color:var(--secondary-text-color);
-        opacity:.4
+        background-color: var(--secondary-text-color);
+        opacity: 0.4;
       }
 
       li:first-child:before {
@@ -81,13 +79,13 @@ ApprovalLineView.styles = [
         margin-bottom: var(--margin-narrow);
         background-color: var(--theme-white-color);
         border-radius: 5px;
-        border:2px solid var(--secondary-text-color);
+        border: 2px solid var(--secondary-text-color);
         font-size: var(--fontsize-small);
         color: var(--secondary-text-color);
         line-height: 1;
-        padding:var(--padding-narrow) var(--padding-default);
+        padding: var(--padding-narrow) var(--padding-default);
       }
-      [approver][current] span{
+      [approver][current] span {
         background-color: var(--secondary-text-color);
         border-color: var(--secondary-text-color);
         color: var(--theme-white-color);
@@ -95,14 +93,14 @@ ApprovalLineView.styles = [
       [approver][current] {
         font-weight: bold;
       }
-      [approver][current] ~ li span{
+      [approver][current] ~ li span {
         background-color: rgba(0, 0, 0, 0.5);
         border-color: transparent;
         color: var(--theme-white-color);
       }
-      [approver][current] ~ li:before{
-        background-color:rgba(0,0,0,.4);
-        opacity:1
+      [approver][current] ~ li:before {
+        background-color: rgba(0, 0, 0, 0.4);
+        opacity: 1;
       }
     `
 ];

package/dist-client/component/approval-line-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"approval-line-view.js","sourceRoot":"","sources":["../../client/component/approval-line-view.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAGlD,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAA5D;;QA6EuB,YAAO,GAAY,CAAC,CAAC,CAAA;IA8BnD,CAAC;IA5BC,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAE9B,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,gCAAgC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE;UAC3F,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;;KAEjE,CAAA;IACH,CAAC;IAED,UAAU,CAAC,IAAsB,EAAE,KAAa;QAC9C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;QAC/B,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,IAAI;YAC3B,IAAI,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,mBAAmB,CAAC,YAAY,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC,QAAQ,CAC7G,IAAK,CACN;gBACC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC;gBAC5B,CAAC,CAAC,EAAE;SACP,CAAA;QAED,OAAO,IAAI,CAAA;8BACe,IAAI,CAAC,OAAO,IAAI,KAAK;gBACnC,OAAO,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;UAChC,IAAI;;KAET,CAAA;IACH,CAAC;;AAzGM,uBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuEF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;+CAA2B;AACtD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;iDAAsB;AA7EtC,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CA2G5B;SA3GY,gBAAgB","sourcesContent":["import { css, html, LitElement, TemplateResult } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { ApprovalLineItem } from '../types/approval-line'\nimport { OrgMemberTargetType } from '../types/org-member'\n\n@customElement('approval-line-view')\nexport class ApprovalLineView extends localize(i18next)(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        padding: 10px;\n        justify-content: center;\n        align-items: center;\n\n        --mdc-icon-size: 3em;\n        color: var(--secondary-color, black);\n      }\n\n      ol {\n        margin: 0;\n        padding: 0;\n        display: flex;\n        gap: 25px;\n        list-style-type: none;\n      }\n\n      li {\n        text-align: center;\n        font-size: var(--fontsize-default);\n      }\n\n      li:before {\n        content: '';\n        height: 2px;\n        width: 25px;\n        display: block;\n        position: absolute;\n        margin-left: -25px;\n        margin-top: 10px;\n        background-color:var(--secondary-text-color);\n        opacity:.4\n      }\n\n      li:first-child:before {\n        display: none;\n      }\n\n      span {\n        display: block;\n        margin: auto;\n        margin-bottom: var(--margin-narrow);\n        background-color: var(--theme-white-color);\n        border-radius: 5px;\n        border:2px solid var(--secondary-text-color);\n        font-size: var(--fontsize-small);\n        color: var(--secondary-text-color);\n        line-height: 1;\n        padding:var(--padding-narrow) var(--padding-default);\n      }\n      [approver][current] span{\n        background-color: var(--secondary-text-color);\n        border-color: var(--secondary-text-color);\n        color: var(--theme-white-color);\n      }\n      [approver][current] {\n        font-weight: bold;\n      }\n      [approver][current] ~ li span{\n        background-color: rgba(0, 0, 0, 0.5);\n        border-color: transparent;\n        color: var(--theme-white-color);\n      }\n      [approver][current] ~ li:before{\n        background-color:rgba(0,0,0,.4);\n        opacity:1\n      }\n    `\n  ]\n\n  @property({ type: Object }) model?: ApprovalLineItem[]\n  @property({ type: Number }) current?: number = -1\n\n  render() {\n    const items = this.model || []\n\n    return html`\n      <ol>\n        ${this.model ? html` <li approver><span>ME</span>${i18next.t('label.myself')}</li> ` : html``}\n        ${items.map((item, order) => this.renderItem(item, order + 1))}\n      </ol>\n    `\n  }\n\n  renderItem(item: ApprovalLineItem, order: number): TemplateResult {\n    const { type, approver } = item\n    const { name } = approver || {\n      name: [OrgMemberTargetType.Myself, OrgMemberTargetType.MySupervisor, OrgMemberTargetType.MyDepartment].includes(\n        type!\n      )\n        ? i18next.t(`label.${type}`)\n        : ''\n    }\n\n    return html`\n      <li approver ?current=${this.current == order}>\n        <span>${i18next.t('label.' + type)}</span>\n        ${name}\n      </li>\n    `\n  }\n}\n"]}
+{"version":3,"file":"approval-line-view.js","sourceRoot":"","sources":["../../client/component/approval-line-view.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAGlD,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAA5D;;QA8EuB,YAAO,GAAY,CAAC,CAAC,CAAA;IAyBnD,CAAC;IAvBC,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAE9B,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,gCAAgC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;;KAEhK,CAAA;IACH,CAAC;IAED,UAAU,CAAC,IAAsB,EAAE,KAAa;QAC9C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;QAC/B,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,IAAI;YAC3B,IAAI,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,mBAAmB,CAAC,YAAY,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;SACzJ,CAAA;QAED,OAAO,IAAI,CAAA;8BACe,IAAI,CAAC,OAAO,IAAI,KAAK;gBACnC,OAAO,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;UAChC,IAAI;;KAET,CAAA;IACH,CAAC;;AArGM,uBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwEF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;+CAA2B;AACtD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;iDAAsB;AA9EtC,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAuG5B;SAvGY,gBAAgB","sourcesContent":["import { css, html, LitElement, TemplateResult } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { ApprovalLineItem } from '../types/approval-line'\nimport { OrgMemberTargetType } from '../types/org-member'\n\n@customElement('approval-line-view')\nexport class ApprovalLineView extends localize(i18next)(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        padding: 10px;\n        justify-content: center;\n        align-items: center;\n\n        --mdc-icon-size: 3em;\n        color: var(--secondary-color, black);\n      }\n\n      ol {\n        position: relative;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        gap: 25px;\n        list-style-type: none;\n      }\n\n      li {\n        text-align: center;\n        font-size: var(--fontsize-default);\n      }\n\n      li:before {\n        content: '';\n        height: 2px;\n        width: 25px;\n        display: block;\n        position: absolute;\n        margin-left: -25px;\n        margin-top: 10px;\n        background-color: var(--secondary-text-color);\n        opacity: 0.4;\n      }\n\n      li:first-child:before {\n        display: none;\n      }\n\n      span {\n        display: block;\n        margin: auto;\n        margin-bottom: var(--margin-narrow);\n        background-color: var(--theme-white-color);\n        border-radius: 5px;\n        border: 2px solid var(--secondary-text-color);\n        font-size: var(--fontsize-small);\n        color: var(--secondary-text-color);\n        line-height: 1;\n        padding: var(--padding-narrow) var(--padding-default);\n      }\n      [approver][current] span {\n        background-color: var(--secondary-text-color);\n        border-color: var(--secondary-text-color);\n        color: var(--theme-white-color);\n      }\n      [approver][current] {\n        font-weight: bold;\n      }\n      [approver][current] ~ li span {\n        background-color: rgba(0, 0, 0, 0.5);\n        border-color: transparent;\n        color: var(--theme-white-color);\n      }\n      [approver][current] ~ li:before {\n        background-color: rgba(0, 0, 0, 0.4);\n        opacity: 1;\n      }\n    `\n  ]\n\n  @property({ type: Object }) model?: ApprovalLineItem[]\n  @property({ type: Number }) current?: number = -1\n\n  render() {\n    const items = this.model || []\n\n    return html`\n      <ol>\n        ${this.model ? html` <li approver><span>ME</span>${i18next.t('label.myself')}</li> ` : html``} ${items.map((item, order) => this.renderItem(item, order + 1))}\n      </ol>\n    `\n  }\n\n  renderItem(item: ApprovalLineItem, order: number): TemplateResult {\n    const { type, approver } = item\n    const { name } = approver || {\n      name: [OrgMemberTargetType.Myself, OrgMemberTargetType.MySupervisor, OrgMemberTargetType.MyDepartment].includes(type!) ? i18next.t(`label.${type}`) : ''\n    }\n\n    return html`\n      <li approver ?current=${this.current == order}>\n        <span>${i18next.t('label.' + type)}</span>\n        ${name}\n      </li>\n    `\n  }\n}\n"]}

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

@@ -1,9 +1,9 @@
 import '@operato/data-tree';
 import '@operato/context/ox-context-page-toolbar.js';
 import { PageView } from '@operato/shell';
+import { FetchOption } from '@operato/data-grist';
 import { DepartmentImporter } from './department-importer';
 import { Department } from '../../types/department';
-import { DepartmentView } from '../../component/department-view';
 declare const DepartmentListPage_base: (new (...args: any[]) => {
     _storeUnsubscribe: import("redux").Unsubscribe;
     connectedCallback(): void;
@@ -18,34 +18,26 @@ export declare class DepartmentListPage extends DepartmentListPage_base {
     };
     root?: Department;
     selected?: Department;
-    departmentView: DepartmentView;
+    private grist;
     get context(): {
         title: string;
         help: string;
-        actions: ({
+        actions: {
             icon: string;
             title: string;
-            action: () => void;
-        } | null)[];
-        exportable: {
-            name: string;
-            data: () => Promise<void>;
-        };
-        importable: {
-            handler: (records: any) => Promise<void>;
-        };
+            action: () => Promise<void>;
+        }[];
         toolbar: boolean;
     };
+    gristConfig: any;
     render(): import("lit-html").TemplateResult<1>;
-    onSelect(e: CustomEvent): void;
-    reset(): void;
-    create(): Promise<void>;
-    save(): Promise<void>;
-    delete(): Promise<void>;
+    fetchHandler({ page, limit, sortings, filters }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
     pageInitialized(lifecycle: any): Promise<void>;
     pageUpdated(changes: any, lifecycle: any): Promise<void>;
-    fetch(): Promise<void>;
-    exportHandler(): Promise<void>;
-    importHandler(records: any): Promise<void>;
+    delete(): Promise<void>;
+    save(): Promise<void>;
 }
 export {};