@trops/dash-core 0.1.229 → 0.1.231

package/dist/index.js

@@ -6277,7 +6277,7 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
 
   // --- Create logic (DASH-191: moved above useEffect so ref captures actual function) ---
   var handleCreate = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var _state$customization, name, menuId, theme, result, _window$mainApi, installResult, updatedWorkspace, _window$mainApi2, template, layoutObj, widgetOrder, cells, _loop, i, workspace, _t;
+    var _state$customization, name, menuId, theme, result, _window$mainApi, installResult, updatedWorkspace, _window$mainApi2, template, layoutObj, widgetOrder, cells, widgetItems, nextId, _loop, i, fullLayout, workspace, _t;
     return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
@@ -6344,13 +6344,15 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
           }
           throw new Error("No layout template selected.");
         case 8:
-          layoutObj = createLayoutFromTemplate(template, menuId || 1); // Place widgets into grid cells
+          layoutObj = createLayoutFromTemplate(template, menuId || 1); // Place widgets into grid cells as proper layout items
           widgetOrder = state.layout.widgetOrder || [];
           cells = template.cells.filter(function (c) {
             return !c.hide;
           });
+          widgetItems = [];
+          nextId = 2; // grid container is ID 1
           _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop(i) {
-            var widget;
+            var widget, widgetKey;
             return _regeneratorRuntime.wrap(function (_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
@@ -6358,7 +6360,18 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
                     return (w.name || w.key) === widgetOrder[i];
                   });
                   if (widget && layoutObj.grid[cells[i].key]) {
-                    layoutObj.grid[cells[i].key].component = widget.component || widget.name || widget.key;
+                    widgetKey = widget.component || widget.name || widget.key;
+                    widgetItems.push({
+                      id: nextId,
+                      component: widgetKey,
+                      parent: 1,
+                      order: i + 1,
+                      hasChildren: 0,
+                      scrollable: true,
+                      workspace: "layout"
+                    });
+                    layoutObj.grid[cells[i].key].component = nextId;
+                    nextId++;
                   }
                 case 1:
                 case "end":
@@ -6378,12 +6391,13 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
           _context2.next = 9;
           break;
         case 11:
+          fullLayout = [layoutObj].concat(widgetItems);
           if (!onCreateWorkspace) {
             _context2.next = 13;
             break;
           }
           _context2.next = 12;
-          return onCreateWorkspace(layoutObj, theme, name.trim());
+          return onCreateWorkspace(fullLayout, theme, name.trim());
         case 12:
           result = _context2.sent;
           _context2.next = 15;
@@ -6397,7 +6411,7 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
             name: name.trim(),
             menuId: menuId || 1,
             themeKey: theme,
-            layout: [layoutObj]
+            layout: fullLayout
           };
           _context2.next = 14;
           return window.mainApi.workspace.saveWorkspaceForApplication(appId, workspace);
@@ -7750,10 +7764,10 @@ var syntax = SyntaxError;
 var type = TypeError;
 
 /** @type {import('./gOPD')} */
-var gOPD$5 = Object.getOwnPropertyDescriptor;
+var gOPD$6 = Object.getOwnPropertyDescriptor;
 
 /** @type {import('.')} */
