@things-factory/operato-wms 6.0.153 → 6.1.0

package/client/pages/order/return-order/return-order-detail.js

@@ -1,5 +1,5 @@
 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, store } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
@@ -58,7 +58,7 @@ class ReturnOrderDetail extends connect(store)(localize(i18next)(PageView)) {
           display: flex;
           flex-direction: column;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -82,7 +82,7 @@ class ReturnOrderDetail extends connect(store)(localize(i18next)(PageView)) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
 
@@ -197,12 +197,12 @@ class ReturnOrderDetail extends connect(store)(localize(i18next)(PageView)) {
       <div class="container">
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.return_product_list')}</h2>
-          <data-grist
+          <ox-grist
             id="inventory-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.inventoryGristConfig}
             .data=${this.inventoryData}
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `
@@ -272,7 +272,7 @@ class ReturnOrderDetail extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get inventoryGrist() {
-    return this.shadowRoot.querySelector('data-grist#inventory-grist')
+    return this.shadowRoot.querySelector('ox-grist#inventory-grist')
   }
 
   async pageUpdated(changes, lifecycle) {

package/client/pages/order/return-order/return-order-inventory-popup.js

@@ -1,5 +1,5 @@
 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 } from '@things-factory/shell'
 import { isMobileDevice } from '@things-factory/utils'
@@ -49,7 +49,7 @@ class ReturnOrderInventoryPopup extends localize(i18next)(LitElement) {
           font-size: var(--grist-title-icon-size);
           color: var(--grist-title-icon-color);
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -79,12 +79,12 @@ class ReturnOrderInventoryPopup extends localize(i18next)(LitElement) {
 
       <div class="container">
         <div class="grist">
-          <data-grist
+          <ox-grist
             id="inventory-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.config}
             .fetchHandler=${this.fetchHandler.bind(this)}
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -99,7 +99,7 @@ class ReturnOrderInventoryPopup extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {

package/client/pages/order/return-order/return-order-list.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, navigate, PageView } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
@@ -24,7 +24,7 @@ class ReturnOrderList extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -45,11 +45,11 @@ class ReturnOrderList 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>
     `
   }
 
@@ -205,7 +205,7 @@ class ReturnOrderList extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get _columns() {

package/client/pages/order/return-order/return-order-requests.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 { client, navigate, PageView } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
@@ -24,7 +24,7 @@ class ReturnOrderRequests extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -44,11 +44,11 @@ class ReturnOrderRequests 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>
     `
   }
 
@@ -223,7 +223,7 @@ class ReturnOrderRequests 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/reverse-kitting-order/reverse-kitting-order-detail.js

@@ -1,6 +1,6 @@
 import '@things-factory/biz-ui'
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/product-ui'
 import '../../order/reverse-kitting-order/reverse-kitting-pallet-label-popup'
 
@@ -47,7 +47,7 @@ class ReverseKittingOrderDetail extends connect(store)(localize(i18next)(PageVie
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -71,7 +71,7 @@ class ReverseKittingOrderDetail extends connect(store)(localize(i18next)(PageVie
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
 
@@ -99,7 +99,7 @@ class ReverseKittingOrderDetail extends connect(store)(localize(i18next)(PageVie
   }
 
   get inventoryGrist() {
-    return this.shadowRoot.querySelector('data-grist#inventory-grist')
+    return this.shadowRoot.querySelector('ox-grist#inventory-grist')
   }
 
   get reverseKittingOrderForm() {
@@ -134,13 +134,13 @@ class ReverseKittingOrderDetail extends connect(store)(localize(i18next)(PageVie
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.target_products')}</h2>
 
-          <data-grist
+          <ox-grist
             id="inventory-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.inventoryGristConfig}
             .data=${this.inventoryData}
             @record-change="${this._onProductChangeHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `

package/client/pages/order/reverse-kitting-order/reverse-kitting-order-list.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
@@ -30,7 +30,7 @@ class ReverseKittingOrderList extends localize(i18next)(PageView) {
           flex-direction: column;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -51,11 +51,11 @@ class ReverseKittingOrderList 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>
     `
   }
@@ -163,7 +163,7 @@ class ReverseKittingOrderList extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get _columns() {

package/client/pages/order/reverse-kitting-order/reverse-kitting-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 ReverseKittingPalletLabelPopup extends connect(store)(localize(i18next)(Li
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -91,18 +91,18 @@ class ReverseKittingPalletLabelPopup extends connect(store)(localize(i18next)(Li
   }
 
   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/order/transfer-order/receive-transfer-order-request.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { css, html } from 'lit'
 import { gqlBuilder, isMobileDevice } from '@things-factory/utils'
@@ -35,7 +35,7 @@ class ReceiveTransferOrderRequest extends localize(i18next)(PageView) {
           display: flex;
           flex-direction: column;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -59,7 +59,7 @@ class ReceiveTransferOrderRequest 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,11 +135,11 @@ class ReceiveTransferOrderRequest 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
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.config}
             .data="${this.productData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `
@@ -253,7 +253,7 @@ class ReceiveTransferOrderRequest extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get transferOrderForm() {

package/client/pages/order/transfer-order/rejected-transfer-order.js

@@ -1,6 +1,6 @@
 import '../../components/popup-note'
 import '../../components/vas-templates'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { client, PageView } from '@things-factory/shell'
 import { css, html } from 'lit'
 import { isMobileDevice } from '@things-factory/utils'
@@ -48,7 +48,7 @@ class RejectedTransferOrder extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -76,7 +76,7 @@ class RejectedTransferOrder 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,11 +131,11 @@ class RejectedTransferOrder 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
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.config}
             .data="${this.productData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `
@@ -172,11 +172,11 @@ class RejectedTransferOrder extends localize(i18next)(PageView) {
   }
 
   get inventoryGrist() {
-    return this.shadowRoot.querySelector('data-grist#inventory-grist')
+    return this.shadowRoot.querySelector('ox-grist#inventory-grist')
   }
 
   get vasGrist() {
-    return this.shadowRoot.querySelector('data-grist#vas-grist')
+    return this.shadowRoot.querySelector('ox-grist#vas-grist')
   }
 
   pageUpdated(changes) {

package/client/pages/order/transfer-order/transfer-order-detail.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 { client, PageView } from '@things-factory/shell'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
@@ -35,7 +35,7 @@ class TransferOrderDetail extends localize(i18next)(PageView) {
           display: flex;
           flex-direction: column;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -59,7 +59,7 @@ class TransferOrderDetail extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
 
@@ -134,11 +134,11 @@ class TransferOrderDetail 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
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.config}
             .data="${this.productData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `
@@ -229,7 +229,7 @@ class TransferOrderDetail extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get transferOrderForm() {

package/client/pages/order/transfer-order/transfer-order-requests.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { client, navigate, PageView } from '@things-factory/shell'
 import { css, html } from 'lit'
 import { getCodeByName } from '@things-factory/code-base'
@@ -24,7 +24,7 @@ class TransferOrderRequests extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -44,11 +44,11 @@ class TransferOrderRequests 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>
     `
   }
 
@@ -237,7 +237,7 @@ class TransferOrderRequests 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/transport-order/contact-point-selector-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/import-ui'
 import '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'
@@ -43,7 +43,7 @@ class ContactPointSelectorPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -93,12 +93,12 @@ class ContactPointSelectorPopup extends localize(i18next)(LitElement) {
 
       <div class="grist-container">
         <div class="grist">
-          <data-grist
+          <ox-grist
             id="contactPoint"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.contactPointConfig}
             .fetchHandler="${this.fetchHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -197,7 +197,7 @@ class ContactPointSelectorPopup extends localize(i18next)(LitElement) {
   }
 
   get contactPointGrist() {
-    return this.shadowRoot.querySelector('data-grist#contactPoint')
+    return this.shadowRoot.querySelector('ox-grist#contactPoint')
   }
 
   async fetchHandler({ page, limit, sorters = [] }) {

package/client/pages/order/transport-order/create-delivery-order.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/biz-ui'
 import './contact-point-selector-popup'
 import './transport-driver-popup'
@@ -95,7 +95,7 @@ class CreateDeliveryOrder extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -119,7 +119,7 @@ class CreateDeliveryOrder extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
 
@@ -348,13 +348,13 @@ class CreateDeliveryOrder 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}"
             @record-change="${this._onProductChangeHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `
@@ -400,7 +400,7 @@ class CreateDeliveryOrder extends localize(i18next)(PageView) {
   }
 
   get productGrist() {
-    return this.shadowRoot.querySelector('data-grist#product-grist')
+    return this.shadowRoot.querySelector('ox-grist#product-grist')
   }
 
   get _document() {

package/client/pages/order/transport-order/delivery-note-popup.js

@@ -1,5 +1,5 @@
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/import-ui'
 import '@things-factory/component-ui'
 import '@things-factory/biz-ui'
@@ -153,7 +153,7 @@ class DeliveryNotePopup extends localize(i18next)(LitElement) {
           font-size: var(--grist-title-icon-size);
           color: var(--grist-title-icon-color);
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -625,12 +625,12 @@ class DeliveryNotePopup extends localize(i18next)(LitElement) {
           <div class="grist">
             <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.edit_remark')}</h2>
 
-            <data-grist
+            <ox-grist
               id="do-grist"
               .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
               .config=${this.doGristConfig}
               .data=${this.doData}
-            ></data-grist>
+            ></ox-grist>
           </div>
         </div>
       </div>
@@ -723,7 +723,7 @@ class DeliveryNotePopup extends localize(i18next)(LitElement) {
   }
 
   get doGrist() {
-    return this.shadowRoot.querySelector('data-grist#do-grist')
+    return this.shadowRoot.querySelector('ox-grist#do-grist')
   }
 
   _getInputByName(name) {

package/client/pages/order/transport-order/delivery-order-list.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './upload-delivery-note'
 
 import gql from 'graphql-tag'
@@ -26,7 +26,7 @@ class DeliveryOrderList extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -46,11 +46,11 @@ class DeliveryOrderList 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>
     `
   }
 
@@ -70,7 +70,7 @@ class DeliveryOrderList extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get _fromDateInput() {