@things-factory/operato-pms 6.0.145 → 6.1.0

package/client/pages/loading/daily-loading-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'
@@ -45,7 +45,7 @@ class DailyLoadingDetail extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -68,7 +68,7 @@ class DailyLoadingDetail extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
       `
@@ -119,12 +119,12 @@ class DailyLoadingDetail extends localize(i18next)(PageView) {
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.loading_data')}</h2>
 
-          <data-grist
+          <ox-grist
             id="loading-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.loadingGristConfig}
             .data="${this.loadingData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `
@@ -140,7 +140,7 @@ class DailyLoadingDetail extends localize(i18next)(PageView) {
   }
 
   get loadingGrist() {
-    return this.shadowRoot.querySelector('data-grist#loading-grist')
+    return this.shadowRoot.querySelector('ox-grist#loading-grist')
   }
 
   pageInitialized() {

package/client/pages/loading/edit-loading-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'
@@ -46,7 +46,7 @@ class EditLoadingRecord extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -69,7 +69,7 @@ class EditLoadingRecord 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 EditLoadingRecord extends localize(i18next)(PageView) {
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.loading_data')}</h2>
 
-          <data-grist
+          <ox-grist
             id="loading-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.loadingGristConfig}
             .data="${this.loadingData}"
             @record-change="${this._onRecordChangeHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `
@@ -132,7 +132,7 @@ class EditLoadingRecord extends localize(i18next)(PageView) {
   }
 
   get loadingGrist() {
-    return this.shadowRoot.querySelector('data-grist#loading-grist')
+    return this.shadowRoot.querySelector('ox-grist#loading-grist')
   }
 
   pageInitialized() {

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

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
@@ -47,7 +47,7 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -70,7 +70,7 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
           color: var(--grist-title-icon-color);
         }
 
-        h2 + data-grist {
+        h2 + ox-grist {
           padding-top: var(--grist-title-with-grid-padding);
         }
       `
@@ -104,13 +104,13 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
         <div class="grist">
           <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.loading_data')}</h2>
 
-          <data-grist
+          <ox-grist
             id="loading-grist"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.loadingGristConfig}
             .data="${this.loadingData}"
             @record-change="${this._onRecordChangeHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
     `
@@ -126,7 +126,7 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
   }
 
   get loadingGrist() {
-    return this.shadowRoot.querySelector('data-grist#loading-grist')
+    return this.shadowRoot.querySelector('ox-grist#loading-grist')
   }
 
   pageInitialized() {

package/client/pages/loading/loading-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 LoadingList extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -44,11 +44,11 @@ class LoadingList 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>
     `
   }
 
@@ -144,7 +144,7 @@ class LoadingList 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/master/block.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, CustomAlert, PageView } from '@things-factory/shell'
@@ -24,7 +24,7 @@ class MasterBlock extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -45,11 +45,11 @@ class MasterBlock 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>
     `
   }
 
@@ -196,7 +196,7 @@ class MasterBlock extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   _importableData(records) {

package/client/pages/master/company.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'
@@ -27,7 +27,7 @@ class MasterCompany extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -53,11 +53,11 @@ class MasterCompany extends localize(i18next)(PageView) {
         @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>
     `
   }
 
@@ -175,7 +175,7 @@ class MasterCompany extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   _importableData(records) {

package/client/pages/master/pop-up/block-detail-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 { isMobileDevice } from '@things-factory/utils'
@@ -29,7 +29,7 @@ export class BlockDetailPopup 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,11 +72,11 @@ export class BlockDetailPopup extends localize(i18next)(LitElement) {
       <search-form id="search-form" .fields=${this._searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>
 
       <div class="grist">
-        <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">
@@ -173,7 +173,7 @@ export class BlockDetailPopup extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {

package/client/pages/master/ramp.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, PageView, CustomAlert } from '@things-factory/shell'
 import { ScrollbarStyles, CommonButtonStyles } from '@things-factory/styles'
@@ -22,7 +22,7 @@ class MasterRamp extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -48,11 +48,11 @@ class MasterRamp extends localize(i18next)(PageView) {
         @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>
     `
   }
 
@@ -180,7 +180,7 @@ class MasterRamp extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   _importableData(records) {

package/client/pages/master/staff.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 MasterStaff extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -51,11 +51,11 @@ class MasterStaff extends localize(i18next)(PageView) {
         @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>
     `
   }
 
@@ -243,7 +243,7 @@ class MasterStaff extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchCompanies() {

package/client/pages/master/truck.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 MasterTruck extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -50,11 +50,11 @@ class MasterTruck extends localize(i18next)(PageView) {
         @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>
     `
   }
 
@@ -175,7 +175,7 @@ class MasterTruck extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async fetchCompanies() {

package/client/pages/report/report-daily-ffb-dispatch-and-production.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 ReportDailyFfbDispatchAndProduction extends connect(store)(localize(i18nex
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -61,7 +61,7 @@ class ReportDailyFfbDispatchAndProduction extends connect(store)(localize(i18nex
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -81,11 +81,11 @@ class ReportDailyFfbDispatchAndProduction extends connect(store)(localize(i18nex
     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/report-daily-production.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 ReportDailyProduction extends connect(store)(localize(i18next)(PageView))
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -61,7 +61,7 @@ class ReportDailyProduction extends connect(store)(localize(i18next)(PageView))
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -86,11 +86,11 @@ class ReportDailyProduction 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/report-daily-staff-harvest.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'
@@ -18,7 +18,7 @@ class ReportDailyStaffHarvest extends connect(store)(localize(i18next)(PageView)
         width: 100%;
       }
 
-      data-grist {
+      ox-grist {
         overflow-y: auto;
         flex: 1;
       }
@@ -53,7 +53,7 @@ class ReportDailyStaffHarvest extends connect(store)(localize(i18next)(PageView)
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -78,11 +78,11 @@ class ReportDailyStaffHarvest 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/report-ffb-tonnage-between-individual-block.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 ReportFfbTonnageBetweenIndividualBlock extends connect(store)(localize(i18
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -60,7 +60,7 @@ class ReportFfbTonnageBetweenIndividualBlock extends connect(store)(localize(i18
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -80,11 +80,11 @@ class ReportFfbTonnageBetweenIndividualBlock extends connect(store)(localize(i18
     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/report-monthly-ffb-sale.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'
@@ -18,7 +18,7 @@ class ReportMonthlyFfbSale extends connect(store)(localize(i18next)(PageView)) {
         width: 100%;
       }
 
-      data-grist {
+      ox-grist {
         overflow-y: auto;
         flex: 1;
       }
@@ -52,7 +52,7 @@ class ReportMonthlyFfbSale extends connect(store)(localize(i18next)(PageView)) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -77,11 +77,11 @@ class ReportMonthlyFfbSale 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/report-monthly-production.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'
@@ -18,7 +18,7 @@ class ReportMonthlyProduction extends connect(store)(localize(i18next)(PageView)
         width: 100%;
       }
 
-      data-grist {
+      ox-grist {
         overflow-y: auto;
         flex: 1;
       }
@@ -51,7 +51,7 @@ class ReportMonthlyProduction 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 ReportMonthlyProduction 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>
     `
   }