@jbpark/live-editor 6.0.0 → 6.1.0

package/dist/dnd/index.js

@@ -1,3 +1,3 @@
-import { a as Panel, c as useDndChildren, d as useDndLayout, f as useDndPalette, h as DraggableItem, i as Palette, l as resolvePanelBindings, m as useDndInspector, n as Canvas, o as Field, p as useDndPanel, r as Layout, s as useDndItems, t as Dnd, u as withPanelCommit } from "../dnd-BvjEDo-x.js";
+import { a as Panel, c as useDndChildren, d as useDndLayout, f as useDndPalette, h as DraggableItem, i as Palette, l as resolvePanelBindings, m as useDndInspector, n as Canvas, o as Field, p as useDndPanel, r as Layout, s as useDndItems, t as Dnd, u as withPanelCommit } from "../dnd-COjjjuD7.js";
 import { a as isStructuralFieldKind, i as getFieldKind } from "../use-field-state-iQGW0vc6.js";
 export { Canvas, DraggableItem, Field, Layout, Palette, Panel, Dnd as default, getFieldKind, isStructuralFieldKind, resolvePanelBindings, useDndChildren, useDndInspector, useDndItems, useDndLayout, useDndPalette, useDndPanel, withPanelCommit };

package/dist/{dnd-BvjEDo-x.js → dnd-COjjjuD7.js}

@@ -1,13 +1,13 @@
-import { C as isJSXElement, D as isJSXIdentifier, E as isJSXFragment, I as isSpreadElement, L as isStringLiteral, N as isObjectExpression, O as isJSXOpeningElement, P as isObjectProperty, S as isJSXAttribute, a as inspectDocument, at as stringLiteral, b as isExpression, ct as traverseFast, d as applyEdits, dt as parseExpression, k as isJSXSpreadAttribute, l as fillIdsFrom, n as fillSectionIds, ot as templateElement, p as nanoid, st as templateLiteral, t as createSectionPreviewCache, u as replaceIds, x as isIdentifier } from "./document-uHqw0mvr.js";
+import { C as isJSXElement, D as isJSXIdentifier, E as isJSXFragment, I as isSpreadElement, L as isStringLiteral, N as isObjectExpression, O as isJSXOpeningElement, P as isObjectProperty, S as isJSXAttribute, a as inspectDocument, at as stringLiteral, b as isExpression, ct as traverseFast, d as applyEdits, dt as parseExpression, k as isJSXSpreadAttribute, l as fillIdsFrom, n as fillSectionIds, ot as templateElement, p as nanoid, st as templateLiteral, t as createSectionPreviewCache, u as replaceIds, x as isIdentifier } from "./document-BkGWDZGc.js";
 import { r as DATA_ATTR, s as RESERVED_BINDING_PROPERTIES, t as BINDING_PROP } from "./constants-st9gnJ5g.js";
 import { i as useLiveMessages } from "./messages-DrINcRdG.js";
 import { i as usePreview } from "./states-Ci1AvoQ9.js";
-import { _ as parseArrayExpression, a as getChildrenSignatures, b as generateCode, c as removeIndices, d as getStructuredValue, f as readNodeBindings, g as isLosslesslyEvaluable, h as extractObjectProperties, i as valueToExpression, l as findEditableChildren, m as extractNodeValue, n as updateAll, o as extract, p as canLosslesslyEvaluateSource, r as createNodeFromValue, s as moveSelectedIndices, u as getCurrentValue, v as parseValue } from "./update-BuYQJqjq.js";
+import { _ as parseArrayExpression, a as getChildrenSignatures, b as generateCode, c as removeIndices, d as getStructuredValue, f as readNodeBindings, g as isLosslesslyEvaluable, h as extractObjectProperties, i as valueToExpression, l as findEditableChildren, m as extractNodeValue, n as updateAll, o as extract, p as canLosslesslyEvaluateSource, r as createNodeFromValue, s as moveSelectedIndices, u as getCurrentValue, v as parseValue } from "./update-DyFnX8yE.js";
 import { t as cn } from "./cn-CAnad2vL.js";
 import { r as preloadScripts } from "./compile-my0AjsCw.js";
-import { a as replaceSections, i as generateSection, r as extractSections } from "./sections-DhH_aVf5.js";
+import { a as replaceSections, i as generateSection, r as extractSections } from "./sections-rD8NuRI8.js";
 import { n as Error$1, t as ErrorBoundary } from "./boundary-CySnDUs2.js";
