@things-factory/operato-wms 6.0.153 → 6.1.0

package/client/pages/adjustment/transfer-inventory.js

@@ -1,6 +1,6 @@
 import '@things-factory/barcode-ui'
 import { MultiColumnFormStyles, SingleColumnFormStyles } from '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { openPopup } from '@things-factory/layout-base'
 import { client, CustomAlert, PageView, store } from '@things-factory/shell'
@@ -45,7 +45,7 @@ class TransferInventory extends connect(store)(localize(i18next)(PageView)) {
           overflow: auto;
         }
 
-        data-grist {
+        ox-grist {
           flex: 1;
         }
 
@@ -70,7 +70,7 @@ class TransferInventory 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);
         }
 
@@ -253,11 +253,11 @@ class TransferInventory extends connect(store)(localize(i18next)(PageView)) {
       </form>
 
       <div class="grist">
-        <data-grist
+        <ox-grist
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this._gristConfig}
           .data=${this._data}
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="input-section">

package/client/pages/billing/claim-chit/claim-chit-detail.js

@@ -1,6 +1,6 @@
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { getCodeByName } from '@things-factory/code-base'
 import { client, PageView, store, UPDATE_CONTEXT } from '@things-factory/shell'
@@ -54,7 +54,7 @@ class ClaimChitDetail extends connect(store)(localize(i18next)(PageView)) {
           flex: 1;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -76,7 +76,7 @@ class ClaimChitDetail 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);
         }
 
