@things-factory/operato-wms 6.0.153 → 6.1.0

package/client/pages/report/inventory-pallet-report.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'
@@ -71,7 +71,7 @@ class InventoryPalletReport extends connect(store)(localize(i18next)(PageView))
       <data-report
         .config=${this._config}
         .fetchHandler="${this.fetchHandler.bind(this)}"
-      ></data-grist>
+      ></ox-grist>
     `
   }
 

package/client/pages/report/inventory-pallet-storage-report.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'
@@ -19,7 +19,7 @@ class InventoryPalletStorageReport extends connect(store)(localize(i18next)(Page
         width: 100%;
       }
 
-      data-grist {
+      ox-grist {
         overflow-y: auto;
         flex: 1;
       }
@@ -69,7 +69,7 @@ class InventoryPalletStorageReport extends connect(store)(localize(i18next)(Page
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -92,11 +92,11 @@ class InventoryPalletStorageReport extends connect(store)(localize(i18next)(Page
     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>
 
       <div class="summary">
         <label>${i18next.t('label.total_location_used')}: ${this._gristData.total}</label>

package/client/pages/report/inventory-report.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'

package/client/pages/report/inventory-summary-report.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../inventory/inventory-by-product-detail'
 
 import gql from 'graphql-tag'
@@ -21,7 +21,7 @@ class InventorySummaryReport extends connect(store)(localize(i18next)(PageView))
         width: 100%;
       }
 
-      data-grist {
+      ox-grist {
         overflow-y: auto;
         flex: 1;
       }
@@ -69,7 +69,7 @@ class InventorySummaryReport extends connect(store)(localize(i18next)(PageView))
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -96,11 +96,11 @@ class InventorySummaryReport 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>
 
       ${this._byPallet
         ? html`

package/client/pages/report/job-sheet-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 JobSheetList extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -44,11 +44,11 @@ class JobSheetList 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>
     `
   }
 
@@ -209,7 +209,7 @@ class JobSheetList extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {

package/client/pages/report/job-sheet-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 } from '@things-factory/shell'
 import gql from 'graphql-tag'

package/client/pages/report/outbound-order-details-report.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../inventory/inventory-by-product-detail'
 
 import gql from 'graphql-tag'
@@ -20,7 +20,7 @@ class OutboundOrderDetailsReport extends connect(store)(localize(i18next)(PageVi
         width: 100%;
       }
 
-      data-grist {
+      ox-grist {
         overflow-y: auto;
         flex: 1;
       }
@@ -64,7 +64,7 @@ class OutboundOrderDetailsReport extends connect(store)(localize(i18next)(PageVi
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -87,11 +87,11 @@ class OutboundOrderDetailsReport extends connect(store)(localize(i18next)(PageVi
     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>
     `
   }
 

package/client/pages/report/outbound-serial-number-report.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../inventory/inventory-by-product-detail'
 
 import gql from 'graphql-tag'
