@things-factory/operato-wms 6.0.152 → 6.1.0

package/client/pages/inbound/inbound-reusable-pallet.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, store } from '@things-factory/shell'
 import { isMobileDevice } from '@things-factory/utils'
@@ -58,13 +58,13 @@ class InboundReusablePallet extends connect(store)(localize(i18next)(PageView))
           color: var(--grist-title-icon-color);
         }
 
-        data-grist {
+        ox-grist {
           flex: 1;
           justify-content: center;
           flex-direction: column;
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
       `
@@ -93,7 +93,7 @@ class InboundReusablePallet extends connect(store)(localize(i18next)(PageView))
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   render() {
@@ -120,12 +120,12 @@ class InboundReusablePallet extends connect(store)(localize(i18next)(PageView))
 
       <div class="grist">
         <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.pallets')}</h2>
-        <data-grist
+        <ox-grist
           id="pallet-grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.returnPalletGristConfig}
           .data=${this.palletData}
-        ></data-grist>
+        ></ox-grist>
       </div>
     `
   }

package/client/pages/inbound/inbound-worksheet.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'
@@ -26,7 +26,7 @@ class InboundWorksheet extends localize(i18next)(PageView) {
         search-form {
           overflow: visible;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -47,11 +47,11 @@ class InboundWorksheet 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>
     `
   }
 
@@ -318,7 +318,7 @@ class InboundWorksheet 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/inbound/pallet-label-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
@@ -38,7 +38,7 @@ class PalletLabelPopup extends connect(store)(localize(i18next)(LitElement)) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -91,18 +91,18 @@ class PalletLabelPopup extends connect(store)(localize(i18next)(LitElement)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   render() {
     return html`
       <div class="grist">
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .data="${this.data}"
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="button-container">

package/client/pages/inbound/palletizing-pallets-popup.js

@@ -1,6 +1,6 @@
 import '@things-factory/barcode-ui'
 import { MultiColumnFormStyles, SingleColumnFormStyles } from '@things-factory/form-ui'
-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'
@@ -30,7 +30,7 @@ export class PalletizingPalletPopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -57,13 +57,13 @@ export class PalletizingPalletPopup extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   render() {
     return html`
       <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>
 
       <div class="button-container">

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

@@ -1,5 +1,5 @@
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './undo-putaway-popup'
 import './select-location-popup'
 import '../components/worksheet-information-popup'
@@ -58,7 +58,7 @@ class PutawayProduct extends connect(store)(localize(i18next)(PageView)) {
     return [
       MultiColumnFormStyles,
       css`
-        data-grist {
+        ox-grist {
           overflow: auto;
           flex: 1;
         }
@@ -122,7 +122,7 @@ class PutawayProduct extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get infoForm() {
@@ -257,7 +257,7 @@ class PutawayProduct extends connect(store)(localize(i18next)(PageView)) {
         </fieldset>
       </form>
 
-      <data-grist .mode=${isMobileDevice() ? 'LIST' : 'GRID'} .config=${this.config} .data=${this.data}>
+      <ox-grist .mode=${isMobileDevice() ? 'LIST' : 'GRID'} .config=${this.config} .data=${this.data}>
         <div slot="headroom" id="form-section">
           <form id="info-form" class="multi-column-form">
             <fieldset>
@@ -271,7 +271,7 @@ class PutawayProduct extends connect(store)(localize(i18next)(PageView)) {
             </fieldset>
           </form>
         </div>
-      </data-grist>
+      </ox-grist>
     `
   }
 

package/client/pages/inbound/putaway-same-carton-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import { css, html, LitElement } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
@@ -49,7 +49,7 @@ class PutawaySameCartonPopup extends connect(store)(localize(i18next)(LitElement
         .button-container button:active {
           background-color: var(--button-background-focus-color);
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -71,7 +71,7 @@ class PutawaySameCartonPopup extends connect(store)(localize(i18next)(LitElement
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   updated(changeProps) {
@@ -85,12 +85,12 @@ class PutawaySameCartonPopup extends connect(store)(localize(i18next)(LitElement
   render() {
     return html`
       <div class="grist">
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .data="${this.data}"
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="button-container">

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

@@ -56,7 +56,7 @@ class PutawayWorksheetGeneratePopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -92,21 +92,21 @@ class PutawayWorksheetGeneratePopup extends localize(i18next)(LitElement) {
       <div class="grist">
         ${this.crossDocking
           ? html` <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.cross_docking')}</h2>
-              <data-grist
+              <ox-grist
                 id="cross-dock-grist"
                 .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
                 .config=${this.crossDockGristConfig}
                 .data="${this.crossDockGristData}"
-              ></data-grist>`
+              ></ox-grist>`
           : ''}
 
         <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.unloaded_pallets')}</h2>
-        <data-grist
+        <ox-grist
           id="inventory-grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.inventoryGristConfig}
           .data="${this.inventoryGristData}"
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="button-container">
@@ -272,11 +272,11 @@ class PutawayWorksheetGeneratePopup extends localize(i18next)(LitElement) {
   }
 
   get crossDockGrist() {
-    return this.shadowRoot.querySelector('data-grist#cross-dock-grist')
+    return this.shadowRoot.querySelector('ox-grist#cross-dock-grist')
   }
 
   get inventoryGrist() {
-    return this.shadowRoot.querySelector('data-grist#inventory-grist')
+    return this.shadowRoot.querySelector('ox-grist#inventory-grist')
   }
 
   updated(changedProps) {

package/client/pages/inbound/select-location-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { store } from '@things-factory/shell'
 import { isMobileDevice } from '@things-factory/utils'
@@ -31,7 +31,7 @@ class SelectLocationPopup extends connect(store)(localize(i18next)(LitElement))
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -49,12 +49,12 @@ class SelectLocationPopup extends connect(store)(localize(i18next)(LitElement))
   render() {
     return html`
       <div class="grist">
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .data="${this.data}"
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="button-container">
@@ -92,7 +92,7 @@ class SelectLocationPopup extends connect(store)(localize(i18next)(LitElement))
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   updated(changeProps) {

package/client/pages/inbound/select-product-batch.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next } from '@things-factory/i18n-base'
 import { isMobileDevice } from '@things-factory/utils'
 import { css, html, LitElement } from 'lit'
@@ -29,7 +29,7 @@ class SelectProductBatch extends LitElement {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -47,12 +47,12 @@ class SelectProductBatch extends LitElement {
   render() {
     return html`
       <div class="grist">
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .data="${this.data}"
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="button-container">
@@ -108,7 +108,7 @@ class SelectProductBatch extends LitElement {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   updated(changeProps) {

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

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/barcode-ui'
 
 import gql from 'graphql-tag'
@@ -49,7 +49,7 @@ class SerialNumberListPopup extends localize(i18next)(LitElement) {
           flex: 1;
           padding: 10px;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -102,12 +102,12 @@ class SerialNumberListPopup extends localize(i18next)(LitElement) {
 
       <div class="grist-container">
         <div class="grist">
-          <data-grist
+          <ox-grist
             id="serialNumberGrist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.serialNumberConfig}
             .fetchHandler=${this.fetchInventoryItems.bind(this)}
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -148,7 +148,7 @@ class SerialNumberListPopup extends localize(i18next)(LitElement) {
   }
 
   get serialNumberGrist() {
-    return this.shadowRoot.querySelector('data-grist#serialNumberGrist')
+    return this.shadowRoot.querySelector('ox-grist#serialNumberGrist')
   }
 
   get inventoryInfoInput() {

package/client/pages/inbound/undo-putaway-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
@@ -60,7 +60,7 @@ class UndoPutawayPopup extends connect(store)(localize(i18next)(LitElement)) {
         .button-container button:active {
           background-color: var(--button-background-focus-color);
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -86,7 +86,7 @@ class UndoPutawayPopup extends connect(store)(localize(i18next)(LitElement)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get inputForm() {
@@ -110,12 +110,12 @@ class UndoPutawayPopup extends connect(store)(localize(i18next)(LitElement)) {
       </form>
 
       <div class="grist">
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .data="${this.data}"
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="button-container">

package/client/pages/inbound/undo-unload-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
@@ -55,7 +55,7 @@ class UndoUnloadPopup extends connect(store)(localize(i18next)(LitElement)) {
         .button-container button:active {
           background-color: var(--button-background-focus-color);
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -81,7 +81,7 @@ class UndoUnloadPopup extends connect(store)(localize(i18next)(LitElement)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get inputForm() {
@@ -113,13 +113,13 @@ class UndoUnloadPopup extends connect(store)(localize(i18next)(LitElement)) {
       </form>
 
       <div class="grist">
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .data="${this.data}"
           .selectedRecords=${this._selectedRecords}
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="button-container">

package/client/pages/inbound/unload-product.js

@@ -1,5 +1,5 @@
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../components/popup-note'
 import '../components/popup-reusable-pallet'
 import './palletizing-pallets-popup'
@@ -61,7 +61,7 @@ class UnloadProduct extends connect(store)(localize(i18next)(PageView)) {
     return [
       MultiColumnFormStyles,
       css`
-        data-grist {
+        ox-grist {
           overflow: auto;
           flex: 1;
         }
@@ -195,7 +195,7 @@ class UnloadProduct extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get orderProductGrist() {
-    return this.shadowRoot.querySelector('data-grist#order-product-grist')
+    return this.shadowRoot.querySelector('ox-grist#order-product-grist')
   }
 
   get orderNoInput() {
@@ -203,7 +203,7 @@ class UnloadProduct extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get palletProductGrist() {
-    return this.shadowRoot.querySelector('data-grist#pallet-product-grist')
+    return this.shadowRoot.querySelector('ox-grist#pallet-product-grist')
   }
 
   get productBarcodeInput() {
@@ -295,7 +295,7 @@ class UnloadProduct extends connect(store)(localize(i18next)(PageView)) {
           : ''}
       </form>
 
-      <data-grist
+      <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.orderProductConfig}
         .data=${this.orderProductData}
@@ -313,7 +313,7 @@ class UnloadProduct extends connect(store)(localize(i18next)(PageView)) {
             </fieldset>
           </form>
         </div>
-      </data-grist>
+      </ox-grist>
     `
   }
 

package/client/pages/inbound/unloaded-inventories-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import { css, html, LitElement } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
@@ -19,7 +19,7 @@ class UnloadedInventoriesPopup extends connect(store)(localize(i18next)(LitEleme
   static get styles() {
     return [
       css`
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -42,18 +42,18 @@ class UnloadedInventoriesPopup extends connect(store)(localize(i18next)(LitEleme
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   render() {
     return html`
       <div class="grist">
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .data="${this.data}"
-        ></data-grist>
+        ></ox-grist>
       </div>
     `
   }

package/client/pages/inbound/vas-selector.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
@@ -28,7 +28,7 @@ export class VasSelector extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -60,11 +60,11 @@ export class VasSelector extends localize(i18next)(LitElement) {
       <search-form id="search-form" .fields=${this._searchFields} @submit=${() => 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>
 
       <div class="button-container">
@@ -132,7 +132,7 @@ export class VasSelector 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/inbound/worksheet-putaway-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'
@@ -48,7 +48,7 @@ class WorksheetPutawayReturn extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -72,7 +72,7 @@ class WorksheetPutawayReturn extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
       `
@@ -149,12 +149,12 @@ class WorksheetPutawayReturn 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>
     `
   }
@@ -228,7 +228,7 @@ class WorksheetPutawayReturn extends localize(i18next)(PageView) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchWorksheet() {