@trops/dash-core 0.1.280 → 0.1.282

package/dist/index.esm.js

@@ -25,6 +25,7 @@ import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
 import _inherits from '@babel/runtime/helpers/inherits';
 import colors from 'tailwindcss/colors';
+import _readOnlyError from '@babel/runtime/helpers/readOnlyError';
 import * as ReactDOM from 'react-dom';
 import { createPortal } from 'react-dom';
 import algoliasearch from 'algoliasearch';
@@ -6415,7 +6416,7 @@ var WizardDiscoverStep = function WizardDiscoverStep(_ref) {
               onClick: function onClick() {
                 return handleToggleCategory(tag);
               },
-              className: filters.categories.includes(tag) ? "ring-1 ring-blue-400" : ""
+              active: filters.categories.includes(tag)
             }, tag);
           })
         })]
@@ -6432,7 +6433,7 @@ var WizardDiscoverStep = function WizardDiscoverStep(_ref) {
               onClick: function onClick() {
                 return handleToggleProvider(prov.key);
               },
-              className: filters.providers.includes(prov.key) ? "ring-1 ring-blue-400" : ""
+              active: filters.providers.includes(prov.key)
             }, prov.key);
           })
         })]
@@ -8464,10 +8465,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 {
@@ -8602,7 +8603,7 @@ defineProperties$1.supportsDescriptors = !!supportsDescriptors$2;
 
 var defineProperties_1 = defineProperties$1;
 
-var callBind$6 = {exports: {}};
+var callBind$7 = {exports: {}};
 
 /** @type {import('.')} */
 var esObjectAtoms = Object;
@@ -8902,78 +8903,60 @@ var callBindApplyHelpers = function callBindBasic(args) {
 	return $actualApply(bind$3, $call$1, args);
 };
 
-var get;
-var hasRequiredGet;
+var callBind$6 = callBindApplyHelpers;
+var gOPD$5 = gopd$1;
 
-function requireGet () {
-	if (hasRequiredGet) return get;
-	hasRequiredGet = 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;
@@ -9036,7 +9019,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();
 
@@ -9433,9 +9416,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;
 
@@ -9734,7 +9717,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() {
@@ -11850,7 +11833,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();
@@ -21017,8 +21000,19 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
    */
   function handleSelectWidgetForCell(widgetName, cellNumber, cellData, component, workspace) {
     try {
+      var _gridContainer$grid2;
       // create the new dashboard.
       var dashboard = new DashboardModel(workspace);
+
+      // Remove old widget from layout if the target cell is already occupied
+      var gridContainer = dashboard.layout.find(function (item) {
+        return item.id === component.id;
+      });
+      if (gridContainer !== null && gridContainer !== void 0 && (_gridContainer$grid2 = gridContainer.grid) !== null && _gridContainer$grid2 !== void 0 && (_gridContainer$grid2 = _gridContainer$grid2[cellNumber]) !== null && _gridContainer$grid2 !== void 0 && _gridContainer$grid2.component) {
+        var oldWidgetId = gridContainer.grid[cellNumber].component;
+        dashboard.removeItemFromLayout(oldWidgetId);
+        gridContainer.grid[cellNumber].component = null;
+      }
       var componentToAdd = ComponentManager.getComponent(widgetName);
       var widget = LayoutModel(componentToAdd, dashboard.workspace(), dashboard.id);
       dashboard.addChildToLayoutItem(widget, component.id, cellNumber);
@@ -29377,13 +29371,31 @@ var DashboardModel = /*#__PURE__*/function () {
         }
         if (activeItemIds.size === 0) return;
 
-        // Keep root items (parent: 0) and items referenced by grid cells
-        var before = this.layout.length;
+        // Identify orphaned item IDs before removing them
+        var orphanedIds = this.layout.filter(function (item) {
+          return item.parent !== 0 && !activeItemIds.has(item.id);
+        }).map(function (item) {
+          return item.id;
+        });
+        if (orphanedIds.length === 0) return;
+
+        // Remove orphaned items from layout
         this.layout = this.layout.filter(function (item) {
           return item.parent === 0 || activeItemIds.has(item.id);
         });
-        var removed = before - this.layout.length;
-        if (removed > 0) {
+
+        // Clean listener references on remaining items for each removed orphan
+        var _iterator2 = _createForOfIteratorHelper$8(orphanedIds),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var id = _step2.value;
+            this._cleanupListenerReferencesForId(id);
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
         }
       } catch (e) {
       }
@@ -50402,6 +50414,11 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
       });
       workspaceToSave["layout"] = layout;
 
+      // Clean orphaned layout items and stale listener references before save
+      var dashboardForCleanup = new DashboardModel(workspaceToSave);
+      dashboardForCleanup.cleanOrphanedItems();
+      dashboardForCleanup.workspace(), _readOnlyError("workspaceToSave");
+
       // lets set a version so that we can compare...
       workspaceToSave["version"] = Date.now();
       if (dashApi && credentials) {