@things-factory/operato-pms 3.8.0 → 3.8.13

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

@@ -1,13 +1,15 @@
-import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import '@things-factory/grist-ui'
+import '../../component/block-selector-popup'
+
+import gql from 'graphql-tag'
+import { css, html } from 'lit-element'
+
+import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { openPopup } from '@things-factory/layout-base'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
 import { isMobileDevice } from '@things-factory/utils'
-import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
-import '../../component/block-selector-popup'
 
 class EditHarvestingRecord extends localize(i18next)(PageView) {
   static get properties() {
@@ -95,17 +97,17 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
     return html`
       <form name="dailyHarvest" class="multi-column-form" autocomplete="off">
         <fieldset>
-          <legend>${i18next.t('title.daily_harvesting_record')}</legend>
-          <label>${i18next.t('label.harvest_date')}</label>
+          <legend>${i18next.t('title.harvesting_contractors_daily_harvesting_record')}</legend>
+          <label>${i18next.t('label.date')}</label>
           <input type="date" name="harvestDate" required />
 
           <label>${i18next.t('label.block')}</label>
-          <input name="block" readonly @click="${this._openBlockSelector.bind(this)}" />
+          <input name="block" readonly />
 
           <label>${i18next.t('label.harvesting_round')}</label>
           <input type="number" min="1" name="harvestingRound" />
 
-          <label>${i18next.t('label.coverage')}</label>
+          <label>${i18next.t('label.total_task_covered')}</label>
           <input type="number" min="1" name="coverage" />
         </fieldset>
       </form>
@@ -123,6 +125,16 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
           ></data-grist>
         </div>
       </div>
+
+      <form name="dailyCollection" class="multi-column-form" autocomplete="off">
+        <fieldset>
+          <label>${i18next.t('label.yesterday_balance_in_field')}</label>
+          <input type="number" min="0" name="yesterdayBalanceBunchInField" />
+
+          <label>${i18next.t('label.collected_today')}</label>
+          <input type="number" min="0" name="collectedBunch" />
+        </fieldset>
+      </form>
     `
   }
 
@@ -135,6 +147,10 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
     return this.shadowRoot.querySelector('form[name=dailyHarvest]')
   }
 
+  get collectionForm() {
+    return this.shadowRoot.querySelector('form[name=dailyCollection]')
+  }
+
   get harvestGrist() {
     return this.shadowRoot.querySelector('data-grist#harvest-grist')
   }
@@ -143,7 +159,15 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
     return this.shadowRoot.querySelector('input[name=block]')
   }
 
