@things-factory/operato-wms 6.0.153 → 6.1.0

package/client/pages/inbound/worksheet-putaway.js

@@ -1,11 +1,11 @@
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 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 { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
@@ -59,7 +59,7 @@ class WorksheetPutaway extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -83,7 +83,7 @@ class WorksheetPutaway extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
       `
@@ -157,22 +157,22 @@ class WorksheetPutaway 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>
 
         ${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>
@@ -356,7 +356,7 @@ class WorksheetPutaway extends localize(i18next)(PageView) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchWorksheet() {

package/client/pages/inbound/worksheet-unloading-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 { openPopup } from '@things-factory/layout-base'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
@@ -54,7 +54,7 @@ class WorksheetUnloadingReturn extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -78,7 +78,7 @@ class WorksheetUnloadingReturn extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
       `
@@ -182,12 +182,12 @@ class WorksheetUnloadingReturn 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>
     `
   }
@@ -278,7 +278,7 @@ class WorksheetUnloadingReturn extends localize(i18next)(PageView) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchWorksheet() {

package/client/pages/inbound/worksheet-unloading.js

@@ -1,5 +1,5 @@
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../components/popup-note'
 import '../vas/related-vas-list'
 import './adjust-pallet-qty'
@@ -12,7 +12,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'
@@ -77,7 +77,7 @@ class WorksheetUnloading extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -99,7 +99,7 @@ class WorksheetUnloading 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);
         }
         related-vas-list {
@@ -213,23 +213,23 @@ class WorksheetUnloading 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>
 
         <!-- temporarily hidden by SAM(SUM) -->
         <!-- ${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>
@@ -449,7 +449,7 @@ class WorksheetUnloading extends localize(i18next)(PageView) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get _ganNoInput() {

package/client/pages/inventory/inventory-adjustment-approval.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../inventory/serial-number-list-popup'
 
 import gql from 'graphql-tag'
@@ -49,7 +49,7 @@ class InventoryAdjustmentApproval extends connect(store)(localize(i18next)(PageV
           flex: 2;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -75,20 +75,20 @@ class InventoryAdjustmentApproval extends connect(store)(localize(i18next)(PageV
 
       <div class="grist-container">
         <div class="grist grist-inventory-change">
-          <data-grist
+          <ox-grist
             id="grist-inventory-change"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.config}
             .fetchHandler="${this.fetchHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
         <div class="grist grist-inventory-changes-detail">
-          <data-grist
+          <ox-grist
             id="grist-inventory-detail"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.detailGristConfig}
             .data="${this._detailData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `

package/client/pages/inventory/inventory-adjustment.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 '../components/popup-note'
 import './inventory-history-by-pallet'
@@ -36,7 +36,7 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -56,7 +56,7 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -118,13 +118,13 @@ class InventoryAdjustment 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)}"
         @record-change="${this.customerChange.bind(this)}"
         @field-change="${this.fieldChange.bind(this)}"
-      ></data-grist>
+      ></ox-grist>
     `
   }
 
@@ -735,7 +735,7 @@ class InventoryAdjustment extends connect(store)(localize(i18next)(PageView)) {
   }
 
   fieldChange(e) {
-    let popUpDataGrist = e.target?.shadowRoot.querySelector('data-grist')
+    let popUpDataGrist = e.target?.shadowRoot.querySelector('ox-grist')
 
     let item = e.target.localName == 'import-pop-up' ? popUpDataGrist : this.dataGrist
 

package/client/pages/inventory/inventory-by-product-detail.js

@@ -1,5 +1,5 @@
 import '@material/mwc-button/mwc-button'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './inventory-history-by-pallet'
 
 import gql from 'graphql-tag'
@@ -26,7 +26,7 @@ class InventoryByProductDetail extends localize(i18next)(LitElement) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -47,11 +47,11 @@ class InventoryByProductDetail extends localize(i18next)(LitElement) {
     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>
     `
   }
 
