@xh/hoist 71.0.0-SNAPSHOT.1733788712041 → 71.0.0-SNAPSHOT.1733854822950

package/CHANGELOG.md

@@ -15,6 +15,8 @@
 ### ⚙️ Technical
 
 * Added explicit `devDependencies` and `resolutions` blocks for `@types/react[-dom]` at v18.x.
+* Added workaround for problematic use of SASS-syntax-in-CSS shipped by `react-dates`. This began
+  throwing "This function isn't allowed in plain CSS" with latest version of sass/sass-loader.
 
 ## v70.0.0 - 2024-11-15
 

package/build/types/kit/react-dates/index.d.ts

@@ -1,5 +1,5 @@
 import { SingleDatePicker } from 'react-dates';
 import 'react-dates/initialize';
-import 'react-dates/lib/css/_datepicker.css';
+import './datepicker.css';
 export { SingleDatePicker };
 export declare const singleDatePicker: import("@xh/hoist/core").ElementFactory<any>;

package/desktop/cmp/dash/container/DashContainerModel.ts

@@ -24,7 +24,17 @@ import {wait} from '@xh/hoist/promise';
 import {isOmitted} from '@xh/hoist/utils/impl';
 import {debounced, ensureUniqueBy, throwIf} from '@xh/hoist/utils/js';
 import {createObservableRef} from '@xh/hoist/utils/react';
-import {cloneDeep, defaultsDeep, find, isFinite, isNil, last, reject, startCase} from 'lodash';
+import {
+    cloneDeep,
+    defaultsDeep,
+    find,
+    isEqual,
+    isFinite,
+    isNil,
+    last,
+    reject,
+    startCase
+} from 'lodash';
 import {createRoot} from 'react-dom/client';
 import {DashConfig, DashModel} from '../';
 import {DashViewModel, DashViewState} from '../DashViewModel';
@@ -371,13 +381,15 @@ export class DashContainerModel
         this.publishState();
     }
 
-    @debounced(1000)
+    @debounced(100)
     private publishState() {
         const {goldenLayout} = this;
         if (!goldenLayout) return;
-        runInAction(() => {
-            this.state = convertGLToState(goldenLayout, this);
-        });
+
+        const newState = convertGLToState(goldenLayout, this);
+        if (!isEqual(this.state, newState)) {
+            runInAction(() => (this.state = newState));
+        }
     }
 
     private onItemDestroyed(item) {