@oh-just-another/react-ui 0.61.0 → 0.62.0

package/dist/{frame-panel.js → panels/frame-panel.js}

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { isFrame } from "@oh-just-another/scene";
-import { useDiagramOptional, useScene } from "./hooks.js";
+import { useDiagramOptional, useScene } from "../core/hooks.js";
 export const FramePanel = ({ onExport, style }) => {
     const editor = useDiagramOptional();
     const scene = useScene();

package/dist/panels/frame-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-panel.js","sourceRoot":"","sources":["../../src/panels/frame-panel.tsx"],"names":[],"mappings":"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"}

package/dist/{layer-panel.d.ts → panels/layer-panel.d.ts}

@@ -3,7 +3,11 @@ import { type CSSProperties } from "react";
  * Read-write list of scene layers. Click a row to make it active; click
  * the eye / lock icons to toggle visibility / lock; double-click the
  * name to rename; trash to delete (the panel guards against removing
- * the last layer). "+" at the top creates a new layer.
+ * the last layer). "+" in the header creates a new layer.
+ *
+ * Renders as a static side-panel card (`du-side-panel du-side-panel-static`);
+ * hosts place it in their own layout. Sizing and colours come from the
+ * `--du-*` design tokens.
  */
 export interface LayerPanelProps {
     readonly style?: CSSProperties;

package/dist/panels/layer-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer-panel.d.ts","sourceRoot":"","sources":["../../src/panels/layer-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AASrD;;;;;;;;;GASG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,GAAI,sBAAsB,eAAe,4CA2D/D,CAAC"}

package/dist/panels/layer-panel.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Eye, EyeOff, Lock, Plus, Trash2, Unlock } from "lucide-react";
+import { useActiveLayerId, useDiagramOptional, useLayers } from "../core/hooks.js";
+import { CONTROL_ICON } from "../core/constants.js";
+const glyph = CONTROL_ICON;
+export const LayerPanel = ({ style, className }) => {
+    const editor = useDiagramOptional();
+    const layers = useLayers();
+    const activeId = useActiveLayerId();
+    const [renamingId, setRenamingId] = useState(null);
+    return (_jsxs("aside", { className: `du-side-panel du-side-panel-static${className ? ` ${className}` : ""}`, style: style, children: [_jsxs("header", { className: "du-side-panel-header", children: [_jsx("span", { className: "du-side-panel-title", children: "Layers" }), _jsx("button", { type: "button", title: "New layer", "aria-label": "New layer", disabled: !editor, onClick: () => editor?.createLayer(`Layer ${layers.length + 1}`), className: "du-icon-button du-icon-button-flat", children: _jsx(Plus, { ...glyph }) })] }), _jsx("div", { className: "du-side-panel-body du-side-panel-body-flush du-panel-list", children: [...layers].reverse().map((layer) => (_jsx(LayerRow, { layer: layer, active: layer.id === activeId, renaming: renamingId === layer.id, onActivate: () => editor?.setActiveLayer(layer.id), onToggleVisible: () => editor?.toggleLayerVisibility(layer.id), onToggleLock: () => editor?.toggleLayerLock(layer.id), onStartRename: () => {
+                        setRenamingId(layer.id);
+                    }, onCommitRename: (name) => {
+                        editor?.renameLayer(layer.id, name);
+                        setRenamingId(null);
+                    }, onCancelRename: () => {
+                        setRenamingId(null);
+                    }, onDelete: layers.length > 1
+                        ? () => {
+                            if (window.confirm(`Delete layer "${layer.name}" and everything in it?`)) {
+                                editor?.removeLayer(layer.id);
+                            }
+                        }
+                        : null }, layer.id))) })] }));
+};
+const LayerRow = ({ layer, active, renaming, onActivate, onToggleVisible, onToggleLock, onStartRename, onCommitRename, onCancelRename, onDelete, }) => {
+    return (_jsxs("div", { className: `du-panel-row${active ? " is-active" : ""}`, "aria-current": active ? "true" : undefined, onClick: onActivate, children: [_jsx(IconBtn, { title: layer.visible ? "Hide layer" : "Show layer", onClick: (ev) => {
+                    ev.stopPropagation();
+                    onToggleVisible();
+                }, muted: !layer.visible, children: layer.visible ? _jsx(Eye, { ...glyph }) : _jsx(EyeOff, { ...glyph }) }), _jsx(IconBtn, { title: layer.locked ? "Unlock layer" : "Lock layer", onClick: (ev) => {
+                    ev.stopPropagation();
+                    onToggleLock();
+                }, muted: !layer.locked, children: layer.locked ? _jsx(Lock, { ...glyph }) : _jsx(Unlock, { ...glyph }) }), renaming ? (_jsx("input", { autoFocus: true, defaultValue: layer.name, "aria-label": "Layer name", className: "du-panel-input", onClick: (ev) => {
+                    ev.stopPropagation();
+                }, onBlur: (ev) => {
+                    onCommitRename(ev.currentTarget.value);
+                }, onKeyDown: (ev) => {
+                    if (ev.key === "Enter")
+                        onCommitRename(ev.target.value);
+                    else if (ev.key === "Escape")
+                        onCancelRename();
+                } })) : (_jsx("span", { className: `du-panel-row-label${layer.visible ? "" : " is-muted"}`, onDoubleClick: (ev) => {
+                    ev.stopPropagation();
+                    onStartRename();
+                }, children: layer.name })), onDelete ? (_jsx(IconBtn, { title: "Delete layer", onClick: (ev) => {
+                    ev.stopPropagation();
+                    onDelete();
+                }, children: _jsx(Trash2, { ...glyph }) })) : null] }));
+};
+const IconBtn = ({ title, onClick, children, muted, }) => (_jsx("button", { type: "button", title: title, "aria-label": title, onClick: onClick, className: `du-icon-button du-icon-button-flat${muted ? " is-muted" : ""}`, children: children }));
+//# sourceMappingURL=layer-panel.js.map

