@things-factory/operato-wms 7.0.0-alpha.9 → 7.0.0

package/client/pages/order/reverse-kitting-order/reverse-kitting-order-detail.js

@@ -9,11 +9,11 @@ import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { openPopup } from '@operato/layout'
 import { client, CustomAlert, navigate, PageView, store } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 
 import { fetchLocationSortingRule } from '../../../fetch-location-sorting-rule'
 import { INVENTORY_STATUS, LOCATION_SORTING_RULE, ORDER_STATUS } from '../../constants'
@@ -41,7 +41,7 @@ class ReverseKittingOrderDetail extends connect(store)(localize(i18next)(PageVie
           min-height: 50vh;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -61,7 +61,7 @@ class ReverseKittingOrderDetail extends connect(store)(localize(i18next)(PageVie
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/order/reverse-kitting-order/reverse-kitting-order-list.js

@@ -3,10 +3,10 @@ import '@operato/data-grist'
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
 
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, navigate, PageView } from '@things-factory/shell'
 import { CommonButtonStyles, ScrollbarStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 
 import { ORDER_STATUS } from '../../constants'
 

package/client/pages/order/reverse-kitting-order/reverse-kitting-pallet-label-popup.js

@@ -1,3 +1,4 @@
+import '@material/web/icon/icon.js'
 import '@operato/data-grist'
 
 import gql from 'graphql-tag'
@@ -5,9 +6,10 @@ import { css, html, LitElement } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
 import { DirectPrinter } from '@things-factory/barcode-base'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, store } from '@things-factory/shell'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
+import { ButtonContainerStyles } from '@operato/styles'
 
 import { PALLET_LABEL_SETTING_KEY } from '../../constants'
 
@@ -23,16 +25,17 @@ class ReverseKittingPalletLabelPopup extends connect(store)(localize(i18next)(Li
 
   static get styles() {
     return [
+      ButtonContainerStyles,
       css`
         :host {
           padding: 10px;
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -106,7 +109,7 @@ class ReverseKittingPalletLabelPopup extends connect(store)(localize(i18next)(Li
       </div>
 
       <div class="button-container">
-        <mwc-button raised @click="${this._printLabel.bind(this)}" label="${i18next.t('button.print')}"></mwc-button>
+        <button @click=${this._printLabel.bind(this)}><md-icon>print</md-icon>${i18next.t('button.print')}</button>
       </div>
     `
   }

package/client/pages/order/transfer-order/receive-transfer-order-request.js

@@ -3,7 +3,7 @@ import '@operato/data-grist'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { css, html } from 'lit'
 import { gqlBuilder, isMobileDevice } from '@things-factory/utils'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { openPopup } from '@operato/layout'
 import { ORDER_TYPES, ORDER_STATUS, TRANSFER_TYPES } from '../../constants'
@@ -24,7 +24,7 @@ class ReceiveTransferOrderRequest extends localize(i18next)(PageView) {
           display: flex;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -49,7 +49,7 @@ class ReceiveTransferOrderRequest extends localize(i18next)(PageView) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/order/transfer-order/rejected-transfer-order.js

@@ -3,9 +3,9 @@ import '../../components/vas-templates'
 import '@operato/data-grist'
 import { client, PageView } from '@things-factory/shell'
 import { css, html } from 'lit'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 import { CommonButtonStyles } from '@things-factory/styles'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import gql from 'graphql-tag'
 import { ORDER_STATUS, TRANSFER_TYPES } from '../../constants'
@@ -42,7 +42,7 @@ class RejectedTransferOrder extends localize(i18next)(PageView) {
           flex: 4;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -66,7 +66,7 @@ class RejectedTransferOrder extends localize(i18next)(PageView) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/order/transfer-order/transfer-order-detail.js

@@ -1,10 +1,10 @@
 import { getCodeByName } from '@things-factory/code-base'
 import '@things-factory/form-ui'
 import '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, PageView } from '@things-factory/shell'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { ORDER_STATUS, TRANSFER_TYPES } from '../../constants'
@@ -24,7 +24,7 @@ class TransferOrderDetail extends localize(i18next)(PageView) {
           display: flex;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -49,7 +49,7 @@ class TransferOrderDetail extends localize(i18next)(PageView) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/order/transfer-order/transfer-order-requests.js

@@ -3,10 +3,10 @@ import '@operato/data-grist'
 import { client, navigate, PageView } from '@things-factory/shell'
 import { css, html } from 'lit'
 import { getCodeByName } from '@things-factory/code-base'
-import { isMobileDevice } from '@things-factory/utils'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { isMobileDevice } from '@operato/utils'
+import { i18next, localize } from '@operato/i18n'
 import { ORDER_STATUS } from '../../constants'
-import { ScrollbarStyles } from '@things-factory/styles'
+import { ScrollbarStyles } from '@operato/styles'
 import gql from 'graphql-tag'
 
 class TransferOrderRequests extends localize(i18next)(PageView) {

package/client/pages/order/transport-order/contact-point-selector-popup.js

@@ -1,10 +1,10 @@
 import '@operato/data-grist'
 import '@things-factory/import-ui'
 import '@things-factory/form-ui'
-import { i18next, localize } from '@things-factory/i18n-base'
-import { client } from '@things-factory/shell'
-import { ScrollbarStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { i18next, localize } from '@operato/i18n'
+import { client } from '@operato/graphql'
+import { ScrollbarStyles } from '@operato/styles'
+import { isMobileDevice } from '@operato/utils'
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
 
@@ -26,7 +26,7 @@ class ContactPointSelectorPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
 
         search-form {
@@ -71,7 +71,7 @@ class ContactPointSelectorPopup extends localize(i18next)(LitElement) {
           margin: var(--button-container-button-margin);
 
           padding: var(--button-padding);
-          color: var(--theme-white-color);
+          color: var(--md-sys-color-on-primary);
           font: var(--button-font);
           text-transform: var(--button-text-transform);
         }

package/client/pages/order/transport-order/create-delivery-order.js

@@ -9,11 +9,11 @@ import { css, html } from 'lit'
 
 import { getCodeByName } from '@things-factory/code-base'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { openPopup } from '@operato/layout'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 
 import { fetchSettingRule } from '../../../fetch-setting-value'
 
@@ -86,10 +86,10 @@ class CreateDeliveryOrder extends localize(i18next)(PageView) {
         }
         [attachment-wrap] file-uploader {
           flex: 1;
-          margin: 0 var(--margin-wide) 0 var(--margin-narrow);
+          margin: 0 var(--spacing-large) 0 var(--spacing-small);
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -109,7 +109,7 @@ class CreateDeliveryOrder extends localize(i18next)(PageView) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/order/transport-order/delivery-note-popup.js

@@ -6,10 +6,10 @@ import '@things-factory/biz-ui'
 import { sleep } from '@operato/utils'
 import '../../outbound/transport-vehicles-popup'
 
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { openPopup } from '@operato/layout'
-import { client } from '@things-factory/shell'
-import { isMobileDevice } from '@things-factory/utils'
+import { client } from '@operato/graphql'
+import { isMobileDevice } from '@operato/utils'
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
 import { fetchSettingRule } from '../../../fetch-setting-value'
@@ -123,7 +123,7 @@ class DeliveryNotePopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
         .container {
           flex: 1;
@@ -575,12 +575,13 @@ class DeliveryNotePopup extends localize(i18next)(LitElement) {
                 <option value=""></option>
 
                 ${this._billingPostCode.map(
-                  (country, key) => html`<option
-                    value=${country.postalCode}
-                    ?selected=${this._deliveryOrder.billingPostalCode == country.postalCode}
-                  >
-                    ${country.postalCode}
-                  </option>`
+                  (country, key) =>
+                    html`<option
+                      value=${country.postalCode}
+                      ?selected=${this._deliveryOrder.billingPostalCode == country.postalCode}
+                    >
+                      ${country.postalCode}
+                    </option>`
                 )}
               </select>`}
 

package/client/pages/order/transport-order/delivery-order-list.js

@@ -6,10 +6,10 @@ import gql from 'graphql-tag'
 import { css, html } from 'lit'
 
 import { getCodeByName } from '@things-factory/code-base'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, navigate, PageView } from '@things-factory/shell'
-import { ScrollbarStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { ScrollbarStyles } from '@operato/styles'
+import { isMobileDevice } from '@operato/utils'
 
 class DeliveryOrderList extends localize(i18next)(PageView) {
   static get styles() {

package/client/pages/order/transport-order/print-delivery-note.js

@@ -1,4 +1,4 @@
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { openPopup } from '@operato/layout'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { ScrollbarStyles, CommonButtonStyles } from '@things-factory/styles'

package/client/pages/order/transport-order/transport-driver-popup.js

@@ -1,11 +1,11 @@
 import '@things-factory/barcode-ui'
 import '@things-factory/form-ui'
 import '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import '@things-factory/import-ui'
-import { client } from '@things-factory/shell'
-import { ScrollbarStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { client } from '@operato/graphql'
+import { ScrollbarStyles } from '@operato/styles'
+import { isMobileDevice } from '@operato/utils'
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
 
@@ -26,7 +26,7 @@ class TransportDriverPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
 
         search-form {
@@ -71,7 +71,7 @@ class TransportDriverPopup extends localize(i18next)(LitElement) {
           margin: var(--button-container-button-margin);
 
           padding: var(--button-padding);
-          color: var(--theme-white-color);
+          color: var(--md-sys-color-on-primary);
           font: var(--button-font);
           text-transform: var(--button-text-transform);
         }

package/client/pages/order/transport-order/upload-delivery-note.js

@@ -5,9 +5,9 @@ import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import { i18next, localize } from '@things-factory/i18n-base'
-import { client } from '@things-factory/shell'
-import { isMobileDevice } from '@things-factory/utils'
+import { i18next, localize } from '@operato/i18n'
+import { client } from '@operato/graphql'
+import { isMobileDevice } from '@operato/utils'
 
 class UploadDeliveryNote extends localize(i18next)(LitElement) {
   static get styles() {
@@ -18,14 +18,14 @@ class UploadDeliveryNote extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow-x: auto;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
         .container {
           flex: 1;
           display: flex;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -50,7 +50,7 @@ class UploadDeliveryNote extends localize(i18next)(LitElement) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
         .grist h2 mwc-icon {
           vertical-align: middle;
@@ -77,7 +77,7 @@ class UploadDeliveryNote extends localize(i18next)(LitElement) {
           margin: var(--button-container-button-margin);
 
           padding: var(--button-padding);
-          color: var(--theme-white-color);
+          color: var(--md-sys-color-on-primary);
           font: var(--button-font);
           text-transform: var(--button-text-transform);
         }

package/client/pages/order/transport-order/view-delivery-note.js

@@ -1,4 +1,4 @@
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { openPopup } from '@operato/layout'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { ScrollbarStyles, CommonButtonStyles } from '@things-factory/styles'

package/client/pages/order/vas-order/create-vas-order.js

@@ -7,11 +7,11 @@ import gql from 'graphql-tag'
 import { css, html } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { openPopup } from '@operato/layout'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 
 import { VAS_BATCH_AND_PRODUCT_TYPE, VAS_BATCH_NO_TYPE, VAS_PRODUCT_TYPE } from '../../constants'
 
@@ -32,7 +32,7 @@ class CreateVasOrder extends localize(i18next)(PageView) {
           min-height: 50vh;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -52,7 +52,7 @@ class CreateVasOrder extends localize(i18next)(PageView) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/order/vas-order/popup/target-product-selector-popup.js

@@ -3,10 +3,10 @@ import '@operato/data-grist'
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
 
-import { i18next, localize } from '@things-factory/i18n-base'
-import { client } from '@things-factory/shell'
-import { ScrollbarStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { i18next, localize } from '@operato/i18n'
+import { client } from '@operato/graphql'
+import { ScrollbarStyles } from '@operato/styles'
+import { isMobileDevice } from '@operato/utils'
 
 class TargetProductSelectorPopup extends localize(i18next)(LitElement) {
   static get properties() {
@@ -39,7 +39,7 @@ class TargetProductSelectorPopup extends localize(i18next)(LitElement) {
         }
 
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           overflow-y: auto;

package/client/pages/order/vas-order/popup/vas-create-batch-product-type-form.js

@@ -1,4 +1,4 @@
-import { i18next } from '@things-factory/i18n-base'
+import { i18next } from '@operato/i18n'
 import { html } from 'lit'
 import { VAS_BATCH_NO_TYPE, VAS_PRODUCT_TYPE } from '../../../constants'
 import { AbstractVasCreateForm } from './abastract-vas-create-form'
@@ -24,15 +24,14 @@ export class VasCreateBatchProductTypeForm extends AbstractVasCreateForm {
         >
           <option></option>
           ${this.targetBatchList.map(
-            batch =>
-              html`
-                <option
-                  value="${batch}"
-                  ?selected="${this.record && this.record.target && this.record.target.batchId === batch}"
-                >
-                  ${batch}
-                </option>
-              `
+            batch => html`
+              <option
+                value="${batch}"
+                ?selected="${this.record && this.record.target && this.record.target.batchId === batch}"
+              >
+                ${batch}
+              </option>
+            `
           )}
         </select>
 
@@ -49,15 +48,14 @@ export class VasCreateBatchProductTypeForm extends AbstractVasCreateForm {
         >
           <option></option>
           ${this.targetProductList.map(
-            product =>
-              html`
-                <option
-                  value="${product.id}"
-                  ?selected="${this.record && this.record.target && this.record.target.productId === product.id}"
-                >
-                  ${product.name} ${product.description ? `- ${product.description}` : ''}
-                </option>
-              `
+            product => html`
+              <option
+                value="${product.id}"
+                ?selected="${this.record && this.record.target && this.record.target.productId === product.id}"
+              >
+                ${product.name} ${product.description ? `- ${product.description}` : ''}
+              </option>
+            `
           )}
         </select>
 

package/client/pages/order/vas-order/popup/vas-create-batch-type-form.js

@@ -1,4 +1,4 @@
-import { i18next } from '@things-factory/i18n-base'
+import { i18next } from '@operato/i18n'
 import { html } from 'lit'
 import { VAS_BATCH_NO_TYPE } from '../../../constants'
 import { AbstractVasCreateForm } from './abastract-vas-create-form'
@@ -24,10 +24,9 @@ export class VasCreateBatchTypeForm extends AbstractVasCreateForm {
           >
             <option></option>
             ${this.targetBatchList.map(
-              batch =>
-                html`
-                  <option value="${batch}" ?selected="${this.record && this.record.target === batch}">${batch}</option>
-                `
+              batch => html`
+                <option value="${batch}" ?selected="${this.record && this.record.target === batch}">${batch}</option>
+              `
             )}
           </select>
 

package/client/pages/order/vas-order/popup/vas-create-etc-type-form.js

@@ -1,6 +1,6 @@
 import { LitElement, html } from 'lit'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import { i18next } from '@things-factory/i18n-base'
+import { i18next } from '@operato/i18n'
 
 export class VasCreateEtcTypeForm extends LitElement {
   static get properties() {