@xh/hoist 73.0.0-SNAPSHOT.1747231011044 → 73.0.0-SNAPSHOT.1747323994993

package/CHANGELOG.md

@@ -12,6 +12,8 @@
   initialize a new `ViewManagerModel`.
   * For clarity, [here is where Toolbox makes that call](https://github.com/xh/toolbox/blob/f15a8018ce36c2ae998b45724b48a16320b88e49/client-app/src/admin/AppModel.ts#L12).
 * Requires call to `makeObservable(this)` in model constructors with `@bindable` (see below).
+* Requires @xh/hoist-dev-utils >= 11.0
+* Apps must also rename their .eslintrc file to eslint.client.cjs and copy the configuration found in Toolbox.
 
 ### 🎁 New Features
 

package/cmp/input/HoistInputModel.ts

@@ -72,7 +72,6 @@ export class HoistInputModel extends HoistModel {
      */
     get domEl(): HTMLElement {
         const current = this.domRef.current as ReactInstance;
-        // eslint-disable-next-line no-undef
         return (
             !current || current instanceof Element ? current : findDOMNode(current)
         ) as HTMLElement;

package/mobx/overrides.ts

@@ -23,10 +23,16 @@ export function makeObservable(
     options?: CreateObservableOptions
 ) {
     // Finish creating 'bindable' properties for this instance.
-    const bindables = target._xhBindableProperties;
-    forEach(bindables, ({isRef}, name) => {
-        const propName = `_${name}_bindable`,
-            initVal = target[name];
+    forEach(target._xhBindableProperties, ({isRef}, name) => {
+        const propName = `_${name}_bindable`;
+
+        // makeObservable is called by each constructor in the class hierarchy.
+        // Don't process the property before initialized...or if its already processed
+        if (!target.hasOwnProperty(name) || target.hasOwnProperty(propName)) {
+            return;
+        }
+
+        const initVal = target[name];
         target[propName] = isRef ? observable.box(initVal, {deep: false}) : observable.box(initVal);
         Object.defineProperty(target, name, {
             get() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xh/hoist",
-  "version": "73.0.0-SNAPSHOT.1747231011044",
+  "version": "73.0.0-SNAPSHOT.1747323994993",
   "description": "Hoist add-on for building and deploying React Applications.",
   "repository": "github:xh/hoist-react",
   "homepage": "https://xh.io",
@@ -9,9 +9,8 @@
   "license": "Apache-2.0",
   "scripts": {
     "lint": "yarn lint:all",
-    "lint:all": "yarn lint:ts && yarn lint:js && yarn lint:styles",
-    "lint:js": "eslint --ext .js,.jsx .",
-    "lint:ts": "eslint --ext .ts,.tsx .",
+    "lint:all": "yarn lint:code && yarn lint:styles",
+    "lint:code": "eslint .",
     "lint:styles": "stylelint \"**/*.s?(a|c)ss\"",
     "prepare": "husky"
   },
@@ -97,10 +96,10 @@
     "@ag-grid-community/react": "31.x",
     "@types/react": "18.x",
     "@types/react-dom": "18.x",
-    "@xh/hoist-dev-utils": "10.x",
+    "@xh/hoist-dev-utils": "11.0.0-SNAPSHOT.1747323244863",
     "csstype": "3.x",
-    "eslint": "8.x",
-    "eslint-config-prettier": "9.x",
+    "eslint": "9.x",
+    "eslint-config-prettier": "10.x",
     "eslint-plugin-tsdoc": "0.x",
     "husky": "9.x",
     "lint-staged": "15.x",