canvu-react 0.4.29 → 0.4.31

package/dist/react.d.cts

@@ -158,6 +158,8 @@ type ImagesMenuLabels = {
     title?: string;
     dragHandle?: string;
     focus?: string;
+    duplicate?: string;
+    /** @deprecated Use `duplicate` instead. */
     copy?: string;
     rotate?: string;
     delete?: string;
@@ -173,14 +175,19 @@ 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"
- * (via `pluginData.managed === true`) and offers copy, rotate, delete, and
+ * (via `pluginData.managed === true`) and offers duplicate, rotate, delete, and
  * 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

@@ -158,6 +158,8 @@ type ImagesMenuLabels = {
     title?: string;
     dragHandle?: string;
     focus?: string;
+    duplicate?: string;
+    /** @deprecated Use `duplicate` instead. */
     copy?: string;
     rotate?: string;
     delete?: string;
@@ -173,14 +175,19 @@ 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"
- * (via `pluginData.managed === true`) and offers copy, rotate, delete, and
+ * (via `pluginData.managed === true`) and offers duplicate, rotate, delete, and
  * 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

@@ -3,7 +3,7 @@ import { createContext, forwardRef, useRef, useState, useCallback, useMemo, useI
 import { useSensors, useSensor, PointerSensor, DndContext } from '@dnd-kit/core';
 import { SortableContext, verticalListSortingStrategy, useSortable, arrayMove } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
-import { Undo2, Redo2, Shapes, ChevronDown, Hand, MousePointer2, Square, Circle, Minus, ArrowUpRight, PenLine, Highlighter, Eraser, Type, Image as Image$1, Lock, LockOpen, Images, ChevronRight, GripVertical, Copy, RotateCw, Trash2 } from 'lucide-react';
+import { Undo2, Redo2, Shapes, ChevronDown, Hand, MousePointer2, Square, Circle, Minus, ArrowUpRight, PenLine, Highlighter, Eraser, Type, Image as Image$1, Lock, LockOpen, Images, ChevronRight, GripVertical, CopyPlus, RotateCw, Trash2 } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 
@@ -2198,7 +2198,7 @@ var defaultLabels = {
   title: "Images",
   dragHandle: "Drag to reorder",
   focus: "Focus on canvas",
-  copy: "Copy",
+  duplicate: "Duplicate",
   rotate: "Rotate",
   delete: "Delete",
   collapse: "Collapse images menu",
@@ -2208,7 +2208,8 @@ function ImagesMenu({
   items,
   onItemsChange,
   onFocusItem,
-  labels
+  labels,
+  defaultOpen = false
 }) {
   const managed = useMemo(() => items.filter(isManagedImage), [items]);
   const sensors = useSensors(
@@ -2216,14 +2217,18 @@ function ImagesMenu({
       activationConstraint: { distance: 4 }
     })
   );
-  const [collapsed, setCollapsed] = useState(false);
+  const [collapsed, setCollapsed] = useState(!defaultOpen);
   useEffect(() => {
     ensureOpenKeyframe();
   }, []);
   if (managed.length === 0) {
     return null;
   }
-  const resolvedLabels = { ...defaultLabels, ...labels };
+  const resolvedLabels = {
+    ...defaultLabels,
+    ...labels,
+    duplicate: labels?.duplicate ?? labels?.copy ?? defaultLabels.duplicate
+  };
   if (collapsed) {
     return /* @__PURE__ */ jsx(
       "button",
@@ -2337,7 +2342,7 @@ function ImagesMenuRow({
     ),
     /* @__PURE__ */ jsx(FocusTarget, { label: labels.focus, onFocus, children: /* @__PURE__ */ jsx("div", { style: thumbBoxStyle, children: src ? /* @__PURE__ */ jsx("img", { src, alt: "", style: thumbImgStyle, draggable: false }) : null }) }),
     /* @__PURE__ */ jsxs("div", { style: actionsColumnStyle, children: [
-      /* @__PURE__ */ jsx(ImagesMenuAction, { label: labels.copy, onClick: onCopy, children: /* @__PURE__ */ jsx(Copy, { size: 18 }) }),
+      /* @__PURE__ */ jsx(ImagesMenuAction, { label: labels.duplicate, onClick: onCopy, children: /* @__PURE__ */ jsx(CopyPlus, { size: 18 }) }),
       /* @__PURE__ */ jsx(ImagesMenuAction, { label: labels.rotate, onClick: onRotate, children: /* @__PURE__ */ jsx(RotateCw, { size: 18 }) }),
       /* @__PURE__ */ jsx(ImagesMenuAction, { label: labels.delete, onClick: onDelete, danger: true, children: /* @__PURE__ */ jsx(Trash2, { size: 18 }) })
     ] })