@dashadmin/dash-boilerplate 1.3.49 → 1.3.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +0 -44
- package/dist/index.js +1 -45
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -736,50 +736,6 @@ var DashThemeProviderLight = ({
|
|
|
736
736
|
window.addEventListener("DASHTRefreshTheme", handler);
|
|
737
737
|
return () => window.removeEventListener("DASHTRefreshTheme", handler);
|
|
738
738
|
}, []);
|
|
739
|
-
const currentModeRef = (0, import_react4.useRef)(currentMode);
|
|
740
|
-
currentModeRef.current = currentMode;
|
|
741
|
-
(0, import_react4.useEffect)(() => {
|
|
742
|
-
if (typeof document === "undefined" || typeof MutationObserver === "undefined") return;
|
|
743
|
-
let pending = false;
|
|
744
|
-
const rerun = () => {
|
|
745
|
-
if (pending) return;
|
|
746
|
-
pending = true;
|
|
747
|
-
queueMicrotask(() => {
|
|
748
|
-
pending = false;
|
|
749
|
-
(0, import_dash_utils.updateDomCssVariables)(currentModeRef.current);
|
|
750
|
-
refreshTheme();
|
|
751
|
-
});
|
|
752
|
-
};
|
|
753
|
-
const observer = new MutationObserver((mutations) => {
|
|
754
|
-
for (const mutation of mutations) {
|
|
755
|
-
for (const node of Array.from(mutation.addedNodes)) {
|
|
756
|
-
if (!(node instanceof HTMLElement)) continue;
|
|
757
|
-
if (node.id === "dash-theme-variables") continue;
|
|
758
|
-
if (node.tagName === "STYLE") {
|
|
759
|
-
rerun();
|
|
760
|
-
} else if (node.tagName === "LINK" && node.rel === "stylesheet") {
|
|
761
|
-
const link = node;
|
|
762
|
-
if (link.sheet) {
|
|
763
|
-
rerun();
|
|
764
|
-
} else {
|
|
765
|
-
link.addEventListener("load", rerun, { once: true });
|
|
766
|
-
}
|
|
767
|
-
}
|
|
768
|
-
}
|
|
769
|
-
}
|
|
770
|
-
});
|
|
771
|
-
observer.observe(document.head, { childList: true });
|
|
772
|
-
const onWindowLoad = () => rerun();
|
|
773
|
-
if (document.readyState === "complete") {
|
|
774
|
-
rerun();
|
|
775
|
-
} else {
|
|
776
|
-
window.addEventListener("load", onWindowLoad, { once: true });
|
|
777
|
-
}
|
|
778
|
-
return () => {
|
|
779
|
-
observer.disconnect();
|
|
780
|
-
window.removeEventListener("load", onWindowLoad);
|
|
781
|
-
};
|
|
782
|
-
}, []);
|
|
783
739
|
const contextValue = (0, import_react4.useMemo)(
|
|
784
740
|
() => ({
|
|
785
741
|
theme,
|
package/dist/index.js
CHANGED
|
@@ -484,7 +484,7 @@ import { DASH_REDUX_ACTIONS } from "dash-admin-state";
|
|
|
484
484
|
import { Avatar } from "@mui/material";
|
|
485
485
|
|
|
486
486
|
// src/theme/DashThemeProviderLight.tsx
|
|
487
|
-
import { createContext as createContext2, useContext as useContext2, useState as useState3, useEffect as useEffect2, useMemo as useMemo2
|
|
487
|
+
import { createContext as createContext2, useContext as useContext2, useState as useState3, useEffect as useEffect2, useMemo as useMemo2 } from "react";
|
|
488
488
|
import CssBaseline from "@mui/material/CssBaseline";
|
|
489
489
|
import { createTheme, ThemeProvider } from "@mui/material";
|
|
490
490
|
import { updateDomCssVariables } from "dash-utils";
|
|
@@ -665,50 +665,6 @@ var DashThemeProviderLight = ({
|
|
|
665
665
|
window.addEventListener("DASHTRefreshTheme", handler);
|
|
666
666
|
return () => window.removeEventListener("DASHTRefreshTheme", handler);
|
|
667
667
|
}, []);
|
|
668
|
-
const currentModeRef = useRef(currentMode);
|
|
669
|
-
currentModeRef.current = currentMode;
|
|
670
|
-
useEffect2(() => {
|
|
671
|
-
if (typeof document === "undefined" || typeof MutationObserver === "undefined") return;
|
|
672
|
-
let pending = false;
|
|
673
|
-
const rerun = () => {
|
|
674
|
-
if (pending) return;
|
|
675
|
-
pending = true;
|
|
676
|
-
queueMicrotask(() => {
|
|
677
|
-
pending = false;
|
|
678
|
-
updateDomCssVariables(currentModeRef.current);
|
|
679
|
-
refreshTheme();
|
|
680
|
-
});
|
|
681
|
-
};
|
|
682
|
-
const observer = new MutationObserver((mutations) => {
|
|
683
|
-
for (const mutation of mutations) {
|
|
684
|
-
for (const node of Array.from(mutation.addedNodes)) {
|
|
685
|
-
if (!(node instanceof HTMLElement)) continue;
|
|
686
|
-
if (node.id === "dash-theme-variables") continue;
|
|
687
|
-
if (node.tagName === "STYLE") {
|
|
688
|
-
rerun();
|
|
689
|
-
} else if (node.tagName === "LINK" && node.rel === "stylesheet") {
|
|
690
|
-
const link = node;
|
|
691
|
-
if (link.sheet) {
|
|
692
|
-
rerun();
|
|
693
|
-
} else {
|
|
694
|
-
link.addEventListener("load", rerun, { once: true });
|
|
695
|
-
}
|
|
696
|
-
}
|
|
697
|
-
}
|
|
698
|
-
}
|
|
699
|
-
});
|
|
700
|
-
observer.observe(document.head, { childList: true });
|
|
701
|
-
const onWindowLoad = () => rerun();
|
|
702
|
-
if (document.readyState === "complete") {
|
|
703
|
-
rerun();
|
|
704
|
-
} else {
|
|
705
|
-
window.addEventListener("load", onWindowLoad, { once: true });
|
|
706
|
-
}
|
|
707
|
-
return () => {
|
|
708
|
-
observer.disconnect();
|
|
709
|
-
window.removeEventListener("load", onWindowLoad);
|
|
710
|
-
};
|
|
711
|
-
}, []);
|
|
712
668
|
const contextValue = useMemo2(
|
|
713
669
|
() => ({
|
|
714
670
|
theme,
|