@things-factory/operato-wms 6.0.153 → 6.1.0

package/client/pages/inventory-check/cycle-count-report.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 } from '@things-factory/shell'
@@ -46,7 +46,7 @@ class CycleCountReport extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -70,7 +70,7 @@ class CycleCountReport extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
       `
@@ -150,12 +150,12 @@ class CycleCountReport extends localize(i18next)(PageView) {
       <div class="grist">
         <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.inventory')}</h2>
 
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .fetchHandler="${this.fetchWorksheetWithPagination.bind(this)}"
-        ></data-grist>
+        ></ox-grist>
       </div>
     `
   }
@@ -300,7 +300,7 @@ class CycleCountReport extends localize(i18next)(PageView) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchWorksheet() {

package/client/pages/inventory-check/inspecting-product.js

@@ -1,5 +1,5 @@
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './check-inventory-popup'
 
 import gql from 'graphql-tag'
@@ -78,7 +78,7 @@ class InspectingProduct extends connect(store)(localize(i18next)(PageView)) {
         .right-column > div#input-form-container {
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           flex: 1;
         }
         h2 {
@@ -101,7 +101,7 @@ class InspectingProduct 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);
         }
       `
@@ -181,30 +181,30 @@ class InspectingProduct extends connect(store)(localize(i18next)(PageView)) {
           </form>
 
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.location')}</h2>
-          <data-grist
+          <ox-grist
             id="location-grist"
             .mode="${isMobileDevice() ? 'LIST' : 'GRID'}"
             .config="${this.locationConfig}"
             .data="${this.locationData}"
-          ></data-grist>
+          ></ox-grist>
 
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.inventories')}</h2>
-          <data-grist
+          <ox-grist
             id="inventory-grist"
             .mode="${isMobileDevice() ? 'LIST' : 'GRID'}"
             .config="${this.inventoryConfig}"
             .data="${this.inventoryData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
 
         <div class="right-column">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.missing_pallets')}</h2>
-          <data-grist
+          <ox-grist
             id="missing-inventory-grist"
             .mode="${isMobileDevice() ? 'LIST' : 'GRID'}"
             .config="${this.missingInventoryConfig}"
             .data="${this.missingInventoryData}"
-          ></data-grist>
+          ></ox-grist>
 
           <div id="input-form-container">
             <form

package/client/pages/inventory-check/inventory-check-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 { openPopup } from '@things-factory/layout-base'
 import { client, navigate, PageView } from '@things-factory/shell'
@@ -29,7 +29,7 @@ class InventoryCheckList extends localize(i18next)(PageView) {
         search-form {
           overflow: visible;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -49,11 +49,11 @@ class InventoryCheckList 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>
     `
   }
 
