Use OG class properties for iOS13 support

packages/client/src/components/app/charts/ApexOptionsBuilder.js

@@ -1,10 +1,11 @@
 export class ApexOptionsBuilder {
-  formatters = {
+  constructor() {
+    this.formatters = {
       ["Default"]: val => (isNaN(val) ? val : Math.round(val * 100) / 100),
       ["Thousands"]: val => `${Math.round(val / 1000)}K`,
       ["Millions"]: val => `${Math.round(val / 1000000)}M`,
     }
-  options = {
+    this.options = {
       series: [],
       legend: {
         show: false,
@@ -33,6 +34,7 @@ export class ApexOptionsBuilder {
         },
       },
     }
+  }
 
   setOption(path, value) {
     if (value == null || value === "") {

packages/frontend-core/src/fetch/DataFetch.js

@@ -14,18 +14,23 @@ import { convertJSONSchemaToTableSchema } from "../utils/json"
  * For other types of datasource, this class is overridden and extended.
  */
 export default class DataFetch {
+  /**
+   * Constructs a new DataFetch instance.
+   * @param opts the fetch options
+   */
+  constructor(opts) {
     // API client
-  API = null
+    this.API = null
 
     // Feature flags
-  featureStore = writable({
+    this.featureStore = writable({
       supportsSearch: false,
       supportsSort: false,
       supportsPagination: false,
     })
 
     // Config
-  options = {
+    this.options = {
       datasource: null,
       limit: 10,
 
@@ -43,7 +48,7 @@ export default class DataFetch {
     }
 
     // State of the fetch
-  store = writable({
+    this.store = writable({
       rows: [],
       info: null,
       schema: null,
@@ -55,11 +60,6 @@ export default class DataFetch {
       cursors: [],
     })
 
-  /**
-   * Constructs a new DataFetch instance.
-   * @param opts the fetch options
-   */
-  constructor(opts) {
     // Merge options with their default values
     this.API = opts?.API
     this.options = {