@nuasite/cms 0.9.1 → 0.9.3

package/dist/editor.js

@@ -33653,7 +33653,7 @@ const ER = ({ id: t, message: e, type: n, onRemove: r }) => {
       onMouseDown: h,
       onClick: h,
       children: /* @__PURE__ */ p("div", { class: "flex items-center justify-between sm:justify-start gap-2 sm:gap-1.5 px-2 sm:px-2 py-2 sm:py-2 bg-cms-dark rounded-cms-xl shadow-[0_8px_32px_rgba(0,0,0,0.3)] border border-white/10", children: [
-        n && !r && t.onToggleHighlights && /* @__PURE__ */ p(
+        b && !r && t.onToggleHighlights && /* @__PURE__ */ p(
           Eu,
           {
             onClick: () => {
@@ -33722,6 +33722,17 @@ const ER = ({ id: t, message: e, type: n, onRemove: r }) => {
               title: "Done editing",
               children: /* @__PURE__ */ p("svg", { class: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ p("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M6 18L18 6M6 6l12 12" }) })
             }
+          ) : g ? /* @__PURE__ */ p(
+            "button",
+            {
+              onClick: (w) => {
+                var C;
+                w.stopPropagation(), (C = t.onSelectElement) == null || C.call(t);
+              },
+              class: "w-10 h-10 flex items-center justify-center rounded-full text-white/60 hover:text-white hover:bg-white/10 transition-all duration-150 cursor-pointer",
+              title: "Done selecting",
+              children: /* @__PURE__ */ p("svg", { class: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ p("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M6 18L18 6M6 6l12 12" }) })
+            }
           ) : /* @__PURE__ */ p("div", { class: "relative", children: [
             /* @__PURE__ */ p(
               "button",

package/package.json

@@ -14,7 +14,7 @@
     "directory": "packages/astro-cms"
   },
   "license": "Apache-2.0",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "module": "src/index.ts",
   "types": "src/index.ts",
   "type": "module",

package/src/editor/components/toolbar.tsx

@@ -217,8 +217,8 @@ export const Toolbar = ({ callbacks, collectionDefinitions }: ToolbarProps) => {
 			onClick={stopPropagation}
 		>
 			<div class="flex items-center justify-between sm:justify-start gap-2 sm:gap-1.5 px-2 sm:px-2 py-2 sm:py-2 bg-cms-dark rounded-cms-xl shadow-[0_8px_32px_rgba(0,0,0,0.3)] border border-white/10">
-				{/* Outlines toggle - visible in toolbar when editing */}
-				{isEditing && !showingOriginal && callbacks.onToggleHighlights && (
+				{/* Outlines toggle - visible in toolbar when editing or selecting */}
+				{isToolbarOpen && !showingOriginal && callbacks.onToggleHighlights && (
 					<ToolbarButton
 						onClick={() => callbacks.onToggleHighlights?.()}
 						class={'flex gap-2.5 bg-white/10 text-white/80 hover:bg-white/20 hover:text-white py-2! pr-1.5!'}
@@ -290,7 +290,22 @@ export const Toolbar = ({ callbacks, collectionDefinitions }: ToolbarProps) => {
 								</svg>
 							</button>
 						)
-						: (
+						: isSelectMode
+							? (
+								<button
+									onClick={(e) => {
+										e.stopPropagation()
+										callbacks.onSelectElement?.()
+									}}
+									class="w-10 h-10 flex items-center justify-center rounded-full text-white/60 hover:text-white hover:bg-white/10 transition-all duration-150 cursor-pointer"
+									title="Done selecting"
+								>
+									<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+										<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+									</svg>
+								</button>
+							)
+							: (
 							<div class="relative">
 								<button
 									onClick={(e) => {