@@ -230,7 +230,7 @@ class InventoryCheckList extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get bizplace() {

package/client/pages/inventory-check/search-popup.js

@@ -1,6 +1,6 @@
 import { SingleColumnFormStyles } from '@things-factory/form-ui'
 import '@material/mwc-button/mwc-button'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'
 import { isMobileDevice } from '@things-factory/utils'
@@ -26,7 +26,7 @@ class SearchPopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -77,11 +77,11 @@ class SearchPopup extends localize(i18next)(LitElement) {
       <search-form id="search-form" .fields=${this._searchFields} @submit=${() => this.dataGrist.fetch()}></search-form>
 
       <div class="grist">
-        <data-grist
+        <ox-grist
           .mode="${isMobileDevice() ? 'LIST' : 'GRID'}"
           .config="${this.config}"
           .fetchHandler="${this.fetchBizplaces.bind(this)}"
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="button-container">
@@ -133,7 +133,7 @@ class SearchPopup extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {

package/client/pages/inventory-check/worksheet-cycle-count.js

@@ -1,6 +1,6 @@
 import '@things-factory/barcode-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, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
@@ -47,7 +47,7 @@ class WorksheetCycleCount extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -71,7 +71,7 @@ class WorksheetCycleCount extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
       `
@@ -136,12 +136,12 @@ class WorksheetCycleCount extends localize(i18next)(PageView) {
       <div class="grist">
         <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.inventory')}</h2>
 
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .fetchHandler="${this.fetchWorksheet.bind(this)}"
-        ></data-grist>
+        ></ox-grist>
       </div>
     `
   }
@@ -297,7 +297,7 @@ class WorksheetCycleCount extends localize(i18next)(PageView) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchWorksheet({ page, limit }) {

package/client/pages/manifest/create-loading-manifest.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/barcode-ui'
 
 import gql from 'graphql-tag'
@@ -34,7 +34,7 @@ class CreateLoadingManifest extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -58,7 +58,7 @@ class CreateLoadingManifest extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
       `
@@ -110,11 +110,11 @@ class CreateLoadingManifest extends localize(i18next)(PageView) {
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.manifest_items')}</h2>
 
-          <data-grist
+          <ox-grist
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.shippingGristConfig}
             .data=${this.shippingData}
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `
@@ -126,7 +126,7 @@ class CreateLoadingManifest extends localize(i18next)(PageView) {
   }
 
   get shippingGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get manifestForm() {

package/client/pages/manifest/dispatcher-verification-popup.js

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

package/client/pages/manifest/loading-manifest-detail.js

@@ -1,5 +1,5 @@
 import '@things-factory/barcode-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './dispatcher-verification-popup'
 
 import gql from 'graphql-tag'
@@ -38,7 +38,7 @@ class LoadingManifestDetail extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -62,7 +62,7 @@ class LoadingManifestDetail extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
 
@@ -140,7 +140,7 @@ class LoadingManifestDetail extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get manifestForm() {
@@ -200,12 +200,12 @@ class LoadingManifestDetail extends localize(i18next)(PageView) {
             ${this._showReset ? html`<mwc-icon @click=${e => this.dataGrist.fetch()}>sync</mwc-icon>` : ''}
           </h2>
 
-          <data-grist
+          <ox-grist
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.shippingGristConfig}
             .data=${this.shippingData}
             .fetchHandler=${this._fetchManifestDetail.bind(this)}
-          ></data-grist>
+          ></ox-grist>
 
           ${this._status !== MANIFEST_STATUS.CLOSED.value
             ? html`

package/client/pages/manifest/loading-manifest-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'
@@ -25,7 +25,7 @@ class LoadingManifestList extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -65,18 +65,18 @@ class LoadingManifestList extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   render() {
     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/master/generate-location-list.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 { isMobileDevice } from '@things-factory/utils'
 import { ScrollbarStyles } from '@things-factory/styles'
@@ -61,7 +61,7 @@ export class GenerateLocationList extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -202,12 +202,12 @@ export class GenerateLocationList extends localize(i18next)(LitElement) {
 
       <div class="grist">
         <h2>${i18next.t('title.generator')}</h2>
-        <data-grist
+        <ox-grist
           mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this._generatorConfig}
           .data=${this.data}
           @record-change="${this._onChangeHandler.bind(this)}"
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="button-container">

package/client/pages/master/location-list.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 './generate-location-list'
 import './print-location-label'
@@ -31,7 +31,7 @@ class LocationList extends connect(store)(localize(i18next)(PageView)) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -63,13 +63,13 @@ class LocationList extends connect(store)(localize(i18next)(PageView)) {
         @submit=${this._clearTempLocation.bind(this)}
       ></search-form>
 
-      <data-grist
+      <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.config}
         .fetchHandler="${this.fetchHandler.bind(this)}"
         @select-record-change=${e => (this._selectedRecords = e.detail.selectedRecords)}
         }
-      ></data-grist>
+      ></ox-grist>
     `
   }
 
@@ -303,7 +303,7 @@ class LocationList extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   _importableData(records) {

package/client/pages/master/pallet-list.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 { client, CustomAlert, PageView, store } from '@things-factory/shell'
 import { connect } from 'pwa-helpers/connect-mixin'
@@ -36,7 +36,7 @@ class PalletList extends connect(store)(localize(i18next)(PageView)) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -48,11 +48,11 @@ class PalletList 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>
     `
   }
 
@@ -203,7 +203,7 @@ class PalletList extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   _importableData(records) {

package/client/pages/master/print-location-label.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'
@@ -51,7 +51,7 @@ export class PrintLocationLabel extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -123,11 +123,11 @@ export class PrintLocationLabel extends localize(i18next)(LitElement) {
 
       <div class="grist">
         <h2>${i18next.t('title.print_preview')}</h2>
-        <data-grist
+        <ox-grist
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this._config}
           .fetchHandler="${this.fetchHandler.bind(this)}"
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="button-container">
@@ -171,7 +171,7 @@ export class PrintLocationLabel extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchHandler({ page, limit, sorters = [{ name: 'name' }] }) {

package/client/pages/master/product/product-detail-bizplace-setting-popup.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'
@@ -26,7 +26,7 @@ export class ProductDetailBizplaceSettingPopup extends localize(i18next)(LitElem
         search-form {
           overflow: visible;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -70,7 +70,7 @@ export class ProductDetailBizplaceSettingPopup extends localize(i18next)(LitElem
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get buttonSave() {
@@ -79,13 +79,13 @@ export class ProductDetailBizplaceSettingPopup extends localize(i18next)(LitElem
 
   render() {
     return html`
-      <data-grist
+      <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.config}
         .data=${this._data}
         .fetchHandler="${this.fetchHandler.bind(this)}"
         @field-change="${this._fieldChange.bind(this)}"
-      ></data-grist>
+      ></ox-grist>
 
       <div class="button-container">
         <mwc-button

package/client/pages/master/product/product-details-popup.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'
@@ -30,7 +30,7 @@ export class ProductDetailsPopup extends localize(i18next)(LitElement) {
         search-form {
           overflow: visible;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -80,7 +80,7 @@ export class ProductDetailsPopup extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get buttonSave() {
@@ -89,13 +89,13 @@ export class ProductDetailsPopup extends localize(i18next)(LitElement) {
 
   render() {
     return html`
-      <data-grist
+      <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.config}
         .data=${this._data}
         .fetchHandler="${this.fetchHandler.bind(this)}"
         @field-change="${this._fieldChange.bind(this)}"
-      ></data-grist>
+      ></ox-grist>
 
       <div class="button-container">
         <mwc-button

package/client/pages/master/product/product-list.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './product-details-popup'
 import './product-detail-bizplace-setting-popup'
 
@@ -37,7 +37,7 @@ class ProductList extends localize(i18next)(PageView) {
         search-form {
           overflow: visible;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -49,13 +49,13 @@ class ProductList extends localize(i18next)(PageView) {
     return html`
       <search-form .fields=${this.searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>
 
-      <data-grist
+      <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.productGristConfig}
         .data=${this.data}
         .fetchHandler="${this.fetchHandler.bind(this)}"
         @field-change="${this._fieldChange.bind(this)}"
-      ></data-grist>
+      ></ox-grist>
     `
   }
 
@@ -126,7 +126,7 @@ class ProductList extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async pageUpdated(changes, lifecycle) {