@things-factory/operato-pms 6.0.145 → 6.1.0

package/client/component/block-selector-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/import-ui'
 import '@things-factory/form-ui'
 
@@ -47,7 +47,7 @@ class BlockSelectorPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -101,22 +101,22 @@ class BlockSelectorPopup extends localize(i18next)(LitElement) {
       <div class="grist-container">
         <div class="grist">
           <h2>${i18next.t('title.main_block')}</h2>
-          <data-grist
+          <ox-grist
             id="block"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.blockConfig}
             .fetchHandler=${this.fetchMainBlock.bind(this)}
-          ></data-grist>
+          ></ox-grist>
         </div>
 
         <div class="grist">
           <h2>${i18next.t('title.sub_block')}: ${this._blockName}</h2>
-          <data-grist
+          <ox-grist
             id="sub-block"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.subBlockConfig}
             .fetchHandler="${this.fetchSubBlock.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -222,11 +222,11 @@ class BlockSelectorPopup extends localize(i18next)(LitElement) {
   }
 
   get blockGrist() {
-    return this.shadowRoot.querySelector('data-grist#block')
+    return this.shadowRoot.querySelector('ox-grist#block')
   }
 
   get subBlockGrist() {
-    return this.shadowRoot.querySelector('data-grist#sub-block')
+    return this.shadowRoot.querySelector('ox-grist#sub-block')
   }
 
   async fetchMainBlock({ sorters = [] }) {

package/client/component/driver-selector-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/import-ui'
 import '@things-factory/form-ui'
 
@@ -43,7 +43,7 @@ class DriverSelectorPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -91,11 +91,11 @@ class DriverSelectorPopup 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.gristConfig}"
           .fetchHandler="${this.fetchHandler.bind(this)}"
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="button-container">
@@ -176,7 +176,7 @@ class DriverSelectorPopup extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchHandler({ sorters = [] }) {

package/client/component/mill-selector-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/import-ui'
 import '@things-factory/form-ui'
 
@@ -43,7 +43,7 @@ class MillSelectorPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -91,11 +91,11 @@ class MillSelectorPopup 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.gristConfig}"
           .fetchHandler="${this.fetchHandler.bind(this)}"
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="button-container">
@@ -158,7 +158,7 @@ class MillSelectorPopup extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchHandler({ sorters = [] }) {

package/client/component/truck-selector-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/import-ui'
 import '@things-factory/form-ui'
 
@@ -43,7 +43,7 @@ class TruckSelectorPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -91,11 +91,11 @@ class TruckSelectorPopup 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.gristConfig}"
           .fetchHandler="${this.fetchHandler.bind(this)}"
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="button-container">
@@ -158,7 +158,7 @@ class TruckSelectorPopup extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchHandler({ sorters = [] }) {

package/client/pages/dispatchment/daily-dispatch-detail.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
@@ -44,7 +44,7 @@ class DailyDispatchDetail extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -67,7 +67,7 @@ class DailyDispatchDetail 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,13 +136,13 @@ class DailyDispatchDetail extends localize(i18next)(PageView) {
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.dispatchment_from_ramp')}</h2>
 
-          <data-grist
+          <ox-grist
             id="dispatchment-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.dispatchGristConfig}
             .data="${this.dispatchData}"
             @record-change="${this._onProductChangeHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `
@@ -158,7 +158,7 @@ class DailyDispatchDetail extends localize(i18next)(PageView) {
   }
 
   get dispatchmentGrist() {
-    return this.shadowRoot.querySelector('data-grist#dispatchment-grist')
+    return this.shadowRoot.querySelector('ox-grist#dispatchment-grist')
   }
 
   get chitNoInput() {

package/client/pages/dispatchment/dispatchment-create-record.js

@@ -1,7 +1,7 @@
 import '../../component/driver-selector-popup'
 import '../../component/truck-selector-popup'
 import '../../component/mill-selector-popup'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
@@ -60,7 +60,7 @@ class DispatchmentCreateRecord extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -83,7 +83,7 @@ class DispatchmentCreateRecord 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,14 +150,14 @@ class DispatchmentCreateRecord extends localize(i18next)(PageView) {
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.dispatchment_from_ramp')}</h2>
 
-          <data-grist
+          <ox-grist
             id="dispatchment-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.dispatchmentGristConfig}
             .data="${this.dispatchmentData}"
             @record-change="${this._onProductChangeHandler.bind(this)}"
             @field-change="${this._onInventoryFieldChanged.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `
@@ -168,7 +168,7 @@ class DispatchmentCreateRecord extends localize(i18next)(PageView) {
   }
 
   get dispatchmentGrist() {
-    return this.shadowRoot.querySelector('data-grist#dispatchment-grist')
+    return this.shadowRoot.querySelector('ox-grist#dispatchment-grist')
   }
 
   get driverInput() {

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

package/client/pages/harvesting/daily-harvesting-detail.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
@@ -43,7 +43,7 @@ class DailyHarvestingDetail extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -66,7 +66,7 @@ class DailyHarvestingDetail 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,12 +140,12 @@ class DailyHarvestingDetail extends localize(i18next)(PageView) {
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.harvest_data')}</h2>
 
-          <data-grist
+          <ox-grist
             id="harvest-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.harvestGristConfig}
             .data="${this.harvestData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `
@@ -161,7 +161,7 @@ class DailyHarvestingDetail extends localize(i18next)(PageView) {
   }
 
   get harvestGrist() {
-    return this.shadowRoot.querySelector('data-grist#harvest-grist')
+    return this.shadowRoot.querySelector('ox-grist#harvest-grist')
   }
 
   pageInitialized() {

package/client/pages/harvesting/edit-harvesting-record.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../../component/block-selector-popup'
 
 import gql from 'graphql-tag'
@@ -43,7 +43,7 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -66,7 +66,7 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
       `
@@ -116,13 +116,13 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.harvest_data')}</h2>
 
-          <data-grist
+          <ox-grist
             id="harvest-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.harvestGristConfig}
             .data="${this.harvestData}"
             @record-change="${this._onRecordChangeHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -152,7 +152,7 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
   }
 
   get harvestGrist() {
-    return this.shadowRoot.querySelector('data-grist#harvest-grist')
+    return this.shadowRoot.querySelector('ox-grist#harvest-grist')
   }
 
   get blockInput() {

package/client/pages/harvesting/harvesting-create-record.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '../../component/block-selector-popup'
 
 import gql from 'graphql-tag'
@@ -44,7 +44,7 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -67,7 +67,7 @@ class HarvestingCreateRecord 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,13 +110,13 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.harvest_data')}</h2>
 
-          <data-grist
+          <ox-grist
             id="harvest-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.harvestGristConfig}
             .data="${this.harvestData}"
             @record-change="${this._onRecordChangeHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -146,7 +146,7 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
   }
 
   get harvestGrist() {
-    return this.shadowRoot.querySelector('data-grist#harvest-grist')
+    return this.shadowRoot.querySelector('ox-grist#harvest-grist')
   }
 
   get blockInput() {

package/client/pages/harvesting/harvesting-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 HarvestingList extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -44,11 +44,11 @@ class HarvestingList 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>
     `
   }
 
@@ -214,7 +214,7 @@ class HarvestingList 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/inventory/inventory-field-bunches.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './inventory-history-by-bunches'
 
 import gql from 'graphql-tag'
@@ -25,7 +25,7 @@ class InventoryFieldBunches extends connect(store)(localize(i18next)(PageView))
         search-form {
           overflow: visible;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -56,7 +56,7 @@ class InventoryFieldBunches extends connect(store)(localize(i18next)(PageView))
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -66,11 +66,11 @@ class InventoryFieldBunches extends connect(store)(localize(i18next)(PageView))
   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/inventory/inventory-history-by-bunches.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
@@ -21,7 +21,7 @@ class InventoryHistoryByBunches extends localize(i18next)(LitElement) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -42,11 +42,11 @@ class InventoryHistoryByBunches extends localize(i18next)(LitElement) {
   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>
     `
   }
 
@@ -108,7 +108,7 @@ class InventoryHistoryByBunches extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {

package/client/pages/inventory/inventory-history-by-tonnage.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
@@ -21,7 +21,7 @@ class InventoryHistoryByTonnage extends localize(i18next)(LitElement) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -41,11 +41,11 @@ class InventoryHistoryByTonnage extends localize(i18next)(LitElement) {
   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>
     `
   }
 
@@ -109,7 +109,7 @@ class InventoryHistoryByTonnage extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {

package/client/pages/inventory/inventory-ramp-tonnage.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './inventory-history-by-tonnage'
 
 import gql from 'graphql-tag'
@@ -25,7 +25,7 @@ class InventoryRampTonnage extends connect(store)(localize(i18next)(PageView)) {
         search-form {
           overflow: visible;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -56,7 +56,7 @@ class InventoryRampTonnage extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -66,11 +66,11 @@ class InventoryRampTonnage extends connect(store)(localize(i18next)(PageView)) {
   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>
     `
   }