-import { a as renderStableComponent, n as useCompiledModule, o as Frame, t as useDynamicTailwind } from "./use-dynamic-tailwind-B3l1qZRW.js";
+import { a as renderStableComponent, n as useCompiledModule, o as Frame, t as useDynamicTailwind } from "./use-dynamic-tailwind-0nuRN57N.js";
 import { i as getFieldKind, n as FieldIdsContext, o as FieldError, r as LABELABLE_KINDS, s as fields_module_default, t as useFieldState } from "./use-field-state-iQGW0vc6.js";
 import { t as Core } from "./core-BNVuH8-l.js";
 import { Children, createContext, memo, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
@@ -1234,6 +1234,16 @@ const Sortable = ({ id, children, selected, onClick, onDelete, onCopy, onMoveUp,
 			onClick?.();
 			return;
 		}
+		if (e.altKey && (e.key === "ArrowUp" || e.key === "ArrowDown") && handlers) {
+			e.preventDefault();
+			handlers.onMoveKey(id, e.key === "ArrowUp" ? "up" : "down");
+			return;
+		}
+		if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "d" && handlers) {
+			e.preventDefault();
+			handlers.onCopyKey(id);
+			return;
+		}
 		const to = NAVIGATION_KEYS[e.key];
 		if (to && handlers) {
 			e.preventDefault();
@@ -3605,7 +3615,7 @@ const createNodeRegistry = () => {
 		}
 	};
 };
-const useDndKeyboard = ({ sections, selectedId, selectedIndex, selectOnly, move, requestDelete }) => {
+const useDndKeyboard = ({ sections, selectedId, selectedIndex, selectOnly, move, copy, requestDelete }) => {
 	const { announcements: say } = useLiveMessages();
 	const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 10 } }), useSensor(KeyboardSensor, {
 		coordinateGetter: sortableKeyboardCoordinates,
@@ -3643,6 +3653,23 @@ const useDndKeyboard = ({ sections, selectedId, selectedIndex, selectOnly, move,
 		move(id, direction);
 		if (to === 0 || to === sections.length - 1) focusSection(id);
 	};
+	const focusSelectedRef = useRef(false);
+	const onMoveKey = (id, direction) => {
+		const to = sections.findIndex((section) => section.id === id) + (direction === "up" ? -1 : 1);
+		if (to < 0 || to >= sections.length) return;
+		selectOnly(id);
+		move(id, direction);
+		focusSelectedRef.current = true;
+	};
+	const onCopyKey = (id) => {
+		copy(id);
+		focusSelectedRef.current = true;
+	};
+	useEffect(() => {
+		if (!focusSelectedRef.current || selectedId === null) return;
+		focusSelectedRef.current = false;
+		focusSection(selectedId);
+	});
 	useEffect(() => {
 		if (selectedId === null) return;
 		const frame = requestAnimationFrame(() => {
@@ -3661,6 +3688,8 @@ const useDndKeyboard = ({ sections, selectedId, selectedIndex, selectOnly, move,
 		sectionNodes,
 		onNavigate,
 		onDeleteKey,
+		onMoveKey,
+		onCopyKey,
 		onMoveButton
 	};
 };
@@ -4017,12 +4046,13 @@ const Dnd$1 = ({ value: _value, props, modules: _modules = NO_MODULES, onChange:
 		onBeforeDelete
 	});
 	const onDelete = (id) => requestDelete(id);
-	const { sensors, announcements, screenReaderInstructions, sectionNodes, onNavigate, onDeleteKey, onMoveButton } = useDndKeyboard({
+	const { sensors, announcements, screenReaderInstructions, sectionNodes, onNavigate, onDeleteKey, onMoveKey, onCopyKey, onMoveButton } = useDndKeyboard({
 		sections,
 		selectedId,
 		selectedIndex,
 		selectOnly,
 		move: moveSection,
+		copy: onCopy,
 		requestDelete
 	});
 	const { inspector, inspecting, onInspectMove, onInspectPick, onInspectLeave, highlightRect } = useInspectorState({
@@ -4082,7 +4112,9 @@ const Dnd$1 = ({ value: _value, props, modules: _modules = NO_MODULES, onChange:
 		onInspectLeave,
 		nodeRef: sectionNodes.register,
 		onNavigate,
-		onDeleteKey
+		onDeleteKey,
+		onMoveKey,
+		onCopyKey
 	};
 	const canvas = /* @__PURE__ */ jsxs(SectionHandlersContext.Provider, {
 		value: sectionHandlers,
@@ -4194,4 +4226,4 @@ Dnd.Layout = Layout;
 //#endregion
 export { Panel as a, useDndChildren as c, useDndLayout as d, useDndPalette as f, DraggableItem as h, Palette as i, resolvePanelBindings as l, useDndInspector as m, Canvas as n, Field as o, useDndPanel as p, Layout as r, useDndItems as s, Dnd as t, withPanelCommit as u };
 
-//# sourceMappingURL=dnd-BvjEDo-x.js.map
+//# sourceMappingURL=dnd-COjjjuD7.js.map