@@ -352,21 +352,21 @@ class ClaimChitDetail extends connect(store)(localize(i18next)(PageView)) {
       <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.create_claim_chit_details')}</h2>
       <div class="grist-container">
         <div class="grist grist-claim-orders">
-          <data-grist
+          <ox-grist
             id="claim-orders-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this._claimOrderGristConfig}
             .data="${this._claimOrdersData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
         <div class="grist grist-claim-details">
-          <data-grist
+          <ox-grist
             id="claim-details-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this._claimDetailGristConfig}
             .data="${this._claimDetailsData}"
             @field-change="${this._updateAmount.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 

package/client/pages/billing/claim-chit/claim-chit-list.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import { PageView, client, navigate, store } from '@things-factory/shell'
 import { css, html } from 'lit'
@@ -31,7 +31,7 @@ class ClaimChitList extends connect(store)(localize(i18next)(PageView)) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -49,11 +49,11 @@ class ClaimChitList extends connect(store)(localize(i18next)(PageView)) {
       ></search-form>
 
       <div class="grist">
-        <data-grist
+        <ox-grist
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this._gristConfig}
           .fetchHandler=${this.fetchHandler.bind(this)}
-        ></data-grist>
+        ></ox-grist>
       </div>
     `
   }
@@ -229,7 +229,7 @@ class ClaimChitList extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
   async fetchDriverList() {
     let result = await client.query({

package/client/pages/billing/claim-chit/create-claim-chit.js

@@ -1,7 +1,7 @@
 import { getCodeByName } from '@things-factory/code-base'
 import '@things-factory/form-ui'
 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, PageView, store } from '@things-factory/shell'
 import { isMobileDevice } from '@things-factory/utils'
@@ -50,7 +50,7 @@ class CreateClaimChit extends connect(store)(localize(i18next)(PageView)) {
           flex: 1;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -72,7 +72,7 @@ class CreateClaimChit 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);
         }
 
@@ -348,21 +348,21 @@ class CreateClaimChit extends connect(store)(localize(i18next)(PageView)) {
       <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.create_claim_chit_details')}</h2>
       <div class="grist-container">
         <div class="grist grist-claim-orders">
-          <data-grist
+          <ox-grist
             id="claim-orders-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this._claimOrderGristConfig}
             .data="${this._claimOrdersData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
         <div class="grist grist-claim-details">
-          <data-grist
+          <ox-grist
             id="claim-details-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this._claimDetailGristConfig}
             .data="${this._claimDetailsData}"
             @field-change="${this._updateAmount.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 

package/client/pages/billing/transport-summary-report.js

@@ -1,6 +1,6 @@
 import '@things-factory/form-ui'
 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, PageView, store } from '@things-factory/shell'
 import { flattenObject, isMobileDevice } from '@things-factory/utils'
@@ -26,7 +26,7 @@ class TransportSummaryReport extends connect(store)(localize(i18next)(PageView))
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -50,7 +50,7 @@ class TransportSummaryReport 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);
         }
       `
@@ -94,7 +94,7 @@ class TransportSummaryReport extends connect(store)(localize(i18next)(PageView))
   }
 
   get _dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async pageInitialized() {
@@ -218,12 +218,12 @@ class TransportSummaryReport extends connect(store)(localize(i18next)(PageView))
       ></search-form>
 
       <div class="grist">
-        <data-grist
+        <ox-grist
           id="claim-details-grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this._claimDetailGristConfig}
           .data="${this._claimDetailsData}"
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <form class="multi-column-form">

package/client/pages/bulk-operation/validate-gan-popup.js

@@ -1,5 +1,5 @@
 import '@material/mwc-button/mwc-button'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
@@ -39,7 +39,7 @@ class ValidateGanPopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -61,7 +61,7 @@ class ValidateGanPopup extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get _config() {
@@ -224,7 +224,7 @@ class ValidateGanPopup extends localize(i18next)(LitElement) {
   render() {
     return html`
       <div class="grist">
-        <data-grist .mode=${isMobileDevice() ? 'LIST' : 'GRID'} .config=${this._ganConfig}></data-grist>
+        <ox-grist .mode=${isMobileDevice() ? 'LIST' : 'GRID'} .config=${this._ganConfig}></ox-grist>
       </div>
 
       <div class="button-container">

package/client/pages/bulk-operation/validate-ro-popup.js

@@ -1,5 +1,5 @@
 import '@material/mwc-button/mwc-button'
-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 ValidateRoPopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -60,7 +60,7 @@ class ValidateRoPopup extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get _config() {
@@ -270,7 +270,7 @@ class ValidateRoPopup extends localize(i18next)(LitElement) {
   render() {
     return html`
       <div class="grist">
-        <data-grist .mode=${isMobileDevice() ? 'LIST' : 'GRID'} .config=${this._roConfig}></data-grist>
+        <ox-grist .mode=${isMobileDevice() ? 'LIST' : 'GRID'} .config=${this._roConfig}></ox-grist>
       </div>
 
       <div class="button-container">

package/client/pages/components/partner-selector.js

@@ -1,6 +1,6 @@
 import '@material/mwc-button'
 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'
@@ -19,7 +19,7 @@ class PartnerSelector extends LitElement {
           overflow: hidden;
           background-color: white;
         }
-        data-grist {
+        ox-grist {
           flex: 1;
         }
         .button-container {
@@ -45,11 +45,11 @@ class PartnerSelector extends LitElement {
     return html`
       <search-form id="search-form" .fields=${this.searchFields} @submit=${() => this.dataGrist.fetch()}></search-form>
 
-      <data-grist
+      <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.config}
         .fetchHandler="${this.fetchHandler.bind(this)}"
-      ></data-grist>
+      ></ox-grist>
 
       <div class="button-container">
         <mwc-button raised @click="${this.select.bind(this)}">${i18next.t('button.select')}</mwc-button>
@@ -58,7 +58,7 @@ class PartnerSelector extends LitElement {
   }
 
   get dataGrist() {
-    return this.renderRoot?.querySelector('data-grist')
+    return this.renderRoot?.querySelector('ox-grist')
   }
 
   get searchForm() {

package/client/pages/components/select-inventory-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'
@@ -50,7 +50,7 @@ class SelectInventoryPopUp extends localize(i18next)(LitElement) {
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -84,12 +84,12 @@ class SelectInventoryPopUp extends localize(i18next)(LitElement) {
 
       <div class="grist-container">
         <div class="grist">
-          <data-grist
+          <ox-grist
             id="product"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.productConfig}
             .fetchHandler=${this.fetchProducts.bind(this)}
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -104,7 +104,7 @@ class SelectInventoryPopUp extends localize(i18next)(LitElement) {
   }
 
   get productGrist() {
-    return this.shadowRoot.querySelector('data-grist#product')
+    return this.shadowRoot.querySelector('ox-grist#product')
   }
 
   get searchForm() {

package/client/pages/components/select-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'
@@ -47,7 +47,7 @@ class SelectProductPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -81,12 +81,12 @@ class SelectProductPopup extends localize(i18next)(LitElement) {
 
       <div class="grist-container">
         <div class="grist">
-          <data-grist
+          <ox-grist
             id="product"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.productConfig}
             .fetchHandler=${this.fetchProducts.bind(this)}
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -101,7 +101,7 @@ class SelectProductPopup extends localize(i18next)(LitElement) {
   }
 
   get productGrist() {
-    return this.shadowRoot.querySelector('data-grist#product')
+    return this.shadowRoot.querySelector('ox-grist#product')
   }
 
   get searchForm() {

package/client/pages/components/vas-templates/vas-relabel.js

@@ -1,6 +1,6 @@
 import '@things-factory/barcode-ui'
 import { SingleColumnFormStyles } from '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { openPopup } from '@things-factory/layout-base'
 import { client, CustomAlert } from '@things-factory/shell'
@@ -35,7 +35,7 @@ class VasRelabel extends localize(i18next)(VasTemplate) {
         image-viewer {
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           flex: 1;
         }
       `
@@ -116,12 +116,8 @@ class VasRelabel extends localize(i18next)(VasTemplate) {
                 </fieldset>
               </form>
 
-              <data-grist
-                .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
-                .config="${this.config}"
-                .data="${this.palletData}"
-              >
-              </data-grist>
+              <ox-grist .mode=${isMobileDevice() ? 'LIST' : 'GRID'} .config="${this.config}" .data="${this.palletData}">
+              </ox-grist>
             `
           : ''}
         ${!this._isEditable && this._newLabelPath

package/client/pages/components/vas-templates/vas-repack-relabel.js

@@ -1,5 +1,5 @@
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../../components/attachment-viewer'
 import '../../components/select-product-popup'
 
@@ -31,7 +31,7 @@ class VasRepackRelabel extends localize(i18next)(VasTemplate) {
           flex: 1;
           margin: 0px 20px;
         }
-        data-grist {
+        ox-grist {
           flex: 1;
         }
         [options-wrap] *,
@@ -192,12 +192,8 @@ class VasRepackRelabel extends localize(i18next)(VasTemplate) {
           : ''}
         ${this.isExecuting || this.record.completed
           ? html`
-              <data-grist
-                .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
-                .config="${this.config}"
-                .data="${this.palletData}"
-              >
-              </data-grist>
+              <ox-grist .mode=${isMobileDevice() ? 'LIST' : 'GRID'} .config="${this.config}" .data="${this.palletData}">
+              </ox-grist>
             `
           : ''}
       </div>

package/client/pages/components/vas-templates/vas-repack.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 } from 'lit'
@@ -28,7 +28,7 @@ class VasRepack extends localize(i18next)(VasTemplate) {
           flex: 1;
           margin: 0px 20px;
         }
-        data-grist {
+        ox-grist {
           flex: 1;
         }
       `
@@ -152,12 +152,8 @@ class VasRepack extends localize(i18next)(VasTemplate) {
           : ''}
         ${this.isExecuting || this.record.completed
           ? html`
-              <data-grist
-                .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
-                .config="${this.config}"
-                .data="${this.palletData}"
-              >
-              </data-grist>
+              <ox-grist .mode=${isMobileDevice() ? 'LIST' : 'GRID'} .config="${this.config}" .data="${this.palletData}">
+              </ox-grist>
             `
           : ''}
       </div>

package/client/pages/components/vas-templates/vas-repalletizing.js

@@ -1,6 +1,6 @@
 import '@things-factory/barcode-ui'
 import { SingleColumnFormStyles } from '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, CustomAlert } from '@things-factory/shell'
 import { isMobileDevice } from '@things-factory/utils'
@@ -20,7 +20,7 @@ class VasRepalletizing extends localize(i18next)(VasTemplate) {
           flex-direction: column;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           flex: 1;
         }
       `
@@ -121,12 +121,12 @@ class VasRepalletizing extends localize(i18next)(VasTemplate) {
           `
         : ''}
       ${this.isExecuting || this.record?.completed
-        ? html` <data-grist
+        ? html` <ox-grist
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config="${this.config}"
             .data="${this.palletData}"
           >
-          </data-grist>`
+          </ox-grist>`
         : ''}
     `
   }

package/client/pages/components/vas-templates/vas-unpack.js

@@ -1,6 +1,6 @@
 import '@things-factory/barcode-ui'
 import { SingleColumnFormStyles } from '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'
 import gql from 'graphql-tag'
@@ -24,7 +24,7 @@ class VasUnpack extends localize(i18next)(VasTemplate) {
           flex: 1;
           margin: 0px 20px;
         }
-        data-grist {
+        ox-grist {
           flex: 1;
         }
       `

package/client/pages/components/worksheet-information-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import { css, html, LitElement } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'

package/client/pages/inbound/adjust-pallet-qty.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './vas-selector'
 
 import gql from 'graphql-tag'

package/client/pages/inbound/carton-label-popup.js

@@ -1,6 +1,6 @@
 import { DirectPrinter } from '@things-factory/barcode-base'
 import { SingleColumnFormStyles } from '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, store } from '@things-factory/shell'
 import gql from 'graphql-tag'

package/client/pages/inbound/expiry-date-popup.js

@@ -1,5 +1,5 @@
 import { SingleColumnFormStyles } from '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, store } from '@things-factory/shell'
 import gql from 'graphql-tag'

package/client/pages/inbound/external-return-worksheet.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
@@ -26,7 +26,7 @@ class ExternalReturnWorksheet extends localize(i18next)(PageView) {
         search-form {
           overflow: visible;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -46,11 +46,11 @@ class ExternalReturnWorksheet 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>
     `
   }
 
@@ -208,7 +208,7 @@ class ExternalReturnWorksheet 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 }] }) {