-  async pageInitialized() {
+  get collectionInput() {
+    return this.shadowRoot.querySelector('input[name=collectedBunch]')
+  }
+
+  get balanceInput() {
+    return this.shadowRoot.querySelector('input[name=yesterdayBalanceBunchInField]')
+  }
+
+  pageInitialized() {
     this.harvestGristConfig = {
       pagination: { infinite: true },
       list: {
@@ -167,13 +191,20 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
               select: [
                 { name: 'id', hidden: true },
                 { name: 'staffId', header: i18next.t('field.staff_id'), width: 200 },
-                { name: 'name', header: i18next.t('field.name'), width: 200 }
+                { name: 'name', header: i18next.t('field.name'), width: 200 },
+                { name: 'organizationName', header: i18next.t('field.contractor'), width: 200 }
               ],
-              list: { fields: ['staffId', 'name'] }
+              list: { fields: ['staffId', 'name', 'organizationName'] }
             }
           },
           width: 300
         },
+        {
+          type: 'string',
+          name: 'organizationName',
+          header: i18next.t('field.contractor'),
+          width: 300
+        },
         {
           type: 'float',
           name: 'totalBunchHarvested',
@@ -181,6 +212,13 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
           record: { editable: true },
           width: 150
         },
+        {
+          type: 'float',
+          name: 'totalTonnageHarvested',
+          header: i18next.t('field.total_tonnage_harvested'),
+          record: { editable: true },
+          width: 150
+        },
         {
           type: 'string',
           name: 'remark',
@@ -197,10 +235,15 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
       this._checkStaffDuplication()
       let changeRecord = event.detail.after
       const changedColumn = event.detail.column.name
-      let { totalBunchHarvested } = changeRecord
+      let { totalBunchHarvested, totalTonnageHarvested } = changeRecord
 
-      if (changedColumn === 'totalBunchHarvested' && (totalBunchHarvested < 0 || isNaN(totalBunchHarvested)))
+      if (changedColumn === 'totalBunchHarvested' && (totalBunchHarvested < 0 || isNaN(totalBunchHarvested))) {
         throw new Error(i18next.t('text.total_no_of_bunches_should_be_positive'))
+      }
+
+      if (changedColumn === 'totalTonnageHarvested' && (totalTonnageHarvested < 0 || isNaN(totalTonnageHarvested))) {
+        throw new Error(i18next.t('text.total_tonnage_harvested_should_be_positive'))
+      }
     } catch (e) {
       const beforeValue = event.detail.before && event.detail.before[event.detail.column.name]
       if (beforeValue) {
@@ -240,12 +283,7 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
   }
 
   async _fetchHarvestRecord() {
-    if (!this._harvestNo) {
-      CustomAlert({
-        title: i18next.t('text.no_records'),
-        text: i18next.t('text.unable_to_find_harvest_record')
-      })
-    }
+    if (!this._harvestNo) return
 
     const response = await client.query({
       query: gql`
@@ -258,17 +296,24 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
               description
             }
             harvestDate
+            collectedBunch
             coverage
             rainfall
+            yesterdayBalanceBunchInField
             harvestingRound
             status
             dailyHarvestDetails {
               name
               totalBunchHarvested
+              totalTonnageHarvested
               remark
               organizationStaff {
                 id
                 name
+                organization {
+                  id
+                  name
+                }
               }
             }
           }
@@ -281,12 +326,17 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
       const dailyHarvest = response.data.dailyHarvest
       const dailyHarvestDetails = dailyHarvest.dailyHarvestDetails
       this._fillupHarvestForm({ ...dailyHarvest, block: dailyHarvest.block.name })
+      this._fillupCollectionForm({
+        collectedBunch: dailyHarvest.collectedBunch,
+        yesterdayBalanceBunchInField: dailyHarvest.yesterdayBalanceBunchInField
+      })
       this._status = dailyHarvest.status
       this.harvestData = {
         records: dailyHarvestDetails.map(detail => {
           return {
             ...detail,
-            staffName: detail.organizationStaff && detail.organizationStaff.name
+            staffName: detail.organizationStaff && detail.organizationStaff.name,
+            organizationName: detail.organizationStaff.organization && detail.organizationStaff.organization?.name
           }
         })
       }
@@ -324,8 +374,12 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
 
       if (!result.value) return
 
-      let dailyHarvestPatch = this._getFormInfo()
+      let dailyHarvestPatch = this._getFormInfo(this.harvestingForm)
+      const dailyCollection = this._getFormInfo(this.collectionForm)
+
       dailyHarvestPatch.harvestingRound = parseInt(dailyHarvestPatch.harvestingRound)
+      dailyHarvestPatch.collectedBunch = parseFloat(dailyCollection.collectedBunch)
+      dailyHarvestPatch.yesterdayBalanceBunchInField = parseFloat(dailyCollection.yesterdayBalanceBunchInField)
       dailyHarvestPatch.coverage = parseFloat(dailyHarvestPatch.coverage)
       dailyHarvestPatch.dailyHarvestDetails = this._getHarvestDetails()
 
@@ -353,6 +407,12 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
 
   _validateForm() {
     if (!this.harvestingForm.checkValidity()) throw new Error(i18next.t('text.harvesting_record_invalid'))
+
+    if (this.balanceInput?.value < 0 || isNaN(this.balanceInput?.value))
+      throw new Error(i18next.t('text.x_has_invalid_value', { state: 'label.yesterday_balance_bunch' }))
+
+    if (this.collectionInput?.value < 0 || isNaN(this.collectionInput?.value))
+      throw new Error(i18next.t('text.x_has_invalid_value', { state: 'label.collected_bunch' }))
   }
 
   _validateHarvestData() {
@@ -369,8 +429,8 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
       throw new Error(i18next.t('text.empty_value_in_list'))
   }
 
-  _getFormInfo() {
-    return this._serializeForm(this.harvestingForm)
+  _getFormInfo(form) {
+    return this._serializeForm(form)
   }
 
   _getHarvestDetails() {
@@ -382,6 +442,7 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
           name: record.organizationStaff.name
         },
         totalBunchHarvested: Number(record.totalBunchHarvested),
+        totalTonnageHarvested: Number(record.totalTonnageHarvested),
         remark: record?.remark ? record.remark : null
       }
 
@@ -393,6 +454,10 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
     this._fillupForm(this.harvestingForm, data)
   }
 
+  _fillupCollectionForm(data) {
+    this._fillupForm(this.collectionForm, data)
+  }
+
   _fillupForm(form, data) {
     form.reset()
     for (let key in data) {
@@ -413,6 +478,7 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
 
   _clearView() {
     this.harvestingForm.reset()
+    this.collectionForm.reset()
     this.harvestData = { ...this.harvestData, records: [] }
   }
 

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

@@ -1,14 +1,16 @@
 import '@things-factory/form-ui'
-import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import '@things-factory/grist-ui'
+import '../../component/block-selector-popup'
+
+import gql from 'graphql-tag'
+import { css, html } from 'lit-element'
+
+import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { openPopup } from '@things-factory/layout-base'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
 import { isMobileDevice } from '@things-factory/utils'
-import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
-import '../../component/block-selector-popup'
 
 class HarvestingCreateRecord extends localize(i18next)(PageView) {
   static get properties() {
@@ -89,8 +91,8 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
     return html`
       <form name="dailyHarvest" class="multi-column-form" autocomplete="off">
         <fieldset>
-          <legend>${i18next.t('title.daily_harvesting_record')}</legend>
-          <label>${i18next.t('label.harvest_date')}</label>
+          <legend>${i18next.t('title.harvesting_contractors_daily_harvesting_record')}</legend>
+          <label>${i18next.t('label.date')}</label>
           <input type="date" name="harvestDate" required />
 
           <label>${i18next.t('label.block')}</label>
@@ -99,7 +101,7 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
           <label>${i18next.t('label.harvesting_round')}</label>
           <input type="number" min="1" name="harvestingRound" />
 
-          <label>${i18next.t('label.coverage')}</label>
+          <label>${i18next.t('label.total_task_covered')}</label>
           <input type="number" min="1" name="coverage" />
         </fieldset>
       </form>
@@ -117,6 +119,16 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
           ></data-grist>
         </div>
       </div>
+
+      <form name="dailyCollection" class="multi-column-form" autocomplete="off">
+        <fieldset>
+          <label>${i18next.t('label.yesterday_balance_in_field')}</label>
+          <input type="number" min="0" name="yesterdayBalanceBunchInField" />
+
+          <label>${i18next.t('label.collected_today')}</label>
+          <input type="number" min="0" name="collectedBunch" />
+        </fieldset>
+      </form>
     `
   }
 
@@ -129,6 +141,10 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
     return this.shadowRoot.querySelector('form[name=dailyHarvest]')
   }
 
+  get collectionForm() {
+    return this.shadowRoot.querySelector('form[name=dailyCollection]')
+  }
+
   get harvestGrist() {
     return this.shadowRoot.querySelector('data-grist#harvest-grist')
   }
@@ -137,7 +153,15 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
     return this.shadowRoot.querySelector('input[name=block]')
   }
 
-  async pageInitialized() {
+  get collectionInput() {
+    return this.shadowRoot.querySelector('input[name=collectedBunch]')
+  }
+
+  get balanceInput() {
+    return this.shadowRoot.querySelector('input[name=yesterdayBalanceBunchInField]')
+  }
+
+  pageInitialized() {
     this.harvestGristConfig = {
       pagination: { infinite: true },
       list: {
@@ -168,9 +192,10 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
               select: [
                 { name: 'id', hidden: true },
                 { name: 'staffId', header: i18next.t('field.staff_id'), width: 200 },
-                { name: 'name', header: i18next.t('field.name'), width: 200 }
+                { name: 'name', header: i18next.t('field.name'), width: 200 },
+                { name: 'organizationName', header: i18next.t('field.contractor'), width: 200 }
               ],
-              list: { fields: ['staffId', 'name'] }
+              list: { fields: ['staffId', 'name', 'organizationName'] }
             }
           },
           width: 300
@@ -182,6 +207,13 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
           record: { editable: true },
           width: 150
         },
+        {
+          type: 'float',
+          name: 'totalTonnageHarvested',
+          header: i18next.t('field.total_tonnage_harvested'),
+          record: { editable: true },
+          width: 150
+        },
         {
           type: 'string',
           name: 'remark',
@@ -198,10 +230,15 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
       this._checkStaffDuplication()
       let changeRecord = event.detail.after
       const changedColumn = event.detail.column.name
-      let { totalBunchHarvested } = changeRecord
+      let { totalBunchHarvested, totalTonnageHarvested } = changeRecord
 
-      if (changedColumn === 'totalBunchHarvested' && (!totalBunchHarvested || totalBunchHarvested < 0))
+      if (changedColumn === 'totalBunchHarvested' && (!totalBunchHarvested || totalBunchHarvested < 0)) {
         throw new Error(i18next.t('text.total_no_of_bunches_should_be_positive'))
+      }
+
+      if (changedColumn === 'totalTonnageHarvested' && totalTonnageHarvested < 0) {
+        throw new Error(i18next.t('text.total_tonnage_harvested_should_be_positive'))
+      }
     } catch (e) {
       const beforeValue = event.detail.before && event.detail.before[event.detail.column.name]
       if (beforeValue) {
@@ -236,8 +273,9 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
     openPopup(
       html`
         <block-selector-popup
-          @selected="${e => {
+          @selected="${async e => {
             this.blockInput.value = e.detail.name
+            this.balanceInput.value = await this._fetchBlockBunches(e.detail.id)
           }}"
         ></block-selector-popup>
       `,
@@ -249,6 +287,42 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
     )
   }
 
+  async _fetchBlockBunches(blockId) {
+    if (!blockId) return
+
+    const filters = [
+      {
+        name: 'block',
+        operator: 'eq',
+        value: blockId
+      },
+      {
+        name: 'type',
+        operator: 'eq',
+        value: 'FIELD_BUNCHES'
+      }
+    ]
+
+    const response = await client.query({
+      query: gql`
+        query plantationInventories($filters: [Filter]) {
+          plantationInventories(filters: $filters) {
+            items {
+              id
+              name
+              totalBunches
+              type
+            }
+            total
+          }
+        }
+      `,
+      variables: { filters }
+    })
+
+    return response.data.plantationInventories.items[0]?.totalBunches || 0
+  }
+
   async _generateHarvestingRecord() {
     try {
       this._validateForm()
@@ -263,8 +337,12 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
 
       if (!result.value) return
 
-      let dailyHarvest = this._getFormInfo()
+      let dailyHarvest = this._getFormInfo(this.harvestingForm)
+      const dailyCollection = this._getFormInfo(this.collectionForm)
+
       dailyHarvest.harvestingRound = parseInt(dailyHarvest.harvestingRound)
+      dailyHarvest.collectedBunch = parseFloat(dailyCollection.collectedBunch)
+      dailyHarvest.yesterdayBalanceBunchInField = parseFloat(dailyCollection.yesterdayBalanceBunchInField)
       dailyHarvest.coverage = parseFloat(dailyHarvest.coverage)
       dailyHarvest.dailyHarvestDetails = this._getHarvestDetails()
 
@@ -292,6 +370,12 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
 
   _validateForm() {
     if (!this.harvestingForm.checkValidity()) throw new Error(i18next.t('text.harvesting_record_invalid'))
+
+    if (this.balanceInput?.value < 0 || isNaN(this.balanceInput?.value))
+      throw new Error(i18next.t('text.x_has_invalid_value', { x: i18next.t('label.yesterday_balance_bunch') }))
+
+    if (this.collectionInput?.value < 0 || isNaN(this.collectionInput?.value))
+      throw new Error(i18next.t('text.x_has_invalid_value', { x: i18next.t('label.collected_bunch') }))
   }
 
   _validateHarvestData() {
@@ -307,8 +391,8 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
       throw new Error(i18next.t('text.empty_value_in_list'))
   }
 
-  _getFormInfo() {
-    return this._serializeForm(this.harvestingForm)
+  _getFormInfo(form) {
+    return this._serializeForm(form)
   }
 
   _getHarvestDetails() {
@@ -319,6 +403,7 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
           name: record.organizationStaff.name
         },
         totalBunchHarvested: Number(record.totalBunchHarvested),
+        totalTonnageHarvested: Number(record.totalTonnageHarvested),
         remark: record?.remark ? record.remark : null
       }
 
@@ -328,6 +413,7 @@ class HarvestingCreateRecord extends localize(i18next)(PageView) {
 
   _clearView() {
     this.harvestingForm.reset()
+    this.collectionForm.reset()
     this.harvestData = { ...this.harvestData, records: [] }
   }
 

package/client/pages/harvesting/harvesting-list.js

@@ -1,11 +1,13 @@
 import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
+
+import gql from 'graphql-tag'
+import { css, html } from 'lit-element'
+
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, navigate, PageView } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
 import { isMobileDevice } from '@things-factory/utils'
-import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
 
 class HarvestingList extends localize(i18next)(PageView) {
   static get styles() {
@@ -52,9 +54,9 @@ class HarvestingList extends localize(i18next)(PageView) {
 
   get context() {
     return {
-      title: i18next.t('title.harvest_list'),
+      title: i18next.t('title.harvesting_contractors_daily_harvesting_record'),
       exportable: {
-        name: i18next.t('title.harvest_list'),
+        name: i18next.t('title.harvesting_contractors_daily_harvesting_record'),
         data: this._exportableData.bind(this)
       }
     }
@@ -71,7 +73,7 @@ class HarvestingList extends localize(i18next)(PageView) {
 
     this._searchFields = [
       {
-        label: i18next.t('field.harvest_date'),
+        label: i18next.t('field.date'),
         name: 'harvestDate',
         type: 'date',
         props: { searchOper: 'eq' }
@@ -97,11 +99,21 @@ class HarvestingList extends localize(i18next)(PageView) {
 
     this.config = {
       list: {
-        fields: ['harvestDate', 'block', 'totalBunchHarvested', 'coverage', 'harvestingRound', 'updatedAt', 'updater']
+        fields: [
+          'harvestDate',
+          'block',
+          'yesterdayBalanceBunchInField',
+          'totalBunchHarvested',
+          'collectedBunch',
+          'balanceBunchInField',
+          'coverage',
+          'harvestingRound',
+          'updatedAt',
+          'updater'
+        ]
       },
       rows: { appendable: false, selectable: { multiple: true } },
       columns: [
-        { type: 'gutter', gutterName: 'dirty' },
         { type: 'gutter', gutterName: 'sequence' },
         {
           type: 'gutter',
@@ -116,7 +128,8 @@ class HarvestingList extends localize(i18next)(PageView) {
         {
           type: 'date',
           name: 'harvestDate',
-          header: i18next.t('field.harvest_date'),
+          header: i18next.t('field.date'),
+          label: true,
           sortable: true,
           width: 120
         },
@@ -124,27 +137,55 @@ class HarvestingList extends localize(i18next)(PageView) {
           type: 'object',
           name: 'block',
           header: i18next.t('field.block'),
+          label: true,
+          sortable: true,
+          width: 180
+        },
+        {
+          type: 'float',
+          name: 'yesterdayBalanceBunchInField',
+          header: i18next.t('field.yesterday_balance_in_field'),
+          label: true,
           sortable: true,
           width: 180
         },
         {
           type: 'float',
           name: 'totalBunchHarvested',
-          header: i18next.t('field.total_harvested'),
+          header: i18next.t('field.harvested_today'),
+          label: true,
           sortable: true,
-          width: 150
+          width: 180
+        },
+        {
+          type: 'float',
+          name: 'collectedBunch',
+          header: i18next.t('field.collected_bunch'),
+          label: true,
+          sortable: true,
+          width: 180
+        },
+        {
+          type: 'float',
+          name: 'balanceBunchInField',
+          header: i18next.t('field.balance_bunch_in_field'),
+          label: true,
+          sortable: true,
+          width: 180
         },
         {
           type: 'float',
           name: 'coverage',
-          header: i18next.t('field.coverage'),
+          header: i18next.t('field.total_task_covered'),
+          label: true,
           sortable: true,
-          width: 100
+          width: 160
         },
         {
           type: 'integer',
           name: 'harvestingRound',
           header: i18next.t('field.harvesting_round'),
+          label: true,
           sortable: true,
           width: 150
         },
@@ -152,6 +193,7 @@ class HarvestingList extends localize(i18next)(PageView) {
           type: 'datetime',
           name: 'updatedAt',
           header: i18next.t('field.updated_at'),
+          label: true,
           sortable: true,
           width: 160
         },
@@ -159,6 +201,7 @@ class HarvestingList extends localize(i18next)(PageView) {
           type: 'object',
           name: 'updater',
           header: i18next.t('field.updater'),
+          label: true,
           sortable: true,
           width: 200
         }
@@ -193,6 +236,9 @@ class HarvestingList extends localize(i18next)(PageView) {
               }
               harvestDate
               totalBunchHarvested
+              collectedBunch
+              yesterdayBalanceBunchInField
+              balanceBunchInField
               coverage
               harvestingRound
               deletedAt

package/client/pages/inventory/inventory-field-bunches.js

@@ -1,14 +1,16 @@
 import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
+import './inventory-history-by-bunches'
+
+import gql from 'graphql-tag'
+import { css, html } from 'lit-element'
+import { connect } from 'pwa-helpers/connect-mixin'
+
 import { i18next, localize } from '@things-factory/i18n-base'
 import { openPopup } from '@things-factory/layout-base'
 import { client, PageView, store } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
 import { isMobileDevice } from '@things-factory/utils'
-import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
-import { connect } from 'pwa-helpers/connect-mixin'
-import './inventory-history-by-bunches'
 
 class InventoryFieldBunches extends connect(store)(localize(i18next)(PageView)) {
   static get styles() {