@things-factory/operato-mms 6.0.151 → 6.1.0

package/client/pages/catalogue/products.js

@@ -1,6 +1,6 @@
 import { getCodeByName } from '@things-factory/code-base'
 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, PageView } from '@things-factory/shell'
@@ -26,7 +26,7 @@ class Products extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -73,12 +73,12 @@ class Products 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._fetchProducts.bind(this)}"
       >
-      </data-grist>
+      </ox-grist>
 
       <oops-progress
         .tag=${tag}
@@ -192,7 +192,7 @@ class Products extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get _columns() {

package/client/pages/catalogue/warehouse-marketplace-auto-link-popup.js

@@ -24,7 +24,7 @@ class WarehouseMarketplaceAutoLinkPopup extends localize(i18next)(LitElement) {
           color: var(--secondary-color);
           background-color: white;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }

package/client/pages/catalogue/warehouse-marketplace-link-popup.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, CustomAlert, gqlContext } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
@@ -33,7 +33,7 @@ class WarehouseMarketplaceLinkPopup extends localize(i18next)(LitElement) {
         search-form {
           overflow: visible;
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -72,7 +72,7 @@ class WarehouseMarketplaceLinkPopup extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   render() {
@@ -82,20 +82,20 @@ class WarehouseMarketplaceLinkPopup extends localize(i18next)(LitElement) {
       </div>
 
       <search-form id="search-form" .fields=${this.searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>
-      <data-grist
+      <ox-grist
         id="marketplace-product-variation-grist"
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.config}
         .fetchHandler="${this._fetchMarketplaceProductVariations.bind(this)}"
       >
-      </data-grist>
+      </ox-grist>
 
-      <data-grist
+      <ox-grist
         id="warehouse-product-link-grist"
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.warehouseProductLinkConfig}
         .data=${this.warehouseProductLinkData}
-      ></data-grist>
+      ></ox-grist>
 
       <div class="button-container">
         <mwc-button

package/client/pages/catalogue/warehouse-products.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, PageView } from '@things-factory/shell'
@@ -26,7 +26,7 @@ class WarehouseProducts extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -63,12 +63,12 @@ class WarehouseProducts extends 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._fetchProducts.bind(this)}"
       >
-      </data-grist>
+      </ox-grist>
     `
   }
 
@@ -106,7 +106,7 @@ class WarehouseProducts extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get gristConfig() {

package/client/pages/catalogue-variation/product-variations.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 ProductVariations extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -61,12 +61,12 @@ class ProductVariations extends 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._fetchProducts.bind(this)}"
       >
-      </data-grist>
+      </ox-grist>
     `
   }
 
@@ -271,7 +271,7 @@ class ProductVariations extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get _columns() {

package/client/pages/inventory/inventory-by-product.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 InventoryByProduct extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -59,12 +59,12 @@ class InventoryByProduct extends 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._fetchProducts.bind(this)}"
       >
-      </data-grist>
+      </ox-grist>
     `
   }
 
@@ -102,7 +102,7 @@ class InventoryByProduct extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get gristConfig() {

package/client/pages/order/logistics/batch-init-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'
@@ -42,7 +42,7 @@ class BatchInitPopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -86,12 +86,12 @@ class BatchInitPopup extends localize(i18next)(LitElement) {
       </div>
 
       <div class="grist">
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .fetchHandler="${this.fetchHandler.bind(this)}"
           .config=${this.config}
-        ></data-grist>
+        ></ox-grist>
         <div class="button-container">
           <mwc-button
             @click="${this.splitOrders.bind(this)}"
@@ -113,7 +113,7 @@ class BatchInitPopup extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get shippingProviderInput() {

package/client/pages/order/logistics/branch-logistics-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'
@@ -38,7 +38,7 @@ class BranchLogisticsPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -67,12 +67,12 @@ class BranchLogisticsPopup extends localize(i18next)(LitElement) {
       <div class="grist-container">
         <div class="grist">
           <h2>${i18next.t('label.branch_info')}</h2>
-          <data-grist
+          <ox-grist
             id="logisticsBranch"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.branchConfig}
             .fetchHandler="${this.fetchHandler.bind(this)}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -164,7 +164,7 @@ class BranchLogisticsPopup extends localize(i18next)(LitElement) {
   }
 
   get logisticsBranchGrist() {
-    return this.shadowRoot.querySelector('data-grist#logisticsBranch')
+    return this.shadowRoot.querySelector('ox-grist#logisticsBranch')
   }
 
   async fetchHandler() {

package/client/pages/order/logistics/lazada-order-init-batch-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'
@@ -45,7 +45,7 @@ class LazadaOrderInitBatchPopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -87,13 +87,13 @@ class LazadaOrderInitBatchPopup extends localize(i18next)(LitElement) {
       </div>
 
       <div class="grist">
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .data="${this.data}"
           .fetchHandler="${this.fetchHandler.bind(this)}"
-        ></data-grist>
+        ></ox-grist>
       </div>
       <div class="button-container">
         <mwc-button
@@ -115,7 +115,7 @@ class LazadaOrderInitBatchPopup extends localize(i18next)(LitElement) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get addressSelect() {

package/client/pages/order/logistics/order-init-popup.js

@@ -1,5 +1,5 @@
 import '@things-factory/component-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './order-items'
 import './order-shipping'
 
@@ -36,7 +36,7 @@ class OrderInitPopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }

package/client/pages/order/logistics/order-items.js

@@ -1,6 +1,6 @@
 import '@things-factory/component-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 { css, html, LitElement } from 'lit'
@@ -32,7 +32,7 @@ class OrderItems extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -50,19 +50,19 @@ class OrderItems extends localize(i18next)(LitElement) {
   render() {
     return html`
       <div class="grist">
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .data="${this.data}"
           .fetchHandler="${this.fetchHandler.bind(this)}"