package/dist/panels/layer-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer-panel.js","sourceRoot":"","sources":["../../src/panels/layer-panel.tsx"],"names":[],"mappings":"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"}

package/dist/panels/library-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"library-panel.d.ts","sourceRoot":"","sources":["../../src/panels/library-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAMxE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,oDAAoD;IACpD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,qDAAqD;IACrD,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;CAChC;AAED,eAAO,MAAM,YAAY,GAAI,kDAO1B,iBAAiB,mDAsEnB,CAAC"}

package/dist/{library-panel.js → panels/library-panel.js}

@@ -1,10 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { Search, Upload, X } from "lucide-react";
-import { Palette } from "./palette.js";
-import { IconButton } from "./icon-button.js";
-const SIDE_PANEL_ICON_SIZE = 14;
-const SIDE_PANEL_ICON_STROKE = 1.75;
+import { Palette } from "../toolbar/palette.js";
+import { IconButton } from "../primitives/icon-button.js";
+import { BADGE_ICON, CONTROL_ICON } from "../core/constants.js";
 export const LibraryPanel = ({ open, onClose, side = "right", sheet = false, onImport, style, }) => {
     // Search query, cleared when the panel closes. Passed to the Palette,
     // which switches to flat-match mode.
@@ -27,7 +26,7 @@ export const LibraryPanel = ({ open, onClose, side = "right", sheet = false, onI
         : side === "right"
             ? "du-side-panel-right"
             : "du-side-panel-left";
-    return (_jsxs("aside", { className: `du-side-panel ${variantClass}`, style: style, children: [_jsx("header", { className: "du-side-panel-header", children: _jsxs("div", { style: { display: "inline-flex", gap: 4 }, children: [onImport ? (_jsx(IconButton, { label: "Import templates", size: "sm", onClick: onImport, children: _jsx(Upload, { size: SIDE_PANEL_ICON_SIZE, strokeWidth: SIDE_PANEL_ICON_STROKE }) })) : null, _jsx(IconButton, { label: "Close library", size: "sm", onClick: onClose, children: _jsx(X, { size: SIDE_PANEL_ICON_SIZE, strokeWidth: SIDE_PANEL_ICON_STROKE }) })] }) }), _jsxs("div", { className: "du-side-panel-search", children: [_jsx(Search, { size: SIDE_PANEL_ICON_SIZE, strokeWidth: SIDE_PANEL_ICON_STROKE, className: "du-side-panel-search-icon", "aria-hidden": true }), _jsx("input", { ref: searchRef, type: "search", value: search, placeholder: "Search templates\u2026", "aria-label": "Search templates", onChange: (ev) => {
+    return (_jsxs("aside", { className: `du-side-panel ${variantClass}`, style: style, children: [_jsxs("header", { className: "du-side-panel-header", children: [_jsx("span", { className: "du-side-panel-title", children: "Shape library" }), _jsxs("div", { style: { display: "inline-flex", gap: 4 }, children: [onImport ? (_jsx(IconButton, { label: "Import templates", size: "sm", className: "du-icon-button-flat", onClick: onImport, children: _jsx(Upload, { ...CONTROL_ICON }) })) : null, _jsx(IconButton, { label: "Close library", size: "sm", className: "du-icon-button-flat", onClick: onClose, children: _jsx(X, { ...CONTROL_ICON }) })] })] }), _jsxs("div", { className: "du-side-panel-search", children: [_jsx(Search, { ...BADGE_ICON, className: "du-side-panel-search-icon", "aria-hidden": true }), _jsx("input", { ref: searchRef, type: "search", value: search, placeholder: "Search templates", "aria-label": "Search templates", onChange: (ev) => {
                             setSearch(ev.target.value);
                         }, onKeyDown: (ev) => {
                             if (ev.key === "Escape" && search) {

package/dist/panels/library-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"library-panel.js","sourceRoot":"","sources":["../../src/panels/library-panel.tsx"],"names":[],"mappings":"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"}

package/dist/panels/property-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"property-panel.d.ts","sourceRoot":"","sources":["../../src/panels/property-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EAEnB,MAAM,OAAO,CAAC;AAkHf;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;;;OAMG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,GAAI,8BAAsC,kBAAkB,mDAiMrF,CAAC"}