@things-factory/operato-wms 6.0.153 → 6.1.0

package/client/pages/order/release-order/bulk-print-packing-list.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/barcode-ui'
 
 import gql from 'graphql-tag'
@@ -54,7 +54,7 @@ class BulkPrintPackingList extends localize(i18next)(PageView) {
           flex-direction: column;
           overflow: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -78,7 +78,7 @@ class BulkPrintPackingList extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
 
@@ -178,11 +178,11 @@ class BulkPrintPackingList extends localize(i18next)(PageView) {
           </div>
 
           <div class="grist">
-            <data-grist
+            <ox-grist
               .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
               .config=${this.pickingListConfig}
               .data=${orderInventories}
-            ></data-grist>
+            ></ox-grist>
           </div>
         </section>
       `
@@ -197,7 +197,7 @@ class BulkPrintPackingList extends localize(i18next)(PageView) {
   }
 
   get pickingListGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   pageInitialized() {

package/client/pages/order/release-order/create-release-order.js

@@ -1,5 +1,5 @@
 import '@things-factory/biz-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/import-ui'
 import '@things-factory/component-ui'
 
@@ -173,7 +173,7 @@ class CreateReleaseOrder extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -197,7 +197,7 @@ class CreateReleaseOrder extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
 
@@ -783,27 +783,27 @@ class CreateReleaseOrder extends localize(i18next)(PageView) {
     )}]`}
           </h2>
 
-          <data-grist
+          <ox-grist
             id="inventory-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.inventoryGristConfig}
             .data=${this.inventoryData}
             @record-change="${this._onProductChangeHandler.bind(this)}"
             @field-change="${this._onInventoryFieldChanged.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
 
           <h2 ?hidden=${!this.bundleData.records?.length}>
             <mwc-icon>list_alt</mwc-icon>${this._productBundleName || i18next.t('title.product_bundle_detail')}
           </h2>
 
-          <data-grist
+          <ox-grist
             id="bundle-grist"
             ?hidden=${!this.bundleData.records?.length}
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.bundleGristConfig}
             .data="${this.bundleData}"
             @field-change="${this._onBundleFieldChanged.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
 
           <h2
             @click="${e => {
