@things-factory/operato-wms 6.0.153 → 6.1.0

package/client/pages/order/arrival-notice/edit-product-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../../components/select-product-popup'
 
 import gql from 'graphql-tag'
@@ -40,7 +40,7 @@ export class EditProductPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -84,24 +84,24 @@ export class EditProductPopup extends localize(i18next)(LitElement) {
       <div class="grist-container">
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.edit_product')}</h2>
-          <data-grist
+          <ox-grist
             id="editProduct"
             .mode="${isMobileDevice() ? 'LIST' : 'GRID'}"
             .config="${this.editProductConfig}"
             .data="${this.productData}"
             @record-change="${this._onProductChangeHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
 
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.add_product')}</h2>
-          <data-grist
+          <ox-grist
             id="addProduct"
             .mode="${isMobileDevice() ? 'LIST' : 'GRID'}"
             .config="${this.addProductConfig}"
             .data="${this.newProductData}"
             @record-change="${this._onProductChangeHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -399,11 +399,11 @@ export class EditProductPopup extends localize(i18next)(LitElement) {
   }
 
   get editProductGrist() {
-    return this.shadowRoot.querySelector('data-grist#editProduct')
+    return this.shadowRoot.querySelector('ox-grist#editProduct')
   }
 
   get addProductGrist() {
-    return this.shadowRoot.querySelector('data-grist#addProduct')
+    return this.shadowRoot.querySelector('ox-grist#addProduct')
   }
 
   _onProductChangeHandler(event) {

package/client/pages/order/arrival-notice/proceed-edit-product-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, CustomAlert } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
@@ -36,7 +36,7 @@ export class ProceedEditProductPopup 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;
         }
@@ -77,22 +77,22 @@ export class ProceedEditProductPopup extends localize(i18next)(LitElement) {
       <div class="grist-container">
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.approve')}</h2>
-          <data-grist
+          <ox-grist
             id="approve-grist"
             .mode="${isMobileDevice() ? 'LIST' : 'GRID'}"
             .config="${this.config}"
             .data="${this.approvedData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
 
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.reject')}</h2>
-          <data-grist
+          <ox-grist
             id="reject-grist"
             .mode="${isMobileDevice() ? 'LIST' : 'GRID'}"
             .config="${this.config}"
             .data="${this.rejectedData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -124,11 +124,11 @@ export class ProceedEditProductPopup extends localize(i18next)(LitElement) {
   }
 
   get approveGrist() {
-    return this.shadowRoot.querySelector('data-grist#approve-grist')
+    return this.shadowRoot.querySelector('ox-grist#approve-grist')
   }
 
   get rejectGrist() {
-    return this.shadowRoot.querySelector('data-grist#reject-grist')
+    return this.shadowRoot.querySelector('ox-grist#reject-grist')
   }
 
   updated(changedProps) {

package/client/pages/order/arrival-notice/receive-arrival-notice.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'
@@ -63,7 +63,7 @@ class ReceiveArrivalNotice extends localize(i18next)(PageView) {
           display: flex;
           flex-direction: column;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -87,7 +87,7 @@ class ReceiveArrivalNotice 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] *,
@@ -257,21 +257,21 @@ class ReceiveArrivalNotice 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}"
-          ></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>
@@ -296,11 +296,11 @@ class ReceiveArrivalNotice extends localize(i18next)(PageView) {
   }
 
   get productGrist() {
-    return this.shadowRoot.querySelector('data-grist#product-grist')
+    return this.shadowRoot.querySelector('ox-grist#product-grist')
   }
 
   get vasGrist() {
-    return this.shadowRoot.querySelector('data-grist#vas-grist')
+    return this.shadowRoot.querySelector('ox-grist#vas-grist')
   }
 
   pageInitialized() {

package/client/pages/order/arrival-notice/rejected-arrival-notice.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'
@@ -61,7 +61,7 @@ class RejectedArrivalNotice extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -89,7 +89,7 @@ class RejectedArrivalNotice 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] *,
@@ -255,20 +255,20 @@ class RejectedArrivalNotice 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}"
-          ></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>
@@ -294,11 +294,11 @@ class RejectedArrivalNotice extends localize(i18next)(PageView) {
   }
 
   get productGrist() {
-    return this.shadowRoot.querySelector('data-grist#product-grist')
+    return this.shadowRoot.querySelector('ox-grist#product-grist')
   }
 
   get vasGrist() {
-    return this.shadowRoot.querySelector('data-grist#vas-grist')
+    return this.shadowRoot.querySelector('ox-grist#vas-grist')
   }
 
   pageInitialized() {

package/client/pages/order/arrival-notice/view-product-changes-popup.js

@@ -1,4 +1,4 @@
-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'
@@ -33,7 +33,7 @@ export class ViewProductChangesPopup 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;
         }
@@ -72,12 +72,12 @@ export class ViewProductChangesPopup extends localize(i18next)(LitElement) {
       <div class="grist-container">
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.order_products')}</h2>
-          <data-grist
+          <ox-grist
             id="product-grist"
             .mode="${isMobileDevice() ? 'LIST' : 'GRID'}"
             .config="${this.config}"
             .data="${this.productData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -93,7 +93,7 @@ export class ViewProductChangesPopup extends localize(i18next)(LitElement) {
   }
 
   get productGrist() {
-    return this.shadowRoot.querySelector('data-grist#product-grist')
+    return this.shadowRoot.querySelector('ox-grist#product-grist')
   }
 
   updated(changedProps) {

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

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/biz-ui'
 import '@things-factory/warehouse-ui'
 
@@ -118,7 +118,7 @@ class DraftReleaseGoodDetail extends connect(store)(localize(i18next)(PageView))
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -142,7 +142,7 @@ class DraftReleaseGoodDetail 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);
         }
 
