@trops/dash-core 0.1.40 → 0.1.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +508 -276
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +508 -275
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -31,8 +31,8 @@ import algoliasearch from 'algoliasearch';
|
|
|
31
31
|
import { InstantSearch, Hits } from 'react-instantsearch-hooks-web';
|
|
32
32
|
import { Link } from 'react-router-dom';
|
|
33
33
|
|
|
34
|
-
function ownKeys$
|
|
35
|
-
function _objectSpread$
|
|
34
|
+
function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
35
|
+
function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
36
36
|
var event = {
|
|
37
37
|
list: new Map(),
|
|
38
38
|
// Map(1) { '<widget-UUID>' => { 'CustomSearchbar[10].searchQueryChanged': [] } }
|
|
@@ -94,7 +94,7 @@ var event = {
|
|
|
94
94
|
uuid: subscriber["uuid"]
|
|
95
95
|
};
|
|
96
96
|
if ("action" in subscriber && subscriber.action !== undefined) {
|
|
97
|
-
subscriber["action"](_objectSpread$
|
|
97
|
+
subscriber["action"](_objectSpread$y({}, objectToSend));
|
|
98
98
|
}
|
|
99
99
|
});
|
|
100
100
|
}
|
|
@@ -2482,8 +2482,8 @@ var DashboardWrapper = function DashboardWrapper(_ref) {
|
|
|
2482
2482
|
});
|
|
2483
2483
|
};
|
|
2484
2484
|
|
|
2485
|
-
function ownKeys$
|
|
2486
|
-
function _objectSpread$
|
|
2485
|
+
function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2486
|
+
function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2487
2487
|
var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
|
|
2488
2488
|
var themeKey = _ref.themeKey,
|
|
2489
2489
|
children = _ref.children;
|
|
@@ -2495,7 +2495,7 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
|
|
|
2495
2495
|
var dashboardTheme = themes[themeKey];
|
|
2496
2496
|
var themeValue = dashboardTheme ? dashboardTheme[themeVariant] || null : null;
|
|
2497
2497
|
if (!themeValue) return null;
|
|
2498
|
-
return _objectSpread$
|
|
2498
|
+
return _objectSpread$x(_objectSpread$x({}, parentContext), {}, {
|
|
2499
2499
|
currentTheme: themeValue,
|
|
2500
2500
|
currentThemeKey: themeKey,
|
|
2501
2501
|
theme: themeValue,
|
|
@@ -2513,8 +2513,8 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
|
|
|
2513
2513
|
});
|
|
2514
2514
|
};
|
|
2515
2515
|
|
|
2516
|
-
function ownKeys$
|
|
2517
|
-
function _objectSpread$
|
|
2516
|
+
function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2517
|
+
function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2518
2518
|
var AppThemeScope = function AppThemeScope(_ref) {
|
|
2519
2519
|
var children = _ref.children;
|
|
2520
2520
|
var ctx = useContext(ThemeContext);
|
|
@@ -2522,7 +2522,7 @@ var AppThemeScope = function AppThemeScope(_ref) {
|
|
|
2522
2522
|
children: children
|
|
2523
2523
|
});
|
|
2524
2524
|
return /*#__PURE__*/jsx(ThemeContext.Provider, {
|
|
2525
|
-
value: _objectSpread$
|
|
2525
|
+
value: _objectSpread$w(_objectSpread$w({}, ctx), {}, {
|
|
2526
2526
|
currentTheme: ctx.appTheme,
|
|
2527
2527
|
currentThemeKey: ctx.appThemeKey,
|
|
2528
2528
|
theme: ctx.appTheme,
|
|
@@ -2634,8 +2634,8 @@ var LayoutContainer = function LayoutContainer(_ref) {
|
|
|
2634
2634
|
});
|
|
2635
2635
|
};
|
|
2636
2636
|
|
|
2637
|
-
function ownKeys$
|
|
2638
|
-
function _objectSpread$
|
|
2637
|
+
function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2638
|
+
function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2639
2639
|
function _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
2640
2640
|
function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
|
|
2641
2641
|
function _arrayLikeToArray$9(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
@@ -2879,7 +2879,7 @@ function createLayoutFromTemplate(template) {
|
|
|
2879
2879
|
try {
|
|
2880
2880
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
2881
2881
|
var cell = _step.value;
|
|
2882
|
-
grid[cell.key] = _objectSpread$
|
|
2882
|
+
grid[cell.key] = _objectSpread$v({
|
|
2883
2883
|
component: null,
|
|
2884
2884
|
hide: cell.hide || false
|
|
2885
2885
|
}, cell.span ? {
|
|
@@ -4154,8 +4154,8 @@ var LayoutBuilderAddItemModal = function LayoutBuilderAddItemModal(_ref) {
|
|
|
4154
4154
|
});
|
|
4155
4155
|
};
|
|
4156
4156
|
|
|
4157
|
-
function ownKeys$
|
|
4158
|
-
function _objectSpread$
|
|
4157
|
+
function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4158
|
+
function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4159
4159
|
var PanelEditItem = function PanelEditItem(_ref) {
|
|
4160
4160
|
var _ComponentManager$get;
|
|
4161
4161
|
var workspace = _ref.workspace,
|
|
@@ -4215,7 +4215,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
|
|
|
4215
4215
|
var uuid = newItem.uuid || newItem.uuidString;
|
|
4216
4216
|
if (uuid) {
|
|
4217
4217
|
workspaceTemp.selectedProviders = workspaceTemp.selectedProviders || {};
|
|
4218
|
-
workspaceTemp.selectedProviders[uuid] = _objectSpread$
|
|
4218
|
+
workspaceTemp.selectedProviders[uuid] = _objectSpread$u(_objectSpread$u({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
|
|
4219
4219
|
}
|
|
4220
4220
|
onUpdate(newItem, workspaceTemp);
|
|
4221
4221
|
forceUpdate();
|
|
@@ -4344,7 +4344,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
|
|
|
4344
4344
|
var _ref5 = _slicedToArray(_ref4, 2),
|
|
4345
4345
|
name = _ref5[0],
|
|
4346
4346
|
p = _ref5[1];
|
|
4347
|
-
return _objectSpread$
|
|
4347
|
+
return _objectSpread$u({
|
|
4348
4348
|
name: name
|
|
4349
4349
|
}, p);
|
|
4350
4350
|
});
|
|
@@ -4389,8 +4389,8 @@ var _excluded$5 = ["rows", "cols"];
|
|
|
4389
4389
|
function _createForOfIteratorHelper$8(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$8(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
4390
4390
|
function _unsupportedIterableToArray$8(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$8(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$8(r, a) : void 0; } }
|
|
4391
4391
|
function _arrayLikeToArray$8(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
4392
|
-
function ownKeys$
|
|
4393
|
-
function _objectSpread$
|
|
4392
|
+
function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4393
|
+
function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4394
4394
|
var defaultGrid = {
|
|
4395
4395
|
rows: 1,
|
|
4396
4396
|
cols: 1,
|
|
@@ -4411,7 +4411,7 @@ function GridEditor(_ref) {
|
|
|
4411
4411
|
setGrid = _useState2[1];
|
|
4412
4412
|
var addRow = function addRow() {
|
|
4413
4413
|
var newRow = grid.rows;
|
|
4414
|
-
var newGrid = _objectSpread$
|
|
4414
|
+
var newGrid = _objectSpread$t(_objectSpread$t({}, grid), {}, {
|
|
4415
4415
|
rows: grid.rows + 1
|
|
4416
4416
|
});
|
|
4417
4417
|
for (var col = 0; col < grid.cols; col++) {
|
|
@@ -4426,7 +4426,7 @@ function GridEditor(_ref) {
|
|
|
4426
4426
|
};
|
|
4427
4427
|
var addColumn = function addColumn() {
|
|
4428
4428
|
var newCol = grid.cols;
|
|
4429
|
-
var newGrid = _objectSpread$
|
|
4429
|
+
var newGrid = _objectSpread$t(_objectSpread$t({}, grid), {}, {
|
|
4430
4430
|
cols: grid.cols + 1
|
|
4431
4431
|
});
|
|
4432
4432
|
for (var row = 0; row < grid.rows; row++) {
|
|
@@ -4459,8 +4459,8 @@ function GridEditor(_ref) {
|
|
|
4459
4459
|
});
|
|
4460
4460
|
}
|
|
4461
4461
|
if (grid[nextKey]) {
|
|
4462
|
-
var newGrid = _objectSpread$
|
|
4463
|
-
newGrid[currentKey] = _objectSpread$
|
|
4462
|
+
var newGrid = _objectSpread$t({}, grid);
|
|
4463
|
+
newGrid[currentKey] = _objectSpread$t(_objectSpread$t({}, newGrid[currentKey]), {}, {
|
|
4464
4464
|
colSpan: newGrid[currentKey].colSpan + 1
|
|
4465
4465
|
});
|
|
4466
4466
|
delete newGrid[nextKey];
|
|
@@ -4473,8 +4473,8 @@ function GridEditor(_ref) {
|
|
|
4473
4473
|
var currentKey = "".concat(row, ".").concat(col);
|
|
4474
4474
|
var belowKey = "".concat(row + 1, ".").concat(col);
|
|
4475
4475
|
if (grid[belowKey]) {
|
|
4476
|
-
var newGrid = _objectSpread$
|
|
4477
|
-
newGrid[currentKey] = _objectSpread$
|
|
4476
|
+
var newGrid = _objectSpread$t({}, grid);
|
|
4477
|
+
newGrid[currentKey] = _objectSpread$t(_objectSpread$t({}, newGrid[currentKey]), {}, {
|
|
4478
4478
|
rowSpan: newGrid[currentKey].rowSpan + 1
|
|
4479
4479
|
});
|
|
4480
4480
|
delete newGrid[belowKey];
|
|
@@ -4491,7 +4491,7 @@ function GridEditor(_ref) {
|
|
|
4491
4491
|
var splitCell = function splitCell(row, col) {
|
|
4492
4492
|
var key = "".concat(row, ".").concat(col);
|
|
4493
4493
|
var cell = grid[key];
|
|
4494
|
-
var newGrid = _objectSpread$
|
|
4494
|
+
var newGrid = _objectSpread$t({}, grid);
|
|
4495
4495
|
|
|
4496
4496
|
// we have to check the colspan, and since the colspan is greater than 1
|
|
4497
4497
|
// Only handle horizontal split if colSpan > 1
|
|
@@ -4507,13 +4507,13 @@ function GridEditor(_ref) {
|
|
|
4507
4507
|
var oldKey = "".concat(row, ".").concat(c);
|
|
4508
4508
|
var newKey = "".concat(row, ".").concat(c + 1);
|
|
4509
4509
|
if (newGrid[oldKey]) {
|
|
4510
|
-
newGrid[newKey] = _objectSpread$
|
|
4510
|
+
newGrid[newKey] = _objectSpread$t({}, newGrid[oldKey]);
|
|
4511
4511
|
delete newGrid[oldKey];
|
|
4512
4512
|
}
|
|
4513
4513
|
}
|
|
4514
4514
|
|
|
4515
4515
|
// Update the original cell's colSpan
|
|
4516
|
-
newGrid[key] = _objectSpread$
|
|
4516
|
+
newGrid[key] = _objectSpread$t(_objectSpread$t({}, cell), {}, {
|
|
4517
4517
|
colSpan: cell.colSpan - 1
|
|
4518
4518
|
});
|
|
4519
4519
|
|
|
@@ -4525,7 +4525,7 @@ function GridEditor(_ref) {
|
|
|
4525
4525
|
};
|
|
4526
4526
|
}
|
|
4527
4527
|
if (cell.rowSpan > 1) {
|
|
4528
|
-
newGrid[key] = _objectSpread$
|
|
4528
|
+
newGrid[key] = _objectSpread$t(_objectSpread$t({}, newGrid[key]), {}, {
|
|
4529
4529
|
rowSpan: cell.rowSpan - 1
|
|
4530
4530
|
});
|
|
4531
4531
|
newGrid["".concat(row + 1, ".").concat(col)] = {
|
|
@@ -4644,7 +4644,7 @@ function GridEditor(_ref) {
|
|
|
4644
4644
|
var fromKey = "".concat(from.row, ".").concat(from.col);
|
|
4645
4645
|
var toKey = "".concat(to.row, ".").concat(to.col);
|
|
4646
4646
|
if (fromKey === toKey) return;
|
|
4647
|
-
var newGrid = _objectSpread$
|
|
4647
|
+
var newGrid = _objectSpread$t({}, grid);
|
|
4648
4648
|
|
|
4649
4649
|
// Swap the cells
|
|
4650
4650
|
var temp = newGrid[fromKey];
|
|
@@ -4670,7 +4670,7 @@ function GridEditor(_ref) {
|
|
|
4670
4670
|
// console.log("Grid updated:", sequencedGrid);
|
|
4671
4671
|
}
|
|
4672
4672
|
function resetGridLayout() {
|
|
4673
|
-
var newGrid = _objectSpread$
|
|
4673
|
+
var newGrid = _objectSpread$t({}, defaultGrid);
|
|
4674
4674
|
setGrid(newGrid);
|
|
4675
4675
|
onUpdate(newGrid);
|
|
4676
4676
|
}
|
|
@@ -5155,9 +5155,6 @@ var PanelEditItemHandlers = function PanelEditItemHandlers(_ref) {
|
|
|
5155
5155
|
return array.indexOf(value) === index;
|
|
5156
5156
|
}) : [];
|
|
5157
5157
|
|
|
5158
|
-
// Get the listeners for the current item
|
|
5159
|
-
var listeners = itemSelected ? itemSelected["listeners"] || {} : {};
|
|
5160
|
-
|
|
5161
5158
|
// Get available source widgets with events
|
|
5162
5159
|
var layoutArray = workspaceSelected !== null && Array.isArray(workspaceSelected.layout) ? workspaceSelected.layout : [];
|
|
5163
5160
|
var sourceWidgets = layoutArray.filter(function (l) {
|
|
@@ -5168,6 +5165,31 @@ var PanelEditItemHandlers = function PanelEditItemHandlers(_ref) {
|
|
|
5168
5165
|
return li["component"] !== (itemSelected === null || itemSelected === void 0 ? void 0 : itemSelected["component"]);
|
|
5169
5166
|
});
|
|
5170
5167
|
|
|
5168
|
+
// Build a set of valid event strings from widgets currently in the layout
|
|
5169
|
+
var validEventStrings = new Set();
|
|
5170
|
+
sourceWidgets.forEach(function (layout) {
|
|
5171
|
+
if (Array.isArray(layout.events)) {
|
|
5172
|
+
layout.events.forEach(function (event) {
|
|
5173
|
+
validEventStrings.add("".concat(layout["component"], "[").concat(layout["id"], "].").concat(event));
|
|
5174
|
+
});
|
|
5175
|
+
}
|
|
5176
|
+
});
|
|
5177
|
+
|
|
5178
|
+
// Get the listeners for the current item, filtering out orphaned references
|
|
5179
|
+
var rawListeners = itemSelected ? itemSelected["listeners"] || {} : {};
|
|
5180
|
+
var listeners = {};
|
|
5181
|
+
Object.keys(rawListeners).forEach(function (handler) {
|
|
5182
|
+
var events = rawListeners[handler];
|
|
5183
|
+
if (Array.isArray(events)) {
|
|
5184
|
+
var validEvents = events.filter(function (e) {
|
|
5185
|
+
return validEventStrings.has(e);
|
|
5186
|
+
});
|
|
5187
|
+
if (validEvents.length > 0) {
|
|
5188
|
+
listeners[handler] = validEvents;
|
|
5189
|
+
}
|
|
5190
|
+
}
|
|
5191
|
+
});
|
|
5192
|
+
|
|
5171
5193
|
// Count connected events for a handler
|
|
5172
5194
|
function getConnectedCount(handler) {
|
|
5173
5195
|
return (listeners[handler] || []).length;
|
|
@@ -6902,8 +6924,8 @@ var WidgetIcon = function WidgetIcon(_ref) {
|
|
|
6902
6924
|
});
|
|
6903
6925
|
};
|
|
6904
6926
|
|
|
6905
|
-
function ownKeys$
|
|
6906
|
-
function _objectSpread$
|
|
6927
|
+
function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
6928
|
+
function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6907
6929
|
var ProviderForm = function ProviderForm(_ref) {
|
|
6908
6930
|
var credentialSchema = _ref.credentialSchema,
|
|
6909
6931
|
_ref$initialValues = _ref.initialValues,
|
|
@@ -6960,13 +6982,13 @@ var ProviderForm = function ProviderForm(_ref) {
|
|
|
6960
6982
|
*/
|
|
6961
6983
|
var handleInputChange = function handleInputChange(fieldName, value) {
|
|
6962
6984
|
setFormData(function (prev) {
|
|
6963
|
-
return _objectSpread$
|
|
6985
|
+
return _objectSpread$s(_objectSpread$s({}, prev), {}, _defineProperty({}, fieldName, value));
|
|
6964
6986
|
});
|
|
6965
6987
|
|
|
6966
6988
|
// Clear error for this field if it was filled
|
|
6967
6989
|
if (errors[fieldName] && value !== null && value !== void 0 && value.trim()) {
|
|
6968
6990
|
setErrors(function (prev) {
|
|
6969
|
-
var newErrors = _objectSpread$
|
|
6991
|
+
var newErrors = _objectSpread$s({}, prev);
|
|
6970
6992
|
delete newErrors[fieldName];
|
|
6971
6993
|
return newErrors;
|
|
6972
6994
|
});
|
|
@@ -7004,7 +7026,7 @@ var ProviderForm = function ProviderForm(_ref) {
|
|
|
7004
7026
|
// Clear error if filled
|
|
7005
7027
|
if (errors.providerName && value !== null && value !== void 0 && value.trim()) {
|
|
7006
7028
|
setErrors(function (prev) {
|
|
7007
|
-
var newErrors = _objectSpread$
|
|
7029
|
+
var newErrors = _objectSpread$s({}, prev);
|
|
7008
7030
|
delete newErrors.providerName;
|
|
7009
7031
|
return newErrors;
|
|
7010
7032
|
});
|
|
@@ -7083,8 +7105,8 @@ var ProviderForm = function ProviderForm(_ref) {
|
|
|
7083
7105
|
function _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
7084
7106
|
function _unsupportedIterableToArray$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : void 0; } }
|
|
7085
7107
|
function _arrayLikeToArray$7(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
7086
|
-
function ownKeys$
|
|
7087
|
-
function _objectSpread$
|
|
7108
|
+
function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
7109
|
+
function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
7088
7110
|
var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
7089
7111
|
var isOpen = _ref.isOpen,
|
|
7090
7112
|
onClose = _ref.onClose,
|
|
@@ -7213,7 +7235,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
7213
7235
|
.map(function (entry) {
|
|
7214
7236
|
var widget = allWidgets[entry.widgetKey];
|
|
7215
7237
|
if (!widget) return null; // Widget no longer exists
|
|
7216
|
-
return _objectSpread$
|
|
7238
|
+
return _objectSpread$r(_objectSpread$r({
|
|
7217
7239
|
key: entry.widgetKey
|
|
7218
7240
|
}, widget), {}, {
|
|
7219
7241
|
savedProviders: entry.providers || {},
|
|
@@ -7354,7 +7376,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
7354
7376
|
// Get widgets from ComponentManager
|
|
7355
7377
|
var allWidgets = ComponentManager.map();
|
|
7356
7378
|
var widgetList = Object.keys(allWidgets).map(function (key) {
|
|
7357
|
-
return _objectSpread$
|
|
7379
|
+
return _objectSpread$r({
|
|
7358
7380
|
key: key
|
|
7359
7381
|
}, allWidgets[key]);
|
|
7360
7382
|
}).filter(function (widget) {
|
|
@@ -7568,7 +7590,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
7568
7590
|
setInlineCreateType(null);
|
|
7569
7591
|
setInlineCreateSchema({});
|
|
7570
7592
|
setInlineCreateError(null);
|
|
7571
|
-
setSelectedProviders(_objectSpread$
|
|
7593
|
+
setSelectedProviders(_objectSpread$r(_objectSpread$r({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
|
|
7572
7594
|
}
|
|
7573
7595
|
};
|
|
7574
7596
|
var handleInlineProviderSubmit = function handleInlineProviderSubmit(formData) {
|
|
@@ -7589,7 +7611,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
7589
7611
|
|
|
7590
7612
|
// Auto-select the newly created provider
|
|
7591
7613
|
setSelectedProviders(function (prev) {
|
|
7592
|
-
return _objectSpread$
|
|
7614
|
+
return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, providerType, providerName));
|
|
7593
7615
|
});
|
|
7594
7616
|
|
|
7595
7617
|
// Collapse the inline form
|
|
@@ -7607,7 +7629,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
7607
7629
|
setInlineCreateError(null);
|
|
7608
7630
|
};
|
|
7609
7631
|
var handleConfigChange = function handleConfigChange(key, value) {
|
|
7610
|
-
setUserConfigValues(_objectSpread$
|
|
7632
|
+
setUserConfigValues(_objectSpread$r(_objectSpread$r({}, userConfigValues), {}, _defineProperty({}, key, value)));
|
|
7611
7633
|
};
|
|
7612
7634
|
|
|
7613
7635
|
// Install a package from the registry
|
|
@@ -7697,7 +7719,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
7697
7719
|
|
|
7698
7720
|
// Phase 3: Save to recent widgets
|
|
7699
7721
|
saveToRecent(selectedWidget, selectedProviders, userConfigValues);
|
|
7700
|
-
onSelectWidget(_objectSpread$
|
|
7722
|
+
onSelectWidget(_objectSpread$r(_objectSpread$r({}, selectedWidget), {}, {
|
|
7701
7723
|
selectedProviders: selectedProviders,
|
|
7702
7724
|
// Pass to parent
|
|
7703
7725
|
userConfigValues: userConfigValues // Pass to parent
|
|
@@ -9151,8 +9173,8 @@ var ProviderSelector = function ProviderSelector(_ref) {
|
|
|
9151
9173
|
});
|
|
9152
9174
|
};
|
|
9153
9175
|
|
|
9154
|
-
function ownKeys$
|
|
9155
|
-
function _objectSpread$
|
|
9176
|
+
function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
9177
|
+
function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
9156
9178
|
/**
|
|
9157
9179
|
* Shared MCP utility functions.
|
|
9158
9180
|
*
|
|
@@ -9280,7 +9302,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
|
|
|
9280
9302
|
headerTemplate[name] = value;
|
|
9281
9303
|
}
|
|
9282
9304
|
});
|
|
9283
|
-
var config = _objectSpread$
|
|
9305
|
+
var config = _objectSpread$q({}, baseMcpConfig);
|
|
9284
9306
|
if (Object.keys(headerTemplate).length > 0) {
|
|
9285
9307
|
config.headerTemplate = headerTemplate;
|
|
9286
9308
|
} else {
|
|
@@ -9298,7 +9320,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
|
|
|
9298
9320
|
envMapping[env] = cred;
|
|
9299
9321
|
}
|
|
9300
9322
|
});
|
|
9301
|
-
return _objectSpread$
|
|
9323
|
+
return _objectSpread$q(_objectSpread$q({}, baseMcpConfig), {}, {
|
|
9302
9324
|
envMapping: envMapping
|
|
9303
9325
|
});
|
|
9304
9326
|
}
|
|
@@ -9345,8 +9367,8 @@ function headerTemplateToRows(headerTemplate, nextRowId) {
|
|
|
9345
9367
|
});
|
|
9346
9368
|
}
|
|
9347
9369
|
|
|
9348
|
-
function ownKeys$
|
|
9349
|
-
function _objectSpread$
|
|
9370
|
+
function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
9371
|
+
function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
9350
9372
|
var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
|
|
9351
9373
|
var transport = _ref.transport,
|
|
9352
9374
|
envMappingRows = _ref.envMappingRows,
|
|
@@ -9375,7 +9397,7 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
|
|
|
9375
9397
|
var updateEnvRow = function updateEnvRow(id, field, value) {
|
|
9376
9398
|
onEnvMappingRowsChange(function (prev) {
|
|
9377
9399
|
return prev.map(function (row) {
|
|
9378
|
-
return row.id === id ? _objectSpread$
|
|
9400
|
+
return row.id === id ? _objectSpread$p(_objectSpread$p({}, row), {}, _defineProperty({}, field, value)) : row;
|
|
9379
9401
|
});
|
|
9380
9402
|
});
|
|
9381
9403
|
};
|
|
@@ -9400,7 +9422,7 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
|
|
|
9400
9422
|
var updateHeaderRow = function updateHeaderRow(id, field, value) {
|
|
9401
9423
|
onHeaderRowsChange(function (prev) {
|
|
9402
9424
|
return prev.map(function (row) {
|
|
9403
|
-
return row.id === id ? _objectSpread$
|
|
9425
|
+
return row.id === id ? _objectSpread$p(_objectSpread$p({}, row), {}, _defineProperty({}, field, value)) : row;
|
|
9404
9426
|
});
|
|
9405
9427
|
});
|
|
9406
9428
|
};
|
|
@@ -9549,8 +9571,8 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
|
|
|
9549
9571
|
});
|
|
9550
9572
|
};
|
|
9551
9573
|
|
|
9552
|
-
function ownKeys$
|
|
9553
|
-
function _objectSpread$
|
|
9574
|
+
function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
9575
|
+
function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
9554
9576
|
var McpServerPicker = function McpServerPicker(_ref) {
|
|
9555
9577
|
var _testResult$tools;
|
|
9556
9578
|
var isOpen = _ref.isOpen,
|
|
@@ -9666,11 +9688,11 @@ var McpServerPicker = function McpServerPicker(_ref) {
|
|
|
9666
9688
|
// Handle credential field changes
|
|
9667
9689
|
var handleCredentialChange = function handleCredentialChange(fieldName, value) {
|
|
9668
9690
|
setCredentialData(function (prev) {
|
|
9669
|
-
return _objectSpread$
|
|
9691
|
+
return _objectSpread$o(_objectSpread$o({}, prev), {}, _defineProperty({}, fieldName, value));
|
|
9670
9692
|
});
|
|
9671
9693
|
if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
|
|
9672
9694
|
setFormErrors(function (prev) {
|
|
9673
|
-
var next = _objectSpread$
|
|
9695
|
+
var next = _objectSpread$o({}, prev);
|
|
9674
9696
|
delete next[fieldName];
|
|
9675
9697
|
return next;
|
|
9676
9698
|
});
|
|
@@ -9958,7 +9980,7 @@ var McpServerPicker = function McpServerPicker(_ref) {
|
|
|
9958
9980
|
setProviderName(value);
|
|
9959
9981
|
if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
|
|
9960
9982
|
setFormErrors(function (prev) {
|
|
9961
|
-
var next = _objectSpread$
|
|
9983
|
+
var next = _objectSpread$o({}, prev);
|
|
9962
9984
|
delete next.providerName;
|
|
9963
9985
|
return next;
|
|
9964
9986
|
});
|
|
@@ -10045,8 +10067,8 @@ var McpServerPicker = function McpServerPicker(_ref) {
|
|
|
10045
10067
|
});
|
|
10046
10068
|
};
|
|
10047
10069
|
|
|
10048
|
-
function ownKeys$
|
|
10049
|
-
function _objectSpread$
|
|
10070
|
+
function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
10071
|
+
function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
10050
10072
|
var USE_ENHANCED_WIDGET_SELECTOR = true; // Set to false to use original modal
|
|
10051
10073
|
|
|
10052
10074
|
/**
|
|
@@ -10078,7 +10100,9 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
10078
10100
|
_ref$editMode = _ref.editMode,
|
|
10079
10101
|
editMode = _ref$editMode === void 0 ? "all" : _ref$editMode,
|
|
10080
10102
|
_ref$workspaceRef = _ref.workspaceRef,
|
|
10081
|
-
workspaceRef = _ref$workspaceRef === void 0 ? null : _ref$workspaceRef
|
|
10103
|
+
workspaceRef = _ref$workspaceRef === void 0 ? null : _ref$workspaceRef,
|
|
10104
|
+
_ref$onWidgetPopout = _ref.onWidgetPopout,
|
|
10105
|
+
onWidgetPopout = _ref$onWidgetPopout === void 0 ? null : _ref$onWidgetPopout;
|
|
10082
10106
|
var appContext = useContext(AppContext);
|
|
10083
10107
|
var debugMode = appContext.debugMode;
|
|
10084
10108
|
var dashboardContext = useContext(DashboardContext);
|
|
@@ -10090,7 +10114,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
10090
10114
|
var _ref3 = _slicedToArray(_ref2, 2),
|
|
10091
10115
|
id = _ref3[0],
|
|
10092
10116
|
p = _ref3[1];
|
|
10093
|
-
return _objectSpread$
|
|
10117
|
+
return _objectSpread$n(_objectSpread$n({}, p), {}, {
|
|
10094
10118
|
id: id,
|
|
10095
10119
|
name: p.name || id
|
|
10096
10120
|
});
|
|
@@ -10177,7 +10201,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
10177
10201
|
// so we use its layout to replace any corrupted grid data.
|
|
10178
10202
|
if (workspace && workspace["layout"]) {
|
|
10179
10203
|
var model = new DashboardModel(workspace);
|
|
10180
|
-
setCurrentWorkspace(_objectSpread$
|
|
10204
|
+
setCurrentWorkspace(_objectSpread$n(_objectSpread$n({}, workspace), {}, {
|
|
10181
10205
|
layout: model.layout
|
|
10182
10206
|
}));
|
|
10183
10207
|
} else {
|
|
@@ -10559,7 +10583,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
10559
10583
|
var uuid = widget.uuid || widget.uuidString;
|
|
10560
10584
|
if (uuid) {
|
|
10561
10585
|
newWorkspace.selectedProviders = newWorkspace.selectedProviders || {};
|
|
10562
|
-
newWorkspace.selectedProviders[uuid] = _objectSpread$
|
|
10586
|
+
newWorkspace.selectedProviders[uuid] = _objectSpread$n(_objectSpread$n({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
|
|
10563
10587
|
}
|
|
10564
10588
|
setCurrentWorkspace(newWorkspace);
|
|
10565
10589
|
}
|
|
@@ -10693,7 +10717,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
10693
10717
|
try {
|
|
10694
10718
|
var config = ComponentManager.config(widgetKey);
|
|
10695
10719
|
if (!config) return;
|
|
10696
|
-
var widgetItem = _objectSpread$
|
|
10720
|
+
var widgetItem = _objectSpread$n(_objectSpread$n({}, config), {}, {
|
|
10697
10721
|
component: widgetKey,
|
|
10698
10722
|
key: widgetKey
|
|
10699
10723
|
});
|
|
@@ -10835,7 +10859,8 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
10835
10859
|
onDeleteGridColumn: handleDeleteGridColumn,
|
|
10836
10860
|
onChangeRowHeight: handleChangeRowHeight,
|
|
10837
10861
|
onChangeRowMode: handleChangeRowMode,
|
|
10838
|
-
onMoveWidgetToCell: handleMoveWidgetToCell
|
|
10862
|
+
onMoveWidgetToCell: handleMoveWidgetToCell,
|
|
10863
|
+
onWidgetPopout: onWidgetPopout
|
|
10839
10864
|
}, "layout-drag-".concat(dashboardId)), preview === false && editMode === "all" && /*#__PURE__*/jsx(LayoutDragBuilderEdit, {
|
|
10840
10865
|
dashboardId: dashboardId,
|
|
10841
10866
|
isDraggable: true,
|
|
@@ -10893,7 +10918,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
10893
10918
|
onSelectWidget: function onSelectWidget(widget) {
|
|
10894
10919
|
|
|
10895
10920
|
// Add component property from widget.key
|
|
10896
|
-
var widgetWithComponent = _objectSpread$
|
|
10921
|
+
var widgetWithComponent = _objectSpread$n(_objectSpread$n({}, widget), {}, {
|
|
10897
10922
|
component: widget.key
|
|
10898
10923
|
});
|
|
10899
10924
|
handleClickConfirmAdd(widgetWithComponent, dropdownTarget);
|
|
@@ -10971,7 +10996,9 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
|
|
|
10971
10996
|
_ref$onChangeRowHeigh = _ref.onChangeRowHeight,
|
|
10972
10997
|
onChangeRowHeight = _ref$onChangeRowHeigh === void 0 ? null : _ref$onChangeRowHeigh,
|
|
10973
10998
|
_ref$onChangeRowMode = _ref.onChangeRowMode,
|
|
10974
|
-
onChangeRowMode = _ref$onChangeRowMode === void 0 ? null : _ref$onChangeRowMode
|
|
10999
|
+
onChangeRowMode = _ref$onChangeRowMode === void 0 ? null : _ref$onChangeRowMode,
|
|
11000
|
+
_ref$onWidgetPopout = _ref.onWidgetPopout,
|
|
11001
|
+
onWidgetPopout = _ref$onWidgetPopout === void 0 ? null : _ref$onWidgetPopout;
|
|
10975
11002
|
return isDraggable === true ? /*#__PURE__*/jsx(DndProvider, {
|
|
10976
11003
|
backend: HTML5Backend,
|
|
10977
11004
|
children: _renderLayout({
|
|
@@ -11002,7 +11029,8 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
|
|
|
11002
11029
|
onAddGridColumn: onAddGridColumn,
|
|
11003
11030
|
onDeleteGridColumn: onDeleteGridColumn,
|
|
11004
11031
|
onChangeRowHeight: onChangeRowHeight,
|
|
11005
|
-
onChangeRowMode: onChangeRowMode
|
|
11032
|
+
onChangeRowMode: onChangeRowMode,
|
|
11033
|
+
onWidgetPopout: onWidgetPopout
|
|
11006
11034
|
})
|
|
11007
11035
|
}, "dnd-provider") : _renderLayout({
|
|
11008
11036
|
dashboardId: dashboardId,
|
|
@@ -11032,7 +11060,8 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
|
|
|
11032
11060
|
onAddGridColumn: onAddGridColumn,
|
|
11033
11061
|
onDeleteGridColumn: onDeleteGridColumn,
|
|
11034
11062
|
onChangeRowHeight: onChangeRowHeight,
|
|
11035
|
-
onChangeRowMode: onChangeRowMode
|
|
11063
|
+
onChangeRowMode: onChangeRowMode,
|
|
11064
|
+
onWidgetPopout: onWidgetPopout
|
|
11036
11065
|
});
|
|
11037
11066
|
};
|
|
11038
11067
|
|
|
@@ -12499,8 +12528,8 @@ var MissingProviderPrompt = function MissingProviderPrompt(_ref) {
|
|
|
12499
12528
|
});
|
|
12500
12529
|
};
|
|
12501
12530
|
|
|
12502
|
-
function ownKeys$
|
|
12503
|
-
function _objectSpread$
|
|
12531
|
+
function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12532
|
+
function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12504
12533
|
function _callSuper$4(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$4() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
12505
12534
|
function _isNativeReflectConstruct$4() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$4 = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12506
12535
|
var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
@@ -12555,7 +12584,7 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
|
12555
12584
|
_defineProperty(_this, "handleProviderSelect", function (providerType, providerName, credentials) {
|
|
12556
12585
|
|
|
12557
12586
|
// Update local selected providers state
|
|
12558
|
-
var updatedSelected = _objectSpread$
|
|
12587
|
+
var updatedSelected = _objectSpread$m(_objectSpread$m({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
|
|
12559
12588
|
_this.setState({
|
|
12560
12589
|
selectedProviders: updatedSelected
|
|
12561
12590
|
}, function () {
|
|
@@ -12629,8 +12658,8 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
|
12629
12658
|
}(Component);
|
|
12630
12659
|
_defineProperty(ProviderErrorBoundary, "contextType", ProviderContext);
|
|
12631
12660
|
|
|
12632
|
-
function ownKeys$
|
|
12633
|
-
function _objectSpread$
|
|
12661
|
+
function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12662
|
+
function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12634
12663
|
var withProviderDetection = function withProviderDetection(Component) {
|
|
12635
12664
|
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
12636
12665
|
_ref$requiredProvider = _ref.requiredProviders,
|
|
@@ -12655,7 +12684,7 @@ var withProviderDetection = function withProviderDetection(Component) {
|
|
|
12655
12684
|
onProviderSelect: onProviderSelect
|
|
12656
12685
|
});
|
|
12657
12686
|
}
|
|
12658
|
-
return /*#__PURE__*/jsx(Component, _objectSpread$
|
|
12687
|
+
return /*#__PURE__*/jsx(Component, _objectSpread$l({}, props));
|
|
12659
12688
|
};
|
|
12660
12689
|
};
|
|
12661
12690
|
|
|
@@ -12869,8 +12898,8 @@ var WidgetHelpers = /*#__PURE__*/function () {
|
|
|
12869
12898
|
}]);
|
|
12870
12899
|
}();
|
|
12871
12900
|
|
|
12872
|
-
function ownKeys$
|
|
12873
|
-
function _objectSpread$
|
|
12901
|
+
function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12902
|
+
function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12874
12903
|
function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
12875
12904
|
function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12876
12905
|
var WidgetErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
@@ -12997,7 +13026,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
|
|
|
12997
13026
|
|
|
12998
13027
|
// Build widgetData for WidgetContext — hooks read from this
|
|
12999
13028
|
var uuidString = getUUID(params.uuid);
|
|
13000
|
-
var widgetData = _objectSpread$
|
|
13029
|
+
var widgetData = _objectSpread$k(_objectSpread$k({}, params), {}, {
|
|
13001
13030
|
uuidString: uuidString,
|
|
13002
13031
|
providers: (config === null || config === void 0 ? void 0 : config.providers) || []
|
|
13003
13032
|
});
|
|
@@ -13025,7 +13054,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
|
|
|
13025
13054
|
value: widgetContextValue,
|
|
13026
13055
|
children: /*#__PURE__*/jsx(WidgetErrorBoundary, {
|
|
13027
13056
|
widgetName: component,
|
|
13028
|
-
children: children === null ? /*#__PURE__*/jsx(WidgetComponent, _objectSpread$
|
|
13057
|
+
children: children === null ? /*#__PURE__*/jsx(WidgetComponent, _objectSpread$k(_objectSpread$k(_objectSpread$k({
|
|
13029
13058
|
id: "widget-nokids-".concat(widgetKey),
|
|
13030
13059
|
listen: function listen(listeners, handlers) {
|
|
13031
13060
|
return helpers.listen(listeners, handlers);
|
|
@@ -13038,7 +13067,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
|
|
|
13038
13067
|
backgroundColor: bgColor,
|
|
13039
13068
|
widgetConfig: helpers.config(),
|
|
13040
13069
|
widgetEventNames: helpers.events()
|
|
13041
|
-
}), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsx(WidgetComponent, _objectSpread$
|
|
13070
|
+
}), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsx(WidgetComponent, _objectSpread$k(_objectSpread$k(_objectSpread$k({
|
|
13042
13071
|
listen: function listen(listeners, handlers) {
|
|
13043
13072
|
return helpers.listen(listeners, handlers);
|
|
13044
13073
|
},
|
|
@@ -13220,8 +13249,8 @@ var SIDEBAR_WIDGET_TYPE = "sidebar-widget";
|
|
|
13220
13249
|
function _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
13221
13250
|
function _unsupportedIterableToArray$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0; } }
|
|
13222
13251
|
function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
13223
|
-
function ownKeys$
|
|
13224
|
-
function _objectSpread$
|
|
13252
|
+
function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13253
|
+
function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13225
13254
|
var DraggableCellBody = function DraggableCellBody(_ref) {
|
|
13226
13255
|
var cellNumber = _ref.cellNumber,
|
|
13227
13256
|
gridContainerId = _ref.gridContainerId,
|
|
@@ -13356,7 +13385,9 @@ var LayoutGridContainer = /*#__PURE__*/memo(function (_ref3) {
|
|
|
13356
13385
|
_ref3$onMoveWidgetToC = _ref3.onMoveWidgetToCell,
|
|
13357
13386
|
onMoveWidgetToCell = _ref3$onMoveWidgetToC === void 0 ? null : _ref3$onMoveWidgetToC,
|
|
13358
13387
|
_ref3$onDropWidgetFro = _ref3.onDropWidgetFromSidebar,
|
|
13359
|
-
onDropWidgetFromSidebar = _ref3$onDropWidgetFro === void 0 ? null : _ref3$onDropWidgetFro
|
|
13388
|
+
onDropWidgetFromSidebar = _ref3$onDropWidgetFro === void 0 ? null : _ref3$onDropWidgetFro,
|
|
13389
|
+
_ref3$onWidgetPopout = _ref3.onWidgetPopout,
|
|
13390
|
+
onWidgetPopout = _ref3$onWidgetPopout === void 0 ? null : _ref3$onWidgetPopout;
|
|
13360
13391
|
// Get providers from AppContext (not DashboardContext, which has a structural
|
|
13361
13392
|
// issue where providers from AppWrapper don't flow through DashboardWrapper)
|
|
13362
13393
|
var appCtx = useContext(AppContext);
|
|
@@ -13368,7 +13399,7 @@ var LayoutGridContainer = /*#__PURE__*/memo(function (_ref3) {
|
|
|
13368
13399
|
var _ref5 = _slicedToArray(_ref4, 2),
|
|
13369
13400
|
id = _ref5[0],
|
|
13370
13401
|
provider = _ref5[1];
|
|
13371
|
-
return _objectSpread$
|
|
13402
|
+
return _objectSpread$j({
|
|
13372
13403
|
id: id
|
|
13373
13404
|
}, provider);
|
|
13374
13405
|
}) : [];
|
|
@@ -13983,7 +14014,25 @@ var LayoutGridContainer = /*#__PURE__*/memo(function (_ref3) {
|
|
|
13983
14014
|
if (!cellComponent) {
|
|
13984
14015
|
return null;
|
|
13985
14016
|
}
|
|
13986
|
-
|
|
14017
|
+
var rendered = renderComponent(cellComponent.component, cellComponent.id, cellComponent, null);
|
|
14018
|
+
if (onWidgetPopout && cellComponent.component) {
|
|
14019
|
+
return /*#__PURE__*/jsxs("div", {
|
|
14020
|
+
className: "relative w-full h-full group/popout",
|
|
14021
|
+
children: [rendered, /*#__PURE__*/jsx("button", {
|
|
14022
|
+
className: "absolute top-1 right-1 p-1 rounded opacity-0 group-hover/popout:opacity-100 transition-opacity bg-black/60 hover:bg-black/80 text-gray-300 hover:text-white z-10",
|
|
14023
|
+
onClick: function onClick(e) {
|
|
14024
|
+
e.stopPropagation();
|
|
14025
|
+
onWidgetPopout(cellComponent.id);
|
|
14026
|
+
},
|
|
14027
|
+
title: "Pop out widget",
|
|
14028
|
+
children: /*#__PURE__*/jsx(FontAwesomeIcon, {
|
|
14029
|
+
icon: "arrow-up-right-from-square",
|
|
14030
|
+
className: "h-3 w-3"
|
|
14031
|
+
})
|
|
14032
|
+
})]
|
|
14033
|
+
});
|
|
14034
|
+
}
|
|
14035
|
+
return rendered;
|
|
13987
14036
|
}
|
|
13988
14037
|
|
|
13989
14038
|
// Render empty cell in preview mode
|
|
@@ -14124,7 +14173,7 @@ var LayoutGridContainer = /*#__PURE__*/memo(function (_ref3) {
|
|
|
14124
14173
|
var widgetSpecificSelections = (workspace === null || workspace === void 0 || (_workspace$selectedPr = workspace.selectedProviders) === null || _workspace$selectedPr === void 0 ? void 0 : _workspace$selectedPr[id]) || {};
|
|
14125
14174
|
|
|
14126
14175
|
// Add provider-related props from workspace
|
|
14127
|
-
var itemWithProviders = _objectSpread$
|
|
14176
|
+
var itemWithProviders = _objectSpread$j(_objectSpread$j({}, item), {}, {
|
|
14128
14177
|
selectedProviders: widgetSpecificSelections,
|
|
14129
14178
|
onProviderSelect: onProviderSelect
|
|
14130
14179
|
});
|
|
@@ -14431,7 +14480,9 @@ var _renderLayout = function renderLayout(_ref) {
|
|
|
14431
14480
|
_ref$onMoveWidgetToCe = _ref.onMoveWidgetToCell,
|
|
14432
14481
|
onMoveWidgetToCell = _ref$onMoveWidgetToCe === void 0 ? null : _ref$onMoveWidgetToCe,
|
|
14433
14482
|
_ref$onDropWidgetFrom = _ref.onDropWidgetFromSidebar,
|
|
14434
|
-
onDropWidgetFromSidebar = _ref$onDropWidgetFrom === void 0 ? null : _ref$onDropWidgetFrom
|
|
14483
|
+
onDropWidgetFromSidebar = _ref$onDropWidgetFrom === void 0 ? null : _ref$onDropWidgetFrom,
|
|
14484
|
+
_ref$onWidgetPopout = _ref.onWidgetPopout,
|
|
14485
|
+
onWidgetPopout = _ref$onWidgetPopout === void 0 ? null : _ref$onWidgetPopout;
|
|
14435
14486
|
try {
|
|
14436
14487
|
// Go through each item in the Workspace Layout to render the items.
|
|
14437
14488
|
|
|
@@ -14498,6 +14549,7 @@ var _renderLayout = function renderLayout(_ref) {
|
|
|
14498
14549
|
onChangeRowMode: onChangeRowMode,
|
|
14499
14550
|
onMoveWidgetToCell: onMoveWidgetToCell,
|
|
14500
14551
|
onDropWidgetFromSidebar: onDropWidgetFromSidebar,
|
|
14552
|
+
onWidgetPopout: onWidgetPopout,
|
|
14501
14553
|
children: id > 0 && _renderLayout({
|
|
14502
14554
|
dashboardId: dashboardId,
|
|
14503
14555
|
item: childLayout,
|
|
@@ -14534,7 +14586,8 @@ var _renderLayout = function renderLayout(_ref) {
|
|
|
14534
14586
|
onChangeRowHeight: onChangeRowHeight,
|
|
14535
14587
|
onChangeRowMode: onChangeRowMode,
|
|
14536
14588
|
onMoveWidgetToCell: onMoveWidgetToCell,
|
|
14537
|
-
onDropWidgetFromSidebar: onDropWidgetFromSidebar
|
|
14589
|
+
onDropWidgetFromSidebar: onDropWidgetFromSidebar,
|
|
14590
|
+
onWidgetPopout: onWidgetPopout
|
|
14538
14591
|
})
|
|
14539
14592
|
}, "grid-container-".concat(uuid, "-").concat(previewMode === true ? "view" : "edit")) : /*#__PURE__*/jsx(LayoutBuilderGridItem, {
|
|
14540
14593
|
uuid: uuid,
|
|
@@ -15625,8 +15678,8 @@ function isWidgetResolvable(componentKey) {
|
|
|
15625
15678
|
// isMinOrderForItem
|
|
15626
15679
|
// }
|
|
15627
15680
|
|
|
15628
|
-
function ownKeys$
|
|
15629
|
-
function _objectSpread$
|
|
15681
|
+
function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15682
|
+
function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15630
15683
|
function _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
15631
15684
|
function _unsupportedIterableToArray$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0; } }
|
|
15632
15685
|
function _arrayLikeToArray$4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
@@ -15782,7 +15835,7 @@ var LayoutModel = function LayoutModel(layoutItem, workspaceLayout, dashboardId)
|
|
|
15782
15835
|
|
|
15783
15836
|
// Merge user-entered config values (from EnhancedWidgetDropdown) into userPrefs
|
|
15784
15837
|
if ("userConfigValues" in obj && obj.userConfigValues) {
|
|
15785
|
-
layout.userPrefs = _objectSpread$
|
|
15838
|
+
layout.userPrefs = _objectSpread$i(_objectSpread$i({}, layout.userPrefs), obj.userConfigValues);
|
|
15786
15839
|
}
|
|
15787
15840
|
|
|
15788
15841
|
// Preserve provider selections for this widget
|
|
@@ -16282,8 +16335,8 @@ var MenuItemModel = function MenuItemModel() {
|
|
|
16282
16335
|
return m;
|
|
16283
16336
|
};
|
|
16284
16337
|
|
|
16285
|
-
function ownKeys$
|
|
16286
|
-
function _objectSpread$
|
|
16338
|
+
function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16339
|
+
function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16287
16340
|
/**
|
|
16288
16341
|
* A Model for a Workspace (Dashboard)
|
|
16289
16342
|
* The Dashboard in this instance is the entire Layout inclusive of the workspaces and widgets
|
|
@@ -17130,6 +17183,8 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
17130
17183
|
});
|
|
17131
17184
|
// and now handle the parent...
|
|
17132
17185
|
// while(newLayoutLength > 0) {
|
|
17186
|
+
// Clean up listener references to the removed widget
|
|
17187
|
+
this._cleanupListenerReferencesForId(id);
|
|
17133
17188
|
var children = this.layout.filter(function (layoutItem) {
|
|
17134
17189
|
return layoutItem.parent === id;
|
|
17135
17190
|
});
|
|
@@ -17164,6 +17219,35 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
17164
17219
|
}
|
|
17165
17220
|
}
|
|
17166
17221
|
|
|
17222
|
+
/**
|
|
17223
|
+
* Remove listener references to a deleted widget from all remaining layout items.
|
|
17224
|
+
* Listener event strings use the format "ComponentName[id].eventName".
|
|
17225
|
+
* @param {number} id - The id of the removed widget
|
|
17226
|
+
*/
|
|
17227
|
+
}, {
|
|
17228
|
+
key: "_cleanupListenerReferencesForId",
|
|
17229
|
+
value: function _cleanupListenerReferencesForId(id) {
|
|
17230
|
+
var pattern = "[".concat(id, "].");
|
|
17231
|
+
this.layout.forEach(function (layoutItem) {
|
|
17232
|
+
if (layoutItem.listeners && _typeof(layoutItem.listeners) === "object") {
|
|
17233
|
+
var handlers = Object.keys(layoutItem.listeners);
|
|
17234
|
+
handlers.forEach(function (handler) {
|
|
17235
|
+
var events = layoutItem.listeners[handler];
|
|
17236
|
+
if (Array.isArray(events)) {
|
|
17237
|
+
var filtered = events.filter(function (event) {
|
|
17238
|
+
return !event.includes(pattern);
|
|
17239
|
+
});
|
|
17240
|
+
if (filtered.length > 0) {
|
|
17241
|
+
layoutItem.listeners[handler] = filtered;
|
|
17242
|
+
} else {
|
|
17243
|
+
delete layoutItem.listeners[handler];
|
|
17244
|
+
}
|
|
17245
|
+
}
|
|
17246
|
+
});
|
|
17247
|
+
}
|
|
17248
|
+
});
|
|
17249
|
+
}
|
|
17250
|
+
|
|
17167
17251
|
/**
|
|
17168
17252
|
* Normalize a grid by repairing hide flags, clamping spans, filling
|
|
17169
17253
|
* missing cells, and compacting fully-hidden rows/columns.
|
|
@@ -17516,7 +17600,7 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
17516
17600
|
visibleCells.push({
|
|
17517
17601
|
row: r,
|
|
17518
17602
|
col: c,
|
|
17519
|
-
data: _objectSpread$
|
|
17603
|
+
data: _objectSpread$h({}, cell),
|
|
17520
17604
|
spanCol: ((_cell$span = cell.span) === null || _cell$span === void 0 ? void 0 : _cell$span.col) || 1,
|
|
17521
17605
|
spanRow: ((_cell$span2 = cell.span) === null || _cell$span2 === void 0 ? void 0 : _cell$span2.row) || 1
|
|
17522
17606
|
});
|
|
@@ -17538,7 +17622,7 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
17538
17622
|
var vc = _visibleCells[_i5];
|
|
17539
17623
|
var newCol = (vc.col - 1) * count + 1;
|
|
17540
17624
|
var _key7 = "".concat(vc.row, ".").concat(newCol);
|
|
17541
|
-
grid[_key7] = _objectSpread$
|
|
17625
|
+
grid[_key7] = _objectSpread$h(_objectSpread$h({}, vc.data), {}, {
|
|
17542
17626
|
hide: false,
|
|
17543
17627
|
span: {
|
|
17544
17628
|
row: vc.spanRow,
|
|
@@ -17613,7 +17697,7 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
17613
17697
|
_visibleCells2.push({
|
|
17614
17698
|
row: _r1,
|
|
17615
17699
|
col: _c10,
|
|
17616
|
-
data: _objectSpread$
|
|
17700
|
+
data: _objectSpread$h({}, _cell6),
|
|
17617
17701
|
spanRow: ((_cell6$span = _cell6.span) === null || _cell6$span === void 0 ? void 0 : _cell6$span.row) || 1,
|
|
17618
17702
|
spanCol: ((_cell6$span2 = _cell6.span) === null || _cell6$span2 === void 0 ? void 0 : _cell6$span2.col) || 1
|
|
17619
17703
|
});
|
|
@@ -17635,7 +17719,7 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
17635
17719
|
var _vc = _visibleCells3[_i9];
|
|
17636
17720
|
var newRow = (_vc.row - 1) * count + 1;
|
|
17637
17721
|
var _key10 = "".concat(newRow, ".").concat(_vc.col);
|
|
17638
|
-
grid[_key10] = _objectSpread$
|
|
17722
|
+
grid[_key10] = _objectSpread$h(_objectSpread$h({}, _vc.data), {}, {
|
|
17639
17723
|
hide: false,
|
|
17640
17724
|
span: {
|
|
17641
17725
|
row: _vc.spanRow * count,
|
|
@@ -18718,8 +18802,8 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
|
18718
18802
|
}]);
|
|
18719
18803
|
}(React__default.Component);
|
|
18720
18804
|
|
|
18721
|
-
function ownKeys$
|
|
18722
|
-
function _objectSpread$
|
|
18805
|
+
function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
18806
|
+
function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18723
18807
|
|
|
18724
18808
|
/**
|
|
18725
18809
|
* useDashboard Hook
|
|
@@ -18775,7 +18859,7 @@ var useDashboard = function useDashboard() {
|
|
|
18775
18859
|
}
|
|
18776
18860
|
});
|
|
18777
18861
|
}
|
|
18778
|
-
return _objectSpread$
|
|
18862
|
+
return _objectSpread$g({
|
|
18779
18863
|
app: app,
|
|
18780
18864
|
dashboard: dashboard,
|
|
18781
18865
|
theme: theme
|
|
@@ -19449,8 +19533,8 @@ function useProviderClient(provider) {
|
|
|
19449
19533
|
};
|
|
19450
19534
|
}
|
|
19451
19535
|
|
|
19452
|
-
function ownKeys$
|
|
19453
|
-
function _objectSpread$
|
|
19536
|
+
function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19537
|
+
function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19454
19538
|
var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
19455
19539
|
var theme = _ref.theme,
|
|
19456
19540
|
themeVariant = _ref.themeVariant,
|
|
@@ -19499,13 +19583,13 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19499
19583
|
className: "flex flex-col space-y-4 p-4",
|
|
19500
19584
|
children: [/*#__PURE__*/jsxs("div", {
|
|
19501
19585
|
className: "flex flex-row bg-gray-900 p-4 space-x-4 rounded justify-between",
|
|
19502
|
-
children: [/*#__PURE__*/jsxs(Panel, _objectSpread$
|
|
19586
|
+
children: [/*#__PURE__*/jsxs(Panel, _objectSpread$f(_objectSpread$f({}, styles), {}, {
|
|
19503
19587
|
scrollable: false,
|
|
19504
19588
|
className: "rounded",
|
|
19505
19589
|
children: [/*#__PURE__*/jsx(Panel.Header, {
|
|
19506
19590
|
className: "text-xs uppercase font-bold",
|
|
19507
19591
|
children: "Panel"
|
|
19508
|
-
}), /*#__PURE__*/jsx(Panel.Body, _objectSpread$
|
|
19592
|
+
}), /*#__PURE__*/jsx(Panel.Body, _objectSpread$f(_objectSpread$f({}, styles), {}, {
|
|
19509
19593
|
onClick: function onClick() {
|
|
19510
19594
|
handleClickItem(themeObjects.PANEL, styles);
|
|
19511
19595
|
}
|
|
@@ -19513,14 +19597,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19513
19597
|
className: "text-xs uppercase font-light",
|
|
19514
19598
|
children: getCSSStyleForClassname("backgroundColor", themeObjects.PANEL)
|
|
19515
19599
|
})]
|
|
19516
|
-
})), /*#__PURE__*/jsxs(Panel2, _objectSpread$
|
|
19600
|
+
})), /*#__PURE__*/jsxs(Panel2, _objectSpread$f(_objectSpread$f({
|
|
19517
19601
|
className: "rounded"
|
|
19518
19602
|
}, styles2), {}, {
|
|
19519
19603
|
scrollable: false,
|
|
19520
19604
|
children: [/*#__PURE__*/jsx(Panel2.Header, {
|
|
19521
19605
|
className: "text-xs uppercase font-bold",
|
|
19522
19606
|
children: "Panel 2"
|
|
19523
|
-
}), /*#__PURE__*/jsx(Panel2.Body, _objectSpread$
|
|
19607
|
+
}), /*#__PURE__*/jsx(Panel2.Body, _objectSpread$f(_objectSpread$f({}, styles2), {}, {
|
|
19524
19608
|
onClick: function onClick() {
|
|
19525
19609
|
handleClickItem(themeObjects.PANEL_2, styles2);
|
|
19526
19610
|
}
|
|
@@ -19528,14 +19612,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19528
19612
|
className: "text-xs uppercase font-light",
|
|
19529
19613
|
children: getCSSStyleForClassname("backgroundColor", themeObjects.PANEL_2)
|
|
19530
19614
|
})]
|
|
19531
|
-
})), /*#__PURE__*/jsxs(Panel3, _objectSpread$
|
|
19615
|
+
})), /*#__PURE__*/jsxs(Panel3, _objectSpread$f(_objectSpread$f({
|
|
19532
19616
|
className: "rounded"
|
|
19533
19617
|
}, styles3), {}, {
|
|
19534
19618
|
scrollable: false,
|
|
19535
19619
|
children: [/*#__PURE__*/jsx(Panel3.Header, {
|
|
19536
19620
|
className: "text-xs uppercase font-bold",
|
|
19537
19621
|
children: "Panel 3"
|
|
19538
|
-
}), /*#__PURE__*/jsx(Panel3.Body, _objectSpread$
|
|
19622
|
+
}), /*#__PURE__*/jsx(Panel3.Body, _objectSpread$f(_objectSpread$f({}, styles3), {}, {
|
|
19539
19623
|
onClick: function onClick() {
|
|
19540
19624
|
handleClickItem(themeObjects.PANEL_3, styles3);
|
|
19541
19625
|
}
|
|
@@ -19544,68 +19628,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19544
19628
|
children: getCSSStyleForClassname("backgroundColor", themeObjects.PANEL_3)
|
|
19545
19629
|
})]
|
|
19546
19630
|
}))]
|
|
19547
|
-
}), /*#__PURE__*/jsxs(Panel, _objectSpread$
|
|
19631
|
+
}), /*#__PURE__*/jsxs(Panel, _objectSpread$f(_objectSpread$f({
|
|
19548
19632
|
className: "p-6 rounded border-4 space-y-4",
|
|
19549
19633
|
scrollable: false,
|
|
19550
19634
|
height: "h-fit"
|
|
19551
19635
|
}, styles), {}, {
|
|
19552
|
-
children: [/*#__PURE__*/jsx(Heading, _objectSpread$
|
|
19636
|
+
children: [/*#__PURE__*/jsx(Heading, _objectSpread$f(_objectSpread$f({
|
|
19553
19637
|
title: "Heading"
|
|
19554
19638
|
}, headingStyles), {}, {
|
|
19555
19639
|
padding: false,
|
|
19556
19640
|
onClick: function onClick() {
|
|
19557
19641
|
return handleClickItem(themeObjects.HEADING, headingStyles);
|
|
19558
19642
|
}
|
|
19559
|
-
})), /*#__PURE__*/jsx(Heading2, _objectSpread$
|
|
19643
|
+
})), /*#__PURE__*/jsx(Heading2, _objectSpread$f(_objectSpread$f({
|
|
19560
19644
|
title: "Heading 2"
|
|
19561
19645
|
}, heading2Styles), {}, {
|
|
19562
19646
|
padding: false,
|
|
19563
19647
|
onClick: function onClick() {
|
|
19564
19648
|
return handleClickItem(themeObjects.HEADING_2, heading2Styles);
|
|
19565
19649
|
}
|
|
19566
|
-
})), /*#__PURE__*/jsx(Heading3, _objectSpread$
|
|
19650
|
+
})), /*#__PURE__*/jsx(Heading3, _objectSpread$f(_objectSpread$f({
|
|
19567
19651
|
title: "Heading 3"
|
|
19568
19652
|
}, heading3Styles), {}, {
|
|
19569
19653
|
padding: false,
|
|
19570
19654
|
onClick: function onClick() {
|
|
19571
19655
|
return handleClickItem(themeObjects.HEADING_3, heading3Styles);
|
|
19572
19656
|
}
|
|
19573
|
-
})), /*#__PURE__*/jsx(SubHeading, _objectSpread$
|
|
19657
|
+
})), /*#__PURE__*/jsx(SubHeading, _objectSpread$f(_objectSpread$f({
|
|
19574
19658
|
title: "Subheading"
|
|
19575
19659
|
}, subHeadingStyles), {}, {
|
|
19576
19660
|
padding: false,
|
|
19577
19661
|
onClick: function onClick() {
|
|
19578
19662
|
return handleClickItem(themeObjects.SUBHEADING, subHeadingStyles);
|
|
19579
19663
|
}
|
|
19580
|
-
})), /*#__PURE__*/jsx(SubHeading2, _objectSpread$
|
|
19664
|
+
})), /*#__PURE__*/jsx(SubHeading2, _objectSpread$f(_objectSpread$f({
|
|
19581
19665
|
title: "Subheading 2"
|
|
19582
19666
|
}, subHeading2Styles), {}, {
|
|
19583
19667
|
padding: false,
|
|
19584
19668
|
onClick: function onClick() {
|
|
19585
19669
|
return handleClickItem(themeObjects.SUBHEADING_2, subHeading2Styles);
|
|
19586
19670
|
}
|
|
19587
|
-
})), /*#__PURE__*/jsx(SubHeading3, _objectSpread$
|
|
19671
|
+
})), /*#__PURE__*/jsx(SubHeading3, _objectSpread$f(_objectSpread$f({
|
|
19588
19672
|
title: "Subheading"
|
|
19589
19673
|
}, subHeading3Styles), {}, {
|
|
19590
19674
|
padding: false,
|
|
19591
19675
|
onClick: function onClick() {
|
|
19592
19676
|
return handleClickItem(themeObjects.SUBHEADING_3, subHeading3Styles);
|
|
19593
19677
|
}
|
|
19594
|
-
})), /*#__PURE__*/jsx(Paragraph, _objectSpread$
|
|
19678
|
+
})), /*#__PURE__*/jsx(Paragraph, _objectSpread$f(_objectSpread$f({
|
|
19595
19679
|
text: "The quick brown fox jumps over the lazy dog."
|
|
19596
19680
|
}, paragraphStyles), {}, {
|
|
19597
19681
|
padding: false,
|
|
19598
19682
|
onClick: function onClick() {
|
|
19599
19683
|
return handleClickItem(themeObjects.PARAGRAPH, paragraphStyles);
|
|
19600
19684
|
}
|
|
19601
|
-
})), /*#__PURE__*/jsx(Paragraph2, _objectSpread$
|
|
19685
|
+
})), /*#__PURE__*/jsx(Paragraph2, _objectSpread$f(_objectSpread$f({
|
|
19602
19686
|
text: "The quick brown fox jumps over the lazy dog."
|
|
19603
19687
|
}, paragraph2Styles), {}, {
|
|
19604
19688
|
padding: false,
|
|
19605
19689
|
onClick: function onClick() {
|
|
19606
19690
|
return handleClickItem(themeObjects.PARAGRAPH_2, paragraph2Styles);
|
|
19607
19691
|
}
|
|
19608
|
-
})), /*#__PURE__*/jsx(Paragraph3, _objectSpread$
|
|
19692
|
+
})), /*#__PURE__*/jsx(Paragraph3, _objectSpread$f(_objectSpread$f({
|
|
19609
19693
|
text: "The quick brown fox jumps over the lazy dog."
|
|
19610
19694
|
}, paragraph3Styles), {}, {
|
|
19611
19695
|
padding: false,
|
|
@@ -19614,19 +19698,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19614
19698
|
}
|
|
19615
19699
|
})), /*#__PURE__*/jsxs("div", {
|
|
19616
19700
|
className: "flex flex-row space-x-2 w-full",
|
|
19617
|
-
children: [/*#__PURE__*/jsx(Button, _objectSpread$
|
|
19701
|
+
children: [/*#__PURE__*/jsx(Button, _objectSpread$f(_objectSpread$f({
|
|
19618
19702
|
title: "Button"
|
|
19619
19703
|
}, buttonStyles), {}, {
|
|
19620
19704
|
onClick: function onClick() {
|
|
19621
19705
|
return handleClickItem(themeObjects.BUTTON, buttonStyles);
|
|
19622
19706
|
}
|
|
19623
|
-
})), /*#__PURE__*/jsx(Button2, _objectSpread$
|
|
19707
|
+
})), /*#__PURE__*/jsx(Button2, _objectSpread$f(_objectSpread$f({
|
|
19624
19708
|
title: "Button 2"
|
|
19625
19709
|
}, button2Styles), {}, {
|
|
19626
19710
|
onClick: function onClick() {
|
|
19627
19711
|
return handleClickItem(themeObjects.BUTTON_2, button2Styles);
|
|
19628
19712
|
}
|
|
19629
|
-
})), /*#__PURE__*/jsx(Button3, _objectSpread$
|
|
19713
|
+
})), /*#__PURE__*/jsx(Button3, _objectSpread$f(_objectSpread$f({
|
|
19630
19714
|
title: "Button 3"
|
|
19631
19715
|
}, button3Styles), {}, {
|
|
19632
19716
|
onClick: function onClick() {
|
|
@@ -19637,14 +19721,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19637
19721
|
className: "flex flex-row space-x-4 w-full h-fit",
|
|
19638
19722
|
children: [/*#__PURE__*/jsxs("div", {
|
|
19639
19723
|
className: "flex flex-row space-x-2",
|
|
19640
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19724
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19641
19725
|
text: "Button Icon",
|
|
19642
19726
|
icon: "pencil"
|
|
19643
19727
|
}, buttonIconStyles), {}, {
|
|
19644
19728
|
onClick: function onClick() {
|
|
19645
19729
|
return handleClickItem(themeObjects.BUTTON_ICON, buttonIconStyles);
|
|
19646
19730
|
}
|
|
19647
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19731
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19648
19732
|
icon: "pencil"
|
|
19649
19733
|
}, buttonIconStyles), {}, {
|
|
19650
19734
|
onClick: function onClick() {
|
|
@@ -19653,14 +19737,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19653
19737
|
}))]
|
|
19654
19738
|
}), /*#__PURE__*/jsxs("div", {
|
|
19655
19739
|
className: "flex flex-row space-x-2",
|
|
19656
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19740
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19657
19741
|
text: "Button Icon 2",
|
|
19658
19742
|
icon: "pencil"
|
|
19659
19743
|
}, buttonIconStyles), {}, {
|
|
19660
19744
|
onClick: function onClick() {
|
|
19661
19745
|
return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
|
|
19662
19746
|
}
|
|
19663
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19747
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19664
19748
|
icon: "pencil"
|
|
19665
19749
|
}, buttonIconStyles), {}, {
|
|
19666
19750
|
onClick: function onClick() {
|
|
@@ -19669,14 +19753,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19669
19753
|
}))]
|
|
19670
19754
|
}), /*#__PURE__*/jsxs("div", {
|
|
19671
19755
|
className: "flex flex-row space-x-2",
|
|
19672
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19756
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19673
19757
|
text: "Button Icon 3",
|
|
19674
19758
|
icon: "pencil"
|
|
19675
19759
|
}, buttonIcon3Styles), {}, {
|
|
19676
19760
|
onClick: function onClick() {
|
|
19677
19761
|
return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
|
|
19678
19762
|
}
|
|
19679
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19763
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19680
19764
|
icon: "pencil"
|
|
19681
19765
|
}, buttonIcon3Styles), {}, {
|
|
19682
19766
|
onClick: function onClick() {
|
|
@@ -19686,17 +19770,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19686
19770
|
})]
|
|
19687
19771
|
}), /*#__PURE__*/jsxs("div", {
|
|
19688
19772
|
className: "flex flex-col space-y-2 w-full",
|
|
19689
|
-
children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$
|
|
19773
|
+
children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$f(_objectSpread$f({}, menuItemStyles), {}, {
|
|
19690
19774
|
onClick: function onClick() {
|
|
19691
19775
|
return handleClickItem(themeObjects.MENU_ITEM, menuItemStyles);
|
|
19692
19776
|
},
|
|
19693
19777
|
children: "Menu Item"
|
|
19694
|
-
})), /*#__PURE__*/jsx(MenuItem2, _objectSpread$
|
|
19778
|
+
})), /*#__PURE__*/jsx(MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
|
|
19695
19779
|
onClick: function onClick() {
|
|
19696
19780
|
return handleClickItem(themeObjects.MENU_ITEM_2, menuItem2Styles);
|
|
19697
19781
|
},
|
|
19698
19782
|
children: "Menu Item 2"
|
|
19699
|
-
})), /*#__PURE__*/jsx(MenuItem3, _objectSpread$
|
|
19783
|
+
})), /*#__PURE__*/jsx(MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
|
|
19700
19784
|
onClick: function onClick() {
|
|
19701
19785
|
return handleClickItem(themeObjects.MENU_ITEM_3, menuItem3Styles);
|
|
19702
19786
|
},
|
|
@@ -19704,21 +19788,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19704
19788
|
}))]
|
|
19705
19789
|
}), /*#__PURE__*/jsxs("div", {
|
|
19706
19790
|
className: "flex flex-row space-x-2 w-full",
|
|
19707
|
-
children: [/*#__PURE__*/jsx(Tag, _objectSpread$
|
|
19791
|
+
children: [/*#__PURE__*/jsx(Tag, _objectSpread$f(_objectSpread$f({
|
|
19708
19792
|
text: "Tag",
|
|
19709
19793
|
icon: "pencil"
|
|
19710
19794
|
}, tagStyles), {}, {
|
|
19711
19795
|
onClick: function onClick() {
|
|
19712
19796
|
return handleClickItem(themeObjects.TAG, tagStyles);
|
|
19713
19797
|
}
|
|
19714
|
-
})), /*#__PURE__*/jsx(Tag2, _objectSpread$
|
|
19798
|
+
})), /*#__PURE__*/jsx(Tag2, _objectSpread$f(_objectSpread$f({
|
|
19715
19799
|
text: "Tag 2",
|
|
19716
19800
|
icon: "pencil"
|
|
19717
19801
|
}, tag2Styles), {}, {
|
|
19718
19802
|
onClick: function onClick() {
|
|
19719
19803
|
return handleClickItem(themeObjects.TAG_2, tag2Styles);
|
|
19720
19804
|
}
|
|
19721
|
-
})), /*#__PURE__*/jsx(Tag3, _objectSpread$
|
|
19805
|
+
})), /*#__PURE__*/jsx(Tag3, _objectSpread$f(_objectSpread$f({
|
|
19722
19806
|
text: "Tag 3",
|
|
19723
19807
|
icon: "pencil"
|
|
19724
19808
|
}, tag3Styles), {}, {
|
|
@@ -19727,67 +19811,67 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19727
19811
|
}
|
|
19728
19812
|
}))]
|
|
19729
19813
|
})]
|
|
19730
|
-
})), /*#__PURE__*/jsxs(Panel2, _objectSpread$
|
|
19814
|
+
})), /*#__PURE__*/jsxs(Panel2, _objectSpread$f(_objectSpread$f({
|
|
19731
19815
|
className: "p-6 rounded border-4 space-y-4",
|
|
19732
19816
|
height: "h-fit"
|
|
19733
19817
|
}, styles2), {}, {
|
|
19734
|
-
children: [/*#__PURE__*/jsx(Heading, _objectSpread$
|
|
19818
|
+
children: [/*#__PURE__*/jsx(Heading, _objectSpread$f(_objectSpread$f({
|
|
19735
19819
|
title: "Heading"
|
|
19736
19820
|
}, headingStyles), {}, {
|
|
19737
19821
|
padding: false,
|
|
19738
19822
|
onClick: function onClick() {
|
|
19739
19823
|
return handleClickItem(themeObjects.HEADING, headingStyles);
|
|
19740
19824
|
}
|
|
19741
|
-
})), /*#__PURE__*/jsx(Heading2, _objectSpread$
|
|
19825
|
+
})), /*#__PURE__*/jsx(Heading2, _objectSpread$f(_objectSpread$f({
|
|
19742
19826
|
title: "Heading 2"
|
|
19743
19827
|
}, heading2Styles), {}, {
|
|
19744
19828
|
padding: false,
|
|
19745
19829
|
onClick: function onClick() {
|
|
19746
19830
|
return handleClickItem(themeObjects.HEADING_2, heading2Styles);
|
|
19747
19831
|
}
|
|
19748
|
-
})), /*#__PURE__*/jsx(Heading3, _objectSpread$
|
|
19832
|
+
})), /*#__PURE__*/jsx(Heading3, _objectSpread$f(_objectSpread$f({
|
|
19749
19833
|
title: "Heading 3"
|
|
19750
19834
|
}, heading3Styles), {}, {
|
|
19751
19835
|
padding: false,
|
|
19752
19836
|
onClick: function onClick() {
|
|
19753
19837
|
return handleClickItem(themeObjects.HEADING_3, heading3Styles);
|
|
19754
19838
|
}
|
|
19755
|
-
})), /*#__PURE__*/jsx(SubHeading, _objectSpread$
|
|
19839
|
+
})), /*#__PURE__*/jsx(SubHeading, _objectSpread$f(_objectSpread$f({
|
|
19756
19840
|
title: "Subheading"
|
|
19757
19841
|
}, subHeadingStyles), {}, {
|
|
19758
19842
|
padding: false,
|
|
19759
19843
|
onClick: function onClick() {
|
|
19760
19844
|
return handleClickItem(themeObjects.SUBHEADING, subHeadingStyles);
|
|
19761
19845
|
}
|
|
19762
|
-
})), /*#__PURE__*/jsx(SubHeading2, _objectSpread$
|
|
19846
|
+
})), /*#__PURE__*/jsx(SubHeading2, _objectSpread$f(_objectSpread$f({
|
|
19763
19847
|
title: "Subheading 2"
|
|
19764
19848
|
}, subHeading2Styles), {}, {
|
|
19765
19849
|
padding: false,
|
|
19766
19850
|
onClick: function onClick() {
|
|
19767
19851
|
return handleClickItem(themeObjects.SUBHEADING_2, subHeading2Styles);
|
|
19768
19852
|
}
|
|
19769
|
-
})), /*#__PURE__*/jsx(SubHeading3, _objectSpread$
|
|
19853
|
+
})), /*#__PURE__*/jsx(SubHeading3, _objectSpread$f(_objectSpread$f({
|
|
19770
19854
|
title: "Subheading"
|
|
19771
19855
|
}, subHeading3Styles), {}, {
|
|
19772
19856
|
padding: false,
|
|
19773
19857
|
onClick: function onClick() {
|
|
19774
19858
|
return handleClickItem(themeObjects.SUBHEADING_3, subHeading3Styles);
|
|
19775
19859
|
}
|
|
19776
|
-
})), /*#__PURE__*/jsx(Paragraph, _objectSpread$
|
|
19860
|
+
})), /*#__PURE__*/jsx(Paragraph, _objectSpread$f(_objectSpread$f({
|
|
19777
19861
|
text: "The quick brown fox jumps over the lazy dog."
|
|
19778
19862
|
}, paragraphStyles), {}, {
|
|
19779
19863
|
padding: false,
|
|
19780
19864
|
onClick: function onClick() {
|
|
19781
19865
|
return handleClickItem(themeObjects.PARAGRAPH, paragraphStyles);
|
|
19782
19866
|
}
|
|
19783
|
-
})), /*#__PURE__*/jsx(Paragraph2, _objectSpread$
|
|
19867
|
+
})), /*#__PURE__*/jsx(Paragraph2, _objectSpread$f(_objectSpread$f({
|
|
19784
19868
|
text: "The quick brown fox jumps over the lazy dog."
|
|
19785
19869
|
}, paragraph2Styles), {}, {
|
|
19786
19870
|
padding: false,
|
|
19787
19871
|
onClick: function onClick() {
|
|
19788
19872
|
return handleClickItem(themeObjects.PARAGRAPH_2, paragraph2Styles);
|
|
19789
19873
|
}
|
|
19790
|
-
})), /*#__PURE__*/jsx(Paragraph3, _objectSpread$
|
|
19874
|
+
})), /*#__PURE__*/jsx(Paragraph3, _objectSpread$f(_objectSpread$f({
|
|
19791
19875
|
text: "The quick brown fox jumps over the lazy dog."
|
|
19792
19876
|
}, paragraph3Styles), {}, {
|
|
19793
19877
|
padding: false,
|
|
@@ -19796,19 +19880,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19796
19880
|
}
|
|
19797
19881
|
})), /*#__PURE__*/jsxs("div", {
|
|
19798
19882
|
className: "flex flex-row space-x-2 w-full",
|
|
19799
|
-
children: [/*#__PURE__*/jsx(Button, _objectSpread$
|
|
19883
|
+
children: [/*#__PURE__*/jsx(Button, _objectSpread$f(_objectSpread$f({
|
|
19800
19884
|
title: "Button"
|
|
19801
19885
|
}, buttonStyles), {}, {
|
|
19802
19886
|
onClick: function onClick() {
|
|
19803
19887
|
return handleClickItem(themeObjects.BUTTON, buttonStyles);
|
|
19804
19888
|
}
|
|
19805
|
-
})), /*#__PURE__*/jsx(Button2, _objectSpread$
|
|
19889
|
+
})), /*#__PURE__*/jsx(Button2, _objectSpread$f(_objectSpread$f({
|
|
19806
19890
|
title: "Button 2"
|
|
19807
19891
|
}, button2Styles), {}, {
|
|
19808
19892
|
onClick: function onClick() {
|
|
19809
19893
|
return handleClickItem(themeObjects.BUTTON_2, button2Styles);
|
|
19810
19894
|
}
|
|
19811
|
-
})), /*#__PURE__*/jsx(Button3, _objectSpread$
|
|
19895
|
+
})), /*#__PURE__*/jsx(Button3, _objectSpread$f(_objectSpread$f({
|
|
19812
19896
|
title: "Button 3"
|
|
19813
19897
|
}, button3Styles), {}, {
|
|
19814
19898
|
onClick: function onClick() {
|
|
@@ -19819,14 +19903,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19819
19903
|
className: "flex flex-row space-x-4 w-full",
|
|
19820
19904
|
children: [/*#__PURE__*/jsxs("div", {
|
|
19821
19905
|
className: "flex flex-row space-x-2",
|
|
19822
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19906
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19823
19907
|
text: "Button Icon",
|
|
19824
19908
|
icon: "pencil"
|
|
19825
19909
|
}, buttonIconStyles), {}, {
|
|
19826
19910
|
onClick: function onClick() {
|
|
19827
19911
|
return handleClickItem(themeObjects.BUTTON_ICON, buttonIconStyles);
|
|
19828
19912
|
}
|
|
19829
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19913
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19830
19914
|
icon: "pencil"
|
|
19831
19915
|
}, buttonIconStyles), {}, {
|
|
19832
19916
|
onClick: function onClick() {
|
|
@@ -19835,14 +19919,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19835
19919
|
}))]
|
|
19836
19920
|
}), /*#__PURE__*/jsxs("div", {
|
|
19837
19921
|
className: "flex flex-row space-x-2",
|
|
19838
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19922
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19839
19923
|
text: "Button Icon 2",
|
|
19840
19924
|
icon: "pencil"
|
|
19841
19925
|
}, buttonIconStyles), {}, {
|
|
19842
19926
|
onClick: function onClick() {
|
|
19843
19927
|
return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
|
|
19844
19928
|
}
|
|
19845
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19929
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19846
19930
|
icon: "pencil"
|
|
19847
19931
|
}, buttonIconStyles), {}, {
|
|
19848
19932
|
onClick: function onClick() {
|
|
@@ -19851,14 +19935,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19851
19935
|
}))]
|
|
19852
19936
|
}), /*#__PURE__*/jsxs("div", {
|
|
19853
19937
|
className: "flex flex-row space-x-2",
|
|
19854
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19938
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19855
19939
|
text: "Button Icon 3",
|
|
19856
19940
|
icon: "pencil"
|
|
19857
19941
|
}, buttonIcon3Styles), {}, {
|
|
19858
19942
|
onClick: function onClick() {
|
|
19859
19943
|
return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
|
|
19860
19944
|
}
|
|
19861
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19945
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19862
19946
|
icon: "pencil"
|
|
19863
19947
|
}, buttonIcon3Styles), {}, {
|
|
19864
19948
|
onClick: function onClick() {
|
|
@@ -19868,17 +19952,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19868
19952
|
})]
|
|
19869
19953
|
}), /*#__PURE__*/jsxs("div", {
|
|
19870
19954
|
className: "flex flex-col space-y-2 w-full",
|
|
19871
|
-
children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$
|
|
19955
|
+
children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$f(_objectSpread$f({}, menuItemStyles), {}, {
|
|
19872
19956
|
onClick: function onClick() {
|
|
19873
19957
|
return handleClickItem(themeObjects.MENU_ITEM, menuItemStyles);
|
|
19874
19958
|
},
|
|
19875
19959
|
children: "Menu Item"
|
|
19876
|
-
})), /*#__PURE__*/jsx(MenuItem2, _objectSpread$
|
|
19960
|
+
})), /*#__PURE__*/jsx(MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
|
|
19877
19961
|
onClick: function onClick() {
|
|
19878
19962
|
return handleClickItem(themeObjects.MENU_ITEM_2, menuItem2Styles);
|
|
19879
19963
|
},
|
|
19880
19964
|
children: "Menu Item 2"
|
|
19881
|
-
})), /*#__PURE__*/jsx(MenuItem3, _objectSpread$
|
|
19965
|
+
})), /*#__PURE__*/jsx(MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
|
|
19882
19966
|
onClick: function onClick() {
|
|
19883
19967
|
return handleClickItem(themeObjects.MENU_ITEM_3, menuItem3Styles);
|
|
19884
19968
|
},
|
|
@@ -19886,21 +19970,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19886
19970
|
}))]
|
|
19887
19971
|
}), /*#__PURE__*/jsxs("div", {
|
|
19888
19972
|
className: "flex flex-row space-x-2 w-full",
|
|
19889
|
-
children: [/*#__PURE__*/jsx(Tag, _objectSpread$
|
|
19973
|
+
children: [/*#__PURE__*/jsx(Tag, _objectSpread$f(_objectSpread$f({
|
|
19890
19974
|
text: "Tag",
|
|
19891
19975
|
icon: "pencil"
|
|
19892
19976
|
}, tagStyles), {}, {
|
|
19893
19977
|
onClick: function onClick() {
|
|
19894
19978
|
return handleClickItem(themeObjects.TAG, tagStyles);
|
|
19895
19979
|
}
|
|
19896
|
-
})), /*#__PURE__*/jsx(Tag2, _objectSpread$
|
|
19980
|
+
})), /*#__PURE__*/jsx(Tag2, _objectSpread$f(_objectSpread$f({
|
|
19897
19981
|
text: "Tag 2",
|
|
19898
19982
|
icon: "pencil"
|
|
19899
19983
|
}, tag2Styles), {}, {
|
|
19900
19984
|
onClick: function onClick() {
|
|
19901
19985
|
return handleClickItem(themeObjects.TAG_2, tag2Styles);
|
|
19902
19986
|
}
|
|
19903
|
-
})), /*#__PURE__*/jsx(Tag3, _objectSpread$
|
|
19987
|
+
})), /*#__PURE__*/jsx(Tag3, _objectSpread$f(_objectSpread$f({
|
|
19904
19988
|
text: "Tag 3",
|
|
19905
19989
|
icon: "pencil"
|
|
19906
19990
|
}, tag3Styles), {}, {
|
|
@@ -19909,68 +19993,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19909
19993
|
}
|
|
19910
19994
|
}))]
|
|
19911
19995
|
})]
|
|
19912
|
-
})), /*#__PURE__*/jsxs(Panel3, _objectSpread$
|
|
19996
|
+
})), /*#__PURE__*/jsxs(Panel3, _objectSpread$f(_objectSpread$f({
|
|
19913
19997
|
className: "p-6 rounded border-4 space-y-4"
|
|
19914
19998
|
}, styles3), {}, {
|
|
19915
19999
|
padding: false,
|
|
19916
20000
|
height: "h-fit",
|
|
19917
|
-
children: [/*#__PURE__*/jsx(Heading, _objectSpread$
|
|
20001
|
+
children: [/*#__PURE__*/jsx(Heading, _objectSpread$f(_objectSpread$f({
|
|
19918
20002
|
title: "Heading"
|
|
19919
20003
|
}, headingStyles), {}, {
|
|
19920
20004
|
padding: false,
|
|
19921
20005
|
onClick: function onClick() {
|
|
19922
20006
|
return handleClickItem(themeObjects.HEADING, headingStyles);
|
|
19923
20007
|
}
|
|
19924
|
-
})), /*#__PURE__*/jsx(Heading2, _objectSpread$
|
|
20008
|
+
})), /*#__PURE__*/jsx(Heading2, _objectSpread$f(_objectSpread$f({
|
|
19925
20009
|
title: "Heading 2"
|
|
19926
20010
|
}, heading2Styles), {}, {
|
|
19927
20011
|
padding: false,
|
|
19928
20012
|
onClick: function onClick() {
|
|
19929
20013
|
return handleClickItem(themeObjects.HEADING_2, heading2Styles);
|
|
19930
20014
|
}
|
|
19931
|
-
})), /*#__PURE__*/jsx(Heading3, _objectSpread$
|
|
20015
|
+
})), /*#__PURE__*/jsx(Heading3, _objectSpread$f(_objectSpread$f({
|
|
19932
20016
|
title: "Heading 3"
|
|
19933
20017
|
}, heading3Styles), {}, {
|
|
19934
20018
|
padding: false,
|
|
19935
20019
|
onClick: function onClick() {
|
|
19936
20020
|
return handleClickItem(themeObjects.HEADING_3, heading3Styles);
|
|
19937
20021
|
}
|
|
19938
|
-
})), /*#__PURE__*/jsx(SubHeading, _objectSpread$
|
|
20022
|
+
})), /*#__PURE__*/jsx(SubHeading, _objectSpread$f(_objectSpread$f({
|
|
19939
20023
|
title: "Subheading"
|
|
19940
20024
|
}, subHeadingStyles), {}, {
|
|
19941
20025
|
padding: false,
|
|
19942
20026
|
onClick: function onClick() {
|
|
19943
20027
|
return handleClickItem(themeObjects.SUBHEADING, subHeadingStyles);
|
|
19944
20028
|
}
|
|
19945
|
-
})), /*#__PURE__*/jsx(SubHeading2, _objectSpread$
|
|
20029
|
+
})), /*#__PURE__*/jsx(SubHeading2, _objectSpread$f(_objectSpread$f({
|
|
19946
20030
|
title: "Subheading 2"
|
|
19947
20031
|
}, subHeading2Styles), {}, {
|
|
19948
20032
|
padding: false,
|
|
19949
20033
|
onClick: function onClick() {
|
|
19950
20034
|
return handleClickItem(themeObjects.SUBHEADING_2, subHeading2Styles);
|
|
19951
20035
|
}
|
|
19952
|
-
})), /*#__PURE__*/jsx(SubHeading3, _objectSpread$
|
|
20036
|
+
})), /*#__PURE__*/jsx(SubHeading3, _objectSpread$f(_objectSpread$f({
|
|
19953
20037
|
title: "Subheading"
|
|
19954
20038
|
}, subHeading3Styles), {}, {
|
|
19955
20039
|
padding: false,
|
|
19956
20040
|
onClick: function onClick() {
|
|
19957
20041
|
return handleClickItem(themeObjects.SUBHEADING_3, subHeading3Styles);
|
|
19958
20042
|
}
|
|
19959
|
-
})), /*#__PURE__*/jsx(Paragraph, _objectSpread$
|
|
20043
|
+
})), /*#__PURE__*/jsx(Paragraph, _objectSpread$f(_objectSpread$f({
|
|
19960
20044
|
text: "The quick brown fox jumps over the lazy dog."
|
|
19961
20045
|
}, paragraphStyles), {}, {
|
|
19962
20046
|
padding: false,
|
|
19963
20047
|
onClick: function onClick() {
|
|
19964
20048
|
return handleClickItem(themeObjects.PARAGRAPH, paragraphStyles);
|
|
19965
20049
|
}
|
|
19966
|
-
})), /*#__PURE__*/jsx(Paragraph2, _objectSpread$
|
|
20050
|
+
})), /*#__PURE__*/jsx(Paragraph2, _objectSpread$f(_objectSpread$f({
|
|
19967
20051
|
text: "The quick brown fox jumps over the lazy dog."
|
|
19968
20052
|
}, paragraph2Styles), {}, {
|
|
19969
20053
|
padding: false,
|
|
19970
20054
|
onClick: function onClick() {
|
|
19971
20055
|
return handleClickItem(themeObjects.PARAGRAPH, paragraph2Styles);
|
|
19972
20056
|
}
|
|
19973
|
-
})), /*#__PURE__*/jsx(Paragraph3, _objectSpread$
|
|
20057
|
+
})), /*#__PURE__*/jsx(Paragraph3, _objectSpread$f(_objectSpread$f({
|
|
19974
20058
|
text: "The quick brown fox jumps over the lazy dog."
|
|
19975
20059
|
}, paragraph3Styles), {}, {
|
|
19976
20060
|
padding: false,
|
|
@@ -19979,19 +20063,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19979
20063
|
}
|
|
19980
20064
|
})), /*#__PURE__*/jsxs("div", {
|
|
19981
20065
|
className: "flex flex-row space-x-2 w-full",
|
|
19982
|
-
children: [/*#__PURE__*/jsx(Button, _objectSpread$
|
|
20066
|
+
children: [/*#__PURE__*/jsx(Button, _objectSpread$f(_objectSpread$f({
|
|
19983
20067
|
title: "Button"
|
|
19984
20068
|
}, buttonStyles), {}, {
|
|
19985
20069
|
onClick: function onClick() {
|
|
19986
20070
|
return handleClickItem(themeObjects.BUTTON, buttonStyles);
|
|
19987
20071
|
}
|
|
19988
|
-
})), /*#__PURE__*/jsx(Button2, _objectSpread$
|
|
20072
|
+
})), /*#__PURE__*/jsx(Button2, _objectSpread$f(_objectSpread$f({
|
|
19989
20073
|
title: "Button 2"
|
|
19990
20074
|
}, button2Styles), {}, {
|
|
19991
20075
|
onClick: function onClick() {
|
|
19992
20076
|
return handleClickItem(themeObjects.BUTTON_2, button2Styles);
|
|
19993
20077
|
}
|
|
19994
|
-
})), /*#__PURE__*/jsx(Button3, _objectSpread$
|
|
20078
|
+
})), /*#__PURE__*/jsx(Button3, _objectSpread$f(_objectSpread$f({
|
|
19995
20079
|
title: "Button 3"
|
|
19996
20080
|
}, button3Styles), {}, {
|
|
19997
20081
|
onClick: function onClick() {
|
|
@@ -20002,14 +20086,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
20002
20086
|
className: "flex flex-row space-x-4 w-full",
|
|
20003
20087
|
children: [/*#__PURE__*/jsxs("div", {
|
|
20004
20088
|
className: "flex flex-row space-x-2",
|
|
20005
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
20089
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
20006
20090
|
text: "Button Icon",
|
|
20007
20091
|
icon: "pencil"
|
|
20008
20092
|
}, buttonIconStyles), {}, {
|
|
20009
20093
|
onClick: function onClick() {
|
|
20010
20094
|
return handleClickItem(themeObjects.BUTTON_ICON, buttonIconStyles);
|
|
20011
20095
|
}
|
|
20012
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
20096
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
20013
20097
|
icon: "pencil"
|
|
20014
20098
|
}, buttonIconStyles), {}, {
|
|
20015
20099
|
onClick: function onClick() {
|
|
@@ -20018,14 +20102,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
20018
20102
|
}))]
|
|
20019
20103
|
}), /*#__PURE__*/jsxs("div", {
|
|
20020
20104
|
className: "flex flex-row space-x-2",
|
|
20021
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
20105
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
20022
20106
|
text: "Button Icon 2",
|
|
20023
20107
|
icon: "pencil"
|
|
20024
20108
|
}, buttonIconStyles), {}, {
|
|
20025
20109
|
onClick: function onClick() {
|
|
20026
20110
|
return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
|
|
20027
20111
|
}
|
|
20028
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
20112
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
20029
20113
|
icon: "pencil"
|
|
20030
20114
|
}, buttonIconStyles), {}, {
|
|
20031
20115
|
onClick: function onClick() {
|
|
@@ -20034,14 +20118,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
20034
20118
|
}))]
|
|
20035
20119
|
}), /*#__PURE__*/jsxs("div", {
|
|
20036
20120
|
className: "flex flex-row space-x-2",
|
|
20037
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
20121
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
20038
20122
|
text: "Button Icon 3",
|
|
20039
20123
|
icon: "pencil"
|
|
20040
20124
|
}, buttonIcon3Styles), {}, {
|
|
20041
20125
|
onClick: function onClick() {
|
|
20042
20126
|
return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
|
|
20043
20127
|
}
|
|
20044
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
20128
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
20045
20129
|
icon: "pencil"
|
|
20046
20130
|
}, buttonIcon3Styles), {}, {
|
|
20047
20131
|
onClick: function onClick() {
|
|
@@ -20051,17 +20135,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
20051
20135
|
})]
|
|
20052
20136
|
}), /*#__PURE__*/jsxs("div", {
|
|
20053
20137
|
className: "flex flex-col space-y-2 w-full",
|
|
20054
|
-
children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$
|
|
20138
|
+
children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$f(_objectSpread$f({}, menuItemStyles), {}, {
|
|
20055
20139
|
onClick: function onClick() {
|
|
20056
20140
|
return handleClickItem(themeObjects.MENU_ITEM, menuItemStyles);
|
|
20057
20141
|
},
|
|
20058
20142
|
children: "Menu Item"
|
|
20059
|
-
})), /*#__PURE__*/jsx(MenuItem2, _objectSpread$
|
|
20143
|
+
})), /*#__PURE__*/jsx(MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
|
|
20060
20144
|
onClick: function onClick() {
|
|
20061
20145
|
return handleClickItem(themeObjects.MENU_ITEM_2, menuItem2Styles);
|
|
20062
20146
|
},
|
|
20063
20147
|
children: "Menu Item 2"
|
|
20064
|
-
})), /*#__PURE__*/jsx(MenuItem3, _objectSpread$
|
|
20148
|
+
})), /*#__PURE__*/jsx(MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
|
|
20065
20149
|
onClick: function onClick() {
|
|
20066
20150
|
return handleClickItem(themeObjects.MENU_ITEM_3, menuItem3Styles);
|
|
20067
20151
|
},
|
|
@@ -20069,21 +20153,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
20069
20153
|
}))]
|
|
20070
20154
|
}), /*#__PURE__*/jsxs("div", {
|
|
20071
20155
|
className: "flex flex-row space-x-2 w-full",
|
|
20072
|
-
children: [/*#__PURE__*/jsx(Tag, _objectSpread$
|
|
20156
|
+
children: [/*#__PURE__*/jsx(Tag, _objectSpread$f(_objectSpread$f({
|
|
20073
20157
|
text: "Tag",
|
|
20074
20158
|
icon: "pencil"
|
|
20075
20159
|
}, tagStyles), {}, {
|
|
20076
20160
|
onClick: function onClick() {
|
|
20077
20161
|
return handleClickItem(themeObjects.TAG, tagStyles);
|
|
20078
20162
|
}
|
|
20079
|
-
})), /*#__PURE__*/jsx(Tag2, _objectSpread$
|
|
20163
|
+
})), /*#__PURE__*/jsx(Tag2, _objectSpread$f(_objectSpread$f({
|
|
20080
20164
|
text: "Tag 2",
|
|
20081
20165
|
icon: "pencil"
|
|
20082
20166
|
}, tag2Styles), {}, {
|
|
20083
20167
|
onClick: function onClick() {
|
|
20084
20168
|
return handleClickItem(themeObjects.TAG_2, tag2Styles);
|
|
20085
20169
|
}
|
|
20086
|
-
})), /*#__PURE__*/jsx(Tag3, _objectSpread$
|
|
20170
|
+
})), /*#__PURE__*/jsx(Tag3, _objectSpread$f(_objectSpread$f({
|
|
20087
20171
|
text: "Tag 3",
|
|
20088
20172
|
icon: "pencil"
|
|
20089
20173
|
}, tag3Styles), {}, {
|
|
@@ -20092,57 +20176,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
20092
20176
|
}
|
|
20093
20177
|
}))]
|
|
20094
20178
|
})]
|
|
20095
|
-
})), /*#__PURE__*/jsxs(Panel2, _objectSpread$
|
|
20179
|
+
})), /*#__PURE__*/jsxs(Panel2, _objectSpread$f(_objectSpread$f({
|
|
20096
20180
|
className: "p-6 rounded border-4 space-y-4"
|
|
20097
20181
|
}, styles2), {}, {
|
|
20098
20182
|
height: "h-fit",
|
|
20099
20183
|
padding: false,
|
|
20100
|
-
children: [/*#__PURE__*/jsx(Heading2, _objectSpread$
|
|
20184
|
+
children: [/*#__PURE__*/jsx(Heading2, _objectSpread$f(_objectSpread$f({
|
|
20101
20185
|
title: "Heading 2"
|
|
20102
20186
|
}, heading2Styles), {}, {
|
|
20103
20187
|
padding: false,
|
|
20104
20188
|
onClick: function onClick() {
|
|
20105
20189
|
return handleClickItem(themeObjects.HEADING_2, heading2Styles);
|
|
20106
20190
|
}
|
|
20107
|
-
})), /*#__PURE__*/jsx(SubHeading2, _objectSpread$
|
|
20191
|
+
})), /*#__PURE__*/jsx(SubHeading2, _objectSpread$f(_objectSpread$f({
|
|
20108
20192
|
title: "Subheading 2"
|
|
20109
20193
|
}, subHeading2Styles), {}, {
|
|
20110
20194
|
padding: false,
|
|
20111
20195
|
onClick: function onClick() {
|
|
20112
20196
|
return handleClickItem(themeObjects.SUBHEADING_2, subHeading2Styles);
|
|
20113
20197
|
}
|
|
20114
|
-
})), /*#__PURE__*/jsx(Paragraph2, _objectSpread$
|
|
20198
|
+
})), /*#__PURE__*/jsx(Paragraph2, _objectSpread$f(_objectSpread$f({
|
|
20115
20199
|
text: "Paragraph 2 - The quick brown fox jumps over the lazy dog."
|
|
20116
20200
|
}, paragraph2Styles), {}, {
|
|
20117
20201
|
padding: false,
|
|
20118
20202
|
onClick: function onClick() {
|
|
20119
20203
|
return handleClickItem(themeObjects.PARAGRAPH_2, paragraph2Styles);
|
|
20120
20204
|
}
|
|
20121
|
-
})), /*#__PURE__*/jsx(Button2, _objectSpread$
|
|
20205
|
+
})), /*#__PURE__*/jsx(Button2, _objectSpread$f(_objectSpread$f({
|
|
20122
20206
|
title: "Button"
|
|
20123
20207
|
}, button2Styles), {}, {
|
|
20124
20208
|
onClick: function onClick() {
|
|
20125
20209
|
return handleClickItem(themeObjects.BUTTON_2, button2Styles);
|
|
20126
20210
|
}
|
|
20127
|
-
})), /*#__PURE__*/jsx(ButtonIcon2, _objectSpread$
|
|
20211
|
+
})), /*#__PURE__*/jsx(ButtonIcon2, _objectSpread$f(_objectSpread$f({
|
|
20128
20212
|
text: "Button Icon",
|
|
20129
20213
|
icon: "pencil"
|
|
20130
20214
|
}, buttonIcon2Styles), {}, {
|
|
20131
20215
|
onClick: function onClick() {
|
|
20132
20216
|
return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
|
|
20133
20217
|
}
|
|
20134
|
-
})), /*#__PURE__*/jsx(ButtonIcon2, _objectSpread$
|
|
20218
|
+
})), /*#__PURE__*/jsx(ButtonIcon2, _objectSpread$f(_objectSpread$f({
|
|
20135
20219
|
icon: "pencil"
|
|
20136
20220
|
}, buttonIcon2Styles), {}, {
|
|
20137
20221
|
onClick: function onClick() {
|
|
20138
20222
|
return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIconStyles);
|
|
20139
20223
|
}
|
|
20140
|
-
})), /*#__PURE__*/jsx(MenuItem2, _objectSpread$
|
|
20224
|
+
})), /*#__PURE__*/jsx(MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
|
|
20141
20225
|
onClick: function onClick() {
|
|
20142
20226
|
return handleClickItem(themeObjects.MENU_ITEM_2, menuItem2Styles);
|
|
20143
20227
|
},
|
|
20144
20228
|
children: "Menu Item"
|
|
20145
|
-
})), /*#__PURE__*/jsx(Tag2, _objectSpread$
|
|
20229
|
+
})), /*#__PURE__*/jsx(Tag2, _objectSpread$f(_objectSpread$f({
|
|
20146
20230
|
text: "Tag 2",
|
|
20147
20231
|
icon: "pencil"
|
|
20148
20232
|
}, tag2Styles), {}, {
|
|
@@ -20150,57 +20234,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
20150
20234
|
return handleClickItem(themeObjects.TAG_2, tag2Styles);
|
|
20151
20235
|
}
|
|
20152
20236
|
}))]
|
|
20153
|
-
})), /*#__PURE__*/jsxs(Panel3, _objectSpread$
|
|
20237
|
+
})), /*#__PURE__*/jsxs(Panel3, _objectSpread$f(_objectSpread$f({
|
|
20154
20238
|
className: "p-6 rounded border-4 space-y-4"
|
|
20155
20239
|
}, styles3), {}, {
|
|
20156
20240
|
height: "h-fit",
|
|
20157
20241
|
padding: false,
|
|
20158
|
-
children: [/*#__PURE__*/jsx(Heading3, _objectSpread$
|
|
20242
|
+
children: [/*#__PURE__*/jsx(Heading3, _objectSpread$f(_objectSpread$f({
|
|
20159
20243
|
title: "Heading 3"
|
|
20160
20244
|
}, heading3Styles), {}, {
|
|
20161
20245
|
padding: false,
|
|
20162
20246
|
onClick: function onClick() {
|
|
20163
20247
|
return handleClickItem(themeObjects.HEADING_3, heading3Styles);
|
|
20164
20248
|
}
|
|
20165
|
-
})), /*#__PURE__*/jsx(SubHeading3, _objectSpread$
|
|
20249
|
+
})), /*#__PURE__*/jsx(SubHeading3, _objectSpread$f(_objectSpread$f({
|
|
20166
20250
|
title: "Subheading"
|
|
20167
20251
|
}, subHeading3Styles), {}, {
|
|
20168
20252
|
padding: false,
|
|
20169
20253
|
onClick: function onClick() {
|
|
20170
20254
|
return handleClickItem(themeObjects.SUBHEADING_3, subHeading3Styles);
|
|
20171
20255
|
}
|
|
20172
|
-
})), /*#__PURE__*/jsx(Paragraph3, _objectSpread$
|
|
20256
|
+
})), /*#__PURE__*/jsx(Paragraph3, _objectSpread$f(_objectSpread$f({
|
|
20173
20257
|
text: "Paragraph 3 - The quick brown fox jumps over the lazy dog."
|
|
20174
20258
|
}, paragraph3Styles), {}, {
|
|
20175
20259
|
padding: false,
|
|
20176
20260
|
onClick: function onClick() {
|
|
20177
20261
|
return handleClickItem(themeObjects.PARAGRAPH_3, paragraph3Styles);
|
|
20178
20262
|
}
|
|
20179
|
-
})), /*#__PURE__*/jsx(Button3, _objectSpread$
|
|
20263
|
+
})), /*#__PURE__*/jsx(Button3, _objectSpread$f(_objectSpread$f({
|
|
20180
20264
|
title: "Button"
|
|
20181
20265
|
}, button3Styles), {}, {
|
|
20182
20266
|
onClick: function onClick() {
|
|
20183
20267
|
return handleClickItem(themeObjects.BUTTON_3, button3Styles);
|
|
20184
20268
|
}
|
|
20185
|
-
})), /*#__PURE__*/jsx(ButtonIcon3, _objectSpread$
|
|
20269
|
+
})), /*#__PURE__*/jsx(ButtonIcon3, _objectSpread$f(_objectSpread$f({
|
|
20186
20270
|
text: "Button Icon 3",
|
|
20187
20271
|
icon: "pencil"
|
|
20188
20272
|
}, buttonIcon3Styles), {}, {
|
|
20189
20273
|
onClick: function onClick() {
|
|
20190
20274
|
return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
|
|
20191
20275
|
}
|
|
20192
|
-
})), /*#__PURE__*/jsx(ButtonIcon3, _objectSpread$
|
|
20276
|
+
})), /*#__PURE__*/jsx(ButtonIcon3, _objectSpread$f(_objectSpread$f({
|
|
20193
20277
|
icon: "pencil"
|
|
20194
20278
|
}, buttonIcon3Styles), {}, {
|
|
20195
20279
|
onClick: function onClick() {
|
|
20196
20280
|
return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
|
|
20197
20281
|
}
|
|
20198
|
-
})), /*#__PURE__*/jsx(MenuItem3, _objectSpread$
|
|
20282
|
+
})), /*#__PURE__*/jsx(MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
|
|
20199
20283
|
onClick: function onClick() {
|
|
20200
20284
|
return handleClickItem(themeObjects.MENU_ITEM_3, menuItem3Styles);
|
|
20201
20285
|
},
|
|
20202
20286
|
children: "Menu Item"
|
|
20203
|
-
})), /*#__PURE__*/jsx(Tag3, _objectSpread$
|
|
20287
|
+
})), /*#__PURE__*/jsx(Tag3, _objectSpread$f(_objectSpread$f({
|
|
20204
20288
|
text: "Tag",
|
|
20205
20289
|
icon: "pencil"
|
|
20206
20290
|
}, tag3Styles), {}, {
|
|
@@ -20249,8 +20333,8 @@ var ThemePane = function ThemePane(_ref) {
|
|
|
20249
20333
|
};
|
|
20250
20334
|
|
|
20251
20335
|
var _excluded$2 = ["colorFromTheme", "colorName", "shade", "variant", "colorType", "colorLevelName", "selected", "onClick", "onMouseOver", "width", "height"];
|
|
20252
|
-
function ownKeys$
|
|
20253
|
-
function _objectSpread$
|
|
20336
|
+
function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20337
|
+
function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20254
20338
|
var ColorTile = function ColorTile(_ref) {
|
|
20255
20339
|
var _ref$colorFromTheme = _ref.colorFromTheme,
|
|
20256
20340
|
colorFromTheme = _ref$colorFromTheme === void 0 ? null : _ref$colorFromTheme,
|
|
@@ -20275,7 +20359,7 @@ var ColorTile = function ColorTile(_ref) {
|
|
|
20275
20359
|
_ref$height = _ref.height,
|
|
20276
20360
|
height = _ref$height === void 0 ? "h-10" : _ref$height,
|
|
20277
20361
|
rest = _objectWithoutProperties(_ref, _excluded$2);
|
|
20278
|
-
var c = ColorModel(_objectSpread$
|
|
20362
|
+
var c = ColorModel(_objectSpread$e({
|
|
20279
20363
|
colorFromTheme: colorFromTheme,
|
|
20280
20364
|
colorName: colorName,
|
|
20281
20365
|
colorType: colorType,
|
|
@@ -20303,10 +20387,10 @@ var ColorTile = function ColorTile(_ref) {
|
|
|
20303
20387
|
return /*#__PURE__*/jsx("div", {
|
|
20304
20388
|
className: "flex flex-col rounded-lg cursor-pointer items-center justify-center border-2 text-xs ".concat(selected === true ? "border-yellow-500" : "border-gray-800", " hover:border-yellow-500 border-gray-800 ").concat(c["class"], " ").concat(width, " ").concat(height),
|
|
20305
20389
|
onClick: function onClick() {
|
|
20306
|
-
return _onClick !== null ? _onClick(_objectSpread$
|
|
20390
|
+
return _onClick !== null ? _onClick(_objectSpread$e(_objectSpread$e({}, c), rest)) : null;
|
|
20307
20391
|
},
|
|
20308
20392
|
onMouseOver: function onMouseOver() {
|
|
20309
|
-
return _onMouseOver !== null ? _onMouseOver(_objectSpread$
|
|
20393
|
+
return _onMouseOver !== null ? _onMouseOver(_objectSpread$e(_objectSpread$e({}, c), rest)) : null;
|
|
20310
20394
|
},
|
|
20311
20395
|
children: "\xA0"
|
|
20312
20396
|
});
|
|
@@ -21493,8 +21577,8 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
21493
21577
|
var propTypesExports = propTypes.exports;
|
|
21494
21578
|
var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
|
|
21495
21579
|
|
|
21496
|
-
function ownKeys$
|
|
21497
|
-
function _objectSpread$
|
|
21580
|
+
function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
21581
|
+
function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21498
21582
|
|
|
21499
21583
|
// Host-injected module references (e.g., "@trops/dash-core").
|
|
21500
21584
|
// Set by the host app via setHostModules() after all modules are fully loaded,
|
|
@@ -21530,7 +21614,7 @@ var BASE_MODULE_MAP = {
|
|
|
21530
21614
|
function evaluateBundle(source, widgetName) {
|
|
21531
21615
|
// Merge base modules with host-provided modules (e.g., "@trops/dash-core")
|
|
21532
21616
|
// at call time so _hostModules is populated by the time widgets load.
|
|
21533
|
-
var moduleMap = _objectSpread$
|
|
21617
|
+
var moduleMap = _objectSpread$d(_objectSpread$d({}, BASE_MODULE_MAP), _hostModules);
|
|
21534
21618
|
var module = {
|
|
21535
21619
|
exports: {}
|
|
21536
21620
|
};
|
|
@@ -21543,7 +21627,7 @@ function evaluateBundle(source, widgetName) {
|
|
|
21543
21627
|
// CJS bundles expect `require("pkg").Widget` to work, so merge
|
|
21544
21628
|
// `.default` properties onto the returned object.
|
|
21545
21629
|
if (mod["default"] && _typeof(mod["default"]) === "object") {
|
|
21546
|
-
return _objectSpread$
|
|
21630
|
+
return _objectSpread$d(_objectSpread$d(_objectSpread$d({}, mod["default"]), mod), {}, {
|
|
21547
21631
|
"default": mod["default"]
|
|
21548
21632
|
});
|
|
21549
21633
|
}
|
|
@@ -22231,8 +22315,8 @@ var HARMONY_STRATEGIES = [{
|
|
|
22231
22315
|
label: "Custom"
|
|
22232
22316
|
}];
|
|
22233
22317
|
|
|
22234
|
-
function ownKeys$
|
|
22235
|
-
function _objectSpread$
|
|
22318
|
+
function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
22319
|
+
function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
22236
22320
|
var COLOR_PROPERTIES$1 = new Set(["backgroundColor", "textColor", "borderColor", "hoverBackgroundColor", "hoverTextColor", "hoverBorderColor", "focusRingColor", "focusBorderColor", "activeBackgroundColor", "activeTextColor", "placeholderTextColor"]);
|
|
22237
22321
|
var PreviewColorsPane = function PreviewColorsPane(_ref) {
|
|
22238
22322
|
var _ref$styles = _ref.styles,
|
|
@@ -22249,7 +22333,7 @@ var PreviewColorsPane = function PreviewColorsPane(_ref) {
|
|
|
22249
22333
|
function handleClickItem(data, styleNameCss, itemType, objectType) {
|
|
22250
22334
|
// override the object type
|
|
22251
22335
|
data["objectType"] = objectType;
|
|
22252
|
-
onClickItem(_objectSpread$
|
|
22336
|
+
onClickItem(_objectSpread$c(_objectSpread$c({}, data), {}, {
|
|
22253
22337
|
itemType: itemType,
|
|
22254
22338
|
styleName: styleNameCss
|
|
22255
22339
|
}));
|
|
@@ -22659,8 +22743,8 @@ var ThemeMenuPane = function ThemeMenuPane(_ref) {
|
|
|
22659
22743
|
});
|
|
22660
22744
|
};
|
|
22661
22745
|
|
|
22662
|
-
function ownKeys$
|
|
22663
|
-
function _objectSpread$
|
|
22746
|
+
function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
22747
|
+
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
22664
22748
|
var COMPONENT_GROUPS$1 = {
|
|
22665
22749
|
Typography: [themeObjects.HEADING, themeObjects.HEADING_2, themeObjects.HEADING_3, themeObjects.SUBHEADING, themeObjects.SUBHEADING_2, themeObjects.SUBHEADING_3, themeObjects.PARAGRAPH, themeObjects.PARAGRAPH_2, themeObjects.PARAGRAPH_3],
|
|
22666
22750
|
Buttons: [themeObjects.BUTTON, themeObjects.BUTTON_2, themeObjects.BUTTON_3, themeObjects.BUTTON_ICON, themeObjects.BUTTON_ICON_2, themeObjects.BUTTON_ICON_3],
|
|
@@ -22691,7 +22775,7 @@ var ComponentSelectorPane = function ComponentSelectorPane(_ref) {
|
|
|
22691
22775
|
setCollapsedGroups = _useState2[1];
|
|
22692
22776
|
function toggleGroup(groupName) {
|
|
22693
22777
|
setCollapsedGroups(function (prev) {
|
|
22694
|
-
return _objectSpread$
|
|
22778
|
+
return _objectSpread$b(_objectSpread$b({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
|
|
22695
22779
|
});
|
|
22696
22780
|
}
|
|
22697
22781
|
function hasOverrides(itemKey) {
|
|
@@ -22927,8 +23011,8 @@ var NonColorPickerPane = function NonColorPickerPane(_ref) {
|
|
|
22927
23011
|
};
|
|
22928
23012
|
|
|
22929
23013
|
var _excluded$1 = ["children"];
|
|
22930
|
-
function ownKeys$
|
|
22931
|
-
function _objectSpread$
|
|
23014
|
+
function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
23015
|
+
function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
22932
23016
|
var COLOR_PROPERTIES = new Set(["backgroundColor", "textColor", "borderColor", "hoverBackgroundColor", "hoverTextColor", "hoverBorderColor", "focusRingColor", "focusBorderColor", "activeBackgroundColor", "activeTextColor", "placeholderTextColor"]);
|
|
22933
23017
|
var isColorProperty = function isColorProperty(name) {
|
|
22934
23018
|
return COLOR_PROPERTIES.has(name);
|
|
@@ -23488,7 +23572,7 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
23488
23572
|
if (itemSelected && themeSelected && themeVariant) {
|
|
23489
23573
|
var updatedStyles = getStylesForItem(itemSelected.item, themeSelected[themeVariant]);
|
|
23490
23574
|
setItemSelected(function (prev) {
|
|
23491
|
-
return _objectSpread$
|
|
23575
|
+
return _objectSpread$a(_objectSpread$a({}, prev), {}, {
|
|
23492
23576
|
styles: updatedStyles
|
|
23493
23577
|
});
|
|
23494
23578
|
});
|
|
@@ -23659,7 +23743,7 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
23659
23743
|
styles: clickStyles
|
|
23660
23744
|
});
|
|
23661
23745
|
},
|
|
23662
|
-
children: /*#__PURE__*/jsx(PanelComponent, _objectSpread$
|
|
23746
|
+
children: /*#__PURE__*/jsx(PanelComponent, _objectSpread$a(_objectSpread$a({}, panelStyles), {}, {
|
|
23663
23747
|
scrollable: false,
|
|
23664
23748
|
className: "rounded",
|
|
23665
23749
|
height: "",
|
|
@@ -23673,9 +23757,9 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
23673
23757
|
var _comp$props = comp.props,
|
|
23674
23758
|
childContent = _comp$props.children,
|
|
23675
23759
|
restProps = _objectWithoutProperties(_comp$props, _excluded$1);
|
|
23676
|
-
var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsx(comp.Component, _objectSpread$
|
|
23760
|
+
var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsx(comp.Component, _objectSpread$a(_objectSpread$a({}, restProps), {}, {
|
|
23677
23761
|
children: childContent
|
|
23678
|
-
})) : /*#__PURE__*/jsx(comp.Component, _objectSpread$
|
|
23762
|
+
})) : /*#__PURE__*/jsx(comp.Component, _objectSpread$a({}, restProps));
|
|
23679
23763
|
return renderComponentRow(comp.key, renderedComponent);
|
|
23680
23764
|
})
|
|
23681
23765
|
})
|
|
@@ -23691,7 +23775,7 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
23691
23775
|
children: [/*#__PURE__*/jsx("div", {
|
|
23692
23776
|
className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
|
|
23693
23777
|
children: "Forms & Inputs"
|
|
23694
|
-
}), /*#__PURE__*/jsx(Panel, _objectSpread$
|
|
23778
|
+
}), /*#__PURE__*/jsx(Panel, _objectSpread$a(_objectSpread$a({}, getStylesForItem("panel", themeData)), {}, {
|
|
23695
23779
|
scrollable: false,
|
|
23696
23780
|
className: "rounded",
|
|
23697
23781
|
height: "",
|
|
@@ -23719,7 +23803,7 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
23719
23803
|
children: [/*#__PURE__*/jsx("div", {
|
|
23720
23804
|
className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
|
|
23721
23805
|
children: "Data & Stats"
|
|
23722
|
-
}), /*#__PURE__*/jsx(Panel, _objectSpread$
|
|
23806
|
+
}), /*#__PURE__*/jsx(Panel, _objectSpread$a(_objectSpread$a({}, getStylesForItem("panel", themeData)), {}, {
|
|
23723
23807
|
scrollable: false,
|
|
23724
23808
|
className: "rounded",
|
|
23725
23809
|
height: "",
|
|
@@ -23824,7 +23908,7 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
23824
23908
|
}), themeSelected && /*#__PURE__*/jsx("div", {
|
|
23825
23909
|
className: "flex flex-col flex-1 min-w-0",
|
|
23826
23910
|
children: /*#__PURE__*/jsx(ThemeContext.Provider, {
|
|
23827
|
-
value: _objectSpread$
|
|
23911
|
+
value: _objectSpread$a(_objectSpread$a({}, themeContextValue), {}, {
|
|
23828
23912
|
currentTheme: (themeSelected === null || themeSelected === void 0 ? void 0 : themeSelected[themeVariant]) || themeContextValue.currentTheme
|
|
23829
23913
|
}),
|
|
23830
23914
|
children: showPreview ? /*#__PURE__*/jsx(PreviewComponentsPane, {
|
|
@@ -24455,8 +24539,8 @@ var ThemeQuickCreate = function ThemeQuickCreate(_ref8) {
|
|
|
24455
24539
|
});
|
|
24456
24540
|
};
|
|
24457
24541
|
|
|
24458
|
-
function ownKeys$
|
|
24459
|
-
function _objectSpread$
|
|
24542
|
+
function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
24543
|
+
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
24460
24544
|
var ThemeManagerModal = function ThemeManagerModal(_ref) {
|
|
24461
24545
|
var open = _ref.open,
|
|
24462
24546
|
setIsOpen = _ref.setIsOpen;
|
|
@@ -24563,7 +24647,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
|
|
|
24563
24647
|
function handleWizardComplete() {
|
|
24564
24648
|
if (!wizardTheme || !wizardName.trim()) return;
|
|
24565
24649
|
var key = wizardTheme.id || "theme-".concat(Date.now());
|
|
24566
|
-
var finalTheme = _objectSpread$
|
|
24650
|
+
var finalTheme = _objectSpread$9(_objectSpread$9({}, wizardTheme), {}, {
|
|
24567
24651
|
id: key,
|
|
24568
24652
|
name: wizardName.trim()
|
|
24569
24653
|
});
|
|
@@ -24732,8 +24816,8 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
|
|
|
24732
24816
|
});
|
|
24733
24817
|
};
|
|
24734
24818
|
|
|
24735
|
-
function ownKeys$
|
|
24736
|
-
function _objectSpread$
|
|
24819
|
+
function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
24820
|
+
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
24737
24821
|
var LayoutPreview = function LayoutPreview(_ref) {
|
|
24738
24822
|
var layout = _ref.layout;
|
|
24739
24823
|
var gridRoot = (layout || []).find(function (item) {
|
|
@@ -24838,7 +24922,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
|
|
|
24838
24922
|
updated.menuId = val ? Number(val) : null;
|
|
24839
24923
|
// Strip widgetConfig from layout before saving
|
|
24840
24924
|
updated.layout = (updated.layout || []).map(function (layoutItem) {
|
|
24841
|
-
var cleaned = _objectSpread$
|
|
24925
|
+
var cleaned = _objectSpread$8({}, layoutItem);
|
|
24842
24926
|
delete cleaned.widgetConfig;
|
|
24843
24927
|
return cleaned;
|
|
24844
24928
|
});
|
|
@@ -24853,7 +24937,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
|
|
|
24853
24937
|
var updated = deepCopy(ws);
|
|
24854
24938
|
updated.themeKey = val || null;
|
|
24855
24939
|
updated.layout = (updated.layout || []).map(function (layoutItem) {
|
|
24856
|
-
var cleaned = _objectSpread$
|
|
24940
|
+
var cleaned = _objectSpread$8({}, layoutItem);
|
|
24857
24941
|
delete cleaned.widgetConfig;
|
|
24858
24942
|
return cleaned;
|
|
24859
24943
|
});
|
|
@@ -24949,8 +25033,8 @@ var DashboardDetail = function DashboardDetail(_ref2) {
|
|
|
24949
25033
|
});
|
|
24950
25034
|
};
|
|
24951
25035
|
|
|
24952
|
-
function ownKeys$
|
|
24953
|
-
function _objectSpread$
|
|
25036
|
+
function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
25037
|
+
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
24954
25038
|
var DashboardsSection = function DashboardsSection(_ref) {
|
|
24955
25039
|
var _ref$workspaces = _ref.workspaces,
|
|
24956
25040
|
workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces,
|
|
@@ -25025,7 +25109,7 @@ var DashboardsSection = function DashboardsSection(_ref) {
|
|
|
25025
25109
|
updated.name = editName.trim();
|
|
25026
25110
|
// Strip widgetConfig from layout before saving
|
|
25027
25111
|
updated.layout = (updated.layout || []).map(function (layoutItem) {
|
|
25028
|
-
var cleaned = _objectSpread$
|
|
25112
|
+
var cleaned = _objectSpread$7({}, layoutItem);
|
|
25029
25113
|
delete cleaned.widgetConfig;
|
|
25030
25114
|
return cleaned;
|
|
25031
25115
|
});
|
|
@@ -25045,7 +25129,7 @@ var DashboardsSection = function DashboardsSection(_ref) {
|
|
|
25045
25129
|
copy.version = Date.now();
|
|
25046
25130
|
// Strip widgetConfig from layout before saving
|
|
25047
25131
|
copy.layout = (copy.layout || []).map(function (layoutItem) {
|
|
25048
|
-
var cleaned = _objectSpread$
|
|
25132
|
+
var cleaned = _objectSpread$7({}, layoutItem);
|
|
25049
25133
|
delete cleaned.widgetConfig;
|
|
25050
25134
|
return cleaned;
|
|
25051
25135
|
});
|
|
@@ -25385,8 +25469,8 @@ var FoldersSection = function FoldersSection(_ref) {
|
|
|
25385
25469
|
});
|
|
25386
25470
|
};
|
|
25387
25471
|
|
|
25388
|
-
function ownKeys$
|
|
25389
|
-
function _objectSpread$
|
|
25472
|
+
function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
25473
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
25390
25474
|
var ProviderDetail = function ProviderDetail(_ref) {
|
|
25391
25475
|
var _testResult$tools;
|
|
25392
25476
|
var _ref$providerName = _ref.providerName,
|
|
@@ -25454,14 +25538,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
|
|
|
25454
25538
|
var oldKey = f.key;
|
|
25455
25539
|
if (oldKey && formCredentials[oldKey] !== undefined) {
|
|
25456
25540
|
setFormCredentials(function (creds) {
|
|
25457
|
-
var updated = _objectSpread$
|
|
25541
|
+
var updated = _objectSpread$6({}, creds);
|
|
25458
25542
|
var val = updated[oldKey];
|
|
25459
25543
|
delete updated[oldKey];
|
|
25460
25544
|
if (newKey.trim()) updated[newKey] = val;
|
|
25461
25545
|
return updated;
|
|
25462
25546
|
});
|
|
25463
25547
|
}
|
|
25464
|
-
return _objectSpread$
|
|
25548
|
+
return _objectSpread$6(_objectSpread$6({}, f), {}, {
|
|
25465
25549
|
key: newKey
|
|
25466
25550
|
});
|
|
25467
25551
|
});
|
|
@@ -25473,14 +25557,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
|
|
|
25473
25557
|
});
|
|
25474
25558
|
if (field !== null && field !== void 0 && field.key) {
|
|
25475
25559
|
setFormCredentials(function (prev) {
|
|
25476
|
-
return _objectSpread$
|
|
25560
|
+
return _objectSpread$6(_objectSpread$6({}, prev), {}, _defineProperty({}, field.key, value));
|
|
25477
25561
|
});
|
|
25478
25562
|
}
|
|
25479
25563
|
};
|
|
25480
25564
|
var handleFieldSecretToggle = function handleFieldSecretToggle(id) {
|
|
25481
25565
|
setCredentialFields(function (prev) {
|
|
25482
25566
|
return prev.map(function (f) {
|
|
25483
|
-
return f.id === id ? _objectSpread$
|
|
25567
|
+
return f.id === id ? _objectSpread$6(_objectSpread$6({}, f), {}, {
|
|
25484
25568
|
secret: !f.secret
|
|
25485
25569
|
}) : f;
|
|
25486
25570
|
});
|
|
@@ -25502,7 +25586,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
|
|
|
25502
25586
|
});
|
|
25503
25587
|
if (field !== null && field !== void 0 && field.key) {
|
|
25504
25588
|
setFormCredentials(function (prev) {
|
|
25505
|
-
var updated = _objectSpread$
|
|
25589
|
+
var updated = _objectSpread$6({}, prev);
|
|
25506
25590
|
delete updated[field.key];
|
|
25507
25591
|
return updated;
|
|
25508
25592
|
});
|
|
@@ -25515,7 +25599,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
|
|
|
25515
25599
|
};
|
|
25516
25600
|
var handleCredentialChange = function handleCredentialChange(key, value) {
|
|
25517
25601
|
setFormCredentials(function (prev) {
|
|
25518
|
-
return _objectSpread$
|
|
25602
|
+
return _objectSpread$6(_objectSpread$6({}, prev), {}, _defineProperty({}, key, value));
|
|
25519
25603
|
});
|
|
25520
25604
|
};
|
|
25521
25605
|
var handleTestConnection = function handleTestConnection() {
|
|
@@ -25884,8 +25968,8 @@ var ProviderDetail = function ProviderDetail(_ref) {
|
|
|
25884
25968
|
});
|
|
25885
25969
|
};
|
|
25886
25970
|
|
|
25887
|
-
function ownKeys$
|
|
25888
|
-
function _objectSpread$
|
|
25971
|
+
function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
25972
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
25889
25973
|
var rowIdCounter = 0;
|
|
25890
25974
|
var nextRowId = function nextRowId() {
|
|
25891
25975
|
return "row_".concat(++rowIdCounter);
|
|
@@ -26039,7 +26123,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
26039
26123
|
var updateEnvRow = function updateEnvRow(id, field, value) {
|
|
26040
26124
|
setEnvMappingRows(function (prev) {
|
|
26041
26125
|
return prev.map(function (row) {
|
|
26042
|
-
return row.id === id ? _objectSpread$
|
|
26126
|
+
return row.id === id ? _objectSpread$5(_objectSpread$5({}, row), {}, _defineProperty({}, field, value)) : row;
|
|
26043
26127
|
});
|
|
26044
26128
|
});
|
|
26045
26129
|
};
|
|
@@ -26064,7 +26148,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
26064
26148
|
var updateHeaderRow = function updateHeaderRow(id, field, value) {
|
|
26065
26149
|
setHeaderRows(function (prev) {
|
|
26066
26150
|
return prev.map(function (row) {
|
|
26067
|
-
return row.id === id ? _objectSpread$
|
|
26151
|
+
return row.id === id ? _objectSpread$5(_objectSpread$5({}, row), {}, _defineProperty({}, field, value)) : row;
|
|
26068
26152
|
});
|
|
26069
26153
|
});
|
|
26070
26154
|
};
|
|
@@ -26079,11 +26163,11 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
26079
26163
|
// --- credential field change ---
|
|
26080
26164
|
var handleCredentialChange = function handleCredentialChange(fieldName, value) {
|
|
26081
26165
|
setCredentialData(function (prev) {
|
|
26082
|
-
return _objectSpread$
|
|
26166
|
+
return _objectSpread$5(_objectSpread$5({}, prev), {}, _defineProperty({}, fieldName, value));
|
|
26083
26167
|
});
|
|
26084
26168
|
if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
|
|
26085
26169
|
setFormErrors(function (prev) {
|
|
26086
|
-
var next = _objectSpread$
|
|
26170
|
+
var next = _objectSpread$5({}, prev);
|
|
26087
26171
|
delete next[fieldName];
|
|
26088
26172
|
return next;
|
|
26089
26173
|
});
|
|
@@ -26235,7 +26319,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
26235
26319
|
setProviderName(value);
|
|
26236
26320
|
if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
|
|
26237
26321
|
setFormErrors(function (prev) {
|
|
26238
|
-
var next = _objectSpread$
|
|
26322
|
+
var next = _objectSpread$5({}, prev);
|
|
26239
26323
|
delete next.providerName;
|
|
26240
26324
|
return next;
|
|
26241
26325
|
});
|
|
@@ -26268,7 +26352,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
26268
26352
|
setCommand(value);
|
|
26269
26353
|
if (formErrors.command && value !== null && value !== void 0 && value.trim()) {
|
|
26270
26354
|
setFormErrors(function (prev) {
|
|
26271
|
-
var next = _objectSpread$
|
|
26355
|
+
var next = _objectSpread$5({}, prev);
|
|
26272
26356
|
delete next.command;
|
|
26273
26357
|
return next;
|
|
26274
26358
|
});
|
|
@@ -26374,7 +26458,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
26374
26458
|
setUrl(value);
|
|
26375
26459
|
if (formErrors.url && value !== null && value !== void 0 && value.trim()) {
|
|
26376
26460
|
setFormErrors(function (prev) {
|
|
26377
|
-
var next = _objectSpread$
|
|
26461
|
+
var next = _objectSpread$5({}, prev);
|
|
26378
26462
|
delete next.url;
|
|
26379
26463
|
return next;
|
|
26380
26464
|
});
|
|
@@ -26516,8 +26600,8 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
26516
26600
|
});
|
|
26517
26601
|
};
|
|
26518
26602
|
|
|
26519
|
-
function ownKeys$
|
|
26520
|
-
function _objectSpread$
|
|
26603
|
+
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
26604
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
26521
26605
|
var getIconForServer = function getIconForServer(server) {
|
|
26522
26606
|
var iconMap = {
|
|
26523
26607
|
github: "code-branch",
|
|
@@ -26665,11 +26749,11 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
|
|
|
26665
26749
|
// Handle credential field changes
|
|
26666
26750
|
var handleCredentialChange = function handleCredentialChange(fieldName, value) {
|
|
26667
26751
|
setCredentialData(function (prev) {
|
|
26668
|
-
return _objectSpread$
|
|
26752
|
+
return _objectSpread$4(_objectSpread$4({}, prev), {}, _defineProperty({}, fieldName, value));
|
|
26669
26753
|
});
|
|
26670
26754
|
if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
|
|
26671
26755
|
setFormErrors(function (prev) {
|
|
26672
|
-
var next = _objectSpread$
|
|
26756
|
+
var next = _objectSpread$4({}, prev);
|
|
26673
26757
|
delete next[fieldName];
|
|
26674
26758
|
return next;
|
|
26675
26759
|
});
|
|
@@ -26872,7 +26956,7 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
|
|
|
26872
26956
|
setProviderName(value);
|
|
26873
26957
|
if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
|
|
26874
26958
|
setFormErrors(function (prev) {
|
|
26875
|
-
var next = _objectSpread$
|
|
26959
|
+
var next = _objectSpread$4({}, prev);
|
|
26876
26960
|
delete next.providerName;
|
|
26877
26961
|
return next;
|
|
26878
26962
|
});
|
|
@@ -27612,8 +27696,8 @@ var ThemeDetail = function ThemeDetail(_ref6) {
|
|
|
27612
27696
|
});
|
|
27613
27697
|
};
|
|
27614
27698
|
|
|
27615
|
-
function ownKeys$
|
|
27616
|
-
function _objectSpread$
|
|
27699
|
+
function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
27700
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
27617
27701
|
var ThemesSection = function ThemesSection(_ref) {
|
|
27618
27702
|
var _ref$onOpenThemeEdito = _ref.onOpenThemeEditor,
|
|
27619
27703
|
onOpenThemeEditor = _ref$onOpenThemeEdito === void 0 ? null : _ref$onOpenThemeEdito,
|
|
@@ -27691,7 +27775,7 @@ var ThemesSection = function ThemesSection(_ref) {
|
|
|
27691
27775
|
if (!wizardTheme || !wizardName.trim()) return;
|
|
27692
27776
|
if (!dashApi || !appId) return;
|
|
27693
27777
|
var key = wizardTheme.id || "theme-".concat(Date.now());
|
|
27694
|
-
var finalTheme = _objectSpread$
|
|
27778
|
+
var finalTheme = _objectSpread$3(_objectSpread$3({}, wizardTheme), {}, {
|
|
27695
27779
|
id: key,
|
|
27696
27780
|
name: wizardName.trim()
|
|
27697
27781
|
});
|
|
@@ -28888,8 +28972,8 @@ var useInstalledWidgets = function useInstalledWidgets() {
|
|
|
28888
28972
|
};
|
|
28889
28973
|
};
|
|
28890
28974
|
|
|
28891
|
-
function ownKeys$
|
|
28892
|
-
function _objectSpread$
|
|
28975
|
+
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
28976
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
28893
28977
|
var WidgetsSection = function WidgetsSection(_ref) {
|
|
28894
28978
|
var _ref$workspaces = _ref.workspaces,
|
|
28895
28979
|
workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces;
|
|
@@ -29461,7 +29545,7 @@ var WidgetsSection = function WidgetsSection(_ref) {
|
|
|
29461
29545
|
listContent: listContent,
|
|
29462
29546
|
detailContent: detailContent,
|
|
29463
29547
|
emptyDetailMessage: "Select a widget to view details"
|
|
29464
|
-
}), /*#__PURE__*/jsx(ConfirmationModal, _objectSpread$
|
|
29548
|
+
}), /*#__PURE__*/jsx(ConfirmationModal, _objectSpread$2(_objectSpread$2({
|
|
29465
29549
|
isOpen: !!deleteTarget,
|
|
29466
29550
|
setIsOpen: function setIsOpen() {
|
|
29467
29551
|
setDeleteTarget(null);
|
|
@@ -30966,8 +31050,8 @@ var WidgetSidebar = function WidgetSidebar(_ref4) {
|
|
|
30966
31050
|
});
|
|
30967
31051
|
};
|
|
30968
31052
|
|
|
30969
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
30970
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
31053
|
+
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
31054
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
30971
31055
|
var DashboardStage = function DashboardStage(_ref) {
|
|
30972
31056
|
var dashApi = _ref.dashApi,
|
|
30973
31057
|
credentials = _ref.credentials,
|
|
@@ -31173,7 +31257,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
31173
31257
|
// Sync fresh workspace data to existing tab
|
|
31174
31258
|
setOpenTabs(function (prev) {
|
|
31175
31259
|
return prev.map(function (tab) {
|
|
31176
|
-
return tab.id === existingTab.id ? _objectSpread(_objectSpread({}, tab), {}, {
|
|
31260
|
+
return tab.id === existingTab.id ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
|
|
31177
31261
|
name: workspaceItem.name || "Untitled",
|
|
31178
31262
|
workspace: workspaceItem
|
|
31179
31263
|
}) : tab;
|
|
@@ -31218,7 +31302,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
31218
31302
|
if (!ws) return;
|
|
31219
31303
|
setOpenTabs(function (prev) {
|
|
31220
31304
|
return prev.map(function (tab) {
|
|
31221
|
-
return tab.id === ws.id ? _objectSpread(_objectSpread({}, tab), {}, {
|
|
31305
|
+
return tab.id === ws.id ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
|
|
31222
31306
|
name: ws.name || "Untitled",
|
|
31223
31307
|
workspace: ws
|
|
31224
31308
|
}) : tab;
|
|
@@ -31293,7 +31377,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
31293
31377
|
if (activeTabId) {
|
|
31294
31378
|
setOpenTabs(function (prev) {
|
|
31295
31379
|
return prev.map(function (tab) {
|
|
31296
|
-
return tab.id === activeTabId ? _objectSpread(_objectSpread({}, tab), {}, {
|
|
31380
|
+
return tab.id === activeTabId ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
|
|
31297
31381
|
name: wsModel.name || "Untitled",
|
|
31298
31382
|
workspace: wsModel
|
|
31299
31383
|
}) : tab;
|
|
@@ -31318,8 +31402,8 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
31318
31402
|
if (workspaceSelected && widgetId) {
|
|
31319
31403
|
// Build widget-specific provider selections
|
|
31320
31404
|
var currentSelections = workspaceSelected.selectedProviders || {};
|
|
31321
|
-
var updatedWorkspace = _objectSpread(_objectSpread({}, workspaceSelected), {}, {
|
|
31322
|
-
selectedProviders: _objectSpread(_objectSpread({}, currentSelections), {}, _defineProperty({}, widgetId, updatedProviders))
|
|
31405
|
+
var updatedWorkspace = _objectSpread$1(_objectSpread$1({}, workspaceSelected), {}, {
|
|
31406
|
+
selectedProviders: _objectSpread$1(_objectSpread$1({}, currentSelections), {}, _defineProperty({}, widgetId, updatedProviders))
|
|
31323
31407
|
});
|
|
31324
31408
|
|
|
31325
31409
|
// Update the tab's workspace reference
|
|
@@ -31344,7 +31428,8 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
31344
31428
|
onProviderSelect: handleProviderSelect,
|
|
31345
31429
|
onTogglePreview: handleToggleEditMode,
|
|
31346
31430
|
editMode: editMode,
|
|
31347
|
-
workspaceRef: currentWorkspaceRef
|
|
31431
|
+
workspaceRef: currentWorkspaceRef,
|
|
31432
|
+
onWidgetPopout: popout ? null : handleWidgetPopout
|
|
31348
31433
|
}, "LayoutBuilder-".concat(workspaceItem["id"])) : null;
|
|
31349
31434
|
} catch (e) {
|
|
31350
31435
|
return null;
|
|
@@ -31504,7 +31589,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
31504
31589
|
if (savedWs) {
|
|
31505
31590
|
setOpenTabs(function (prev) {
|
|
31506
31591
|
return prev.map(function (tab) {
|
|
31507
|
-
return tab.id === activeTabId ? _objectSpread(_objectSpread({}, tab), {}, {
|
|
31592
|
+
return tab.id === activeTabId ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
|
|
31508
31593
|
name: savedWs.name || "Untitled",
|
|
31509
31594
|
workspace: savedWs
|
|
31510
31595
|
}) : tab;
|
|
@@ -31551,6 +31636,12 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
31551
31636
|
window.mainApi.popout.open(workspaceSelected.id);
|
|
31552
31637
|
}
|
|
31553
31638
|
}
|
|
31639
|
+
function handleWidgetPopout(widgetId) {
|
|
31640
|
+
var _window$mainApi5;
|
|
31641
|
+
if (workspaceSelected && (_window$mainApi5 = window.mainApi) !== null && _window$mainApi5 !== void 0 && (_window$mainApi5 = _window$mainApi5.widgetPopout) !== null && _window$mainApi5 !== void 0 && _window$mainApi5.open) {
|
|
31642
|
+
window.mainApi.widgetPopout.open(workspaceSelected.id, widgetId);
|
|
31643
|
+
}
|
|
31644
|
+
}
|
|
31554
31645
|
return /*#__PURE__*/jsxs(LayoutContainer, {
|
|
31555
31646
|
padding: false,
|
|
31556
31647
|
space: false,
|
|
@@ -31955,6 +32046,147 @@ var DashboardMonitor = function DashboardMonitor() {
|
|
|
31955
32046
|
});
|
|
31956
32047
|
};
|
|
31957
32048
|
|
|
32049
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
32050
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
32051
|
+
var WidgetPopoutStage = function WidgetPopoutStage(_ref) {
|
|
32052
|
+
var dashApi = _ref.dashApi,
|
|
32053
|
+
credentials = _ref.credentials,
|
|
32054
|
+
workspaceId = _ref.workspaceId,
|
|
32055
|
+
widgetId = _ref.widgetId;
|
|
32056
|
+
return /*#__PURE__*/jsx(Profiler, {
|
|
32057
|
+
id: "widget-popout",
|
|
32058
|
+
onRender: function onRender() {},
|
|
32059
|
+
children: /*#__PURE__*/jsx(DashboardWrapper, {
|
|
32060
|
+
dashApi: dashApi,
|
|
32061
|
+
credentials: credentials,
|
|
32062
|
+
backgroundColor: "bg-gray-900",
|
|
32063
|
+
children: /*#__PURE__*/jsx(WidgetPopoutInner, {
|
|
32064
|
+
dashApi: dashApi,
|
|
32065
|
+
credentials: credentials,
|
|
32066
|
+
workspaceId: workspaceId,
|
|
32067
|
+
widgetId: widgetId
|
|
32068
|
+
})
|
|
32069
|
+
})
|
|
32070
|
+
});
|
|
32071
|
+
};
|
|
32072
|
+
var WidgetPopoutInner = function WidgetPopoutInner(_ref2) {
|
|
32073
|
+
var dashApi = _ref2.dashApi,
|
|
32074
|
+
credentials = _ref2.credentials,
|
|
32075
|
+
workspaceId = _ref2.workspaceId,
|
|
32076
|
+
widgetId = _ref2.widgetId;
|
|
32077
|
+
var _useContext = useContext(DashboardContext);
|
|
32078
|
+
_useContext.pub;
|
|
32079
|
+
var _useState = useState(null),
|
|
32080
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
32081
|
+
workspace = _useState2[0],
|
|
32082
|
+
setWorkspace = _useState2[1];
|
|
32083
|
+
var _useState3 = useState(null),
|
|
32084
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
32085
|
+
widgetItem = _useState4[0],
|
|
32086
|
+
setWidgetItem = _useState4[1];
|
|
32087
|
+
var _useState5 = useState(null),
|
|
32088
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
32089
|
+
error = _useState6[0],
|
|
32090
|
+
setError = _useState6[1];
|
|
32091
|
+
function loadWorkspaces() {
|
|
32092
|
+
if (!dashApi || !credentials) return;
|
|
32093
|
+
dashApi.listWorkspaces(credentials.appId, function (e, message) {
|
|
32094
|
+
try {
|
|
32095
|
+
var _target$selectedProvi, _widget$userPrefs, _window$mainApi;
|
|
32096
|
+
var workspaces = deepCopy(message["workspaces"]);
|
|
32097
|
+
var workspacesTemp = workspaces.map(function (ws) {
|
|
32098
|
+
var tempLayout = ws["layout"].map(function (layoutOG) {
|
|
32099
|
+
return LayoutModel(layoutOG, workspaces, ws["id"]);
|
|
32100
|
+
});
|
|
32101
|
+
ws["layout"] = tempLayout;
|
|
32102
|
+
return WorkspaceModel(ws);
|
|
32103
|
+
});
|
|
32104
|
+
var target = workspacesTemp.find(function (ws) {
|
|
32105
|
+
return ws.id === workspaceId;
|
|
32106
|
+
});
|
|
32107
|
+
if (!target) {
|
|
32108
|
+
setError("Workspace not found");
|
|
32109
|
+
return;
|
|
32110
|
+
}
|
|
32111
|
+
setWorkspace(target);
|
|
32112
|
+
|
|
32113
|
+
// Find the widget in the layout by ID
|
|
32114
|
+
var widget = target.layout.find(function (item) {
|
|
32115
|
+
return item.id === widgetId;
|
|
32116
|
+
});
|
|
32117
|
+
if (!widget) {
|
|
32118
|
+
setError("Widget not found in workspace");
|
|
32119
|
+
return;
|
|
32120
|
+
}
|
|
32121
|
+
|
|
32122
|
+
// Merge workspace-level provider selections into the widget item
|
|
32123
|
+
var widgetWithProviders = _objectSpread(_objectSpread({}, widget), {}, {
|
|
32124
|
+
selectedProviders: ((_target$selectedProvi = target.selectedProviders) === null || _target$selectedProvi === void 0 ? void 0 : _target$selectedProvi[widgetId]) || {}
|
|
32125
|
+
});
|
|
32126
|
+
setWidgetItem(widgetWithProviders);
|
|
32127
|
+
|
|
32128
|
+
// Set popout window title
|
|
32129
|
+
var widgetName = ((_widget$userPrefs = widget.userPrefs) === null || _widget$userPrefs === void 0 ? void 0 : _widget$userPrefs.title) || widget.component || "Widget";
|
|
32130
|
+
if ((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.widgetPopout) !== null && _window$mainApi !== void 0 && _window$mainApi.setTitle) {
|
|
32131
|
+
window.mainApi.widgetPopout.setTitle(workspaceId, widgetId, widgetName);
|
|
32132
|
+
}
|
|
32133
|
+
} catch (err) {
|
|
32134
|
+
setError(err.message);
|
|
32135
|
+
}
|
|
32136
|
+
}, function (e, message) {
|
|
32137
|
+
setError("Failed to load workspace");
|
|
32138
|
+
});
|
|
32139
|
+
}
|
|
32140
|
+
|
|
32141
|
+
// Initial load
|
|
32142
|
+
useEffect(function () {
|
|
32143
|
+
loadWorkspaces();
|
|
32144
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
32145
|
+
}, [workspaceId, widgetId]);
|
|
32146
|
+
|
|
32147
|
+
// Listen for workspace:saved broadcasts to refresh
|
|
32148
|
+
useEffect(function () {
|
|
32149
|
+
var _window$mainApi2;
|
|
32150
|
+
if (!((_window$mainApi2 = window.mainApi) !== null && _window$mainApi2 !== void 0 && _window$mainApi2.on)) return;
|
|
32151
|
+
var handler = function handler() {
|
|
32152
|
+
loadWorkspaces();
|
|
32153
|
+
};
|
|
32154
|
+
window.mainApi.on("workspace:saved", handler);
|
|
32155
|
+
return function () {
|
|
32156
|
+
var _window$mainApi3;
|
|
32157
|
+
if ((_window$mainApi3 = window.mainApi) !== null && _window$mainApi3 !== void 0 && _window$mainApi3.removeListener) {
|
|
32158
|
+
window.mainApi.removeListener("workspace:saved", handler);
|
|
32159
|
+
}
|
|
32160
|
+
};
|
|
32161
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
32162
|
+
}, []);
|
|
32163
|
+
if (error) {
|
|
32164
|
+
return /*#__PURE__*/jsxs("div", {
|
|
32165
|
+
className: "flex flex-col h-full w-full items-center justify-center text-gray-400 gap-2",
|
|
32166
|
+
children: [/*#__PURE__*/jsx("div", {
|
|
32167
|
+
className: "text-lg font-semibold",
|
|
32168
|
+
children: "Widget not available"
|
|
32169
|
+
}), /*#__PURE__*/jsx("div", {
|
|
32170
|
+
className: "text-sm text-gray-500",
|
|
32171
|
+
children: error
|
|
32172
|
+
})]
|
|
32173
|
+
});
|
|
32174
|
+
}
|
|
32175
|
+
if (!widgetItem || !workspace) {
|
|
32176
|
+
return /*#__PURE__*/jsx("div", {
|
|
32177
|
+
className: "flex h-full w-full items-center justify-center text-gray-500",
|
|
32178
|
+
children: "Loading widget..."
|
|
32179
|
+
});
|
|
32180
|
+
}
|
|
32181
|
+
return /*#__PURE__*/jsx(DashboardThemeProvider, {
|
|
32182
|
+
themeKey: workspace === null || workspace === void 0 ? void 0 : workspace.themeKey,
|
|
32183
|
+
children: /*#__PURE__*/jsx("div", {
|
|
32184
|
+
className: "flex flex-col w-full h-full overflow-auto",
|
|
32185
|
+
children: renderComponent(widgetItem.component, widgetItem.id, widgetItem, null)
|
|
32186
|
+
})
|
|
32187
|
+
});
|
|
32188
|
+
};
|
|
32189
|
+
|
|
31958
32190
|
var DashNavbar = function DashNavbar(_ref) {
|
|
31959
32191
|
var _ref$onOpenCommandPal = _ref.onOpenCommandPalette,
|
|
31960
32192
|
onOpenCommandPalette = _ref$onOpenCommandPal === void 0 ? null : _ref$onOpenCommandPal,
|
|
@@ -32956,5 +33188,5 @@ var WorkspaceMenu = function WorkspaceMenu(_ref) {
|
|
|
32956
33188
|
|
|
32957
33189
|
ComponentManager.registerContainerTypes(LayoutContainer, LayoutGridContainer);
|
|
32958
33190
|
|
|
32959
|
-
export { ALGOLIA_ANALYTICS_FOR_QUERY, ALGOLIA_ANALYTICS_FOR_QUERY_COMPLETE, ALGOLIA_ANALYTICS_FOR_QUERY_ERROR, ALGOLIA_LIST_INDICES, ALGOLIA_LIST_INDICES_COMPLETE, ALGOLIA_LIST_INDICES_ERROR, AVAILABLE_COLORS, AddMenuItemModal, AdvancedMcpConfig, AppContext, AppSettingsModal, AppThemeScope, AppWrapper, CHOOSE_FILE, CHOOSE_FILE_COMPLETE, CHOOSE_FILE_ERROR, ColorModel, ComponentConfigModel, ComponentManager, ContextModel, DATA_JSON_TO_CSV_FILE, DATA_JSON_TO_CSV_FILE_COMPLETE, DATA_JSON_TO_CSV_FILE_ERROR, DATA_JSON_TO_CSV_STRING, DATA_JSON_TO_CSV_STRING_COMPLETE, DATA_JSON_TO_CSV_STRING_ERROR, DATA_READ_FROM_FILE, DATA_READ_FROM_FILE_COMPLETE, DATA_READ_FROM_FILE_ERROR, DATA_SAVE_TO_FILE, DATA_SAVE_TO_FILE_COMPLETE, DATA_SAVE_TO_FILE_ERROR, DashCommandPalette, DashNavbar, DashSidebar, DashTabBar, DashboardStage as Dashboard, DashboardApi, DashboardContext, DashboardFooter, DashboardHeader, DashboardMenuItem, DashboardModel, DashboardMonitor, DashboardPublisher, DashboardStage, DashboardThemeProvider, DashboardWrapper, ElectronDashboardApi, ErrorBoundary, ExternalWidget, GRID_CELL_WIDGET_TYPE, HARMONY_STRATEGIES, LAYOUT_LIST, LAYOUT_LIST_COMPLETE, LAYOUT_LIST_ERROR, LAYOUT_SAVE, LAYOUT_SAVE_COMPLETE, LAYOUT_SAVE_ERROR, Layout, LayoutBuilder, LayoutBuilderAddItemModal, LayoutBuilderConfigContainerMenuItem, LayoutBuilderConfigMenuItem, LayoutBuilderConfigModal, LayoutBuilderEditItemModal, LayoutBuilderEventModal, LayoutBuilderGridItem, LayoutContainer, LayoutDragBuilder, LayoutDragBuilderEdit, LayoutGridContainer, LayoutManagerModal, LayoutModel, LayoutQuickAddMenu, MCP_CALL_TOOL_COMPLETE, MCP_CALL_TOOL_ERROR, MCP_GET_CATALOG_COMPLETE, MCP_GET_CATALOG_ERROR, MCP_LIST_RESOURCES_COMPLETE, MCP_LIST_RESOURCES_ERROR, MCP_LIST_TOOLS_COMPLETE, MCP_LIST_TOOLS_ERROR, MCP_READ_RESOURCE_COMPLETE, MCP_READ_RESOURCE_ERROR, MCP_SERVER_STATUS_COMPLETE, MCP_SERVER_STATUS_ERROR, MCP_START_SERVER_COMPLETE, MCP_START_SERVER_ERROR, MCP_STOP_SERVER_COMPLETE, MCP_STOP_SERVER_ERROR, MENU_ITEMS_DELETE, MENU_ITEMS_DELETE_COMPLETE, MENU_ITEMS_DELETE_ERROR, MENU_ITEMS_LIST, MENU_ITEMS_LIST_COMPLETE, MENU_ITEMS_LIST_ERROR, MENU_ITEMS_SAVE, MENU_ITEMS_SAVE_COMPLETE, MENU_ITEMS_SAVE_ERROR, MainMenu, MainMenuItem, MainMenuSection, McpServerPicker, MenuItemModel, MenuSlideOverlay, MergeCellsModal, MissingProviderPrompt, MockDashboardApi, PROVIDER_DELETE_COMPLETE, PROVIDER_DELETE_ERROR, PROVIDER_GET_COMPLETE, PROVIDER_GET_ERROR, PROVIDER_LIST_COMPLETE, PROVIDER_LIST_ERROR, PROVIDER_SAVE_COMPLETE, PROVIDER_SAVE_ERROR, PanelCode, PanelEditItem, PanelEditItemHandlers, ProviderContext, ProviderErrorBoundary, ProviderForm, ProviderSelector, SECURE_STORAGE_ENCRYPT_STRING, SECURE_STORAGE_ENCRYPT_STRING_COMPLETE, SECURE_STORAGE_ENCRYPT_STRING_ERROR, SECURE_STORE_ENCRYPTION_CHECK, SECURE_STORE_ENCRYPTION_CHECK_COMPLETE, SECURE_STORE_ENCRYPTION_CHECK_ERROR, SECURE_STORE_GET_DATA, SECURE_STORE_GET_DATA_COMPLETE, SECURE_STORE_GET_DATA_ERROR, SECURE_STORE_SET_DATA, SECURE_STORE_SET_DATA_COMPLETE, SECURE_STORE_SET_DATA_ERROR, SETTINGS_GET, SETTINGS_GET_COMPLETE, SETTINGS_GET_ERROR, SETTINGS_SAVE, SETTINGS_SAVE_COMPLETE, SETTINGS_SAVE_ERROR, SIDEBAR_WIDGET_TYPE, SettingsModel, SideMenu, SplitCellModal, THEME_DELETE, THEME_DELETE_COMPLETE, THEME_DELETE_ERROR, THEME_LIST, THEME_LIST_COMPLETE, THEME_LIST_ERROR, THEME_SAVE, THEME_SAVE_COMPLETE, THEME_SAVE_ERROR, ThemeApi, ThemeManagerModal, ThemeModel, ThemeWrapper, WORKSPACE_DELETE, WORKSPACE_DELETE_COMPLETE, WORKSPACE_DELETE_ERROR, WORKSPACE_LIST, WORKSPACE_LIST_COMPLETE, WORKSPACE_LIST_ERROR, WORKSPACE_SAVE, WORKSPACE_SAVE_COMPLETE, WORKSPACE_SAVE_ERROR, WebDashboardApi, Widget, WidgetApi, WidgetConfigPanel, WidgetContext, WidgetFactory, WidgetProviderWrapper, WidgetSidebar, Workspace, WorkspaceContext, WorkspaceFooter, WorkspaceMenu, WorkspaceModel, addChildToLayoutItem, addItemToItemLayout, buildMcpConfigFromOverrides, canHaveChildren, changeDirectionForLayoutItem, createProviderRegistry, deriveFormFields, envMappingToRows, evaluateBundle, extractWidgetConfigs, formatFieldName, generateCustomTheme, generateHarmonyTheme, generateRandomTheme, generateThemeName, getBorderStyle, getChildrenForLayoutItem, getComponentInLayout, getContainerBorderColor, getContainerColor, getIndexOfLayoutChildrenForItem, getIndexOfLayoutItem, getLayoutItemById, getLayoutItemForWorkspace, getNearestParentWorkspace, getNextHighestId, getNextHighestItemInLayout, getNextHighestOrder, getNextHighestParentId, getNextLowestItemInLayout, getParentForLayoutItem, getParentWorkspaceForItem, getThemePresets, getWidgetsForWorkspace, getWorkspacesForWorkspace, headerTemplateToRows, isContainer, isLikelySecret, isMaxOrderForItem, isMinOrderForItem, isWidget, isWidgetResolvable, isWorkspace, layoutItemHasWorkspaceAsChild, loadWidgetBundle, numChildrenForLayout, removeItemFromLayout, renderComponent, renderGridLayout, renderGridLayoutFlow, _renderLayout as renderLayout, renderLayoutMenu, replaceItemInLayout, resolveIcon, setHostModules, traverseParentTree, updateLayoutItem, updateParentForItem, useDashboard, useMcpProvider, useProvider, useProviderClient, useWidgetEvents, useWidgetProviders, validateCellMerge, validateGridCell, validateGridPlacement, validateWidgetPlacement, withProviderDetection };
|
|
33191
|
+
export { ALGOLIA_ANALYTICS_FOR_QUERY, ALGOLIA_ANALYTICS_FOR_QUERY_COMPLETE, ALGOLIA_ANALYTICS_FOR_QUERY_ERROR, ALGOLIA_LIST_INDICES, ALGOLIA_LIST_INDICES_COMPLETE, ALGOLIA_LIST_INDICES_ERROR, AVAILABLE_COLORS, AddMenuItemModal, AdvancedMcpConfig, AppContext, AppSettingsModal, AppThemeScope, AppWrapper, CHOOSE_FILE, CHOOSE_FILE_COMPLETE, CHOOSE_FILE_ERROR, ColorModel, ComponentConfigModel, ComponentManager, ContextModel, DATA_JSON_TO_CSV_FILE, DATA_JSON_TO_CSV_FILE_COMPLETE, DATA_JSON_TO_CSV_FILE_ERROR, DATA_JSON_TO_CSV_STRING, DATA_JSON_TO_CSV_STRING_COMPLETE, DATA_JSON_TO_CSV_STRING_ERROR, DATA_READ_FROM_FILE, DATA_READ_FROM_FILE_COMPLETE, DATA_READ_FROM_FILE_ERROR, DATA_SAVE_TO_FILE, DATA_SAVE_TO_FILE_COMPLETE, DATA_SAVE_TO_FILE_ERROR, DashCommandPalette, DashNavbar, DashSidebar, DashTabBar, DashboardStage as Dashboard, DashboardApi, DashboardContext, DashboardFooter, DashboardHeader, DashboardMenuItem, DashboardModel, DashboardMonitor, DashboardPublisher, DashboardStage, DashboardThemeProvider, DashboardWrapper, ElectronDashboardApi, ErrorBoundary, ExternalWidget, GRID_CELL_WIDGET_TYPE, HARMONY_STRATEGIES, LAYOUT_LIST, LAYOUT_LIST_COMPLETE, LAYOUT_LIST_ERROR, LAYOUT_SAVE, LAYOUT_SAVE_COMPLETE, LAYOUT_SAVE_ERROR, Layout, LayoutBuilder, LayoutBuilderAddItemModal, LayoutBuilderConfigContainerMenuItem, LayoutBuilderConfigMenuItem, LayoutBuilderConfigModal, LayoutBuilderEditItemModal, LayoutBuilderEventModal, LayoutBuilderGridItem, LayoutContainer, LayoutDragBuilder, LayoutDragBuilderEdit, LayoutGridContainer, LayoutManagerModal, LayoutModel, LayoutQuickAddMenu, MCP_CALL_TOOL_COMPLETE, MCP_CALL_TOOL_ERROR, MCP_GET_CATALOG_COMPLETE, MCP_GET_CATALOG_ERROR, MCP_LIST_RESOURCES_COMPLETE, MCP_LIST_RESOURCES_ERROR, MCP_LIST_TOOLS_COMPLETE, MCP_LIST_TOOLS_ERROR, MCP_READ_RESOURCE_COMPLETE, MCP_READ_RESOURCE_ERROR, MCP_SERVER_STATUS_COMPLETE, MCP_SERVER_STATUS_ERROR, MCP_START_SERVER_COMPLETE, MCP_START_SERVER_ERROR, MCP_STOP_SERVER_COMPLETE, MCP_STOP_SERVER_ERROR, MENU_ITEMS_DELETE, MENU_ITEMS_DELETE_COMPLETE, MENU_ITEMS_DELETE_ERROR, MENU_ITEMS_LIST, MENU_ITEMS_LIST_COMPLETE, MENU_ITEMS_LIST_ERROR, MENU_ITEMS_SAVE, MENU_ITEMS_SAVE_COMPLETE, MENU_ITEMS_SAVE_ERROR, MainMenu, MainMenuItem, MainMenuSection, McpServerPicker, MenuItemModel, MenuSlideOverlay, MergeCellsModal, MissingProviderPrompt, MockDashboardApi, PROVIDER_DELETE_COMPLETE, PROVIDER_DELETE_ERROR, PROVIDER_GET_COMPLETE, PROVIDER_GET_ERROR, PROVIDER_LIST_COMPLETE, PROVIDER_LIST_ERROR, PROVIDER_SAVE_COMPLETE, PROVIDER_SAVE_ERROR, PanelCode, PanelEditItem, PanelEditItemHandlers, ProviderContext, ProviderErrorBoundary, ProviderForm, ProviderSelector, SECURE_STORAGE_ENCRYPT_STRING, SECURE_STORAGE_ENCRYPT_STRING_COMPLETE, SECURE_STORAGE_ENCRYPT_STRING_ERROR, SECURE_STORE_ENCRYPTION_CHECK, SECURE_STORE_ENCRYPTION_CHECK_COMPLETE, SECURE_STORE_ENCRYPTION_CHECK_ERROR, SECURE_STORE_GET_DATA, SECURE_STORE_GET_DATA_COMPLETE, SECURE_STORE_GET_DATA_ERROR, SECURE_STORE_SET_DATA, SECURE_STORE_SET_DATA_COMPLETE, SECURE_STORE_SET_DATA_ERROR, SETTINGS_GET, SETTINGS_GET_COMPLETE, SETTINGS_GET_ERROR, SETTINGS_SAVE, SETTINGS_SAVE_COMPLETE, SETTINGS_SAVE_ERROR, SIDEBAR_WIDGET_TYPE, SettingsModel, SideMenu, SplitCellModal, THEME_DELETE, THEME_DELETE_COMPLETE, THEME_DELETE_ERROR, THEME_LIST, THEME_LIST_COMPLETE, THEME_LIST_ERROR, THEME_SAVE, THEME_SAVE_COMPLETE, THEME_SAVE_ERROR, ThemeApi, ThemeManagerModal, ThemeModel, ThemeWrapper, WORKSPACE_DELETE, WORKSPACE_DELETE_COMPLETE, WORKSPACE_DELETE_ERROR, WORKSPACE_LIST, WORKSPACE_LIST_COMPLETE, WORKSPACE_LIST_ERROR, WORKSPACE_SAVE, WORKSPACE_SAVE_COMPLETE, WORKSPACE_SAVE_ERROR, WebDashboardApi, Widget, WidgetApi, WidgetConfigPanel, WidgetContext, WidgetFactory, WidgetPopoutStage, WidgetProviderWrapper, WidgetSidebar, Workspace, WorkspaceContext, WorkspaceFooter, WorkspaceMenu, WorkspaceModel, addChildToLayoutItem, addItemToItemLayout, buildMcpConfigFromOverrides, canHaveChildren, changeDirectionForLayoutItem, createProviderRegistry, deriveFormFields, envMappingToRows, evaluateBundle, extractWidgetConfigs, formatFieldName, generateCustomTheme, generateHarmonyTheme, generateRandomTheme, generateThemeName, getBorderStyle, getChildrenForLayoutItem, getComponentInLayout, getContainerBorderColor, getContainerColor, getIndexOfLayoutChildrenForItem, getIndexOfLayoutItem, getLayoutItemById, getLayoutItemForWorkspace, getNearestParentWorkspace, getNextHighestId, getNextHighestItemInLayout, getNextHighestOrder, getNextHighestParentId, getNextLowestItemInLayout, getParentForLayoutItem, getParentWorkspaceForItem, getThemePresets, getWidgetsForWorkspace, getWorkspacesForWorkspace, headerTemplateToRows, isContainer, isLikelySecret, isMaxOrderForItem, isMinOrderForItem, isWidget, isWidgetResolvable, isWorkspace, layoutItemHasWorkspaceAsChild, loadWidgetBundle, numChildrenForLayout, removeItemFromLayout, renderComponent, renderGridLayout, renderGridLayoutFlow, _renderLayout as renderLayout, renderLayoutMenu, replaceItemInLayout, resolveIcon, setHostModules, traverseParentTree, updateLayoutItem, updateParentForItem, useDashboard, useMcpProvider, useProvider, useProviderClient, useWidgetEvents, useWidgetProviders, validateCellMerge, validateGridCell, validateGridPlacement, validateWidgetPlacement, withProviderDetection };
|
|
32960
33192
|
//# sourceMappingURL=index.esm.js.map
|