@@ -19,7 +19,7 @@ class OutboundSerialNumberReport extends connect(store)(localize(i18next)(PageVi
         width: 100%;
       }
 
-      data-grist {
+      ox-grist {
         overflow-y: auto;
         flex: 1;
       }
@@ -66,7 +66,7 @@ class OutboundSerialNumberReport extends connect(store)(localize(i18next)(PageVi
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -89,11 +89,11 @@ class OutboundSerialNumberReport extends connect(store)(localize(i18next)(PageVi
     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>
     `
   }
 

package/client/pages/report/product-label-report.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'

package/client/pages/report/release-inventory-report.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../inventory/inventory-by-product-detail'
 
 import gql from 'graphql-tag'
@@ -20,7 +20,7 @@ class ReleaseInventoryReport extends connect(store)(localize(i18next)(PageView))
         width: 100%;
       }
 
-      data-grist {
+      ox-grist {
         overflow-y: auto;
         flex: 1;
       }
@@ -48,7 +48,7 @@ class ReleaseInventoryReport extends connect(store)(localize(i18next)(PageView))
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -71,11 +71,11 @@ class ReleaseInventoryReport 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>
     `
   }
 

package/client/pages/report/volume-summary-report.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../inventory/inventory-by-product-detail'
 
 import gql from 'graphql-tag'
@@ -22,7 +22,7 @@ class VolumeSummaryReport extends connect(store)(localize(i18next)(PageView)) {
       search-form {
         overflow: visible;
       }
-      data-grist {
+      ox-grist {
         overflow-y: auto;
         flex: 1;
       }
@@ -80,7 +80,7 @@ class VolumeSummaryReport extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -104,20 +104,20 @@ class VolumeSummaryReport extends connect(store)(localize(i18next)(PageView)) {
       <search-form id="search-form" .fields=${this._searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>
 
       <div id="total">
-        <data-grist
+        <ox-grist
           id="summary-grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this._config}
           .fetchHandler="${this.fetchHandler.bind(this)}"
           .data=${this._gristData}
-        ></data-grist>
+        ></ox-grist>
       </div>
 
-      <data-grist
+      <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this._totalConfig}
         .data=${this._totalGristData}
-      ></data-grist>
+      ></ox-grist>
     `
   }
 

package/client/pages/support/inventory-comparison.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 InventoryComparison extends connect(store)(localize(i18next)(PageView)) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -46,7 +46,7 @@ class InventoryComparison extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -228,11 +228,11 @@ class InventoryComparison 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>
     `
   }
 

package/client/pages/system/location-sorting-rule.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 { CommonButtonStyles } from '@things-factory/styles'
 import { client, PageView } from '@things-factory/shell'
@@ -36,7 +36,7 @@ class LocationSortingRule extends localize(i18next)(PageView) {
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           flex: 1;
         }
         mwc-icon {
@@ -138,7 +138,7 @@ class LocationSortingRule extends localize(i18next)(PageView) {
           )}
         </fieldset>
       </form>
-      <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>
     `
   }
 

package/client/pages/vas/abstract-execute-vas.js

@@ -6,7 +6,7 @@ import { css, html, LitElement } from 'lit'
 
 import { sleep } from '@operato/utils'
 import { MultiColumnFormStyles, SingleColumnFormStyles } from '@things-factory/form-ui'
-import { getRenderer } from '@things-factory/grist-ui'
+import { getRenderer } from '@operato/data-grist'
 import { i18next } from '@things-factory/i18n-base'
 import { openPopup } from '@things-factory/layout-base'
 import { client, CustomAlert, navigate, store, UPDATE_CONTEXT } from '@things-factory/shell'
@@ -51,7 +51,7 @@ export class AbstractExecuteVas extends LitElement {
           display: flex;
           flex-direction: column;
         }
-        data-grist {
+        ox-grist {
           flex: 1;
         }
         h2 {
@@ -72,7 +72,7 @@ export class AbstractExecuteVas extends 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);
         }
         @media (max-width: 460px) {
@@ -159,11 +159,11 @@ export class AbstractExecuteVas extends LitElement {
   }
 
   get taskGrist() {
-    return this.shadowRoot.querySelector('data-grist#task-grist')
+    return this.shadowRoot.querySelector('ox-grist#task-grist')
   }
 
   get inventoryGrist() {
-    return this.shadowRoot.querySelector('data-grist#inventory-grist')
+    return this.shadowRoot.querySelector('ox-grist#inventory-grist')
   }
 
   updated(changedProps) {

package/client/pages/vas/execute-pure-vas.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { isMobileDevice } from '@things-factory/utils'
 import { html } from 'lit'
@@ -22,15 +22,15 @@ class ExecutePureVas extends localize(i18next)(AbstractExecuteVas) {
       <div class="grist">
         <div class="left-column">
           <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.vasSets}
-          ></data-grist>
+          ></ox-grist>
 
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.task_list')}</h2>
-          <data-grist
+          <ox-grist
             id="task-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.taskGristConfig}
@@ -38,16 +38,16 @@ class ExecutePureVas extends localize(i18next)(AbstractExecuteVas) {
             @record-change="${e => {
               e.detail.after.validity = e.detail.after.actualQty === e.detail.after.packQty
             }}"
-          ></data-grist>
+          ></ox-grist>
 
           ${this.hasInventories
             ? html`<h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.inventory_list')}</h2>
-                <data-grist
+                <ox-grist
                   id="inventory-grist"
                   .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
                   .config=${this.inventoryGristConfig}
                   .data=${this.inventories}
-                ></data-grist>`
+                ></ox-grist>`
             : ''}
         </div>
 

package/client/pages/vas/execute-ref-vas.js

@@ -1,5 +1,5 @@
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { gqlBuilder, isMobileDevice } from '@things-factory/utils'
 import { html } from 'lit'
@@ -30,15 +30,15 @@ class ExecuteRefVas extends localize(i18next)(AbstractExecuteVas) {
       <div class="grist">
         <div class="left-column">
           <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.vasSets}
-          ></data-grist>
+          ></ox-grist>
 
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.task_list')}</h2>
-          <data-grist
+          <ox-grist
             id="task-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.taskGristConfig}
@@ -46,7 +46,7 @@ class ExecuteRefVas extends localize(i18next)(AbstractExecuteVas) {
             @record-change="${e => {
               e.detail.after.validity = e.detail.after.actualQty === e.detail.after.packQty
             }}"
-          ></data-grist>
+          ></ox-grist>
         </div>
 
         <div class="right-column" @completed="${this._templateCompletedHandler.bind(this)}">

package/client/pages/vas/print-product-label.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/import-ui'
 import '@things-factory/barcode-ui'
 
@@ -31,7 +31,7 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -93,11 +93,11 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
         </fieldset>
       </form>
 
-      <data-grist
+      <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.config}
         .fetchHandler="${this.fetchHandler.bind(this)}"
-      ></data-grist>
+      ></ox-grist>
     `
   }
 
@@ -120,7 +120,7 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get _searchInfo() {

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

@@ -1,6 +1,6 @@
 import '@things-factory/barcode-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 } from '@things-factory/shell'
 import { isMobileDevice } from '@things-factory/utils'
@@ -49,7 +49,7 @@ class RelatedVasList extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -71,7 +71,7 @@ class RelatedVasList 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);
         }
       `
@@ -84,12 +84,12 @@ class RelatedVasList extends localize(i18next)(LitElement) {
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.non_assigned_vas')}</h2>
 
-          <data-grist
+          <ox-grist
             id="grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.config}
             .data="${this.data}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `

package/client/pages/vas/reverse-kitting/execute-reverse-kitting.js

@@ -34,7 +34,7 @@ class ExecuteReverseKitting extends connect(store)(localize(i18next)(PageView))
           flex: 1;
         }
 
-        data-grist {
+        ox-grist {
           flex: 1;
         }
       `
@@ -77,12 +77,12 @@ class ExecuteReverseKitting extends connect(store)(localize(i18next)(PageView))
             </form>
 
             <div class="grist">
-              <data-grist
+              <ox-grist
                 id="order-grist"
                 .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
                 .config=${this.orderGristConfig}
                 .data=${this.orderData}
-              ></data-grist>
+              ></ox-grist>
             </div>`
         : ''}
     `

package/client/pages/vas/reverse-kitting/popup-combination-sets.js

@@ -127,12 +127,12 @@ class PopupCombinationSets extends localize(i18next)(LitElement) {
 
       ${this.productCombinationSets?.records?.length
         ? html`<div class="grist">
-            <data-grist
+            <ox-grist
               id="combination-grist"
               .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
               .config=${this.productCombinationSetsConfig}
               .data=${this.productCombinationSets}
-            ></data-grist>
+            ></ox-grist>
           </div>`
         : ''}
       ${this.data

package/client/pages/vas/reverse-kitting/popup-reverse-kitting-template.js

@@ -123,12 +123,12 @@ class PopupReverseKittingTemplate extends localize(i18next)(LitElement) {
       ${this._reverseKittingInventories?.records?.length
         ? html`<h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.inventories')}</h2>
             <div class="grist">
-              <data-grist
+              <ox-grist
                 id="combination-grist"
                 .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
                 .config=${this.reverseKittingInventoriesConfig}
                 .data=${this._reverseKittingInventories}
-              ></data-grist>
+              ></ox-grist>
             </div>
             <div class="button-container">
               <mwc-button