@@ -200,7 +200,7 @@ class DraftReleaseGoodDetail extends connect(store)(localize(i18next)(PageView))
   }
 
   get _productGrist() {
-    return this.shadowRoot.querySelector('data-grist#product-grist')
+    return this.shadowRoot.querySelector('ox-grist#product-grist')
   }
 
   // disable file upload feature. Unable to delete insert / upsert file
@@ -453,14 +453,14 @@ class DraftReleaseGoodDetail extends connect(store)(localize(i18next)(PageView))
           </h2>
 
 
-          <data-grist
+          <ox-grist
             id="product-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .data=${this._productData}
             .config=${this._orderProductGristConfig}
             @record-change="${this._onProductChangeHandler.bind(this)}"
             @field-change="${this._onProductFieldChanged.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
           
           </div>
         </div>

package/client/pages/order/draft-release-good/draft-release-good-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'
@@ -32,7 +32,7 @@ class DraftReleaseGoodList extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -52,11 +52,11 @@ class DraftReleaseGoodList 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>
     `
   }
 
@@ -320,7 +320,7 @@ class DraftReleaseGoodList 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/order/goods-received-note/customer-grn-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'
@@ -22,7 +22,7 @@ class CustomerGrnList extends localize(i18next)(PageView) {
         search-form {
           overflow: visible;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -42,11 +42,11 @@ class CustomerGrnList 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>
     `
   }
 
@@ -167,7 +167,7 @@ class CustomerGrnList 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/order/goods-received-note/received-note-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'
@@ -24,7 +24,7 @@ class ReceivedNoteList extends localize(i18next)(PageView) {
         search-form {
           overflow: visible;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -44,11 +44,11 @@ class ReceivedNoteList 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>
     `
   }
 
@@ -289,7 +289,7 @@ class ReceivedNoteList extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get _fromDateInput() {

package/client/pages/order/release-order/b2b/b2b-order-list.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../batch-picking-popup'
 import '../../../outbound/generate-worksheet-popup'
 
@@ -30,7 +30,7 @@ class B2bOrderList extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -54,11 +54,11 @@ class B2bOrderList 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>
     `
   }
 
@@ -398,7 +398,7 @@ class B2bOrderList extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get _columns() {

package/client/pages/order/release-order/b2b/b2b-order-requests.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../batch-picking-popup'
 import '../batch-generate-single-picking-worksheet-popup'
 
@@ -28,7 +28,7 @@ class B2bOrderRequests extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -48,11 +48,11 @@ class B2bOrderRequests 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>
     `
   }
 
@@ -342,7 +342,7 @@ class B2bOrderRequests extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchHandler({ page, limit, sorters = [] }) {

package/client/pages/order/release-order/b2c/b2c-order-requests.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../batch-picking-popup'
 import '../../../outbound/generate-worksheet-popup'
 
@@ -39,7 +39,7 @@ class B2cOrderRequests extends connect(store)(localize(i18next)(PageView)) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -65,11 +65,11 @@ class B2cOrderRequests extends connect(store)(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>
     `
   }
 
@@ -487,7 +487,7 @@ class B2cOrderRequests extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get _toDateInput() {

package/client/pages/order/release-order/batch-generate-single-picking-worksheet-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { openPopup } from '@things-factory/layout-base'
 import { client, CustomAlert } from '@things-factory/shell'
@@ -45,7 +45,7 @@ class BatchGenerateSinglePickingWorksheetPopup extends localize(i18next)(LitElem
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -80,12 +80,12 @@ class BatchGenerateSinglePickingWorksheetPopup extends localize(i18next)(LitElem
       <div class="grist-container">
         <div class="grist">
           <h2>${i18next.t('title.release_order')}</h2>
-          <data-grist
+          <ox-grist
             id="releaseOrder"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.roConfig}
             .fetchHandler="${this.fetchReadyToPickOrders.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -171,11 +171,11 @@ class BatchGenerateSinglePickingWorksheetPopup extends localize(i18next)(LitElem
   }
 
   get releaseOrderGrist() {
-    return this.shadowRoot.querySelector('data-grist#releaseOrder')
+    return this.shadowRoot.querySelector('ox-grist#releaseOrder')
   }
 
   get orderInventoryGrist() {
-    return this.shadowRoot.querySelector('data-grist#orderInventory')
+    return this.shadowRoot.querySelector('ox-grist#orderInventory')
   }
 
   async _fetchPartners() {

package/client/pages/order/release-order/batch-picking-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { openPopup } from '@things-factory/layout-base'
 import { client, CustomAlert } from '@things-factory/shell'
@@ -48,7 +48,7 @@ class BatchPickingPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -95,22 +95,22 @@ class BatchPickingPopup extends localize(i18next)(LitElement) {
       <div class="grist-container">
         <div class="grist">
           <h2>${i18next.t('title.release_order')}</h2>
-          <data-grist
+          <ox-grist
             id="releaseOrder"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.roConfig}
             .fetchHandler="${this.fetchReadyToPickOrders.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
 
         <div class="grist">
           <h2>${i18next.t('title.merged_picking_list')}</h2>
-          <data-grist
+          <ox-grist
             id="orderInventory"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.orderInventoryConfig}
             .data="${this.mergedData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -254,11 +254,11 @@ class BatchPickingPopup extends localize(i18next)(LitElement) {
   }
 
   get releaseOrderGrist() {
-    return this.shadowRoot.querySelector('data-grist#releaseOrder')
+    return this.shadowRoot.querySelector('ox-grist#releaseOrder')
   }
 
   get orderInventoryGrist() {
-    return this.shadowRoot.querySelector('data-grist#orderInventory')
+    return this.shadowRoot.querySelector('ox-grist#orderInventory')
   }
 
   openPartnerSelector() {