@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/components/dashboard/PageTabsManager/PageTabsManager.js

@@ -0,0 +1,224 @@
+import { SEMANTIC_COLORS as e } from "../../../utils/semanticTokens.js";
+import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { createPortal as c } from "react-dom";
+//#region src/bigconsole/components/dashboard/PageTabsManager/PageTabsManager.tsx
+function l({ pages: l, activePageId: u, onPageSelect: d, onPageCreate: f, onPageRename: p, onPageDuplicate: m, onPageDelete: h, onPagesReorder: g, editable: _ = !0, className: v = "" }) {
+	let [y, b] = i(null), [x, S] = i(null), [C, w] = i(null), [T, E] = i(""), [D, O] = i(null), [k, A] = i({
+		x: 0,
+		y: 0
+	}), j = r(null), M = r(null);
+	n(() => {
+		C && j.current && (j.current.focus(), j.current.select());
+	}, [C]), n(() => {
+		function e(e) {
+			M.current && !M.current.contains(e.target) && O(null);
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []);
+	let N = t((e, t) => {
+		b(t), e.dataTransfer.effectAllowed = "move";
+	}, []), P = t((e, t) => {
+		e.preventDefault(), e.dataTransfer.dropEffect = "move", y && y !== t && S(t);
+	}, [y]), F = t(() => {
+		if (y && x && y !== x && g) {
+			let e = [...l], t = e.findIndex((e) => e.id === y), n = e.findIndex((e) => e.id === x);
+			if (t !== -1 && n !== -1) {
+				let [r] = e.splice(t, 1);
+				e.splice(n, 0, r), g(e.map((e) => e.id));
+			}
+		}
+		b(null), S(null);
+	}, [
+		y,
+		x,
+		l,
+		g
+	]), I = t((e, t) => {
+		e.preventDefault(), O(t), A({
+			x: e.clientX,
+			y: e.clientY
+		});
+	}, []), L = t((e, t) => {
+		w(e), E(t), O(null);
+	}, []), R = t(() => {
+		C && T.trim() && p && p(C, T.trim()), w(null), E("");
+	}, [
+		C,
+		T,
+		p
+	]), z = t(() => {
+		w(null), E("");
+	}, []), B = t((e) => {
+		e.key === "Enter" ? R() : e.key === "Escape" && z();
+	}, [R, z]);
+	return /* @__PURE__ */ s("div", {
+		ref: M,
+		className: v,
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: "4px",
+			padding: "0 8px",
+			overflowX: "auto",
+			backgroundColor: e.bgSecondary,
+			borderBottom: `1px solid ${e.borderDefault}`,
+			minHeight: "40px"
+		},
+		children: [
+			l.sort((e, t) => e.order - t.order).map((t) => /* @__PURE__ */ o("div", {
+				draggable: _ && !C,
+				onDragStart: (e) => N(e, t.id),
+				onDragOver: (e) => P(e, t.id),
+				onDragEnd: F,
+				onContextMenu: (e) => _ && I(e, t.id),
+				onClick: () => !C && d(t.id),
+				onDoubleClick: () => _ && L(t.id, t.name),
+				style: {
+					position: "relative",
+					display: "flex",
+					alignItems: "center",
+					gap: "6px",
+					padding: "8px 12px",
+					backgroundColor: u === t.id ? e.bgPrimary : "transparent",
+					borderBottom: u === t.id ? `2px solid ${e.actionPrimaryBg}` : "2px solid transparent",
+					cursor: C === t.id ? "text" : "pointer",
+					opacity: y === t.id ? .5 : 1,
+					borderLeft: x === t.id ? `2px solid ${e.actionPrimaryBg}` : "none",
+					flexShrink: 0,
+					transition: "background-color 0.15s, border-color 0.15s"
+				},
+				children: C === t.id ? /* @__PURE__ */ o("input", {
+					ref: j,
+					type: "text",
+					value: T,
+					onChange: (e) => E(e.target.value),
+					onKeyDown: B,
+					onBlur: R,
+					style: {
+						width: "100px",
+						padding: "2px 4px",
+						border: `1px solid ${e.actionPrimaryBg}`,
+						borderRadius: "2px",
+						fontSize: "13px",
+						outline: "none",
+						backgroundColor: e.bgPrimary,
+						color: e.textPrimary
+					},
+					onClick: (e) => e.stopPropagation()
+				}) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
+					style: {
+						fontSize: "13px",
+						fontWeight: u === t.id ? 600 : 400,
+						color: u === t.id ? e.textPrimary : e.textSecondary
+					},
+					children: t.name
+				}), t.widgetCount !== void 0 && /* @__PURE__ */ o("span", {
+					style: {
+						fontSize: "10px",
+						color: e.textTertiary,
+						backgroundColor: e.borderDefault,
+						padding: "1px 4px",
+						borderRadius: "8px"
+					},
+					children: t.widgetCount
+				})] })
+			}, t.id)),
+			_ && f && /* @__PURE__ */ o("button", {
+				onClick: f,
+				style: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					padding: "6px 12px",
+					backgroundColor: e.actionPrimaryBg,
+					border: "none",
+					borderRadius: "4px",
+					cursor: "pointer",
+					color: "#ffffff",
+					fontSize: "12px",
+					fontWeight: 500,
+					flexShrink: 0,
+					marginLeft: "8px"
+				},
+				children: "+ Add Page"
+			}),
+			D && c(/* @__PURE__ */ s("div", {
+				style: {
+					position: "fixed",
+					left: k.x,
+					top: k.y,
+					backgroundColor: e.bgPrimary,
+					border: `1px solid ${e.borderDefault}`,
+					borderRadius: "6px",
+					boxShadow: "0 8px 24px rgba(0,0,0,0.2)",
+					zIndex: 99999,
+					minWidth: "140px"
+				},
+				onClick: (e) => e.stopPropagation(),
+				children: [
+					/* @__PURE__ */ o("button", {
+						onClick: () => {
+							let e = l.find((e) => e.id === D);
+							e && L(D, e.name);
+						},
+						style: {
+							display: "block",
+							width: "100%",
+							padding: "8px 12px",
+							textAlign: "left",
+							backgroundColor: e.bgPrimary,
+							border: "none",
+							cursor: "pointer",
+							fontSize: "13px",
+							color: e.textPrimary
+						},
+						children: "Rename"
+					}),
+					m && /* @__PURE__ */ o("button", {
+						onClick: () => {
+							m(D), O(null);
+						},
+						style: {
+							display: "block",
+							width: "100%",
+							padding: "8px 12px",
+							textAlign: "left",
+							backgroundColor: e.bgPrimary,
+							border: "none",
+							cursor: "pointer",
+							fontSize: "13px",
+							color: e.textPrimary
+						},
+						children: "Duplicate"
+					}),
+					h && l.length > 1 && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("div", { style: {
+						height: "1px",
+						backgroundColor: e.borderDefault,
+						margin: "4px 0"
+					} }), /* @__PURE__ */ o("button", {
+						onClick: () => {
+							window.confirm("Are you sure you want to delete this page?") && h(D), O(null);
+						},
+						style: {
+							display: "block",
+							width: "100%",
+							padding: "8px 12px",
+							textAlign: "left",
+							backgroundColor: e.bgPrimary,
+							border: "none",
+							cursor: "pointer",
+							fontSize: "13px",
+							color: e.statusErrorText
+						},
+						children: "Delete"
+					})] })
+				]
+			}), document.body)
+		]
+	});
+}
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=PageTabsManager.js.map