-        ></data-grist>
+        ></ox-grist>
       </div>
     `
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   async firstUpdated() {

package/client/pages/order/logistics/order-shipping-items.js

@@ -1,5 +1,5 @@
 import '@things-factory/component-ui'
-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 OrderShippingItems extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -202,13 +202,13 @@ class OrderShippingItems extends localize(i18next)(LitElement) {
       </form>
 
       <div class="grist">
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .data="${this.data}"
           .fetchHandler="${this.fetchHandler.bind(this)}"
-        ></data-grist>
+        ></ox-grist>
       </div>
     `
   }
@@ -218,7 +218,7 @@ class OrderShippingItems extends localize(i18next)(LitElement) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   firstUpdated() {

package/client/pages/order/logistics/order-shipping.js

@@ -1,5 +1,5 @@
 import '@things-factory/component-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './order-shipping-items'
 
 import { css, html, LitElement } from 'lit'
@@ -35,7 +35,7 @@ class OrderShipping extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }

package/client/pages/order/logistics/pickup-logistics-popup.js

@@ -1,4 +1,4 @@
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'
@@ -41,7 +41,7 @@ class PickupLogisticsPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex: 1;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -70,23 +70,23 @@ class PickupLogisticsPopup extends localize(i18next)(LitElement) {
       <div class="grist-container">
         <div class="grist">
           <h2>${i18next.t('label.address_info')}</h2>
-          <data-grist
+          <ox-grist
             id="logisticsPickup"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.pickupConfig}
             .fetchHandler="${this.fetchHandler.bind(this)}"
             @select-record-change=${e => this.fetchTimeSlot(e.detail.records)}
-          ></data-grist>
+          ></ox-grist>
         </div>
 
         <div class="grist">
           <h2>${i18next.t('label.timeslot_info')}</h2>
-          <data-grist
+          <ox-grist
             id="timeslotPickup"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.timeSlotConfig}
             .data="${this.timeSlotData}"
-          ></data-grist>
+          ></ox-grist>
         </div>
       </div>
 
@@ -212,11 +212,11 @@ class PickupLogisticsPopup extends localize(i18next)(LitElement) {
   }
 
   get logisticsPickupGrist() {
-    return this.shadowRoot.querySelector('data-grist#logisticsPickup')
+    return this.shadowRoot.querySelector('ox-grist#logisticsPickup')
   }
 
   get timeslotPickupGrist() {
-    return this.shadowRoot.querySelector('data-grist#timeslotPickup')
+    return this.shadowRoot.querySelector('ox-grist#timeslotPickup')
   }
 
   async fetchHandler() {

package/client/pages/order/logistics/request-ro-popup.js

@@ -35,7 +35,7 @@ class RequestROPopup extends LitElement {
           background-color: var(--button-container-background);
           height: var(--button-container-height);
         }
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -72,7 +72,7 @@ class RequestROPopup extends LitElement {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get searchForm() {
@@ -99,12 +99,12 @@ class RequestROPopup extends LitElement {
       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>
       </div>

package/client/pages/order/logistics/shopee-order-init-batch-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'
@@ -57,7 +57,7 @@ class ShopeeOrderInitBatchPopup extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -124,13 +124,13 @@ class ShopeeOrderInitBatchPopup extends localize(i18next)(LitElement) {
         : ''}
 
       <div class="grist">
-        <data-grist
+        <ox-grist
           id="grist"
           .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
           .config=${this.config}
           .fetchHandler=${this.fetchHandler.bind(this)}
           @field-change="${this._onFieldChangeHandler.bind(this)}"
-        ></data-grist>
+        ></ox-grist>
       </div>
 
       <div class="button-container">
@@ -153,7 +153,7 @@ class ShopeeOrderInitBatchPopup extends localize(i18next)(LitElement) {
   }
 
   get grist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get addressSelect() {

package/client/pages/order/order-by-store.js

@@ -1,5 +1,5 @@
 import '@things-factory/form-ui'
-import '@things-factory/grist-ui'
+import '@operato/data-grist'
 import './select-datetime-popup'
 import './logistics/order-init-popup'
 import './logistics/shopee-order-init-batch-popup'
@@ -47,7 +47,7 @@ class OrderByStore extends localize(i18next)(PageView) {
           overflow: visible;
         }
 
-        data-grist {
+        ox-grist {
           overflow-y: auto;
           flex: 1;
         }
@@ -135,12 +135,12 @@ class OrderByStore extends 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>
     `
   }
 
@@ -378,7 +378,7 @@ class OrderByStore extends localize(i18next)(PageView) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get _columns() {

package/client/pages/order/select-datetime-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'

package/client/pages/promotions/create-new-promotion.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, CustomAlert } from '@things-factory/shell'
 import { ScrollbarStyles, CommonButtonStyles } from '@things-factory/styles'
@@ -30,7 +30,7 @@ class createNewPromotion extends localize(i18next)(LitElement) {
           flex: 1;
           overflow-y: auto;
         }
-        data-grist {
+        ox-grist {
           overflow-y: hidden;
           flex: 1;
         }
@@ -88,12 +88,12 @@ class createNewPromotion extends localize(i18next)(LitElement) {
     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=""
       >
-      </data-grist> -->
+      </ox-grist> -->
     `
   }
   async pageInitialized() {
@@ -202,7 +202,7 @@ class createNewPromotion extends localize(i18next)(LitElement) {
   }
 
   get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
+    return this.shadowRoot.querySelector('ox-grist')
   }
 
   get _columns() {