@things-factory/operato-wms 6.0.153 → 6.1.0

package/client/pages/outbound/transport-vehicles-popup.js

@@ -1,6 +1,6 @@
 import '@things-factory/barcode-ui'
 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 { client } from '@things-factory/shell'
@@ -43,7 +43,7 @@ class TransportVehiclesPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -93,12 +93,12 @@ class TransportVehiclesPopup extends localize(i18next)(LitElement) {
 
       <div class="grist-container">
         <div class="grist">
-          <data-grist
+          <ox-grist
             id="transportVehicles"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.vehiclesConfig}
             .fetchHandler="${this.fetchHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -188,7 +188,7 @@ class TransportVehiclesPopup extends localize(i18next)(LitElement) {
   }
 
   get transportVehiclesGrist() {
-    return this.shadowRoot.querySelector('data-grist#transportVehicles')
+    return this.shadowRoot.querySelector('ox-grist#transportVehicles')
   }
 
   async fetchHandler({ page, limit, sorters = [] }) {

package/client/pages/outbound/worksheet-batch-picking.js

@@ -1,5 +1,5 @@
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './inventory-assign-popup'
 import './inventory-auto-assign-popup'
 import './select-operator-popup'
@@ -69,7 +69,7 @@ class WorksheetBatchPicking extends localize(i18next)(PageView) {
           flex-direction: column;
           overflow: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -93,7 +93,7 @@ class WorksheetBatchPicking extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
       `
@@ -206,24 +206,24 @@ class WorksheetBatchPicking extends localize(i18next)(PageView) {
               <div class="grist-column">
                 <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.productGristData}"
-                ></data-grist>
+                ></ox-grist>
               </div>
             `
           : ''}
 
         <div class="grist-column">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.worksheet_detail')}</h2>
-          <data-grist
+          <ox-grist
             id="wsd-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.wsdGristConfig}
             .data="${this.worksheetDetailData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `
@@ -452,7 +452,7 @@ class WorksheetBatchPicking extends localize(i18next)(PageView) {
   }
 
   get productGrist() {
-    return this.shadowRoot.querySelector('data-grist#product-grist')
+    return this.shadowRoot.querySelector('ox-grist#product-grist')
   }
 
   get operatorInput() {
@@ -460,7 +460,7 @@ class WorksheetBatchPicking extends localize(i18next)(PageView) {
   }
 
   get wsdGrist() {
-    return this.shadowRoot.querySelector('data-grist#wsd-grist')
+    return this.shadowRoot.querySelector('ox-grist#wsd-grist')
   }
 
   get undoable() {

package/client/pages/outbound/worksheet-loading.js

@@ -1,8 +1,8 @@
 import '@things-factory/barcode-ui'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
-import { getRenderer } from '@things-factory/grist-ui'
+import { getRenderer } from '@operato/data-grist'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { isMobileDevice } from '@things-factory/utils'
 import { CommonButtonStyles } from '@things-factory/styles'
@@ -57,7 +57,7 @@ class WorksheetLoading extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -81,7 +81,7 @@ class WorksheetLoading extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
       `
@@ -153,22 +153,22 @@ class WorksheetLoading extends localize(i18next)(PageView) {
       <div class="grist">
         <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.inventory')}</h2>
 
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .data="${this.data}"
-        ></data-grist>
+        ></ox-grist>
 
         ${this.vasData?.records
           ? html`
               <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>
@@ -360,7 +360,7 @@ class WorksheetLoading extends localize(i18next)(PageView) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchWorksheet() {

package/client/pages/outbound/worksheet-packing.js

@@ -1,5 +1,5 @@
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './logistics-init/logistics-init-popup'
 
 import gql from 'graphql-tag'
@@ -62,7 +62,7 @@ class WorksheetPacking extends localize(i18next)(PageView) {
           flex-direction: column;
           overflow: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -86,7 +86,7 @@ class WorksheetPacking extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
       `
@@ -198,12 +198,12 @@ class WorksheetPacking extends localize(i18next)(PageView) {
       <div class="grist">
         <div class="grist-column">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.worksheet_detail')}</h2>
-          <data-grist
+          <ox-grist
             id="wsd-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.wsdGristConfig}
             .data="${this.worksheetDetailData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `
@@ -301,7 +301,7 @@ class WorksheetPacking extends localize(i18next)(PageView) {
   }
 
   get wsdGrist() {
-    return this.shadowRoot.querySelector('data-grist#wsd-grist')
+    return this.shadowRoot.querySelector('ox-grist#wsd-grist')
   }
 
   async fetchWorksheet() {

package/client/pages/outbound/worksheet-picking.js

@@ -1,5 +1,5 @@
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './inventory-assign-popup'
 import './inventory-auto-assign-popup'
 import './select-operator-popup'
@@ -9,7 +9,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'
@@ -87,7 +87,7 @@ class WorksheetPicking extends localize(i18next)(PageView) {
           flex-direction: column;
           overflow: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -111,7 +111,7 @@ class WorksheetPicking extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
       `
@@ -264,34 +264,34 @@ class WorksheetPicking extends localize(i18next)(PageView) {
               <div class="grist-column">
                 <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.productGristData}"
-                ></data-grist>
+                ></ox-grist>
               </div>
             `
           : ''}
 
         <div class="grist-column">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.worksheet_detail')}</h2>
-          <data-grist
+          <ox-grist
             id="wsd-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.wsdGristConfig}
             .data="${this.worksheetDetailData}"
-          ></data-grist>
+          ></ox-grist>
 
           ${this.vasData?.records
             ? html`
                 <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>
@@ -616,11 +616,11 @@ class WorksheetPicking extends localize(i18next)(PageView) {
   }
 
   get productGrist() {
-    return this.shadowRoot.querySelector('data-grist#product-grist')
+    return this.shadowRoot.querySelector('ox-grist#product-grist')
   }
 
   get wsdGrist() {
-    return this.shadowRoot.querySelector('data-grist#wsd-grist')
+    return this.shadowRoot.querySelector('ox-grist#wsd-grist')
   }
 
   get operatorInput() {

package/client/pages/outbound/worksheet-return.js

@@ -1,6 +1,6 @@
 import '@things-factory/barcode-ui'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@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'
@@ -47,7 +47,7 @@ class WorksheetReturn extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -71,7 +71,7 @@ class WorksheetReturn extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
       `
@@ -135,12 +135,12 @@ class WorksheetReturn extends localize(i18next)(PageView) {
       <div class="grist">
         <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.product')}</h2>
 
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .data="${this.data}"
-        ></data-grist>
+        ></ox-grist>
       </div>
     `
   }
@@ -226,7 +226,7 @@ class WorksheetReturn extends localize(i18next)(PageView) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchWorksheet() {

package/client/pages/outbound/worksheet-sorting.js

@@ -1,6 +1,6 @@
 import '@things-factory/barcode-ui'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
@@ -47,7 +47,7 @@ class WorksheetSorting extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -71,7 +71,7 @@ class WorksheetSorting extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
       `
@@ -131,12 +131,12 @@ class WorksheetSorting extends localize(i18next)(PageView) {
       <div class="grist">
         <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.inventory')}</h2>
 
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .data="${this.data}"
-        ></data-grist>
+        ></ox-grist>
       </div>
     `
   }
@@ -228,7 +228,7 @@ class WorksheetSorting extends localize(i18next)(PageView) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchWorksheet() {

package/client/pages/report/costing-report.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../inventory/inventory-by-product-detail'
 
 import gql from 'graphql-tag'
@@ -20,7 +20,7 @@ class CostingReport extends connect(store)(localize(i18next)(PageView)) {
         width: 100%;
       }
 
-      data-grist {
+      ox-grist {
         overflow-y: auto;
         flex: 1;
       }
@@ -63,7 +63,7 @@ class CostingReport extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -234,11 +234,11 @@ class CostingReport 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>
     `
   }
 

package/client/pages/report/custom-elccl/elccl-daily-collection-report.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'

package/client/pages/report/custom-elccl/elccl-daily-order-inventory-report.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'
@@ -18,7 +18,7 @@ class ElcclDailyOrderInventoryReport extends connect(store)(localize(i18next)(Pa
         width: 100%;
       }
 
-      data-grist {
+      ox-grist {
         overflow-y: auto;
         flex: 1;
       }
@@ -45,7 +45,7 @@ class ElcclDailyOrderInventoryReport extends connect(store)(localize(i18next)(Pa
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -64,11 +64,11 @@ class ElcclDailyOrderInventoryReport extends connect(store)(localize(i18next)(Pa
     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>
     `
   }
 

package/client/pages/report/custom-elccl/elccl-delivery-order-summary.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'
@@ -18,7 +18,7 @@ class ElcclDeliveryOrderSummary extends connect(store)(localize(i18next)(PageVie
         width: 100%;
       }
 
-      data-grist {
+      ox-grist {
         overflow-y: auto;
         flex: 1;
       }
@@ -45,7 +45,7 @@ class ElcclDeliveryOrderSummary extends connect(store)(localize(i18next)(PageVie
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -68,11 +68,11 @@ class ElcclDeliveryOrderSummary extends connect(store)(localize(i18next)(PageVie
     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>
     `
   }
 

package/client/pages/report/custom-elccl/elccl-inventory-pallet-detail-report.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'
@@ -74,7 +74,7 @@ class ElcclInventoryPalletDetailReport extends connect(store)(localize(i18next)(
       <data-report
         .config=${this._config}
         .fetchHandler="${this.fetchHandler.bind(this)}"
-      ></data-grist>
+      ></ox-grist>
     `
   }
 

package/client/pages/report/custom-elccl/elccl-inventory-report.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'

package/client/pages/report/custom-elccl/elccl-inventory-summary-report.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'
@@ -18,7 +18,7 @@ class ElcclInventorySummaryReport extends connect(store)(localize(i18next)(PageV
         width: 100%;
       }
 
-      data-grist {
+      ox-grist {
         overflow-y: auto;
         flex: 1;
       }
@@ -45,7 +45,7 @@ class ElcclInventorySummaryReport extends connect(store)(localize(i18next)(PageV
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -68,11 +68,11 @@ class ElcclInventorySummaryReport extends connect(store)(localize(i18next)(PageV
     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>
     `
   }
 

package/client/pages/report/inbound-order-details-report.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../inventory/inventory-by-product-detail'
 
 import gql from 'graphql-tag'
@@ -19,7 +19,7 @@ class InboundOrderDetailsReport extends connect(store)(localize(i18next)(PageVie
         width: 100%;
       }
 
-      data-grist {
+      ox-grist {
         overflow-y: auto;
         flex: 1;
       }
@@ -62,7 +62,7 @@ class InboundOrderDetailsReport extends connect(store)(localize(i18next)(PageVie
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -85,11 +85,11 @@ class InboundOrderDetailsReport extends connect(store)(localize(i18next)(PageVie
     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>
     `
   }
 

package/client/pages/report/inbound-serial-number-report.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../inventory/inventory-by-product-detail'
 
 import gql from 'graphql-tag'
@@ -19,7 +19,7 @@ class InboundSerialNumberReport extends connect(store)(localize(i18next)(PageVie
         width: 100%;
       }
 
-      data-grist {
+      ox-grist {
         overflow-y: auto;
         flex: 1;
       }
@@ -66,7 +66,7 @@ class InboundSerialNumberReport extends connect(store)(localize(i18next)(PageVie
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -89,11 +89,11 @@ class InboundSerialNumberReport extends connect(store)(localize(i18next)(PageVie
     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>
     `
   }