package/dist/bigconsole/components/dashboard/PageTabsManager/PageTabsManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTabsManager.js","names":[],"sources":["../../../../../src/bigconsole/components/dashboard/PageTabsManager/PageTabsManager.tsx"],"sourcesContent":["/**\n * PageTabsManager Component\n *\n * Manages dashboard page tabs with drag-and-drop reordering.\n */\n\nimport React, { useState, useCallback, useRef, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { SEMANTIC_COLORS } from '../../../utils/semanticTokens';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DashboardPageTab {\n  id: string;\n  name: string;\n  order: number;\n  widgetCount?: number;\n}\n\nexport interface PageTabsManagerProps {\n  pages: DashboardPageTab[];\n  activePageId: string;\n  onPageSelect: (pageId: string) => void;\n  onPageCreate?: () => void;\n  onPageRename?: (pageId: string, newName: string) => void;\n  onPageDuplicate?: (pageId: string) => void;\n  onPageDelete?: (pageId: string) => void;\n  onPagesReorder?: (pageIds: string[]) => void;\n  editable?: boolean;\n  className?: string;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function PageTabsManager({\n  pages,\n  activePageId,\n  onPageSelect,\n  onPageCreate,\n  onPageRename,\n  onPageDuplicate,\n  onPageDelete,\n  onPagesReorder,\n  editable = true,\n  className = '',\n}: PageTabsManagerProps) {\n  const [draggedId, setDraggedId] = useState<string | null>(null);\n  const [dragOverId, setDragOverId] = useState<string | null>(null);\n  const [editingId, setEditingId] = useState<string | null>(null);\n  const [editingName, setEditingName] = useState('');\n  const [contextMenuId, setContextMenuId] = useState<string | null>(null);\n  const [contextMenuPos, setContextMenuPos] = useState({ x: 0, y: 0 });\n\n  const editInputRef = useRef<HTMLInputElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Focus input when editing\n  useEffect(() => {\n    if (editingId && editInputRef.current) {\n      editInputRef.current.focus();\n      editInputRef.current.select();\n    }\n  }, [editingId]);\n\n  // Close context menu on click outside\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setContextMenuId(null);\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, []);\n\n  // Drag handlers\n  const handleDragStart = useCallback((e: React.DragEvent, pageId: string) => {\n    setDraggedId(pageId);\n    e.dataTransfer.effectAllowed = 'move';\n  }, []);\n\n  const handleDragOver = useCallback(\n    (e: React.DragEvent, pageId: string) => {\n      e.preventDefault();\n      e.dataTransfer.dropEffect = 'move';\n      if (draggedId && draggedId !== pageId) {\n        setDragOverId(pageId);\n      }\n    },\n    [draggedId]\n  );\n\n  const handleDragEnd = useCallback(() => {\n    if (draggedId && dragOverId && draggedId !== dragOverId && onPagesReorder) {\n      const orderedPages = [...pages];\n      const draggedIndex = orderedPages.findIndex((p) => p.id === draggedId);\n      const targetIndex = orderedPages.findIndex((p) => p.id === dragOverId);\n\n      if (draggedIndex !== -1 && targetIndex !== -1) {\n        const [draggedPage] = orderedPages.splice(draggedIndex, 1);\n        orderedPages.splice(targetIndex, 0, draggedPage);\n        onPagesReorder(orderedPages.map((p) => p.id));\n      }\n    }\n\n    setDraggedId(null);\n    setDragOverId(null);\n  }, [draggedId, dragOverId, pages, onPagesReorder]);\n\n  // Context menu handler\n  const handleContextMenu = useCallback((e: React.MouseEvent, pageId: string) => {\n    e.preventDefault();\n    setContextMenuId(pageId);\n    setContextMenuPos({ x: e.clientX, y: e.clientY });\n  }, []);\n\n  // Start editing\n  const handleStartEdit = useCallback((pageId: string, currentName: string) => {\n    setEditingId(pageId);\n    setEditingName(currentName);\n    setContextMenuId(null);\n  }, []);\n\n  // Save edit\n  const handleSaveEdit = useCallback(() => {\n    if (editingId && editingName.trim() && onPageRename) {\n      onPageRename(editingId, editingName.trim());\n    }\n    setEditingId(null);\n    setEditingName('');\n  }, [editingId, editingName, onPageRename]);\n\n  // Cancel edit\n  const handleCancelEdit = useCallback(() => {\n    setEditingId(null);\n    setEditingName('');\n  }, []);\n\n  // Handle key press in edit mode\n  const handleEditKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        handleSaveEdit();\n      } else if (e.key === 'Escape') {\n        handleCancelEdit();\n      }\n    },\n    [handleSaveEdit, handleCancelEdit]\n  );\n\n  return (\n    <div\n      ref={containerRef}\n      className={className}\n      style={{\n        display: 'flex',\n        alignItems: 'center',\n        gap: '4px',\n        padding: '0 8px',\n        overflowX: 'auto',\n        backgroundColor: SEMANTIC_COLORS.bgSecondary,\n        borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n        minHeight: '40px',\n      }}\n    >\n      {/* Page Tabs */}\n      {pages\n        .sort((a, b) => a.order - b.order)\n        .map((page) => (\n          <div\n            key={page.id}\n            draggable={editable && !editingId}\n            onDragStart={(e) => handleDragStart(e, page.id)}\n            onDragOver={(e) => handleDragOver(e, page.id)}\n            onDragEnd={handleDragEnd}\n            onContextMenu={(e) => editable && handleContextMenu(e, page.id)}\n            onClick={() => !editingId && onPageSelect(page.id)}\n            onDoubleClick={() => editable && handleStartEdit(page.id, page.name)}\n            style={{\n              position: 'relative',\n              display: 'flex',\n              alignItems: 'center',\n              gap: '6px',\n              padding: '8px 12px',\n              backgroundColor: activePageId === page.id ? SEMANTIC_COLORS.bgPrimary : 'transparent',\n              borderBottom:\n                activePageId === page.id ? `2px solid ${SEMANTIC_COLORS.actionPrimaryBg}` : '2px solid transparent',\n              cursor: editingId === page.id ? 'text' : 'pointer',\n              opacity: draggedId === page.id ? 0.5 : 1,\n              borderLeft: dragOverId === page.id ? `2px solid ${SEMANTIC_COLORS.actionPrimaryBg}` : 'none',\n              flexShrink: 0,\n              transition: 'background-color 0.15s, border-color 0.15s',\n            }}\n          >\n            {editingId === page.id ? (\n              <input\n                ref={editInputRef}\n                type=\"text\"\n                value={editingName}\n                onChange={(e) => setEditingName(e.target.value)}\n                onKeyDown={handleEditKeyDown}\n                onBlur={handleSaveEdit}\n                style={{\n                  width: '100px',\n                  padding: '2px 4px',\n                  border: `1px solid ${SEMANTIC_COLORS.actionPrimaryBg}`,\n                  borderRadius: '2px',\n                  fontSize: '13px',\n                  outline: 'none',\n                  backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                  color: SEMANTIC_COLORS.textPrimary,\n                }}\n                onClick={(e) => e.stopPropagation()}\n              />\n            ) : (\n              <>\n                <span\n                  style={{\n                    fontSize: '13px',\n                    fontWeight: activePageId === page.id ? 600 : 400,\n                    color: activePageId === page.id ? SEMANTIC_COLORS.textPrimary : SEMANTIC_COLORS.textSecondary,\n                  }}\n                >\n                  {page.name}\n                </span>\n                {page.widgetCount !== undefined && (\n                  <span\n                    style={{\n                      fontSize: '10px',\n                      color: SEMANTIC_COLORS.textTertiary,\n                      backgroundColor: SEMANTIC_COLORS.borderDefault,\n                      padding: '1px 4px',\n                      borderRadius: '8px',\n                    }}\n                  >\n                    {page.widgetCount}\n                  </span>\n                )}\n              </>\n            )}\n          </div>\n        ))}\n\n      {/* Add Page Button */}\n      {editable && onPageCreate && (\n        <button\n          onClick={onPageCreate}\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            padding: '6px 12px',\n            backgroundColor: SEMANTIC_COLORS.actionPrimaryBg,\n            border: 'none',\n            borderRadius: '4px',\n            cursor: 'pointer',\n            color: '#ffffff',\n            fontSize: '12px',\n            fontWeight: 500,\n            flexShrink: 0,\n            marginLeft: '8px',\n          }}\n        >\n          + Add Page\n        </button>\n      )}\n\n      {/* Context Menu - rendered via portal */}\n      {contextMenuId &&\n        createPortal(\n          <div\n            style={{\n              position: 'fixed',\n              left: contextMenuPos.x,\n              top: contextMenuPos.y,\n              backgroundColor: SEMANTIC_COLORS.bgPrimary,\n              border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n              borderRadius: '6px',\n              boxShadow: '0 8px 24px rgba(0,0,0,0.2)',\n              zIndex: 99999,\n              minWidth: '140px',\n            }}\n            onClick={(e) => e.stopPropagation()}\n          >\n            <button\n              onClick={() => {\n                const page = pages.find((p) => p.id === contextMenuId);\n                if (page) handleStartEdit(contextMenuId, page.name);\n              }}\n              style={{\n                display: 'block',\n                width: '100%',\n                padding: '8px 12px',\n                textAlign: 'left',\n                backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                border: 'none',\n                cursor: 'pointer',\n                fontSize: '13px',\n                color: SEMANTIC_COLORS.textPrimary,\n              }}\n            >\n              Rename\n            </button>\n            {onPageDuplicate && (\n              <button\n                onClick={() => {\n                  onPageDuplicate(contextMenuId);\n                  setContextMenuId(null);\n                }}\n                style={{\n                  display: 'block',\n                  width: '100%',\n                  padding: '8px 12px',\n                  textAlign: 'left',\n                  backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                  border: 'none',\n                  cursor: 'pointer',\n                  fontSize: '13px',\n                  color: SEMANTIC_COLORS.textPrimary,\n                }}\n              >\n                Duplicate\n              </button>\n            )}\n            {onPageDelete && pages.length > 1 && (\n              <>\n                <div style={{ height: '1px', backgroundColor: SEMANTIC_COLORS.borderDefault, margin: '4px 0' }} />\n                <button\n                  onClick={() => {\n                    if (window.confirm('Are you sure you want to delete this page?')) {\n                      onPageDelete(contextMenuId);\n                    }\n                    setContextMenuId(null);\n                  }}\n                  style={{\n                    display: 'block',\n                    width: '100%',\n                    padding: '8px 12px',\n                    textAlign: 'left',\n                    backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                    border: 'none',\n                    cursor: 'pointer',\n                    fontSize: '13px',\n                    color: SEMANTIC_COLORS.statusErrorText,\n                  }}\n                >\n                  Delete\n                </button>\n              </>\n            )}\n          </div>,\n          document.body\n        )}\n    </div>\n  );\n}\n\nexport default PageTabsManager;\n"],"mappings":"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"}

package/dist/bigconsole/components/dashboard/PageTabsManager/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * PageTabsManager Components
+ */
+export { PageTabsManager, type PageTabsManagerProps, type DashboardPageTab } from './PageTabsManager';
+export { default } from './PageTabsManager';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/dashboard/PageTabsManager/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/PageTabsManager/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACtG,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/bigconsole/components/dashboard/PageTabsManager/index.js

@@ -0,0 +1 @@
+import "./PageTabsManager.js";

package/dist/bigconsole/components/dashboard/SavedViewsDropdown/SavedViewsDropdown.d.ts

@@ -0,0 +1,12 @@
+import { DashboardView } from '../../../hooks';
+
+export interface SavedViewsDropdownProps {
+    dashboardId: string;
+    currentFilters?: Record<string, unknown>;
+    currentLayout?: Record<string, unknown>;
+    onViewLoad?: (view: DashboardView) => void;
+    className?: string;
+}
+export declare function SavedViewsDropdown({ dashboardId, currentFilters, currentLayout, onViewLoad, className, }: SavedViewsDropdownProps): import("react/jsx-runtime").JSX.Element;
+export default SavedViewsDropdown;
+//# sourceMappingURL=SavedViewsDropdown.d.ts.map

package/dist/bigconsole/components/dashboard/SavedViewsDropdown/SavedViewsDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SavedViewsDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/SavedViewsDropdown/SavedViewsDropdown.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AA8BvE,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,cAAc,EACd,aAAa,EACb,UAAU,EACV,SAAc,GACf,EAAE,uBAAuB,2CAwhBzB;AAED,eAAe,kBAAkB,CAAC"}