@things-factory/reference-app 8.0.0-alpha.6 → 8.0.0-alpha.8

package/client/pages/data-set/data-set-list-page.js

@@ -17,7 +17,20 @@ import { PageView, store } from '@operato/shell'
 import { CommonButtonStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'
 import { isMobileDevice } from '@operato/utils'
 
-const DEFAULT_TZ = Intl.DateTimeFormat().resolvedOptions().timeZone
+function getSystemTimeZone() {
+  try {
+    const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone
+    if (!timeZone) {
+      throw new Error('Unable to resolve timeZone')
+    }
+    return timeZone
+  } catch (e) {
+    console.warn('Failed to get system timeZone, falling back to UTC.', e)
+    return 'UTC'
+  }
+}
+
+const DEFAULT_TZ = getSystemTimeZone()
 const TIMEZONE_OPTIONS = ['', DEFAULT_TZ, ...moment.tz.names().filter(tz => tz !== DEFAULT_TZ)]
 
 const ENTRY_TYPES = [
@@ -251,11 +264,16 @@ export class DataSetListPage extends connect(store)(localize(i18next)(PageView))
           title: 'data entry mockup form',
           handlers: {
             click: (columns, data, column, record, rowIndex) => {
-              openPopup(html` <data-entry-mockup-form .dataSet=${record} style="background-color: white;"></data-entry-mockup-form> `, {
-                backdrop: true,
-                size: 'large',
-                title: i18next.t('title.data-entry-form')
-              })
+              openPopup(
+                html`
+                  <data-entry-mockup-form .dataSet=${record} style="background-color: white;"></data-entry-mockup-form>
+                `,
+                {
+                  backdrop: true,
+                  size: 'large',
+                  title: i18next.t('title.data-entry-form')
+                }
+              )
             }
           }
         },
@@ -736,7 +754,9 @@ export class DataSetListPage extends connect(store)(localize(i18next)(PageView))
         ...this.grist._config.columns
           .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined)
           .reduce((record, column) => {
-            record[column.imex.key] = column.imex.key.split('.').reduce((obj, key) => (obj && obj[key] !== 'undefined' ? obj[key] : undefined), item)
+            record[column.imex.key] = column.imex.key
+              .split('.')
+              .reduce((obj, key) => (obj && obj[key] !== 'undefined' ? obj[key] : undefined), item)
             return record
           }, {})
       }