@@ -193,7 +193,7 @@ class InventoryByProductDetail extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {

package/client/pages/inventory/inventory-by-product.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 './inventory-by-product-detail'
 
@@ -36,7 +36,7 @@ class InventoryByProduct extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -53,11 +53,11 @@ class InventoryByProduct 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>
     `
   }
 
@@ -81,7 +81,7 @@ class InventoryByProduct extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   pageUpdated(changes, lifecycle) {

package/client/pages/inventory/inventory-history-by-pallet.js

@@ -1,5 +1,5 @@
 import '@material/mwc-button/mwc-button'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'
 import { isMobileDevice } from '@things-factory/utils'
@@ -22,7 +22,7 @@ class InventoryHistoryByPallet extends localize(i18next)(LitElement) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -41,11 +41,11 @@ class InventoryHistoryByPallet extends localize(i18next)(LitElement) {
 
   render() {
     return html`
-      <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 InventoryHistoryByPallet extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchHandler({ page, limit, sorters = [] }) {

package/client/pages/inventory/inventory-history.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'
@@ -31,7 +31,7 @@ class InventoryHistory extends localize(i18next)(PageView) {
           overflow-y: auto;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -53,11 +53,11 @@ class InventoryHistory extends localize(i18next)(PageView) {
       <search-form id="search-form" .fields=${this._searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>
 
       <div class="grist">
-        <data-grist
+        <ox-grist
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .fetchHandler="${this.fetchHandler.bind(this)}"
-        ></data-grist>
+        ></ox-grist>
       </div>
     `
   }
@@ -372,7 +372,7 @@ class InventoryHistory extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {

package/client/pages/inventory/non-loaded-inventory.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'
@@ -23,7 +23,7 @@ class NonLoadedInventory extends connect(store)(localize(i18next)(PageView)) {
         search-form {
           overflow: visible;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -55,11 +55,11 @@ class NonLoadedInventory extends connect(store)(localize(i18next)(PageView)) {
           ></search-form>`
         : html``}
 
-      <data-grist
+      <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.config}
         .fetchHandler="${this.fetchHandler.bind(this)}"
-      ></data-grist>
+      ></ox-grist>
     `
   }
 
@@ -250,7 +250,7 @@ class NonLoadedInventory extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {

package/client/pages/inventory/onhand-inventory.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'
@@ -24,7 +24,7 @@ class OnhandInventory extends connect(store)(localize(i18next)(PageView)) {
         search-form {
           overflow: visible;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -57,11 +57,11 @@ class OnhandInventory extends connect(store)(localize(i18next)(PageView)) {
           ></search-form>`
         : html``}
 
-      <data-grist
+      <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.config}
         .fetchHandler="${this.fetchHandler.bind(this)}"
-      ></data-grist>
+      ></ox-grist>
     `
   }
 
@@ -371,7 +371,7 @@ class OnhandInventory extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {

package/client/pages/inventory/serial-number-list-popup.js

@@ -1,5 +1,5 @@
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
@@ -31,7 +31,7 @@ class SerialNumberListPopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -79,7 +79,7 @@ class SerialNumberListPopup extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   constructor() {
@@ -110,7 +110,7 @@ class SerialNumberListPopup extends localize(i18next)(LitElement) {
       </form>
 
       <div class="grist">
-        <data-grist .mode=${isMobileDevice() ? 'LIST' : 'GRID'} .config=${this.config} .data=${this.data}></data-grist>
+        <ox-grist .mode=${isMobileDevice() ? 'LIST' : 'GRID'} .config=${this.config} .data=${this.data}></ox-grist>
       </div>
 
       <form id="input-form" class="single-column-form">

package/client/pages/inventory-check/check-inventory-popup.js

@@ -36,7 +36,7 @@ class CheckInventoryPopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }

package/client/pages/inventory-check/create-cycle-count.js

@@ -1,6 +1,6 @@
 import '@things-factory/biz-ui'
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/import-ui'
 
 import gql from 'graphql-tag'
@@ -55,7 +55,7 @@ class CreateCycleCount extends localize(i18next)(PageView) {
           flex: 1;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -95,7 +95,7 @@ class CreateCycleCount extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get date() {
@@ -299,13 +299,13 @@ class CreateCycleCount extends localize(i18next)(PageView) {
         dynamicFields = html`
           <div class="grist-container">
             <div class="grist">
-              <data-grist
+              <ox-grist
                 id="inventory"
                 .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
                 .config=${this.inventoryGristConfig}
                 .data=${this.inventoryData}
                 @field-change="${this._gristFieldChange.bind(this)}"
-              ></data-grist>
+              ></ox-grist>
             </div>
           </div>
         `
@@ -370,14 +370,14 @@ class CreateCycleCount extends localize(i18next)(PageView) {
 <input name="limit" type="number" />
     <div class="grist-container">
 <div class="grist">
-  <data-grist
+  <ox-grist
     id="inventory"
     .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
     .config=${this.inventoryGristConfig}
     .data=${this.inventoryData}
     .fetchHandler="${this.fetchHandler.bind(this)}"
     @field-change="${this._gristFieldChange.bind(this)}"
-  ></data-grist>
+  ></ox-grist>
 </div>
 </div> */
   }

package/client/pages/inventory-check/cycle-count-recheck-popup.js

@@ -34,7 +34,7 @@ class CycleCountRecheckPopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -76,11 +76,11 @@ class CycleCountRecheckPopup extends localize(i18next)(LitElement) {
       </form>
 
       <div class="grist">
-        <data-grist
+        <ox-grist
           .mode="${isMobileDevice() ? 'LIST' : 'GRID'}"
           .config="${this.config}"
           .data="${this.data}"
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="button-container">
@@ -101,7 +101,7 @@ class CycleCountRecheckPopup extends localize(i18next)(LitElement) {
   }
 
   get grist() {
-    return this.renderRoot.querySelector('data-grist')
+    return this.renderRoot.querySelector('ox-grist')
   }
 
   constructor() {