@things-factory/operato-wms 6.0.153 → 6.1.0

package/client/pages/outbound/logistics-init/branch-logistics-popup.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'
@@ -38,7 +38,7 @@ class BranchLogisticsPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -67,12 +67,12 @@ class BranchLogisticsPopup extends localize(i18next)(LitElement) {
       <div class="grist-container">
         <div class="grist">
           <h2>${i18next.t('label.branch_info')}</h2>
-          <data-grist
+          <ox-grist
             id="logisticsBranch"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.branchConfig}
             .fetchHandler="${this.fetchHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -163,7 +163,7 @@ class BranchLogisticsPopup extends localize(i18next)(LitElement) {
   }
 
   get logisticsBranchGrist() {
-    return this.shadowRoot.querySelector('data-grist#logisticsBranch')
+    return this.shadowRoot.querySelector('ox-grist#logisticsBranch')
   }
 
   async fetchHandler() {

package/client/pages/outbound/logistics-init/logistics-init-popup.js

@@ -1,6 +1,6 @@
 import { getCodeByName } from '@things-factory/code-base'
 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 } from '@things-factory/shell'
@@ -57,7 +57,7 @@ class LogisticsInitPopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -139,7 +139,7 @@ class LogisticsInitPopup extends localize(i18next)(LitElement) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get shippingProviderInput() {

package/client/pages/outbound/logistics-init/pickup-logistics-popup.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'
@@ -41,7 +41,7 @@ class PickupLogisticsPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -70,23 +70,23 @@ class PickupLogisticsPopup extends localize(i18next)(LitElement) {
       <div class="grist-container">
         <div class="grist">
           <h2>${i18next.t('label.address_info')}</h2>
-          <data-grist
+          <ox-grist
             id="logisticsPickup"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.pickupConfig}
             .fetchHandler="${this.fetchHandler.bind(this)}"
             @select-record-change=${e => this.fetchTimeSlot(e.detail.records)}
-          ></data-grist>
+          ></ox-grist>
         </div>
 
         <div class="grist">
           <h2>${i18next.t('label.timeslot_info')}</h2>
-          <data-grist
+          <ox-grist
             id="timeslotPickup"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.timeSlotConfig}
             .data="${this.timeSlotData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -212,11 +212,11 @@ class PickupLogisticsPopup extends localize(i18next)(LitElement) {
   }
 
   get logisticsPickupGrist() {
-    return this.shadowRoot.querySelector('data-grist#logisticsPickup')
+    return this.shadowRoot.querySelector('ox-grist#logisticsPickup')
   }
 
   get timeslotPickupGrist() {
-    return this.shadowRoot.querySelector('data-grist#timeslotPickup')
+    return this.shadowRoot.querySelector('ox-grist#timeslotPickup')
   }
 
   async fetchHandler() {

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

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './route-label-popup'
 import './select-operator-popup'
 
@@ -31,7 +31,7 @@ class MergedOutboundWorksheet extends localize(i18next)(PageView) {
         search-form {
           overflow: visible;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -55,11 +55,11 @@ class MergedOutboundWorksheet 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>
     `
   }
 
@@ -304,7 +304,7 @@ class MergedOutboundWorksheet 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/outbound/order-remark-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'

package/client/pages/outbound/outbound-reusable-pallet.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'
@@ -29,7 +29,7 @@ export class OutboundReusablePallet extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -54,7 +54,7 @@ export class OutboundReusablePallet extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   render() {
@@ -80,11 +80,11 @@ export class OutboundReusablePallet extends localize(i18next)(LitElement) {
       </form>
 
       <div class="grist">
-        <data-grist
+        <ox-grist
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .data=${this.palletData}
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="button-container">

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

@@ -1,5 +1,5 @@
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../components/worksheet-information-popup'
 import './serial-number-popup'
 import './order-remark-popup'
@@ -60,7 +60,7 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
           flex-direction: column;
           overflow: hidden;
         }
-        data-grist {
+        ox-grist {
           overflow: auto;
           flex: 1;
         }
@@ -172,7 +172,7 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get infoForm() {
@@ -268,7 +268,7 @@ class PackingProduct 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>
@@ -282,7 +282,7 @@ class PackingProduct extends connect(store)(localize(i18next)(PageView)) {
             </fieldset>
           </form>
         </div>
-      </data-grist>
+      </ox-grist>
     `
   }
 

package/client/pages/outbound/packing-worksheet-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'
@@ -26,7 +26,7 @@ class PackingWorksheetList extends localize(i18next)(PageView) {
         search-form {
           overflow: visible;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -46,11 +46,11 @@ class PackingWorksheetList 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>
     `
   }
 
@@ -283,7 +283,7 @@ class PackingWorksheetList 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/outbound/picking-product.js

@@ -1,5 +1,5 @@
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './outbound-reusable-pallet'
 import './picking-replacement-popup'
 import './show-my-worksheet-list-popup'
@@ -70,7 +70,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
           flex-direction: column;
           overflow: hidden;
         }
-        data-grist {
+        ox-grist {
           overflow: auto;
           flex: 1;
         }
@@ -180,7 +180,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get locationInput() {
@@ -448,7 +448,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
           : ''}
       </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>
@@ -461,7 +461,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
               </legend>
             </fieldset>
           </form>
-        </div></data-grist
+        </div></ox-grist
       >
     `
   }

package/client/pages/outbound/picking-replacement-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'
@@ -29,7 +29,7 @@ class PickingReplacementPopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -128,12 +128,12 @@ class PickingReplacementPopup extends 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>
 
       ${this.isWholePicking

package/client/pages/outbound/return-pallet-check-popup.js

@@ -1,6 +1,6 @@
 import '@things-factory/barcode-ui'
 import { SingleColumnFormStyles } from '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { isMobileDevice } from '@things-factory/utils'
 import { css, html, LitElement } from 'lit'
@@ -31,7 +31,7 @@ class ReturnPalletCheckPopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -106,7 +106,7 @@ class ReturnPalletCheckPopup extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get palletIdInput() {
@@ -122,12 +122,12 @@ class ReturnPalletCheckPopup extends 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>
 
       <form id="input-form" class="single-column-form">

package/client/pages/outbound/route-label-popup.js

@@ -1,5 +1,5 @@
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@material/mwc-icon'
 
 import gql from 'graphql-tag'
@@ -35,7 +35,7 @@ class RouteLabelPopup extends connect(store)(localize(i18next)(LitElement)) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -85,7 +85,7 @@ class RouteLabelPopup extends connect(store)(localize(i18next)(LitElement)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -174,11 +174,11 @@ class RouteLabelPopup extends connect(store)(localize(i18next)(LitElement)) {
       </div>
 
       <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">

package/client/pages/outbound/select-operator-popup.js

@@ -23,7 +23,7 @@ class SelectOperatorPopup extends localize(i18next)(LitElement) {
           overflow: hidden;
           background-color: var(--main-section-background-color);
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -41,11 +41,11 @@ class SelectOperatorPopup extends localize(i18next)(LitElement) {
   render() {
     return html`
       <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>
 
       <div class="button-container">
         <mwc-button @click=${this.selectOperator.bind(this)} raised label="${i18next.t('button.select')}"></mwc-button>
@@ -58,7 +58,7 @@ class SelectOperatorPopup extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.renderRoot.querySelector('data-grist')
+    return this.renderRoot.querySelector('ox-grist')
   }
 
   async firstUpdated() {

package/client/pages/outbound/serial-number-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 SerialNumberPopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -76,7 +76,7 @@ class SerialNumberPopup extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get infoForm() {
@@ -114,11 +114,11 @@ class SerialNumberPopup extends localize(i18next)(LitElement) {
       </form>
 
       <div class="grist">
-        <data-grist
+        <ox-grist
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .data=${this._inventoryItems}
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <form id="input-form" class="single-column-form" @keypress="${this.updateSerialNumber.bind(this)}">

package/client/pages/outbound/show-ro-list-popup.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 { ScrollbarStyles } from '@things-factory/styles'
 import { isMobileDevice } from '@things-factory/utils'
@@ -35,7 +35,7 @@ class ShowRoListPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -76,18 +76,14 @@ class ShowRoListPopup extends localize(i18next)(LitElement) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   render() {
     return html`
       <div class="grist-container">
         <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>
 

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

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './route-label-popup'
 
 import gql from 'graphql-tag'
@@ -31,7 +31,7 @@ class SingleOutboundWorksheet extends localize(i18next)(PageView) {
         search-form {
           overflow: visible;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -57,11 +57,11 @@ class SingleOutboundWorksheet 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>
     `
   }
 
@@ -357,7 +357,7 @@ class SingleOutboundWorksheet 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/outbound/sorting-product.js

@@ -1,5 +1,5 @@
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './show-ro-list-popup'
 import '../components/worksheet-information-popup'
 import './tote-popup'
@@ -47,7 +47,7 @@ class SortingProduct extends connect(store)(localize(i18next)(PageView)) {
           overflow: hidden;
         }
 
-        data-grist {
+        ox-grist {
           overflow: auto;
           flex: 1;
         }
@@ -119,7 +119,7 @@ class SortingProduct extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get infoForm() {
@@ -214,7 +214,7 @@ class SortingProduct 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>
@@ -228,7 +228,7 @@ class SortingProduct extends connect(store)(localize(i18next)(PageView)) {
             </fieldset>
           </form>
         </div>
-      </data-grist>
+      </ox-grist>
     `
   }
 

package/client/pages/outbound/tote-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'
@@ -53,7 +53,7 @@ class TotePopup extends localize(i18next)(LitElement) {
           flex: 1;
           padding: 10px;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -152,12 +152,12 @@ class TotePopup extends localize(i18next)(LitElement) {
 
       <div class="grist-container">
         <div class="grist">
-          <data-grist
+          <ox-grist
             id="grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.config}
             .fetchHandler=${this.fetchOrderToteItems.bind(this)}
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -180,7 +180,7 @@ class TotePopup extends localize(i18next)(LitElement) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist#grist')
+    return this.shadowRoot.querySelector('ox-grist#grist')
   }
 
   get toteNoInput() {