@things-factory/operato-wms 6.0.153 → 6.1.0

package/client/pages/master/tote-list.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/import-ui'
 
 import { client, CustomAlert, PageView, store, gqlContext } from '@things-factory/shell'
@@ -40,7 +40,7 @@ class ToteList extends connect(store)(localize(i18next)(PageView)) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -52,11 +52,11 @@ class ToteList extends connect(store)(localize(i18next)(PageView)) {
     return html`
       <search-form id="search-form" .fields=${this._searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>
 
-      <data-grist
+      <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.config}
         .fetchHandler="${this.fetchHandler.bind(this)}"
-      ></data-grist>
+      ></ox-grist>
     `
   }
 
@@ -260,7 +260,7 @@ class ToteList extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   _importableData(records) {

package/client/pages/master/transport-driver.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/import-ui'
 
 import gql from 'graphql-tag'
@@ -34,7 +34,7 @@ class TransportDriver extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -46,11 +46,11 @@ class TransportDriver extends localize(i18next)(PageView) {
     return html`
       <search-form id="search-form" .fields=${this._searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>
 
-      <data-grist
+      <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.config}
         .fetchHandler="${this.fetchHandler.bind(this)}"
-      ></data-grist>
+      ></ox-grist>
     `
   }
 
@@ -168,7 +168,7 @@ class TransportDriver extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   _importableData(records) {

package/client/pages/master/transport-vehicle.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/import-ui'
 
 import gql from 'graphql-tag'
@@ -26,7 +26,7 @@ class TransportVehicle extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -47,11 +47,11 @@ class TransportVehicle extends localize(i18next)(PageView) {
     return html`
       <search-form id="search-form" .fields=${this._searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>
 
-      <data-grist
+      <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.config}
         .fetchHandler="${this.fetchHandler.bind(this)}"
-      ></data-grist>
+      ></ox-grist>
     `
   }
 
@@ -177,7 +177,7 @@ class TransportVehicle extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   _importableData(records) {

package/client/pages/master/warehouse-list.js

@@ -1,6 +1,6 @@
 import { getCodeByName } from '@things-factory/code-base'
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import '@things-factory/import-ui'
 import { openPopup } from '@things-factory/layout-base'
@@ -25,7 +25,7 @@ class WarehouseList extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -51,11 +51,11 @@ class WarehouseList extends localize(i18next)(PageView) {
         @submit=${e => this.dataGrist.fetch()}
       ></search-form>
 
-      <data-grist
+      <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.config}
         .fetchHandler="${this.fetchHandler.bind(this)}"
-      ></data-grist>
+      ></ox-grist>
     `
   }
 
@@ -204,7 +204,7 @@ class WarehouseList extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   _importableData(records) {

package/client/pages/master/worker-list.js

@@ -1,6 +1,6 @@
 import { getCodeByName } from '@things-factory/code-base'
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import '@things-factory/import-ui'
 import { openPopup } from '@things-factory/layout-base'
@@ -25,7 +25,7 @@ class WorkerList extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -51,11 +51,11 @@ class WorkerList extends localize(i18next)(PageView) {
         @submit=${e => this.dataGrist.fetch()}
       ></search-form>
 
-      <data-grist
+      <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.config}
         .fetchHandler="${this.fetchHandler.bind(this)}"
-      ></data-grist>
+      ></ox-grist>
     `
   }
 
@@ -184,7 +184,7 @@ class WorkerList extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   _importableData(records) {

package/client/pages/order/arrival-notice/arrival-notice-detail.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../../components/attachment-viewer'
 import '../../components/vas-templates'
 import '../../components/popup-note'
@@ -13,7 +13,7 @@ import { css, html } from 'lit'
 
 import { getCodeByName } from '@things-factory/code-base'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import { getRenderer } from '@things-factory/grist-ui'
+import { getRenderer } from '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { openPopup } from '@things-factory/layout-base'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
@@ -95,7 +95,7 @@ class ArrivalNoticeDetail extends localize(i18next)(PageView) {
           display: flex;
           flex-direction: column;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -117,7 +117,7 @@ class ArrivalNoticeDetail extends localize(i18next)(PageView) {
           font-size: var(--grist-title-icon-size);
           color: var(--grist-title-icon-color);
         }
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
         .vas[collapsable] {
@@ -544,12 +544,12 @@ class ArrivalNoticeDetail extends localize(i18next)(PageView) {
       <div class="container">
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.product')}</h2>
-          <data-grist
+          <ox-grist
             id="product-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.productGristConfig}
             .data="${this.productData}"
-          ></data-grist>
+          ></ox-grist>
 
           <h2
             @click="${e => {
@@ -561,12 +561,12 @@ class ArrivalNoticeDetail extends localize(i18next)(PageView) {
             >
           </h2>
           <div class="vas" collapsable ?collapsed=${!this._vasExpanded}>
-            <data-grist
+            <ox-grist
               id="vas-grist"
               .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
               .config=${this.vasGristConfig}
               .data="${this.vasData}"
-            ></data-grist>
+            ></ox-grist>
           </div>
         </div>
 
@@ -595,7 +595,7 @@ class ArrivalNoticeDetail extends localize(i18next)(PageView) {
   }
 
   get productGrist() {
-    return this.shadowRoot.querySelector('data-grist#product-grist')
+    return this.shadowRoot.querySelector('ox-grist#product-grist')
   }
 
   get _warehouseTransportInput() {
@@ -607,7 +607,7 @@ class ArrivalNoticeDetail extends localize(i18next)(PageView) {
   }
 
   get vasGrist() {
-    return this.shadowRoot.querySelector('data-grist#vas-grist')
+    return this.shadowRoot.querySelector('ox-grist#vas-grist')
   }
 
   get bufferLocationField() {

package/client/pages/order/arrival-notice/arrival-notice-list.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
@@ -25,7 +25,7 @@ class ArrivalNoticeList extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -45,11 +45,11 @@ class ArrivalNoticeList extends localize(i18next)(PageView) {
     return html`
       <search-form id="search-form" .fields=${this._searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>
 
-      <data-grist
+      <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.config}
         .fetchHandler="${this.fetchHandler.bind(this)}"
-      ></data-grist>
+      ></ox-grist>
     `
   }
 
@@ -393,7 +393,7 @@ class ArrivalNoticeList extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchHandler({ page, limit, sorters = [{ name: 'createdAt', desc: true }] }) {

package/client/pages/order/arrival-notice/arrival-notice-requests.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
@@ -27,7 +27,7 @@ class ArrivalNoticeRequests extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -47,11 +47,11 @@ class ArrivalNoticeRequests extends localize(i18next)(PageView) {
     return html`
       <search-form id="search-form" .fields=${this._searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>
 
-      <data-grist
+      <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.config}
         .fetchHandler="${this.fetchHandler.bind(this)}"
-      ></data-grist>
+      ></ox-grist>
     `
   }
 
@@ -383,7 +383,7 @@ class ArrivalNoticeRequests extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchHandler({ page, limit, sorters = [{ name: 'updatedAt', desc: true }] }) {

package/client/pages/order/arrival-notice/assign-buffer-location.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../../components/attachment-viewer'
 import '../../components/popup-note'
 import '../../components/vas-templates'
@@ -8,7 +8,7 @@ import gql from 'graphql-tag'
 import { css, html } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import { getRenderer } from '@things-factory/grist-ui'
+import { getRenderer } from '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { openPopup } from '@things-factory/layout-base'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
@@ -66,7 +66,7 @@ class AssignBufferLocation extends localize(i18next)(PageView) {
           display: flex;
           flex-direction: column;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -90,7 +90,7 @@ class AssignBufferLocation extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
 
@@ -254,21 +254,21 @@ class AssignBufferLocation extends localize(i18next)(PageView) {
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.product')}</h2>
 
-          <data-grist
+          <ox-grist
             id="product-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.productGristConfig}
             .data="${this.productData}"
-          ></data-grist>
+          ></ox-grist>
 
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.vas')}</h2>
 
-          <data-grist
+          <ox-grist
             id="vas-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.vasGristConfig}
             .data="${this.vasData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
 
         <div class="guide-container">${this._template}</div>
@@ -291,11 +291,11 @@ class AssignBufferLocation extends localize(i18next)(PageView) {
   }
 
   get productGrist() {
-    return this.shadowRoot.querySelector('data-grist#product-grist')
+    return this.shadowRoot.querySelector('ox-grist#product-grist')
   }
 
   get vasGrist() {
-    return this.shadowRoot.querySelector('data-grist#vas-grist')
+    return this.shadowRoot.querySelector('ox-grist#vas-grist')
   }
 
   get bufferLocationField() {

package/client/pages/order/arrival-notice/check-arrived-notice.js

@@ -1,6 +1,6 @@
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import '@things-factory/grist-ui'
-import { getRenderer } from '@things-factory/grist-ui'
+import '@operato/data-grist'
+import { getRenderer } from '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
@@ -61,7 +61,7 @@ class CheckArrivedNotice extends localize(i18next)(PageView) {
           display: flex;
           flex-direction: column;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -85,7 +85,7 @@ class CheckArrivedNotice extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
 
@@ -244,21 +244,21 @@ class CheckArrivedNotice extends localize(i18next)(PageView) {
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.product')}</h2>
 
-          <data-grist
+          <ox-grist
             id="product-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.productGristConfig}
             .data="${this.productData}"
-          ></data-grist>
+          ></ox-grist>
 
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.vas')}</h2>
 
-          <data-grist
+          <ox-grist
             id="vas-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.vasGristConfig}
             .data="${this.vasData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
 
         <div class="guide-container">${this._template}</div>
@@ -287,11 +287,11 @@ class CheckArrivedNotice extends localize(i18next)(PageView) {
   }
 
   get productGrist() {
-    return this.shadowRoot.querySelector('data-grist#product-grist')
+    return this.shadowRoot.querySelector('ox-grist#product-grist')
   }
 
   get vasGrist() {
-    return this.shadowRoot.querySelector('data-grist#vas-grist')
+    return this.shadowRoot.querySelector('ox-grist#vas-grist')
   }
 
   pageInitialized() {

package/client/pages/order/arrival-notice/create-arrival-notice.js

@@ -1,5 +1,5 @@
 import '@things-factory/biz-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/import-ui'
 import '../../components/select-product-popup'
 import '../../order/vas-order/popup/vas-create-popup'
@@ -99,7 +99,7 @@ class CreateArrivalNotice extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -125,7 +125,7 @@ class CreateArrivalNotice extends localize(i18next)(PageView) {
           font-size: var(--grist-title-icon-size);
           color: var(--grist-title-icon-color);
         }
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
         h2.vas-title {
@@ -354,13 +354,13 @@ class CreateArrivalNotice extends localize(i18next)(PageView) {
             ></mwc-button>
           </div>
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.product')}</h2>
-          <data-grist
+          <ox-grist
             id="product-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.productGristConfig}
             .data="${this.productData}"
             @record-change="${this._onProductChangeHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
 
           <h2
             @click="${e => {
@@ -373,12 +373,12 @@ class CreateArrivalNotice extends localize(i18next)(PageView) {
             >
           </h2>
             <div class="vas" collapsable ?collapsed=${!this._vasExpanded}>
-              <data-grist
+              <ox-grist
                 id="vas-grist"
                 .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
                 .config=${this.vasGristConfig}
                 .data="${this.vasData}"
-              ></data-grist>
+              ></ox-grist>
             </div>
           </div>
         </div>
@@ -422,7 +422,7 @@ class CreateArrivalNotice extends localize(i18next)(PageView) {
   }
 
   get productGrist() {
-    return this.shadowRoot.querySelector('data-grist#product-grist')
+    return this.shadowRoot.querySelector('ox-grist#product-grist')
   }
 
   get containerNo() {
@@ -430,7 +430,7 @@ class CreateArrivalNotice extends localize(i18next)(PageView) {
   }
 
   get vasGrist() {
-    return this.shadowRoot.querySelector('data-grist#vas-grist')
+    return this.shadowRoot.querySelector('ox-grist#vas-grist')
   }
 
   get _document() {

package/client/pages/order/arrival-notice/duplicate-arrival-notice.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/biz-ui'
 import '@things-factory/import-ui'
 import '../../components/select-product-popup'
@@ -107,7 +107,7 @@ class DuplicateArrivalNotice extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -133,7 +133,7 @@ class DuplicateArrivalNotice extends localize(i18next)(PageView) {
           font-size: var(--grist-title-icon-size);
           color: var(--grist-title-icon-color);
         }
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
         h2.vas-title {
@@ -365,13 +365,13 @@ class DuplicateArrivalNotice extends localize(i18next)(PageView) {
           </div>
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.product')}</h2>
 
-          <data-grist
+          <ox-grist
             id="product-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.productGristConfig}
             .data="${this.productData}"
             @record-change="${this._onProductChangeHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
 
           <h2
             @click="${e => {
@@ -384,12 +384,12 @@ class DuplicateArrivalNotice extends localize(i18next)(PageView) {
             >
           </h2>
           <div class="vas" collapsable ?collapsed=${!this._vasExpanded}>
-            <data-grist
+            <ox-grist
               id="vas-grist"
               .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
               .config=${this.vasGristConfig}
               .data="${this.vasData}"
-            ></data-grist>
+            ></ox-grist>
           </div>
         </div>
       </div>
@@ -432,7 +432,7 @@ class DuplicateArrivalNotice extends localize(i18next)(PageView) {
   }
 
   get productGrist() {
-    return this.shadowRoot.querySelector('data-grist#product-grist')
+    return this.shadowRoot.querySelector('ox-grist#product-grist')
   }
 
   get containerNo() {
@@ -440,7 +440,7 @@ class DuplicateArrivalNotice extends localize(i18next)(PageView) {
   }
 
   get vasGrist() {
-    return this.shadowRoot.querySelector('data-grist#vas-grist')
+    return this.shadowRoot.querySelector('ox-grist#vas-grist')
   }
 
   get _document() {