canvu-react 0.4.28 → 0.4.30

package/dist/react.d.cts

@@ -173,6 +173,11 @@ type ImagesMenuProps = {
      */
     onFocusItem?: (item: VectorSceneItem) => void;
     labels?: ImagesMenuLabels;
+    /**
+     * Whether the menu starts expanded. Defaults to `false` (collapsed), showing
+     * only the floating toggle button until the user opens it.
+     */
+    defaultOpen?: boolean;
 };
 /**
  * Floating side panel that lists images marked as "managed"
@@ -180,7 +185,7 @@ type ImagesMenuProps = {
  * drag-to-reorder actions. Managed images are also `locked`, so they do not
  * respond to direct canvas interaction.
  */
-declare function ImagesMenu({ items, onItemsChange, onFocusItem, labels, }: ImagesMenuProps): react_jsx_runtime.JSX.Element | null;
+declare function ImagesMenu({ items, onItemsChange, onFocusItem, labels, defaultOpen, }: ImagesMenuProps): react_jsx_runtime.JSX.Element | null;
 
 type NavMenuMinimapProps = {
     className?: string;

package/dist/react.d.ts

@@ -173,6 +173,11 @@ type ImagesMenuProps = {
      */
     onFocusItem?: (item: VectorSceneItem) => void;
     labels?: ImagesMenuLabels;
+    /**
+     * Whether the menu starts expanded. Defaults to `false` (collapsed), showing
+     * only the floating toggle button until the user opens it.
+     */
+    defaultOpen?: boolean;
 };
 /**
  * Floating side panel that lists images marked as "managed"
@@ -180,7 +185,7 @@ type ImagesMenuProps = {
  * drag-to-reorder actions. Managed images are also `locked`, so they do not
  * respond to direct canvas interaction.
  */
-declare function ImagesMenu({ items, onItemsChange, onFocusItem, labels, }: ImagesMenuProps): react_jsx_runtime.JSX.Element | null;
+declare function ImagesMenu({ items, onItemsChange, onFocusItem, labels, defaultOpen, }: ImagesMenuProps): react_jsx_runtime.JSX.Element | null;
 
 type NavMenuMinimapProps = {
     className?: string;

package/dist/react.js

@@ -2208,7 +2208,8 @@ function ImagesMenu({
   items,
   onItemsChange,
   onFocusItem,
-  labels
+  labels,
+  defaultOpen = false
 }) {
   const managed = useMemo(() => items.filter(isManagedImage), [items]);
   const sensors = useSensors(
@@ -2216,7 +2217,7 @@ function ImagesMenu({
       activationConstraint: { distance: 4 }
     })
   );
-  const [collapsed, setCollapsed] = useState(false);
+  const [collapsed, setCollapsed] = useState(!defaultOpen);
   useEffect(() => {
     ensureOpenKeyframe();
   }, []);