@noya-app/noya-designsystem 0.1.59 → 0.1.60

package/dist/index.mjs

@@ -220,6 +220,7 @@ import { useEffect as useEffect3, useRef as useRef4 } from "react";
 
 // ../noya-react-utils/src/hooks/useIsomorphicLayoutEffect.ts
 import * as React5 from "react";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React5.useLayoutEffect : React5.useEffect;
 
 // ../noya-react-utils/src/hooks/useLateReference.ts
 import { useCallback as useCallback5, useLayoutEffect as useLayoutEffect2, useRef as useRef5 } from "react";
@@ -296,12 +297,12 @@ import { isShallowEqual } from "@noya-app/noya-utils";
 import { useRef as useRef7 } from "react";
 
 // ../noya-react-utils/src/hooks/useStableCallback.ts
-import { useCallback as useCallback9, useLayoutEffect as useLayoutEffect3, useRef as useRef8 } from "react";
+import { useCallback as useCallback9, useRef as useRef8 } from "react";
 var noop2 = () => {
 };
 function useStableCallback(callback) {
   const callbackRef = useRef8(callback || noop2);
-  useLayoutEffect3(() => {
+  useIsomorphicLayoutEffect(() => {
     callbackRef.current = callback || noop2;
   }, [callback]);
   return useCallback9(
@@ -1065,7 +1066,7 @@ import React16, {
   forwardRef as forwardRef7,
   useCallback as useCallback11,
   useEffect as useEffect10,
-  useLayoutEffect as useLayoutEffect4,
+  useLayoutEffect as useLayoutEffect3,
   useRef as useRef10,
   useState as useState11
 } from "react";
@@ -1189,7 +1190,7 @@ var SubmittableTextInput = forwardRef7(function SubmittableTextInput2({
   const userDidEdit = useRef10(false);
   const isSubmitTriggeredByEscapeKey = useRef10(false);
   const [internalValue, setInternalValue] = useState11("");
-  useLayoutEffect4(() => {
+  useLayoutEffect3(() => {
     setInternalValue(value);
   }, [value]);
   const handleSubmit = useCallback11(() => {
@@ -3141,7 +3142,7 @@ import React34, {
   isValidElement as isValidElement2,
   useCallback as useCallback16,
   useEffect as useEffect14,
-  useLayoutEffect as useLayoutEffect5,
+  useLayoutEffect as useLayoutEffect4,
   useRef as useRef14,
   useState as useState17
 } from "react";
@@ -3181,7 +3182,7 @@ var PresenceChild = ({
     willChange: "opacity",
     backfaceVisibility: "hidden"
   };
-  useLayoutEffect5(() => {
+  useLayoutEffect4(() => {
     let rafId;
     if (isPresent && animationState !== "entered") {
       if (isInitialMount.current && skipInitialAnimation) {
@@ -4439,7 +4440,7 @@ import React49, {
   useCallback as useCallback23,
   useContext as useContext11,
   useImperativeHandle as useImperativeHandle4,
-  useLayoutEffect as useLayoutEffect6,
+  useLayoutEffect as useLayoutEffect5,
   useMemo as useMemo21,
   useRef as useRef19
 } from "react";
@@ -5158,7 +5159,7 @@ function ListViewEditableRowTitle({
   onKeyDown
 }) {
   const inputRef = useRef19(null);
-  useLayoutEffect6(() => {
+  useLayoutEffect5(() => {
     const element = inputRef.current;
     if (!element || !autoFocus) return;
     element.focus();
@@ -5482,7 +5483,7 @@ var VirtualizedListInner = forwardRefGeneric(function VirtualizedListInner2({
       listRef.current?.scrollToItem(index);
     }
   }));
-  useLayoutEffect6(() => {
+  useLayoutEffect5(() => {
     listRef.current?.resetAfterIndex(0);
   }, [
     // When items change, we need to re-render the virtualized list,
@@ -7954,14 +7955,14 @@ function useImageData(ref) {
 }
 
 // src/hooks/useObjectURL.ts
-import { useLayoutEffect as useLayoutEffect7, useMemo as useMemo26 } from "react";
+import { useLayoutEffect as useLayoutEffect6, useMemo as useMemo26 } from "react";
 function useObjectURL(object) {
   const objectURL = useMemo26(() => {
     if (object instanceof Blob) return URL.createObjectURL(object);
     const bytes = object instanceof Uint8Array ? object : object !== void 0 ? new Uint8Array(object) : new Uint8Array();
     return URL.createObjectURL(new Blob([bytes]));
   }, [object]);
-  useLayoutEffect7(() => {
+  useLayoutEffect6(() => {
     return () => URL.revokeObjectURL(objectURL);
   }, [objectURL]);
   return objectURL;
@@ -12078,10 +12079,10 @@ function useWindowSize() {
 }
 
 // src/components/workspace/DrawerWorkspaceLayout.tsx
-import React87, { memo as memo36, useLayoutEffect as useLayoutEffect10, useRef as useRef26, useState as useState30 } from "react";
+import React87, { memo as memo36, useLayoutEffect as useLayoutEffect9, useRef as useRef26, useState as useState30 } from "react";
 
 // src/hooks/usePreservePanelSize.tsx
-import { useLayoutEffect as useLayoutEffect9, useRef as useRef25 } from "react";
+import { useLayoutEffect as useLayoutEffect8, useRef as useRef25 } from "react";
 var EDITOR_PANEL_GROUP_ID = "editor-panel-group";
 var LEFT_SIDEBAR_ID = "editor-left-sidebar";
 var RIGHT_SIDEBAR_ID = "editor-right-sidebar";
@@ -12089,7 +12090,7 @@ var CONTENT_AREA_ID = "editor-content-area";
 function usePreservePanelSize(panelGroupRef, setPanelLayoutState) {
   const windowSize = useWindowSize();
   const layoutRef = useRef25();
-  useLayoutEffect9(() => {
+  useLayoutEffect8(() => {
     const panelGroup = document.querySelector(
       `[data-panel-group-id="${EDITOR_PANEL_GROUP_ID}"]`
     );
@@ -12132,7 +12133,7 @@ function usePreservePanelSize(panelGroupRef, setPanelLayoutState) {
       panelGroupObserver.disconnect();
     };
   }, [panelGroupRef, setPanelLayoutState]);
-  useLayoutEffect9(() => {
+  useLayoutEffect8(() => {
     if (!layoutRef.current) return;
     const {
       windowWidth: oldWindowWidth,
@@ -12229,7 +12230,7 @@ var DrawerWorkspaceLayout = memo36(function DrawerWorkspaceLayout2({
 }) {
   const portalContainer = useRef26(null);
   const [mounted, setMounted] = useState30(false);
-  useLayoutEffect10(() => {
+  useLayoutEffect9(() => {
     if (mounted) return;
     setMounted(true);
     handleChangeLayoutState({