-var $gOPD$2 = gOPD$5;
+var $gOPD$2 = gOPD$6;
 
 if ($gOPD$2) {
 	try {
@@ -7888,7 +7902,7 @@ defineProperties$1.supportsDescriptors = !!supportsDescriptors$2;
 
 var defineProperties_1 = defineProperties$1;
 
-var callBind$6 = {exports: {}};
+var callBind$7 = {exports: {}};
 
 /** @type {import('.')} */
 var esObjectAtoms = Object;
@@ -8188,78 +8202,60 @@ var callBindApplyHelpers = function callBindBasic(args) {
 	return $actualApply(bind$3, $call$1, args);
 };
 
-var get;
-var hasRequiredGet;
-
-function requireGet () {
-	if (hasRequiredGet) return get;
-	hasRequiredGet = 1;
+var callBind$6 = callBindApplyHelpers;
+var gOPD$5 = gopd$1;
 
-	var callBind = callBindApplyHelpers;
-	var gOPD = gopd$1;
-
-	var hasProtoAccessor;
-	try {
-		// eslint-disable-next-line no-extra-parens, no-proto
-		hasProtoAccessor = /** @type {{ __proto__?: typeof Array.prototype }} */ ([]).__proto__ === Array.prototype;
-	} catch (e) {
-		if (!e || typeof e !== 'object' || !('code' in e) || e.code !== 'ERR_PROTO_ACCESS') {
-			throw e;
-		}
+var hasProtoAccessor;
+try {
+	// eslint-disable-next-line no-extra-parens, no-proto
+	hasProtoAccessor = /** @type {{ __proto__?: typeof Array.prototype }} */ ([]).__proto__ === Array.prototype;
+} catch (e) {
+	if (!e || typeof e !== 'object' || !('code' in e) || e.code !== 'ERR_PROTO_ACCESS') {
+		throw e;
 	}
-
-	// eslint-disable-next-line no-extra-parens
-	var desc = !!hasProtoAccessor && gOPD && gOPD(Object.prototype, /** @type {keyof typeof Object.prototype} */ ('__proto__'));
-
-	var $Object = Object;
-	var $getPrototypeOf = $Object.getPrototypeOf;
-
-	/** @type {import('./get')} */
-	get = desc && typeof desc.get === 'function'
-		? callBind([desc.get])
-		: typeof $getPrototypeOf === 'function'
-			? /** @type {import('./get')} */ function getDunder(value) {
-				// eslint-disable-next-line eqeqeq
-				return $getPrototypeOf(value == null ? value : $Object(value));
-			}
-			: false;
-	return get;
 }
 
-var getProto$3;
-var hasRequiredGetProto;
+// eslint-disable-next-line no-extra-parens
+var desc = !!hasProtoAccessor && gOPD$5 && gOPD$5(Object.prototype, /** @type {keyof typeof Object.prototype} */ ('__proto__'));
 
-function requireGetProto () {
-	if (hasRequiredGetProto) return getProto$3;
-	hasRequiredGetProto = 1;
+var $Object$3 = Object;
+var $getPrototypeOf = $Object$3.getPrototypeOf;
 
-	var reflectGetProto = requireReflect_getPrototypeOf();
-	var originalGetProto = requireObject_getPrototypeOf();
+/** @type {import('./get')} */
+var get = desc && typeof desc.get === 'function'
+	? callBind$6([desc.get])
+	: typeof $getPrototypeOf === 'function'
+		? /** @type {import('./get')} */ function getDunder(value) {
+			// eslint-disable-next-line eqeqeq
+			return $getPrototypeOf(value == null ? value : $Object$3(value));
+		}
+		: false;
 
-	var getDunderProto = requireGet();
+var reflectGetProto = requireReflect_getPrototypeOf();
+var originalGetProto = requireObject_getPrototypeOf();
 
-	/** @type {import('.')} */
-	getProto$3 = reflectGetProto
+var getDunderProto = get;
+
+/** @type {import('.')} */
+var getProto$3 = reflectGetProto
+	? function getProto(O) {
+		// @ts-expect-error TS can't narrow inside a closure, for some reason
+		return reflectGetProto(O);
+	}
+	: originalGetProto
 		? function getProto(O) {
+			if (!O || (typeof O !== 'object' && typeof O !== 'function')) {
+				throw new TypeError('getProto: not an object');
+			}
 			// @ts-expect-error TS can't narrow inside a closure, for some reason
-			return reflectGetProto(O);
+			return originalGetProto(O);
 		}
-		: originalGetProto
+		: getDunderProto
 			? function getProto(O) {
-				if (!O || (typeof O !== 'object' && typeof O !== 'function')) {
-					throw new TypeError('getProto: not an object');
-				}
 				// @ts-expect-error TS can't narrow inside a closure, for some reason
-				return originalGetProto(O);
+				return getDunderProto(O);
 			}
-			: getDunderProto
-				? function getProto(O) {
-					// @ts-expect-error TS can't narrow inside a closure, for some reason
-					return getDunderProto(O);
-				}
-				: null;
-	return getProto$3;
-}
+			: null;
 
 var call = Function.prototype.call;
 var $hasOwn = Object.prototype.hasOwnProperty;
@@ -8322,7 +8318,7 @@ var ThrowTypeError = $gOPD$1
 
 var hasSymbols$3 = hasSymbols$4();
 
-var getProto$2 = requireGetProto();
+var getProto$2 = getProto$3;
 var $ObjectGPO = requireObject_getPrototypeOf();
 var $ReflectGPO = requireReflect_getPrototypeOf();
 
@@ -8719,9 +8715,9 @@ var applyBind = function applyBind() {
 	} else {
 		module.exports.apply = applyBind$1;
 	} 
-} (callBind$6));
+} (callBind$7));
 