@@ -816,12 +816,12 @@ class CreateReleaseOrder extends localize(i18next)(PageView) {
             >
           </h2>
             <div class="vas" collapsable ?collapsed=${!this._vasExpanded}>
-          <data-grist
+          <ox-grist
             id="vas-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.vasGristConfig}
             .data="${this.vasData}"
-          ></data-grist>
+          ></ox-grist>
           </div>
           </div>
         </div>
@@ -902,15 +902,15 @@ class CreateReleaseOrder extends localize(i18next)(PageView) {
   }
 
   get inventoryGrist() {
-    return this.shadowRoot.querySelector('data-grist#inventory-grist')
+    return this.shadowRoot.querySelector('ox-grist#inventory-grist')
   }
 
   get bundleGrist() {
-    return this.shadowRoot.querySelector('data-grist#bundle-grist')
+    return this.shadowRoot.querySelector('ox-grist#bundle-grist')
   }
 
   get vasGrist() {
-    return this.shadowRoot.querySelector('data-grist#vas-grist')
+    return this.shadowRoot.querySelector('ox-grist#vas-grist')
   }
 
   get _document() {

package/client/pages/order/release-order/receive-release-order-request.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../../components/attachment-viewer'
 import '../../components/popup-note'
 import '../../components/vas-templates'
@@ -8,7 +8,7 @@ import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
 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, store } from '@things-factory/shell'
@@ -71,7 +71,7 @@ class ReceiveReleaseOrderRequest extends connect(store)(localize(i18next)(PageVi
           display: flex;
           flex-direction: column;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -95,7 +95,7 @@ class ReceiveReleaseOrderRequest extends connect(store)(localize(i18next)(PageVi
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
         [options-wrap] *,
@@ -320,20 +320,20 @@ class ReceiveReleaseOrderRequest extends connect(store)(localize(i18next)(PageVi
       <div class="container">
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.release_product_list')}</h2>
-          <data-grist
+          <ox-grist
             id="inventory-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.inventoryGristConfig}
             .data=${this.inventoryData}
-          ></data-grist>
+          ></ox-grist>
 
           <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>
 
         <div class="guide-container">${this._template}</div>
@@ -364,11 +364,11 @@ class ReceiveReleaseOrderRequest extends connect(store)(localize(i18next)(PageVi
   }
 
   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')
   }
 
   get _isDownloadable() {

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

@@ -1,6 +1,6 @@
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import '@things-factory/grist-ui'
-import { getRenderer } from '@things-factory/grist-ui'
+import '@operato/data-grist'
+import { getRenderer } from '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
@@ -54,7 +54,7 @@ class RejectedReleaseOrder extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -82,7 +82,7 @@ class RejectedReleaseOrder extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
         [options-wrap] *,
@@ -242,20 +242,20 @@ class RejectedReleaseOrder extends localize(i18next)(PageView) {
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.release_product_list')}</h2>
 
-          <data-grist
+          <ox-grist
             id="inventory-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.inventoryGristConfig}
             .data=${this.inventoryData}
-          ></data-grist>
+          ></ox-grist>
 
           <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>
         <div class="guide-container">${this._template}</div>
       </div>
@@ -298,11 +298,11 @@ class RejectedReleaseOrder 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/release-order/release-extra-product-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'
@@ -53,7 +53,7 @@ export class ReleaseExtraProductPopup 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;
         }
@@ -117,14 +117,14 @@ export class ReleaseExtraProductPopup extends localize(i18next)(LitElement) {
               PICKING_STANDARD[this._pickingStd].name
             )}]`}
           </h2>
-          <data-grist
+          <ox-grist
             id="existing-inventory-grist"
             .mode="${isMobileDevice() ? 'LIST' : 'GRID'}"
             .config="${this.existingInventoryGristConfig}"
             .data="${this.existingInventoryData}"
             @record-change="${this._onProductChangeHandler.bind(this, 'existing')}"
             @field-change="${this._onExistingInventoryFieldChanged.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
 
         <div class="grist">
@@ -133,14 +133,14 @@ export class ReleaseExtraProductPopup extends localize(i18next)(LitElement) {
               PICKING_STANDARD[this._pickingStd].name
             )}]`}
           </h2>
-          <data-grist
+          <ox-grist
             id="inventory-grist"
             .mode="${isMobileDevice() ? 'LIST' : 'GRID'}"
             .config="${this.inventoryGristConfig}"
             .data="${this.inventoryData}"
             @record-change="${this._onProductChangeHandler.bind(this, 'new')}"
             @field-change="${this._onInventoryFieldChanged.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -180,11 +180,11 @@ export class ReleaseExtraProductPopup extends localize(i18next)(LitElement) {
   }
 
   get existingInventoryGrist() {
-    return this.shadowRoot.querySelector('data-grist#existing-inventory-grist')
+    return this.shadowRoot.querySelector('ox-grist#existing-inventory-grist')
   }
 
   get inventoryGrist() {
-    return this.shadowRoot.querySelector('data-grist#inventory-grist')
+    return this.shadowRoot.querySelector('ox-grist#inventory-grist')
   }
 
   async switchPickingType() {

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

@@ -1,5 +1,5 @@
 import '@things-factory/biz-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../../components/attachment-viewer'
 import '../../components/vas-templates'
 import './release-extra-product-popup'
@@ -13,7 +13,7 @@ import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
 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, store } from '@things-factory/shell'
@@ -133,7 +133,7 @@ class ReleaseOrderDetail extends connect(store)(localize(i18next)(PageView)) {
           display: flex;
           flex-direction: column;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -163,7 +163,7 @@ class ReleaseOrderDetail 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);
         }
 
@@ -173,7 +173,7 @@ class ReleaseOrderDetail extends connect(store)(localize(i18next)(PageView)) {
         .vas[collapsable][collapsed] {
           display: none;
         }
-        data-grist#vas-grist {
+        ox-grist#vas-grist {
           padding-top: 0px;
           height: 100%;
         }
@@ -697,12 +697,12 @@ class ReleaseOrderDetail extends connect(store)(localize(i18next)(PageView)) {
       <div class="container">
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.release_product_list')}</h2>
-          <data-grist
+          <ox-grist
             id="inventory-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.inventoryGristConfig}
             .data=${this.inventoryData}
-          ></data-grist>
+          ></ox-grist>
 
           <h2
             @click="${e => {
@@ -714,12 +714,12 @@ class ReleaseOrderDetail extends connect(store)(localize(i18next)(PageView)) {
             >
           </h2>
             <div class="vas" collapsable ?collapsed=${!this._vasExpanded}>
-            <data-grist
+            <ox-grist
               id="vas-grist"
               .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
               .config=${this.vasGristConfig}
               .data="${this.vasData}"
-            ></data-grist>
+            ></ox-grist>
             </div>
           </div>
         </div>
@@ -942,11 +942,11 @@ class ReleaseOrderDetail extends connect(store)(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')
   }
 
   get matchDeliveryAddressInput() {

package/client/pages/order/return-order/check-return-order.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'
@@ -59,7 +59,7 @@ class CheckReturnOrder extends connect(store)(localize(i18next)(PageView)) {
           display: flex;
           flex-direction: column;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -83,7 +83,7 @@ class CheckReturnOrder 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);
         }
 
@@ -183,12 +183,12 @@ class CheckReturnOrder 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>
     `
@@ -231,7 +231,7 @@ class CheckReturnOrder 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) {

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

@@ -1,5 +1,5 @@
 import '@things-factory/biz-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './return-order-inventory-popup'
 
 import gql from 'graphql-tag'
@@ -88,7 +88,7 @@ class CreateReturnOrder extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -112,7 +112,7 @@ class CreateReturnOrder extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
 
@@ -244,13 +244,13 @@ class CreateReturnOrder extends localize(i18next)(PageView) {
         <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}
             @record-change="${this._onProductChangeHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `
@@ -274,7 +274,7 @@ class CreateReturnOrder extends 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/receive-return-order-requests.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 { openPopup } from '@things-factory/layout-base'
 import { client, CustomAlert, navigate, PageView, store } from '@things-factory/shell'
@@ -60,7 +60,7 @@ class ReceiveReturnOrderRequests extends connect(store)(localize(i18next)(PageVi
           display: flex;
           flex-direction: column;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -84,7 +84,7 @@ class ReceiveReturnOrderRequests extends connect(store)(localize(i18next)(PageVi
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
 
@@ -184,12 +184,12 @@ class ReceiveReturnOrderRequests extends connect(store)(localize(i18next)(PageVi
       <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>
     `
@@ -237,7 +237,7 @@ class ReceiveReturnOrderRequests extends connect(store)(localize(i18next)(PageVi
   }
 
   get inventoryGrist() {
-    return this.shadowRoot.querySelector('data-grist#inventory-grist')
+    return this.shadowRoot.querySelector('ox-grist#inventory-grist')
   }
 
   async pageUpdated(changes) {

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

@@ -1,6 +1,6 @@
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { CommonButtonStyles } from '@things-factory/styles'
-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'
@@ -60,7 +60,7 @@ class RejectedReturnOrder extends connect(store)(localize(i18next)(PageView)) {
           display: flex;
           flex-direction: column;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -84,7 +84,7 @@ class RejectedReturnOrder 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);
         }
 
@@ -190,12 +190,12 @@ class RejectedReturnOrder 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>
     `
@@ -234,11 +234,11 @@ class RejectedReturnOrder extends connect(store)(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/return-order/return-order-assign-buffer-location.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 { openPopup } from '@things-factory/layout-base'
 import { client, CustomAlert, navigate, PageView, store } from '@things-factory/shell'
@@ -61,7 +61,7 @@ class ReturnOrderAssignBufferLocation extends connect(store)(localize(i18next)(P
           display: flex;
           flex-direction: column;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -85,7 +85,7 @@ class ReturnOrderAssignBufferLocation extends connect(store)(localize(i18next)(P
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
 
@@ -191,12 +191,12 @@ class ReturnOrderAssignBufferLocation extends connect(store)(localize(i18next)(P
       <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>
     `
@@ -239,7 +239,7 @@ class ReturnOrderAssignBufferLocation extends connect(store)(localize(i18next)(P
   }
 
   get inventoryGrist() {
-    return this.shadowRoot.querySelector('data-grist#inventory-grist')
+    return this.shadowRoot.querySelector('ox-grist#inventory-grist')
   }
 
   get bufferLocationField() {