@things-factory/operato-wms 6.0.153 → 6.1.0

package/client/pages/order/transport-order/transport-driver-popup.js

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

package/client/pages/order/transport-order/upload-delivery-note.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, LitElement } from 'lit'
@@ -36,7 +36,7 @@ class UploadDeliveryNote extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -59,7 +59,7 @@ class UploadDeliveryNote extends localize(i18next)(LitElement) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
         .button-container {
@@ -117,12 +117,12 @@ class UploadDeliveryNote extends localize(i18next)(LitElement) {
       <div class="container">
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.product_info')}</h2>
-          <data-grist
+          <ox-grist
             id="product-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.config}
             .fetchHandler="${this.fetchHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 

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

@@ -1,7 +1,7 @@
 import '@things-factory/biz-ui'
 import '../../components/vas-templates'
 import './popup/vas-create-popup'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
@@ -38,7 +38,7 @@ class CreateVasOrder extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -62,7 +62,7 @@ class CreateVasOrder extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
 
@@ -87,11 +87,11 @@ class CreateVasOrder 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')
   }
 
   render() {
@@ -113,22 +113,22 @@ class CreateVasOrder extends localize(i18next)(PageView) {
         <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}
             @field-change="${this._updateInventoryList.bind(this)}"
-          ></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>
     `

package/client/pages/order/vas-order/popup/target-product-selector-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 @@ class TargetProductSelectorPopup extends localize(i18next)(LitElement) {
           flex: 2;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -71,20 +71,20 @@ class TargetProductSelectorPopup extends localize(i18next)(LitElement) {
 
       <div class="grist-container">
         <div class="grist grist-product-list">
-          <data-grist
+          <ox-grist
             id="product_grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.productGristConfig}
             .fetchHandler="${this._getMyProducts.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
         <div class="grist grist-product-detail-list">
-          <data-grist
+          <ox-grist
             id="product_detail_grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.productDetailConfig}
             .data="${this.productDetailsData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `
@@ -221,11 +221,11 @@ class TargetProductSelectorPopup extends localize(i18next)(LitElement) {
   }
 
   get productGrist() {
-    return this.shadowRoot.querySelector('data-grist#product_grist')
+    return this.shadowRoot.querySelector('ox-grist#product_grist')
   }
 
   get productDetailGrist() {
-    return this.shadowRoot.querySelector('data-grist#product_detail_grist')
+    return this.shadowRoot.querySelector('ox-grist#product_detail_grist')
   }
 
   get searchForm() {

package/client/pages/order/vas-order/popup/vas-create-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/import-ui'
 import '../../../components/vas-templates'
 import './vas-create-batch-product-type-form'
@@ -43,7 +43,7 @@ export class VasCreatePopup extends localize(i18next)(LitElement) {
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -218,14 +218,14 @@ export class VasCreatePopup extends localize(i18next)(LitElement) {
             <div class="vas-grist-container">
               <div class="grist">
                 <h2>${i18next.t('title.target_product')}</h2>
-                <data-grist
+                <ox-grist
                   id="target-grist"
                   .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
                   .config=${this.targetGristConfig}
                   .data="${this.targetData}"
                   @field-change="${this._calculateData.bind(this)}"
                   @select-record-change="${this._setOperationGuideFilter.bind(this)}"
-                ></data-grist>
+                ></ox-grist>
               </div>
             </div>
           `
@@ -244,13 +244,13 @@ export class VasCreatePopup extends localize(i18next)(LitElement) {
               <div class="vas-column">
                 <div class="grist">
                   <h2>${i18next.t('title.vas')}</h2>
-                  <data-grist
+                  <ox-grist
                     id="vas-grist"
                     .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
                     .config=${this.vasGristConfig}
                     .data="${this.vasGristData}"
                     @field-change="${this._onFieldChange.bind(this)}"
-                  ></data-grist>
+                  ></ox-grist>
                 </div>
               </div>
 

package/client/pages/order/vas-order/receive-vas-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 { openPopup } from '@things-factory/layout-base'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
@@ -42,7 +42,7 @@ class ReceiveVasOrder extends localize(i18next)(PageView) {
           max-width: 30vw;
           display: flex;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -66,7 +66,7 @@ class ReceiveVasOrder extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
       `
@@ -107,11 +107,7 @@ class ReceiveVasOrder extends localize(i18next)(PageView) {
       <div class="grist">
         <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.vas_no')}: ${this._vasNo}</h2>
 
-        <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="guide-container">${this._template}</div>

package/client/pages/order/vas-order/vas-order-detail.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, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { isMobileDevice } from '@things-factory/utils'
@@ -42,7 +42,7 @@ class VasOrderDetail extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -66,7 +66,7 @@ class VasOrderDetail extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
         .guide-container {
@@ -118,12 +118,12 @@ class VasOrderDetail extends localize(i18next)(PageView) {
       <div class="grist">
         <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.vas_no')}: ${this._vasNo}</h2>
 
-        <data-grist
+        <ox-grist
           id="vas-grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .data="${this.data}"
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="guide-container">${this._template}</div>

package/client/pages/order/vas-order/vas-order-list.js

@@ -1,4 +1,4 @@
-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 { isMobileDevice } from '@things-factory/utils'
@@ -27,7 +27,7 @@ class VasOrderList extends localize(i18next)(PageView) {
           flex-direction: column;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -48,11 +48,11 @@ class VasOrderList 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>
     `
   }
@@ -162,7 +162,7 @@ class VasOrderList extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get _columns() {

package/client/pages/order/vas-order/vas-order-requests.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 { isMobileDevice } from '@things-factory/utils'
@@ -23,7 +23,7 @@ class VasOrderRequests extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -43,11 +43,11 @@ class VasOrderRequests 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>
     `
   }
 
@@ -164,7 +164,7 @@ class VasOrderRequests extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get _columns() {

package/client/pages/outbound/generate-worksheet-popup.js

@@ -70,7 +70,7 @@ class GenerateWorksheetPopup extends localize(i18next)(LitElement) {
           flex: 1;
           padding: 10px;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -118,12 +118,12 @@ class GenerateWorksheetPopup 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._calculatePossibleWorksheets.bind(this)}
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
       <div class="button-container">
@@ -149,7 +149,7 @@ class GenerateWorksheetPopup extends localize(i18next)(LitElement) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist#grist')
+    return this.shadowRoot.querySelector('ox-grist#grist')
   }
 
   constructor() {

package/client/pages/outbound/inventory-assign-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'
@@ -57,7 +57,7 @@ class InventoryAssignPopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -90,13 +90,13 @@ class InventoryAssignPopup extends localize(i18next)(LitElement) {
       </form>
 
       <div class="grist">
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .data="${this.data}"
           @field-change="${this._onInventoryFieldChanged.bind(this)}"
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="button-container">
@@ -110,7 +110,7 @@ class InventoryAssignPopup extends localize(i18next)(LitElement) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   updated(changedProps) {

package/client/pages/outbound/inventory-auto-assign-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'
@@ -41,7 +41,7 @@ class InventoryAutoAssignPopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -59,12 +59,12 @@ class InventoryAutoAssignPopup 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>
 
       <div class="button-container">
@@ -78,7 +78,7 @@ class InventoryAutoAssignPopup extends localize(i18next)(LitElement) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   firstUpdated() {

package/client/pages/outbound/inventory-reassign-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/form-ui'
 
 import gql from 'graphql-tag'
@@ -51,7 +51,7 @@ class InventoryReassignPopup extends localize(i18next)(LitElement) {
           flex: 1;
           padding: 5px;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -73,7 +73,7 @@ class InventoryReassignPopup extends localize(i18next)(LitElement) {
           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);
         }
         .button-container {
@@ -99,12 +99,12 @@ class InventoryReassignPopup extends localize(i18next)(LitElement) {
             .fields=${this._orderProductSearchFields}
             @submit=${e => this.orderProductGrist.fetch()}
           ></search-form>
-          <data-grist
+          <ox-grist
             id="orderProduct"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.orderProductConfig}
             .fetchHandler="${this.fetchOrderProducts.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -112,14 +112,14 @@ class InventoryReassignPopup extends localize(i18next)(LitElement) {
         ? html`<div class="grist-container">
             <div class="grist">
               <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.inventory')}</h2>
-              <data-grist
+              <ox-grist
                 id="orderInventory"
                 .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
                 .config=${this.orderInventoryConfig}
                 .data=${this.orderInventoryData}
                 @record-change="${this._onProductChangeHandler.bind(this)}"
                 @field-change="${this._onInventoryFieldChanged.bind(this)}"
-              ></data-grist>
+              ></ox-grist>
             </div>
           </div>`
         : ''}
@@ -170,11 +170,11 @@ class InventoryReassignPopup extends localize(i18next)(LitElement) {
   }
 
   get orderProductGrist() {
-    return this.shadowRoot.querySelector('data-grist#orderProduct')
+    return this.shadowRoot.querySelector('ox-grist#orderProduct')
   }
 
   get orderInventoryGrist() {
-    return this.shadowRoot.querySelector('data-grist#orderInventory')
+    return this.shadowRoot.querySelector('ox-grist#orderInventory')
   }
 
   async firstUpdated() {

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

@@ -1,5 +1,5 @@
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './return-pallet-check-popup'
 import './transport-vehicles-popup'
 
@@ -61,7 +61,7 @@ class LoadingProduct extends connect(store)(localize(i18next)(PageView)) {
           display: flex;
           flex-direction: column;
         }
-        data-grist {
+        ox-grist {
           flex: 1;
         }
         h2 {
@@ -82,7 +82,7 @@ class LoadingProduct extends connect(store)(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);
         }
         fieldset[hidden] {
@@ -158,15 +158,15 @@ class LoadingProduct extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get pickedProductGrist() {
-    return this.shadowRoot.querySelector('data-grist#picked-product-grist')
+    return this.shadowRoot.querySelector('ox-grist#picked-product-grist')
   }
 
   get deliveryOrderGrist() {
-    return this.shadowRoot.querySelector('data-grist#delivery-order-grist')
+    return this.shadowRoot.querySelector('ox-grist#delivery-order-grist')
   }
 
   get loadedProductGrist() {
-    return this.shadowRoot.querySelector('data-grist#loaded-product-grist')
+    return this.shadowRoot.querySelector('ox-grist#loaded-product-grist')
   }
 
   get scannable() {
@@ -215,21 +215,21 @@ class LoadingProduct extends connect(store)(localize(i18next)(PageView)) {
       <div class="grist">
         <div class="left-column">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.loading')}</h2>
-          <data-grist
+          <ox-grist
             id="picked-product-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.pickedProductConfig}
             .data=${this.pickedProductData}
             @record-change="${this._onProductChangeHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
 
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.delivery_orders')}</h2>
-          <data-grist
+          <ox-grist
             id="delivery-order-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.deliveryOrderConfig}
             .data=${this.deliveryOrderData}
-          ></data-grist>
+          ></ox-grist>
         </div>
 
         <div class="right-column">
@@ -261,12 +261,12 @@ class LoadingProduct extends connect(store)(localize(i18next)(PageView)) {
           ${this._selectedDeliveryOrder
             ? html`
                 <h2><mwc-icon>list_alt</mwc-icon>${this._selectedDeliveryOrder.name} - ${i18next.t('title.loaded')}</h2>
-                <data-grist
+                <ox-grist
                   id="loaded-product-grist"
                   .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
                   .config=${this.loadedProductConfig}
                   .data=${this.loadedProductData}
-                ></data-grist>
+                ></ox-grist>
               `
             : ''}
         </div>