-var callBindExports = callBind$6.exports;
+var callBindExports = callBind$7.exports;
 
 var GetIntrinsic$7 = getIntrinsic;
 
@@ -9020,7 +9016,7 @@ var getPolyfill$3 = polyfill$2;
 var gOPD$2 = gopd$1;
 var defineProperty = Object.defineProperty;
 var $TypeError$5 = esErrors;
-var getProto$1 = requireGetProto();
+var getProto$1 = getProto$3;
 var regex = /a/;
 
 var shim$3 = function shimFlags() {
@@ -11136,7 +11132,7 @@ var availableTypedArrays = availableTypedArrays$1;
 var callBind = callBindExports;
 var callBound$2 = callBound$i;
 var gOPD = gopd$1;
-var getProto = requireGetProto();
+var getProto = getProto$3;
 
 var $toString = callBound$2('Object.prototype.toString');
 var hasToStringTag = shams();
@@ -37922,9 +37918,9 @@ var DashboardsSection = function DashboardsSection(_ref) {
     className: "flex flex-col h-full",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex-shrink-0 flex flex-col gap-2 px-3 py-2 ".concat(headerStyles.backgroundColor || ""),
-      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex items-center gap-2",
-        children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
           className: "flex-1",
           children: /*#__PURE__*/jsxRuntime.jsx(DashReact.SearchInput, {
             value: searchQuery,
@@ -37932,7 +37928,15 @@ var DashboardsSection = function DashboardsSection(_ref) {
             placeholder: "Search dashboards...",
             inputClassName: "py-1.5 text-xs"
           })
-        })
+        }), onOpenWizard && /*#__PURE__*/jsxRuntime.jsx("button", {
+          onClick: onOpenWizard,
+          className: "flex-shrink-0 p-1.5 rounded opacity-60 hover:opacity-100 transition-opacity",
+          title: "Dashboard Wizard",
+          children: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+            icon: "wand-magic-sparkles",
+            className: "h-3.5 w-3.5"
+          })
+        })]
       }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tabs3, {
         value: installMode === "marketplace" ? "marketplace" : viewMode,
         onValueChange: function onValueChange(val) {
@@ -37961,14 +37965,6 @@ var DashboardsSection = function DashboardsSection(_ref) {
             value: "marketplace",
             className: "flex-1",
             children: "Marketplace"
-          }), onOpenWizard && /*#__PURE__*/jsxRuntime.jsx(DashReact.Tabs3.Trigger, {
-            value: "wizard",
-            className: "flex-1",
-            onClick: function onClick(e) {
-              e.preventDefault();
-              onOpenWizard();
-            },
-            children: "Wizard"
           })]
         })
       })]
@@ -48129,14 +48125,15 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
   function handleClickNewFromEmpty() {
     setIsLayoutPickerOpen(true);
   }
-  function handleCreateFromTemplate(layoutObj) {
+  function handleCreateFromTemplate(layoutObjOrArray) {
     var themeKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var name = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
     try {
+      var layout = Array.isArray(layoutObjOrArray) ? layoutObjOrArray : [layoutObjOrArray];
       var newWorkspace = WorkspaceModel({
-        layout: [layoutObj],
+        layout: layout,
         themeKey: themeKey,
-        menuId: layoutObj.menuId,
+        menuId: layout[0].menuId,
         name: name || undefined
       });
       handleOpenTab(newWorkspace);