@trops/dash-core 0.1.41 → 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 +452 -273
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +452 -272
- 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
|
}
|
|
@@ -6924,8 +6924,8 @@ var WidgetIcon = function WidgetIcon(_ref) {
|
|
|
6924
6924
|
});
|
|
6925
6925
|
};
|
|
6926
6926
|
|
|
6927
|
-
function ownKeys$
|
|
6928
|
-
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; }
|
|
6929
6929
|
var ProviderForm = function ProviderForm(_ref) {
|
|
6930
6930
|
var credentialSchema = _ref.credentialSchema,
|
|
6931
6931
|
_ref$initialValues = _ref.initialValues,
|
|
@@ -6982,13 +6982,13 @@ var ProviderForm = function ProviderForm(_ref) {
|
|
|
6982
6982
|
*/
|
|
6983
6983
|
var handleInputChange = function handleInputChange(fieldName, value) {
|
|
6984
6984
|
setFormData(function (prev) {
|
|
6985
|
-
return _objectSpread$
|
|
6985
|
+
return _objectSpread$s(_objectSpread$s({}, prev), {}, _defineProperty({}, fieldName, value));
|
|
6986
6986
|
});
|
|
6987
6987
|
|
|
6988
6988
|
// Clear error for this field if it was filled
|
|
6989
6989
|
if (errors[fieldName] && value !== null && value !== void 0 && value.trim()) {
|
|
6990
6990
|
setErrors(function (prev) {
|
|
6991
|
-
var newErrors = _objectSpread$
|
|
6991
|
+
var newErrors = _objectSpread$s({}, prev);
|
|
6992
6992
|
delete newErrors[fieldName];
|
|
6993
6993
|
return newErrors;
|
|
6994
6994
|
});
|
|
@@ -7026,7 +7026,7 @@ var ProviderForm = function ProviderForm(_ref) {
|
|
|
7026
7026
|
// Clear error if filled
|
|
7027
7027
|
if (errors.providerName && value !== null && value !== void 0 && value.trim()) {
|
|
7028
7028
|
setErrors(function (prev) {
|
|
7029
|
-
var newErrors = _objectSpread$
|
|
7029
|
+
var newErrors = _objectSpread$s({}, prev);
|
|
7030
7030
|
delete newErrors.providerName;
|
|
7031
7031
|
return newErrors;
|
|
7032
7032
|
});
|
|
@@ -7105,8 +7105,8 @@ var ProviderForm = function ProviderForm(_ref) {
|
|
|
7105
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; } } }; }
|
|
7106
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; } }
|
|
7107
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; }
|
|
7108
|
-
function ownKeys$
|
|
7109
|
-
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; }
|
|
7110
7110
|
var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
7111
7111
|
var isOpen = _ref.isOpen,
|
|
7112
7112
|
onClose = _ref.onClose,
|
|
@@ -7235,7 +7235,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
7235
7235
|
.map(function (entry) {
|
|
7236
7236
|
var widget = allWidgets[entry.widgetKey];
|
|
7237
7237
|
if (!widget) return null; // Widget no longer exists
|
|
7238
|
-
return _objectSpread$
|
|
7238
|
+
return _objectSpread$r(_objectSpread$r({
|
|
7239
7239
|
key: entry.widgetKey
|
|
7240
7240
|
}, widget), {}, {
|
|
7241
7241
|
savedProviders: entry.providers || {},
|
|
@@ -7376,7 +7376,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
7376
7376
|
// Get widgets from ComponentManager
|
|
7377
7377
|
var allWidgets = ComponentManager.map();
|
|
7378
7378
|
var widgetList = Object.keys(allWidgets).map(function (key) {
|
|
7379
|
-
return _objectSpread$
|
|
7379
|
+
return _objectSpread$r({
|
|
7380
7380
|
key: key
|
|
7381
7381
|
}, allWidgets[key]);
|
|
7382
7382
|
}).filter(function (widget) {
|
|
@@ -7590,7 +7590,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
7590
7590
|
setInlineCreateType(null);
|
|
7591
7591
|
setInlineCreateSchema({});
|
|
7592
7592
|
setInlineCreateError(null);
|
|
7593
|
-
setSelectedProviders(_objectSpread$
|
|
7593
|
+
setSelectedProviders(_objectSpread$r(_objectSpread$r({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
|
|
7594
7594
|
}
|
|
7595
7595
|
};
|
|
7596
7596
|
var handleInlineProviderSubmit = function handleInlineProviderSubmit(formData) {
|
|
@@ -7611,7 +7611,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
7611
7611
|
|
|
7612
7612
|
// Auto-select the newly created provider
|
|
7613
7613
|
setSelectedProviders(function (prev) {
|
|
7614
|
-
return _objectSpread$
|
|
7614
|
+
return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, providerType, providerName));
|
|
7615
7615
|
});
|
|
7616
7616
|
|
|
7617
7617
|
// Collapse the inline form
|
|
@@ -7629,7 +7629,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
7629
7629
|
setInlineCreateError(null);
|
|
7630
7630
|
};
|
|
7631
7631
|
var handleConfigChange = function handleConfigChange(key, value) {
|
|
7632
|
-
setUserConfigValues(_objectSpread$
|
|
7632
|
+
setUserConfigValues(_objectSpread$r(_objectSpread$r({}, userConfigValues), {}, _defineProperty({}, key, value)));
|
|
7633
7633
|
};
|
|
7634
7634
|
|
|
7635
7635
|
// Install a package from the registry
|
|
@@ -7719,7 +7719,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
7719
7719
|
|
|
7720
7720
|
// Phase 3: Save to recent widgets
|
|
7721
7721
|
saveToRecent(selectedWidget, selectedProviders, userConfigValues);
|
|
7722
|
-
onSelectWidget(_objectSpread$
|
|
7722
|
+
onSelectWidget(_objectSpread$r(_objectSpread$r({}, selectedWidget), {}, {
|
|
7723
7723
|
selectedProviders: selectedProviders,
|
|
7724
7724
|
// Pass to parent
|
|
7725
7725
|
userConfigValues: userConfigValues // Pass to parent
|
|
@@ -9173,8 +9173,8 @@ var ProviderSelector = function ProviderSelector(_ref) {
|
|
|
9173
9173
|
});
|
|
9174
9174
|
};
|
|
9175
9175
|
|
|
9176
|
-
function ownKeys$
|
|
9177
|
-
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; }
|
|
9178
9178
|
/**
|
|
9179
9179
|
* Shared MCP utility functions.
|
|
9180
9180
|
*
|
|
@@ -9302,7 +9302,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
|
|
|
9302
9302
|
headerTemplate[name] = value;
|
|
9303
9303
|
}
|
|
9304
9304
|
});
|
|
9305
|
-
var config = _objectSpread$
|
|
9305
|
+
var config = _objectSpread$q({}, baseMcpConfig);
|
|
9306
9306
|
if (Object.keys(headerTemplate).length > 0) {
|
|
9307
9307
|
config.headerTemplate = headerTemplate;
|
|
9308
9308
|
} else {
|
|
@@ -9320,7 +9320,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
|
|
|
9320
9320
|
envMapping[env] = cred;
|
|
9321
9321
|
}
|
|
9322
9322
|
});
|
|
9323
|
-
return _objectSpread$
|
|
9323
|
+
return _objectSpread$q(_objectSpread$q({}, baseMcpConfig), {}, {
|
|
9324
9324
|
envMapping: envMapping
|
|
9325
9325
|
});
|
|
9326
9326
|
}
|
|
@@ -9367,8 +9367,8 @@ function headerTemplateToRows(headerTemplate, nextRowId) {
|
|
|
9367
9367
|
});
|
|
9368
9368
|
}
|
|
9369
9369
|
|
|
9370
|
-
function ownKeys$
|
|
9371
|
-
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; }
|
|
9372
9372
|
var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
|
|
9373
9373
|
var transport = _ref.transport,
|
|
9374
9374
|
envMappingRows = _ref.envMappingRows,
|
|
@@ -9397,7 +9397,7 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
|
|
|
9397
9397
|
var updateEnvRow = function updateEnvRow(id, field, value) {
|
|
9398
9398
|
onEnvMappingRowsChange(function (prev) {
|
|
9399
9399
|
return prev.map(function (row) {
|
|
9400
|
-
return row.id === id ? _objectSpread$
|
|
9400
|
+
return row.id === id ? _objectSpread$p(_objectSpread$p({}, row), {}, _defineProperty({}, field, value)) : row;
|
|
9401
9401
|
});
|
|
9402
9402
|
});
|
|
9403
9403
|
};
|
|
@@ -9422,7 +9422,7 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
|
|
|
9422
9422
|
var updateHeaderRow = function updateHeaderRow(id, field, value) {
|
|
9423
9423
|
onHeaderRowsChange(function (prev) {
|
|
9424
9424
|
return prev.map(function (row) {
|
|
9425
|
-
return row.id === id ? _objectSpread$
|
|
9425
|
+
return row.id === id ? _objectSpread$p(_objectSpread$p({}, row), {}, _defineProperty({}, field, value)) : row;
|
|
9426
9426
|
});
|
|
9427
9427
|
});
|
|
9428
9428
|
};
|
|
@@ -9571,8 +9571,8 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
|
|
|
9571
9571
|
});
|
|
9572
9572
|
};
|
|
9573
9573
|
|
|
9574
|
-
function ownKeys$
|
|
9575
|
-
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; }
|
|
9576
9576
|
var McpServerPicker = function McpServerPicker(_ref) {
|
|
9577
9577
|
var _testResult$tools;
|
|
9578
9578
|
var isOpen = _ref.isOpen,
|
|
@@ -9688,11 +9688,11 @@ var McpServerPicker = function McpServerPicker(_ref) {
|
|
|
9688
9688
|
// Handle credential field changes
|
|
9689
9689
|
var handleCredentialChange = function handleCredentialChange(fieldName, value) {
|
|
9690
9690
|
setCredentialData(function (prev) {
|
|
9691
|
-
return _objectSpread$
|
|
9691
|
+
return _objectSpread$o(_objectSpread$o({}, prev), {}, _defineProperty({}, fieldName, value));
|
|
9692
9692
|
});
|
|
9693
9693
|
if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
|
|
9694
9694
|
setFormErrors(function (prev) {
|
|
9695
|
-
var next = _objectSpread$
|
|
9695
|
+
var next = _objectSpread$o({}, prev);
|
|
9696
9696
|
delete next[fieldName];
|
|
9697
9697
|
return next;
|
|
9698
9698
|
});
|
|
@@ -9980,7 +9980,7 @@ var McpServerPicker = function McpServerPicker(_ref) {
|
|
|
9980
9980
|
setProviderName(value);
|
|
9981
9981
|
if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
|
|
9982
9982
|
setFormErrors(function (prev) {
|
|
9983
|
-
var next = _objectSpread$
|
|
9983
|
+
var next = _objectSpread$o({}, prev);
|
|
9984
9984
|
delete next.providerName;
|
|
9985
9985
|
return next;
|
|
9986
9986
|
});
|
|
@@ -10067,8 +10067,8 @@ var McpServerPicker = function McpServerPicker(_ref) {
|
|
|
10067
10067
|
});
|
|
10068
10068
|
};
|
|
10069
10069
|
|
|
10070
|
-
function ownKeys$
|
|
10071
|
-
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; }
|
|
10072
10072
|
var USE_ENHANCED_WIDGET_SELECTOR = true; // Set to false to use original modal
|
|
10073
10073
|
|
|
10074
10074
|
/**
|
|
@@ -10100,7 +10100,9 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
10100
10100
|
_ref$editMode = _ref.editMode,
|
|
10101
10101
|
editMode = _ref$editMode === void 0 ? "all" : _ref$editMode,
|
|
10102
10102
|
_ref$workspaceRef = _ref.workspaceRef,
|
|
10103
|
-
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;
|
|
10104
10106
|
var appContext = useContext(AppContext);
|
|
10105
10107
|
var debugMode = appContext.debugMode;
|
|
10106
10108
|
var dashboardContext = useContext(DashboardContext);
|
|
@@ -10112,7 +10114,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
10112
10114
|
var _ref3 = _slicedToArray(_ref2, 2),
|
|
10113
10115
|
id = _ref3[0],
|
|
10114
10116
|
p = _ref3[1];
|
|
10115
|
-
return _objectSpread$
|
|
10117
|
+
return _objectSpread$n(_objectSpread$n({}, p), {}, {
|
|
10116
10118
|
id: id,
|
|
10117
10119
|
name: p.name || id
|
|
10118
10120
|
});
|
|
@@ -10199,7 +10201,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
10199
10201
|
// so we use its layout to replace any corrupted grid data.
|
|
10200
10202
|
if (workspace && workspace["layout"]) {
|
|
10201
10203
|
var model = new DashboardModel(workspace);
|
|
10202
|
-
setCurrentWorkspace(_objectSpread$
|
|
10204
|
+
setCurrentWorkspace(_objectSpread$n(_objectSpread$n({}, workspace), {}, {
|
|
10203
10205
|
layout: model.layout
|
|
10204
10206
|
}));
|
|
10205
10207
|
} else {
|
|
@@ -10581,7 +10583,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
10581
10583
|
var uuid = widget.uuid || widget.uuidString;
|
|
10582
10584
|
if (uuid) {
|
|
10583
10585
|
newWorkspace.selectedProviders = newWorkspace.selectedProviders || {};
|
|
10584
|
-
newWorkspace.selectedProviders[uuid] = _objectSpread$
|
|
10586
|
+
newWorkspace.selectedProviders[uuid] = _objectSpread$n(_objectSpread$n({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
|
|
10585
10587
|
}
|
|
10586
10588
|
setCurrentWorkspace(newWorkspace);
|
|
10587
10589
|
}
|
|
@@ -10715,7 +10717,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
10715
10717
|
try {
|
|
10716
10718
|
var config = ComponentManager.config(widgetKey);
|
|
10717
10719
|
if (!config) return;
|
|
10718
|
-
var widgetItem = _objectSpread$
|
|
10720
|
+
var widgetItem = _objectSpread$n(_objectSpread$n({}, config), {}, {
|
|
10719
10721
|
component: widgetKey,
|
|
10720
10722
|
key: widgetKey
|
|
10721
10723
|
});
|
|
@@ -10857,7 +10859,8 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
10857
10859
|
onDeleteGridColumn: handleDeleteGridColumn,
|
|
10858
10860
|
onChangeRowHeight: handleChangeRowHeight,
|
|
10859
10861
|
onChangeRowMode: handleChangeRowMode,
|
|
10860
|
-
onMoveWidgetToCell: handleMoveWidgetToCell
|
|
10862
|
+
onMoveWidgetToCell: handleMoveWidgetToCell,
|
|
10863
|
+
onWidgetPopout: onWidgetPopout
|
|
10861
10864
|
}, "layout-drag-".concat(dashboardId)), preview === false && editMode === "all" && /*#__PURE__*/jsx(LayoutDragBuilderEdit, {
|
|
10862
10865
|
dashboardId: dashboardId,
|
|
10863
10866
|
isDraggable: true,
|
|
@@ -10915,7 +10918,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
10915
10918
|
onSelectWidget: function onSelectWidget(widget) {
|
|
10916
10919
|
|
|
10917
10920
|
// Add component property from widget.key
|
|
10918
|
-
var widgetWithComponent = _objectSpread$
|
|
10921
|
+
var widgetWithComponent = _objectSpread$n(_objectSpread$n({}, widget), {}, {
|
|
10919
10922
|
component: widget.key
|
|
10920
10923
|
});
|
|
10921
10924
|
handleClickConfirmAdd(widgetWithComponent, dropdownTarget);
|
|
@@ -10993,7 +10996,9 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
|
|
|
10993
10996
|
_ref$onChangeRowHeigh = _ref.onChangeRowHeight,
|
|
10994
10997
|
onChangeRowHeight = _ref$onChangeRowHeigh === void 0 ? null : _ref$onChangeRowHeigh,
|
|
10995
10998
|
_ref$onChangeRowMode = _ref.onChangeRowMode,
|
|
10996
|
-
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;
|
|
10997
11002
|
return isDraggable === true ? /*#__PURE__*/jsx(DndProvider, {
|
|
10998
11003
|
backend: HTML5Backend,
|
|
10999
11004
|
children: _renderLayout({
|
|
@@ -11024,7 +11029,8 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
|
|
|
11024
11029
|
onAddGridColumn: onAddGridColumn,
|
|
11025
11030
|
onDeleteGridColumn: onDeleteGridColumn,
|
|
11026
11031
|
onChangeRowHeight: onChangeRowHeight,
|
|
11027
|
-
onChangeRowMode: onChangeRowMode
|
|
11032
|
+
onChangeRowMode: onChangeRowMode,
|
|
11033
|
+
onWidgetPopout: onWidgetPopout
|
|
11028
11034
|
})
|
|
11029
11035
|
}, "dnd-provider") : _renderLayout({
|
|
11030
11036
|
dashboardId: dashboardId,
|
|
@@ -11054,7 +11060,8 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
|
|
|
11054
11060
|
onAddGridColumn: onAddGridColumn,
|
|
11055
11061
|
onDeleteGridColumn: onDeleteGridColumn,
|
|
11056
11062
|
onChangeRowHeight: onChangeRowHeight,
|
|
11057
|
-
onChangeRowMode: onChangeRowMode
|
|
11063
|
+
onChangeRowMode: onChangeRowMode,
|
|
11064
|
+
onWidgetPopout: onWidgetPopout
|
|
11058
11065
|
});
|
|
11059
11066
|
};
|
|
11060
11067
|
|
|
@@ -12521,8 +12528,8 @@ var MissingProviderPrompt = function MissingProviderPrompt(_ref) {
|
|
|
12521
12528
|
});
|
|
12522
12529
|
};
|
|
12523
12530
|
|
|
12524
|
-
function ownKeys$
|
|
12525
|
-
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; }
|
|
12526
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)); }
|
|
12527
12534
|
function _isNativeReflectConstruct$4() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$4 = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12528
12535
|
var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
@@ -12577,7 +12584,7 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
|
12577
12584
|
_defineProperty(_this, "handleProviderSelect", function (providerType, providerName, credentials) {
|
|
12578
12585
|
|
|
12579
12586
|
// Update local selected providers state
|
|
12580
|
-
var updatedSelected = _objectSpread$
|
|
12587
|
+
var updatedSelected = _objectSpread$m(_objectSpread$m({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
|
|
12581
12588
|
_this.setState({
|
|
12582
12589
|
selectedProviders: updatedSelected
|
|
12583
12590
|
}, function () {
|
|
@@ -12651,8 +12658,8 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
|
12651
12658
|
}(Component);
|
|
12652
12659
|
_defineProperty(ProviderErrorBoundary, "contextType", ProviderContext);
|
|
12653
12660
|
|
|
12654
|
-
function ownKeys$
|
|
12655
|
-
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; }
|
|
12656
12663
|
var withProviderDetection = function withProviderDetection(Component) {
|
|
12657
12664
|
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
12658
12665
|
_ref$requiredProvider = _ref.requiredProviders,
|
|
@@ -12677,7 +12684,7 @@ var withProviderDetection = function withProviderDetection(Component) {
|
|
|
12677
12684
|
onProviderSelect: onProviderSelect
|
|
12678
12685
|
});
|
|
12679
12686
|
}
|
|
12680
|
-
return /*#__PURE__*/jsx(Component, _objectSpread$
|
|
12687
|
+
return /*#__PURE__*/jsx(Component, _objectSpread$l({}, props));
|
|
12681
12688
|
};
|
|
12682
12689
|
};
|
|
12683
12690
|
|
|
@@ -12891,8 +12898,8 @@ var WidgetHelpers = /*#__PURE__*/function () {
|
|
|
12891
12898
|
}]);
|
|
12892
12899
|
}();
|
|
12893
12900
|
|
|
12894
|
-
function ownKeys$
|
|
12895
|
-
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; }
|
|
12896
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)); }
|
|
12897
12904
|
function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12898
12905
|
var WidgetErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
@@ -13019,7 +13026,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
|
|
|
13019
13026
|
|
|
13020
13027
|
// Build widgetData for WidgetContext — hooks read from this
|
|
13021
13028
|
var uuidString = getUUID(params.uuid);
|
|
13022
|
-
var widgetData = _objectSpread$
|
|
13029
|
+
var widgetData = _objectSpread$k(_objectSpread$k({}, params), {}, {
|
|
13023
13030
|
uuidString: uuidString,
|
|
13024
13031
|
providers: (config === null || config === void 0 ? void 0 : config.providers) || []
|
|
13025
13032
|
});
|
|
@@ -13047,7 +13054,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
|
|
|
13047
13054
|
value: widgetContextValue,
|
|
13048
13055
|
children: /*#__PURE__*/jsx(WidgetErrorBoundary, {
|
|
13049
13056
|
widgetName: component,
|
|
13050
|
-
children: children === null ? /*#__PURE__*/jsx(WidgetComponent, _objectSpread$
|
|
13057
|
+
children: children === null ? /*#__PURE__*/jsx(WidgetComponent, _objectSpread$k(_objectSpread$k(_objectSpread$k({
|
|
13051
13058
|
id: "widget-nokids-".concat(widgetKey),
|
|
13052
13059
|
listen: function listen(listeners, handlers) {
|
|
13053
13060
|
return helpers.listen(listeners, handlers);
|
|
@@ -13060,7 +13067,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
|
|
|
13060
13067
|
backgroundColor: bgColor,
|
|
13061
13068
|
widgetConfig: helpers.config(),
|
|
13062
13069
|
widgetEventNames: helpers.events()
|
|
13063
|
-
}), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsx(WidgetComponent, _objectSpread$
|
|
13070
|
+
}), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsx(WidgetComponent, _objectSpread$k(_objectSpread$k(_objectSpread$k({
|
|
13064
13071
|
listen: function listen(listeners, handlers) {
|
|
13065
13072
|
return helpers.listen(listeners, handlers);
|
|
13066
13073
|
},
|
|
@@ -13242,8 +13249,8 @@ var SIDEBAR_WIDGET_TYPE = "sidebar-widget";
|
|
|
13242
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; } } }; }
|
|
13243
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; } }
|
|
13244
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; }
|
|
13245
|
-
function ownKeys$
|
|
13246
|
-
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; }
|
|
13247
13254
|
var DraggableCellBody = function DraggableCellBody(_ref) {
|
|
13248
13255
|
var cellNumber = _ref.cellNumber,
|
|
13249
13256
|
gridContainerId = _ref.gridContainerId,
|
|
@@ -13378,7 +13385,9 @@ var LayoutGridContainer = /*#__PURE__*/memo(function (_ref3) {
|
|
|
13378
13385
|
_ref3$onMoveWidgetToC = _ref3.onMoveWidgetToCell,
|
|
13379
13386
|
onMoveWidgetToCell = _ref3$onMoveWidgetToC === void 0 ? null : _ref3$onMoveWidgetToC,
|
|
13380
13387
|
_ref3$onDropWidgetFro = _ref3.onDropWidgetFromSidebar,
|
|
13381
|
-
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;
|
|
13382
13391
|
// Get providers from AppContext (not DashboardContext, which has a structural
|
|
13383
13392
|
// issue where providers from AppWrapper don't flow through DashboardWrapper)
|
|
13384
13393
|
var appCtx = useContext(AppContext);
|
|
@@ -13390,7 +13399,7 @@ var LayoutGridContainer = /*#__PURE__*/memo(function (_ref3) {
|
|
|
13390
13399
|
var _ref5 = _slicedToArray(_ref4, 2),
|
|
13391
13400
|
id = _ref5[0],
|
|
13392
13401
|
provider = _ref5[1];
|
|
13393
|
-
return _objectSpread$
|
|
13402
|
+
return _objectSpread$j({
|
|
13394
13403
|
id: id
|
|
13395
13404
|
}, provider);
|
|
13396
13405
|
}) : [];
|
|
@@ -14005,7 +14014,25 @@ var LayoutGridContainer = /*#__PURE__*/memo(function (_ref3) {
|
|
|
14005
14014
|
if (!cellComponent) {
|
|
14006
14015
|
return null;
|
|
14007
14016
|
}
|
|
14008
|
-
|
|
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;
|
|
14009
14036
|
}
|
|
14010
14037
|
|
|
14011
14038
|
// Render empty cell in preview mode
|
|
@@ -14146,7 +14173,7 @@ var LayoutGridContainer = /*#__PURE__*/memo(function (_ref3) {
|
|
|
14146
14173
|
var widgetSpecificSelections = (workspace === null || workspace === void 0 || (_workspace$selectedPr = workspace.selectedProviders) === null || _workspace$selectedPr === void 0 ? void 0 : _workspace$selectedPr[id]) || {};
|
|
14147
14174
|
|
|
14148
14175
|
// Add provider-related props from workspace
|
|
14149
|
-
var itemWithProviders = _objectSpread$
|
|
14176
|
+
var itemWithProviders = _objectSpread$j(_objectSpread$j({}, item), {}, {
|
|
14150
14177
|
selectedProviders: widgetSpecificSelections,
|
|
14151
14178
|
onProviderSelect: onProviderSelect
|
|
14152
14179
|
});
|
|
@@ -14453,7 +14480,9 @@ var _renderLayout = function renderLayout(_ref) {
|
|
|
14453
14480
|
_ref$onMoveWidgetToCe = _ref.onMoveWidgetToCell,
|
|
14454
14481
|
onMoveWidgetToCell = _ref$onMoveWidgetToCe === void 0 ? null : _ref$onMoveWidgetToCe,
|
|
14455
14482
|
_ref$onDropWidgetFrom = _ref.onDropWidgetFromSidebar,
|
|
14456
|
-
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;
|
|
14457
14486
|
try {
|
|
14458
14487
|
// Go through each item in the Workspace Layout to render the items.
|
|
14459
14488
|
|
|
@@ -14520,6 +14549,7 @@ var _renderLayout = function renderLayout(_ref) {
|
|
|
14520
14549
|
onChangeRowMode: onChangeRowMode,
|
|
14521
14550
|
onMoveWidgetToCell: onMoveWidgetToCell,
|
|
14522
14551
|
onDropWidgetFromSidebar: onDropWidgetFromSidebar,
|
|
14552
|
+
onWidgetPopout: onWidgetPopout,
|
|
14523
14553
|
children: id > 0 && _renderLayout({
|
|
14524
14554
|
dashboardId: dashboardId,
|
|
14525
14555
|
item: childLayout,
|
|
@@ -14556,7 +14586,8 @@ var _renderLayout = function renderLayout(_ref) {
|
|
|
14556
14586
|
onChangeRowHeight: onChangeRowHeight,
|
|
14557
14587
|
onChangeRowMode: onChangeRowMode,
|
|
14558
14588
|
onMoveWidgetToCell: onMoveWidgetToCell,
|
|
14559
|
-
onDropWidgetFromSidebar: onDropWidgetFromSidebar
|
|
14589
|
+
onDropWidgetFromSidebar: onDropWidgetFromSidebar,
|
|
14590
|
+
onWidgetPopout: onWidgetPopout
|
|
14560
14591
|
})
|
|
14561
14592
|
}, "grid-container-".concat(uuid, "-").concat(previewMode === true ? "view" : "edit")) : /*#__PURE__*/jsx(LayoutBuilderGridItem, {
|
|
14562
14593
|
uuid: uuid,
|
|
@@ -15647,8 +15678,8 @@ function isWidgetResolvable(componentKey) {
|
|
|
15647
15678
|
// isMinOrderForItem
|
|
15648
15679
|
// }
|
|
15649
15680
|
|
|
15650
|
-
function ownKeys$
|
|
15651
|
-
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; }
|
|
15652
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; } } }; }
|
|
15653
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; } }
|
|
15654
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; }
|
|
@@ -15804,7 +15835,7 @@ var LayoutModel = function LayoutModel(layoutItem, workspaceLayout, dashboardId)
|
|
|
15804
15835
|
|
|
15805
15836
|
// Merge user-entered config values (from EnhancedWidgetDropdown) into userPrefs
|
|
15806
15837
|
if ("userConfigValues" in obj && obj.userConfigValues) {
|
|
15807
|
-
layout.userPrefs = _objectSpread$
|
|
15838
|
+
layout.userPrefs = _objectSpread$i(_objectSpread$i({}, layout.userPrefs), obj.userConfigValues);
|
|
15808
15839
|
}
|
|
15809
15840
|
|
|
15810
15841
|
// Preserve provider selections for this widget
|
|
@@ -16304,8 +16335,8 @@ var MenuItemModel = function MenuItemModel() {
|
|
|
16304
16335
|
return m;
|
|
16305
16336
|
};
|
|
16306
16337
|
|
|
16307
|
-
function ownKeys$
|
|
16308
|
-
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; }
|
|
16309
16340
|
/**
|
|
16310
16341
|
* A Model for a Workspace (Dashboard)
|
|
16311
16342
|
* The Dashboard in this instance is the entire Layout inclusive of the workspaces and widgets
|
|
@@ -17569,7 +17600,7 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
17569
17600
|
visibleCells.push({
|
|
17570
17601
|
row: r,
|
|
17571
17602
|
col: c,
|
|
17572
|
-
data: _objectSpread$
|
|
17603
|
+
data: _objectSpread$h({}, cell),
|
|
17573
17604
|
spanCol: ((_cell$span = cell.span) === null || _cell$span === void 0 ? void 0 : _cell$span.col) || 1,
|
|
17574
17605
|
spanRow: ((_cell$span2 = cell.span) === null || _cell$span2 === void 0 ? void 0 : _cell$span2.row) || 1
|
|
17575
17606
|
});
|
|
@@ -17591,7 +17622,7 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
17591
17622
|
var vc = _visibleCells[_i5];
|
|
17592
17623
|
var newCol = (vc.col - 1) * count + 1;
|
|
17593
17624
|
var _key7 = "".concat(vc.row, ".").concat(newCol);
|
|
17594
|
-
grid[_key7] = _objectSpread$
|
|
17625
|
+
grid[_key7] = _objectSpread$h(_objectSpread$h({}, vc.data), {}, {
|
|
17595
17626
|
hide: false,
|
|
17596
17627
|
span: {
|
|
17597
17628
|
row: vc.spanRow,
|
|
@@ -17666,7 +17697,7 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
17666
17697
|
_visibleCells2.push({
|
|
17667
17698
|
row: _r1,
|
|
17668
17699
|
col: _c10,
|
|
17669
|
-
data: _objectSpread$
|
|
17700
|
+
data: _objectSpread$h({}, _cell6),
|
|
17670
17701
|
spanRow: ((_cell6$span = _cell6.span) === null || _cell6$span === void 0 ? void 0 : _cell6$span.row) || 1,
|
|
17671
17702
|
spanCol: ((_cell6$span2 = _cell6.span) === null || _cell6$span2 === void 0 ? void 0 : _cell6$span2.col) || 1
|
|
17672
17703
|
});
|
|
@@ -17688,7 +17719,7 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
17688
17719
|
var _vc = _visibleCells3[_i9];
|
|
17689
17720
|
var newRow = (_vc.row - 1) * count + 1;
|
|
17690
17721
|
var _key10 = "".concat(newRow, ".").concat(_vc.col);
|
|
17691
|
-
grid[_key10] = _objectSpread$
|
|
17722
|
+
grid[_key10] = _objectSpread$h(_objectSpread$h({}, _vc.data), {}, {
|
|
17692
17723
|
hide: false,
|
|
17693
17724
|
span: {
|
|
17694
17725
|
row: _vc.spanRow * count,
|
|
@@ -18771,8 +18802,8 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
|
18771
18802
|
}]);
|
|
18772
18803
|
}(React__default.Component);
|
|
18773
18804
|
|
|
18774
|
-
function ownKeys$
|
|
18775
|
-
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; }
|
|
18776
18807
|
|
|
18777
18808
|
/**
|
|
18778
18809
|
* useDashboard Hook
|
|
@@ -18828,7 +18859,7 @@ var useDashboard = function useDashboard() {
|
|
|
18828
18859
|
}
|
|
18829
18860
|
});
|
|
18830
18861
|
}
|
|
18831
|
-
return _objectSpread$
|
|
18862
|
+
return _objectSpread$g({
|
|
18832
18863
|
app: app,
|
|
18833
18864
|
dashboard: dashboard,
|
|
18834
18865
|
theme: theme
|
|
@@ -19502,8 +19533,8 @@ function useProviderClient(provider) {
|
|
|
19502
19533
|
};
|
|
19503
19534
|
}
|
|
19504
19535
|
|
|
19505
|
-
function ownKeys$
|
|
19506
|
-
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; }
|
|
19507
19538
|
var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
19508
19539
|
var theme = _ref.theme,
|
|
19509
19540
|
themeVariant = _ref.themeVariant,
|
|
@@ -19552,13 +19583,13 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19552
19583
|
className: "flex flex-col space-y-4 p-4",
|
|
19553
19584
|
children: [/*#__PURE__*/jsxs("div", {
|
|
19554
19585
|
className: "flex flex-row bg-gray-900 p-4 space-x-4 rounded justify-between",
|
|
19555
|
-
children: [/*#__PURE__*/jsxs(Panel, _objectSpread$
|
|
19586
|
+
children: [/*#__PURE__*/jsxs(Panel, _objectSpread$f(_objectSpread$f({}, styles), {}, {
|
|
19556
19587
|
scrollable: false,
|
|
19557
19588
|
className: "rounded",
|
|
19558
19589
|
children: [/*#__PURE__*/jsx(Panel.Header, {
|
|
19559
19590
|
className: "text-xs uppercase font-bold",
|
|
19560
19591
|
children: "Panel"
|
|
19561
|
-
}), /*#__PURE__*/jsx(Panel.Body, _objectSpread$
|
|
19592
|
+
}), /*#__PURE__*/jsx(Panel.Body, _objectSpread$f(_objectSpread$f({}, styles), {}, {
|
|
19562
19593
|
onClick: function onClick() {
|
|
19563
19594
|
handleClickItem(themeObjects.PANEL, styles);
|
|
19564
19595
|
}
|
|
@@ -19566,14 +19597,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19566
19597
|
className: "text-xs uppercase font-light",
|
|
19567
19598
|
children: getCSSStyleForClassname("backgroundColor", themeObjects.PANEL)
|
|
19568
19599
|
})]
|
|
19569
|
-
})), /*#__PURE__*/jsxs(Panel2, _objectSpread$
|
|
19600
|
+
})), /*#__PURE__*/jsxs(Panel2, _objectSpread$f(_objectSpread$f({
|
|
19570
19601
|
className: "rounded"
|
|
19571
19602
|
}, styles2), {}, {
|
|
19572
19603
|
scrollable: false,
|
|
19573
19604
|
children: [/*#__PURE__*/jsx(Panel2.Header, {
|
|
19574
19605
|
className: "text-xs uppercase font-bold",
|
|
19575
19606
|
children: "Panel 2"
|
|
19576
|
-
}), /*#__PURE__*/jsx(Panel2.Body, _objectSpread$
|
|
19607
|
+
}), /*#__PURE__*/jsx(Panel2.Body, _objectSpread$f(_objectSpread$f({}, styles2), {}, {
|
|
19577
19608
|
onClick: function onClick() {
|
|
19578
19609
|
handleClickItem(themeObjects.PANEL_2, styles2);
|
|
19579
19610
|
}
|
|
@@ -19581,14 +19612,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19581
19612
|
className: "text-xs uppercase font-light",
|
|
19582
19613
|
children: getCSSStyleForClassname("backgroundColor", themeObjects.PANEL_2)
|
|
19583
19614
|
})]
|
|
19584
|
-
})), /*#__PURE__*/jsxs(Panel3, _objectSpread$
|
|
19615
|
+
})), /*#__PURE__*/jsxs(Panel3, _objectSpread$f(_objectSpread$f({
|
|
19585
19616
|
className: "rounded"
|
|
19586
19617
|
}, styles3), {}, {
|
|
19587
19618
|
scrollable: false,
|
|
19588
19619
|
children: [/*#__PURE__*/jsx(Panel3.Header, {
|
|
19589
19620
|
className: "text-xs uppercase font-bold",
|
|
19590
19621
|
children: "Panel 3"
|
|
19591
|
-
}), /*#__PURE__*/jsx(Panel3.Body, _objectSpread$
|
|
19622
|
+
}), /*#__PURE__*/jsx(Panel3.Body, _objectSpread$f(_objectSpread$f({}, styles3), {}, {
|
|
19592
19623
|
onClick: function onClick() {
|
|
19593
19624
|
handleClickItem(themeObjects.PANEL_3, styles3);
|
|
19594
19625
|
}
|
|
@@ -19597,68 +19628,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19597
19628
|
children: getCSSStyleForClassname("backgroundColor", themeObjects.PANEL_3)
|
|
19598
19629
|
})]
|
|
19599
19630
|
}))]
|
|
19600
|
-
}), /*#__PURE__*/jsxs(Panel, _objectSpread$
|
|
19631
|
+
}), /*#__PURE__*/jsxs(Panel, _objectSpread$f(_objectSpread$f({
|
|
19601
19632
|
className: "p-6 rounded border-4 space-y-4",
|
|
19602
19633
|
scrollable: false,
|
|
19603
19634
|
height: "h-fit"
|
|
19604
19635
|
}, styles), {}, {
|
|
19605
|
-
children: [/*#__PURE__*/jsx(Heading, _objectSpread$
|
|
19636
|
+
children: [/*#__PURE__*/jsx(Heading, _objectSpread$f(_objectSpread$f({
|
|
19606
19637
|
title: "Heading"
|
|
19607
19638
|
}, headingStyles), {}, {
|
|
19608
19639
|
padding: false,
|
|
19609
19640
|
onClick: function onClick() {
|
|
19610
19641
|
return handleClickItem(themeObjects.HEADING, headingStyles);
|
|
19611
19642
|
}
|
|
19612
|
-
})), /*#__PURE__*/jsx(Heading2, _objectSpread$
|
|
19643
|
+
})), /*#__PURE__*/jsx(Heading2, _objectSpread$f(_objectSpread$f({
|
|
19613
19644
|
title: "Heading 2"
|
|
19614
19645
|
}, heading2Styles), {}, {
|
|
19615
19646
|
padding: false,
|
|
19616
19647
|
onClick: function onClick() {
|
|
19617
19648
|
return handleClickItem(themeObjects.HEADING_2, heading2Styles);
|
|
19618
19649
|
}
|
|
19619
|
-
})), /*#__PURE__*/jsx(Heading3, _objectSpread$
|
|
19650
|
+
})), /*#__PURE__*/jsx(Heading3, _objectSpread$f(_objectSpread$f({
|
|
19620
19651
|
title: "Heading 3"
|
|
19621
19652
|
}, heading3Styles), {}, {
|
|
19622
19653
|
padding: false,
|
|
19623
19654
|
onClick: function onClick() {
|
|
19624
19655
|
return handleClickItem(themeObjects.HEADING_3, heading3Styles);
|
|
19625
19656
|
}
|
|
19626
|
-
})), /*#__PURE__*/jsx(SubHeading, _objectSpread$
|
|
19657
|
+
})), /*#__PURE__*/jsx(SubHeading, _objectSpread$f(_objectSpread$f({
|
|
19627
19658
|
title: "Subheading"
|
|
19628
19659
|
}, subHeadingStyles), {}, {
|
|
19629
19660
|
padding: false,
|
|
19630
19661
|
onClick: function onClick() {
|
|
19631
19662
|
return handleClickItem(themeObjects.SUBHEADING, subHeadingStyles);
|
|
19632
19663
|
}
|
|
19633
|
-
})), /*#__PURE__*/jsx(SubHeading2, _objectSpread$
|
|
19664
|
+
})), /*#__PURE__*/jsx(SubHeading2, _objectSpread$f(_objectSpread$f({
|
|
19634
19665
|
title: "Subheading 2"
|
|
19635
19666
|
}, subHeading2Styles), {}, {
|
|
19636
19667
|
padding: false,
|
|
19637
19668
|
onClick: function onClick() {
|
|
19638
19669
|
return handleClickItem(themeObjects.SUBHEADING_2, subHeading2Styles);
|
|
19639
19670
|
}
|
|
19640
|
-
})), /*#__PURE__*/jsx(SubHeading3, _objectSpread$
|
|
19671
|
+
})), /*#__PURE__*/jsx(SubHeading3, _objectSpread$f(_objectSpread$f({
|
|
19641
19672
|
title: "Subheading"
|
|
19642
19673
|
}, subHeading3Styles), {}, {
|
|
19643
19674
|
padding: false,
|
|
19644
19675
|
onClick: function onClick() {
|
|
19645
19676
|
return handleClickItem(themeObjects.SUBHEADING_3, subHeading3Styles);
|
|
19646
19677
|
}
|
|
19647
|
-
})), /*#__PURE__*/jsx(Paragraph, _objectSpread$
|
|
19678
|
+
})), /*#__PURE__*/jsx(Paragraph, _objectSpread$f(_objectSpread$f({
|
|
19648
19679
|
text: "The quick brown fox jumps over the lazy dog."
|
|
19649
19680
|
}, paragraphStyles), {}, {
|
|
19650
19681
|
padding: false,
|
|
19651
19682
|
onClick: function onClick() {
|
|
19652
19683
|
return handleClickItem(themeObjects.PARAGRAPH, paragraphStyles);
|
|
19653
19684
|
}
|
|
19654
|
-
})), /*#__PURE__*/jsx(Paragraph2, _objectSpread$
|
|
19685
|
+
})), /*#__PURE__*/jsx(Paragraph2, _objectSpread$f(_objectSpread$f({
|
|
19655
19686
|
text: "The quick brown fox jumps over the lazy dog."
|
|
19656
19687
|
}, paragraph2Styles), {}, {
|
|
19657
19688
|
padding: false,
|
|
19658
19689
|
onClick: function onClick() {
|
|
19659
19690
|
return handleClickItem(themeObjects.PARAGRAPH_2, paragraph2Styles);
|
|
19660
19691
|
}
|
|
19661
|
-
})), /*#__PURE__*/jsx(Paragraph3, _objectSpread$
|
|
19692
|
+
})), /*#__PURE__*/jsx(Paragraph3, _objectSpread$f(_objectSpread$f({
|
|
19662
19693
|
text: "The quick brown fox jumps over the lazy dog."
|
|
19663
19694
|
}, paragraph3Styles), {}, {
|
|
19664
19695
|
padding: false,
|
|
@@ -19667,19 +19698,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19667
19698
|
}
|
|
19668
19699
|
})), /*#__PURE__*/jsxs("div", {
|
|
19669
19700
|
className: "flex flex-row space-x-2 w-full",
|
|
19670
|
-
children: [/*#__PURE__*/jsx(Button, _objectSpread$
|
|
19701
|
+
children: [/*#__PURE__*/jsx(Button, _objectSpread$f(_objectSpread$f({
|
|
19671
19702
|
title: "Button"
|
|
19672
19703
|
}, buttonStyles), {}, {
|
|
19673
19704
|
onClick: function onClick() {
|
|
19674
19705
|
return handleClickItem(themeObjects.BUTTON, buttonStyles);
|
|
19675
19706
|
}
|
|
19676
|
-
})), /*#__PURE__*/jsx(Button2, _objectSpread$
|
|
19707
|
+
})), /*#__PURE__*/jsx(Button2, _objectSpread$f(_objectSpread$f({
|
|
19677
19708
|
title: "Button 2"
|
|
19678
19709
|
}, button2Styles), {}, {
|
|
19679
19710
|
onClick: function onClick() {
|
|
19680
19711
|
return handleClickItem(themeObjects.BUTTON_2, button2Styles);
|
|
19681
19712
|
}
|
|
19682
|
-
})), /*#__PURE__*/jsx(Button3, _objectSpread$
|
|
19713
|
+
})), /*#__PURE__*/jsx(Button3, _objectSpread$f(_objectSpread$f({
|
|
19683
19714
|
title: "Button 3"
|
|
19684
19715
|
}, button3Styles), {}, {
|
|
19685
19716
|
onClick: function onClick() {
|
|
@@ -19690,14 +19721,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19690
19721
|
className: "flex flex-row space-x-4 w-full h-fit",
|
|
19691
19722
|
children: [/*#__PURE__*/jsxs("div", {
|
|
19692
19723
|
className: "flex flex-row space-x-2",
|
|
19693
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19724
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19694
19725
|
text: "Button Icon",
|
|
19695
19726
|
icon: "pencil"
|
|
19696
19727
|
}, buttonIconStyles), {}, {
|
|
19697
19728
|
onClick: function onClick() {
|
|
19698
19729
|
return handleClickItem(themeObjects.BUTTON_ICON, buttonIconStyles);
|
|
19699
19730
|
}
|
|
19700
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19731
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19701
19732
|
icon: "pencil"
|
|
19702
19733
|
}, buttonIconStyles), {}, {
|
|
19703
19734
|
onClick: function onClick() {
|
|
@@ -19706,14 +19737,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19706
19737
|
}))]
|
|
19707
19738
|
}), /*#__PURE__*/jsxs("div", {
|
|
19708
19739
|
className: "flex flex-row space-x-2",
|
|
19709
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19740
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19710
19741
|
text: "Button Icon 2",
|
|
19711
19742
|
icon: "pencil"
|
|
19712
19743
|
}, buttonIconStyles), {}, {
|
|
19713
19744
|
onClick: function onClick() {
|
|
19714
19745
|
return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
|
|
19715
19746
|
}
|
|
19716
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19747
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19717
19748
|
icon: "pencil"
|
|
19718
19749
|
}, buttonIconStyles), {}, {
|
|
19719
19750
|
onClick: function onClick() {
|
|
@@ -19722,14 +19753,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19722
19753
|
}))]
|
|
19723
19754
|
}), /*#__PURE__*/jsxs("div", {
|
|
19724
19755
|
className: "flex flex-row space-x-2",
|
|
19725
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19756
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19726
19757
|
text: "Button Icon 3",
|
|
19727
19758
|
icon: "pencil"
|
|
19728
19759
|
}, buttonIcon3Styles), {}, {
|
|
19729
19760
|
onClick: function onClick() {
|
|
19730
19761
|
return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
|
|
19731
19762
|
}
|
|
19732
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19763
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19733
19764
|
icon: "pencil"
|
|
19734
19765
|
}, buttonIcon3Styles), {}, {
|
|
19735
19766
|
onClick: function onClick() {
|
|
@@ -19739,17 +19770,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19739
19770
|
})]
|
|
19740
19771
|
}), /*#__PURE__*/jsxs("div", {
|
|
19741
19772
|
className: "flex flex-col space-y-2 w-full",
|
|
19742
|
-
children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$
|
|
19773
|
+
children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$f(_objectSpread$f({}, menuItemStyles), {}, {
|
|
19743
19774
|
onClick: function onClick() {
|
|
19744
19775
|
return handleClickItem(themeObjects.MENU_ITEM, menuItemStyles);
|
|
19745
19776
|
},
|
|
19746
19777
|
children: "Menu Item"
|
|
19747
|
-
})), /*#__PURE__*/jsx(MenuItem2, _objectSpread$
|
|
19778
|
+
})), /*#__PURE__*/jsx(MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
|
|
19748
19779
|
onClick: function onClick() {
|
|
19749
19780
|
return handleClickItem(themeObjects.MENU_ITEM_2, menuItem2Styles);
|
|
19750
19781
|
},
|
|
19751
19782
|
children: "Menu Item 2"
|
|
19752
|
-
})), /*#__PURE__*/jsx(MenuItem3, _objectSpread$
|
|
19783
|
+
})), /*#__PURE__*/jsx(MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
|
|
19753
19784
|
onClick: function onClick() {
|
|
19754
19785
|
return handleClickItem(themeObjects.MENU_ITEM_3, menuItem3Styles);
|
|
19755
19786
|
},
|
|
@@ -19757,21 +19788,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19757
19788
|
}))]
|
|
19758
19789
|
}), /*#__PURE__*/jsxs("div", {
|
|
19759
19790
|
className: "flex flex-row space-x-2 w-full",
|
|
19760
|
-
children: [/*#__PURE__*/jsx(Tag, _objectSpread$
|
|
19791
|
+
children: [/*#__PURE__*/jsx(Tag, _objectSpread$f(_objectSpread$f({
|
|
19761
19792
|
text: "Tag",
|
|
19762
19793
|
icon: "pencil"
|
|
19763
19794
|
}, tagStyles), {}, {
|
|
19764
19795
|
onClick: function onClick() {
|
|
19765
19796
|
return handleClickItem(themeObjects.TAG, tagStyles);
|
|
19766
19797
|
}
|
|
19767
|
-
})), /*#__PURE__*/jsx(Tag2, _objectSpread$
|
|
19798
|
+
})), /*#__PURE__*/jsx(Tag2, _objectSpread$f(_objectSpread$f({
|
|
19768
19799
|
text: "Tag 2",
|
|
19769
19800
|
icon: "pencil"
|
|
19770
19801
|
}, tag2Styles), {}, {
|
|
19771
19802
|
onClick: function onClick() {
|
|
19772
19803
|
return handleClickItem(themeObjects.TAG_2, tag2Styles);
|
|
19773
19804
|
}
|
|
19774
|
-
})), /*#__PURE__*/jsx(Tag3, _objectSpread$
|
|
19805
|
+
})), /*#__PURE__*/jsx(Tag3, _objectSpread$f(_objectSpread$f({
|
|
19775
19806
|
text: "Tag 3",
|
|
19776
19807
|
icon: "pencil"
|
|
19777
19808
|
}, tag3Styles), {}, {
|
|
@@ -19780,67 +19811,67 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19780
19811
|
}
|
|
19781
19812
|
}))]
|
|
19782
19813
|
})]
|
|
19783
|
-
})), /*#__PURE__*/jsxs(Panel2, _objectSpread$
|
|
19814
|
+
})), /*#__PURE__*/jsxs(Panel2, _objectSpread$f(_objectSpread$f({
|
|
19784
19815
|
className: "p-6 rounded border-4 space-y-4",
|
|
19785
19816
|
height: "h-fit"
|
|
19786
19817
|
}, styles2), {}, {
|
|
19787
|
-
children: [/*#__PURE__*/jsx(Heading, _objectSpread$
|
|
19818
|
+
children: [/*#__PURE__*/jsx(Heading, _objectSpread$f(_objectSpread$f({
|
|
19788
19819
|
title: "Heading"
|
|
19789
19820
|
}, headingStyles), {}, {
|
|
19790
19821
|
padding: false,
|
|
19791
19822
|
onClick: function onClick() {
|
|
19792
19823
|
return handleClickItem(themeObjects.HEADING, headingStyles);
|
|
19793
19824
|
}
|
|
19794
|
-
})), /*#__PURE__*/jsx(Heading2, _objectSpread$
|
|
19825
|
+
})), /*#__PURE__*/jsx(Heading2, _objectSpread$f(_objectSpread$f({
|
|
19795
19826
|
title: "Heading 2"
|
|
19796
19827
|
}, heading2Styles), {}, {
|
|
19797
19828
|
padding: false,
|
|
19798
19829
|
onClick: function onClick() {
|
|
19799
19830
|
return handleClickItem(themeObjects.HEADING_2, heading2Styles);
|
|
19800
19831
|
}
|
|
19801
|
-
})), /*#__PURE__*/jsx(Heading3, _objectSpread$
|
|
19832
|
+
})), /*#__PURE__*/jsx(Heading3, _objectSpread$f(_objectSpread$f({
|
|
19802
19833
|
title: "Heading 3"
|
|
19803
19834
|
}, heading3Styles), {}, {
|
|
19804
19835
|
padding: false,
|
|
19805
19836
|
onClick: function onClick() {
|
|
19806
19837
|
return handleClickItem(themeObjects.HEADING_3, heading3Styles);
|
|
19807
19838
|
}
|
|
19808
|
-
})), /*#__PURE__*/jsx(SubHeading, _objectSpread$
|
|
19839
|
+
})), /*#__PURE__*/jsx(SubHeading, _objectSpread$f(_objectSpread$f({
|
|
19809
19840
|
title: "Subheading"
|
|
19810
19841
|
}, subHeadingStyles), {}, {
|
|
19811
19842
|
padding: false,
|
|
19812
19843
|
onClick: function onClick() {
|
|
19813
19844
|
return handleClickItem(themeObjects.SUBHEADING, subHeadingStyles);
|
|
19814
19845
|
}
|
|
19815
|
-
})), /*#__PURE__*/jsx(SubHeading2, _objectSpread$
|
|
19846
|
+
})), /*#__PURE__*/jsx(SubHeading2, _objectSpread$f(_objectSpread$f({
|
|
19816
19847
|
title: "Subheading 2"
|
|
19817
19848
|
}, subHeading2Styles), {}, {
|
|
19818
19849
|
padding: false,
|
|
19819
19850
|
onClick: function onClick() {
|
|
19820
19851
|
return handleClickItem(themeObjects.SUBHEADING_2, subHeading2Styles);
|
|
19821
19852
|
}
|
|
19822
|
-
})), /*#__PURE__*/jsx(SubHeading3, _objectSpread$
|
|
19853
|
+
})), /*#__PURE__*/jsx(SubHeading3, _objectSpread$f(_objectSpread$f({
|
|
19823
19854
|
title: "Subheading"
|
|
19824
19855
|
}, subHeading3Styles), {}, {
|
|
19825
19856
|
padding: false,
|
|
19826
19857
|
onClick: function onClick() {
|
|
19827
19858
|
return handleClickItem(themeObjects.SUBHEADING_3, subHeading3Styles);
|
|
19828
19859
|
}
|
|
19829
|
-
})), /*#__PURE__*/jsx(Paragraph, _objectSpread$
|
|
19860
|
+
})), /*#__PURE__*/jsx(Paragraph, _objectSpread$f(_objectSpread$f({
|
|
19830
19861
|
text: "The quick brown fox jumps over the lazy dog."
|
|
19831
19862
|
}, paragraphStyles), {}, {
|
|
19832
19863
|
padding: false,
|
|
19833
19864
|
onClick: function onClick() {
|
|
19834
19865
|
return handleClickItem(themeObjects.PARAGRAPH, paragraphStyles);
|
|
19835
19866
|
}
|
|
19836
|
-
})), /*#__PURE__*/jsx(Paragraph2, _objectSpread$
|
|
19867
|
+
})), /*#__PURE__*/jsx(Paragraph2, _objectSpread$f(_objectSpread$f({
|
|
19837
19868
|
text: "The quick brown fox jumps over the lazy dog."
|
|
19838
19869
|
}, paragraph2Styles), {}, {
|
|
19839
19870
|
padding: false,
|
|
19840
19871
|
onClick: function onClick() {
|
|
19841
19872
|
return handleClickItem(themeObjects.PARAGRAPH_2, paragraph2Styles);
|
|
19842
19873
|
}
|
|
19843
|
-
})), /*#__PURE__*/jsx(Paragraph3, _objectSpread$
|
|
19874
|
+
})), /*#__PURE__*/jsx(Paragraph3, _objectSpread$f(_objectSpread$f({
|
|
19844
19875
|
text: "The quick brown fox jumps over the lazy dog."
|
|
19845
19876
|
}, paragraph3Styles), {}, {
|
|
19846
19877
|
padding: false,
|
|
@@ -19849,19 +19880,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19849
19880
|
}
|
|
19850
19881
|
})), /*#__PURE__*/jsxs("div", {
|
|
19851
19882
|
className: "flex flex-row space-x-2 w-full",
|
|
19852
|
-
children: [/*#__PURE__*/jsx(Button, _objectSpread$
|
|
19883
|
+
children: [/*#__PURE__*/jsx(Button, _objectSpread$f(_objectSpread$f({
|
|
19853
19884
|
title: "Button"
|
|
19854
19885
|
}, buttonStyles), {}, {
|
|
19855
19886
|
onClick: function onClick() {
|
|
19856
19887
|
return handleClickItem(themeObjects.BUTTON, buttonStyles);
|
|
19857
19888
|
}
|
|
19858
|
-
})), /*#__PURE__*/jsx(Button2, _objectSpread$
|
|
19889
|
+
})), /*#__PURE__*/jsx(Button2, _objectSpread$f(_objectSpread$f({
|
|
19859
19890
|
title: "Button 2"
|
|
19860
19891
|
}, button2Styles), {}, {
|
|
19861
19892
|
onClick: function onClick() {
|
|
19862
19893
|
return handleClickItem(themeObjects.BUTTON_2, button2Styles);
|
|
19863
19894
|
}
|
|
19864
|
-
})), /*#__PURE__*/jsx(Button3, _objectSpread$
|
|
19895
|
+
})), /*#__PURE__*/jsx(Button3, _objectSpread$f(_objectSpread$f({
|
|
19865
19896
|
title: "Button 3"
|
|
19866
19897
|
}, button3Styles), {}, {
|
|
19867
19898
|
onClick: function onClick() {
|
|
@@ -19872,14 +19903,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19872
19903
|
className: "flex flex-row space-x-4 w-full",
|
|
19873
19904
|
children: [/*#__PURE__*/jsxs("div", {
|
|
19874
19905
|
className: "flex flex-row space-x-2",
|
|
19875
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19906
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19876
19907
|
text: "Button Icon",
|
|
19877
19908
|
icon: "pencil"
|
|
19878
19909
|
}, buttonIconStyles), {}, {
|
|
19879
19910
|
onClick: function onClick() {
|
|
19880
19911
|
return handleClickItem(themeObjects.BUTTON_ICON, buttonIconStyles);
|
|
19881
19912
|
}
|
|
19882
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19913
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19883
19914
|
icon: "pencil"
|
|
19884
19915
|
}, buttonIconStyles), {}, {
|
|
19885
19916
|
onClick: function onClick() {
|
|
@@ -19888,14 +19919,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19888
19919
|
}))]
|
|
19889
19920
|
}), /*#__PURE__*/jsxs("div", {
|
|
19890
19921
|
className: "flex flex-row space-x-2",
|
|
19891
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19922
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19892
19923
|
text: "Button Icon 2",
|
|
19893
19924
|
icon: "pencil"
|
|
19894
19925
|
}, buttonIconStyles), {}, {
|
|
19895
19926
|
onClick: function onClick() {
|
|
19896
19927
|
return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
|
|
19897
19928
|
}
|
|
19898
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19929
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19899
19930
|
icon: "pencil"
|
|
19900
19931
|
}, buttonIconStyles), {}, {
|
|
19901
19932
|
onClick: function onClick() {
|
|
@@ -19904,14 +19935,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19904
19935
|
}))]
|
|
19905
19936
|
}), /*#__PURE__*/jsxs("div", {
|
|
19906
19937
|
className: "flex flex-row space-x-2",
|
|
19907
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19938
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19908
19939
|
text: "Button Icon 3",
|
|
19909
19940
|
icon: "pencil"
|
|
19910
19941
|
}, buttonIcon3Styles), {}, {
|
|
19911
19942
|
onClick: function onClick() {
|
|
19912
19943
|
return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
|
|
19913
19944
|
}
|
|
19914
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
19945
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
19915
19946
|
icon: "pencil"
|
|
19916
19947
|
}, buttonIcon3Styles), {}, {
|
|
19917
19948
|
onClick: function onClick() {
|
|
@@ -19921,17 +19952,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19921
19952
|
})]
|
|
19922
19953
|
}), /*#__PURE__*/jsxs("div", {
|
|
19923
19954
|
className: "flex flex-col space-y-2 w-full",
|
|
19924
|
-
children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$
|
|
19955
|
+
children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$f(_objectSpread$f({}, menuItemStyles), {}, {
|
|
19925
19956
|
onClick: function onClick() {
|
|
19926
19957
|
return handleClickItem(themeObjects.MENU_ITEM, menuItemStyles);
|
|
19927
19958
|
},
|
|
19928
19959
|
children: "Menu Item"
|
|
19929
|
-
})), /*#__PURE__*/jsx(MenuItem2, _objectSpread$
|
|
19960
|
+
})), /*#__PURE__*/jsx(MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
|
|
19930
19961
|
onClick: function onClick() {
|
|
19931
19962
|
return handleClickItem(themeObjects.MENU_ITEM_2, menuItem2Styles);
|
|
19932
19963
|
},
|
|
19933
19964
|
children: "Menu Item 2"
|
|
19934
|
-
})), /*#__PURE__*/jsx(MenuItem3, _objectSpread$
|
|
19965
|
+
})), /*#__PURE__*/jsx(MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
|
|
19935
19966
|
onClick: function onClick() {
|
|
19936
19967
|
return handleClickItem(themeObjects.MENU_ITEM_3, menuItem3Styles);
|
|
19937
19968
|
},
|
|
@@ -19939,21 +19970,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19939
19970
|
}))]
|
|
19940
19971
|
}), /*#__PURE__*/jsxs("div", {
|
|
19941
19972
|
className: "flex flex-row space-x-2 w-full",
|
|
19942
|
-
children: [/*#__PURE__*/jsx(Tag, _objectSpread$
|
|
19973
|
+
children: [/*#__PURE__*/jsx(Tag, _objectSpread$f(_objectSpread$f({
|
|
19943
19974
|
text: "Tag",
|
|
19944
19975
|
icon: "pencil"
|
|
19945
19976
|
}, tagStyles), {}, {
|
|
19946
19977
|
onClick: function onClick() {
|
|
19947
19978
|
return handleClickItem(themeObjects.TAG, tagStyles);
|
|
19948
19979
|
}
|
|
19949
|
-
})), /*#__PURE__*/jsx(Tag2, _objectSpread$
|
|
19980
|
+
})), /*#__PURE__*/jsx(Tag2, _objectSpread$f(_objectSpread$f({
|
|
19950
19981
|
text: "Tag 2",
|
|
19951
19982
|
icon: "pencil"
|
|
19952
19983
|
}, tag2Styles), {}, {
|
|
19953
19984
|
onClick: function onClick() {
|
|
19954
19985
|
return handleClickItem(themeObjects.TAG_2, tag2Styles);
|
|
19955
19986
|
}
|
|
19956
|
-
})), /*#__PURE__*/jsx(Tag3, _objectSpread$
|
|
19987
|
+
})), /*#__PURE__*/jsx(Tag3, _objectSpread$f(_objectSpread$f({
|
|
19957
19988
|
text: "Tag 3",
|
|
19958
19989
|
icon: "pencil"
|
|
19959
19990
|
}, tag3Styles), {}, {
|
|
@@ -19962,68 +19993,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
19962
19993
|
}
|
|
19963
19994
|
}))]
|
|
19964
19995
|
})]
|
|
19965
|
-
})), /*#__PURE__*/jsxs(Panel3, _objectSpread$
|
|
19996
|
+
})), /*#__PURE__*/jsxs(Panel3, _objectSpread$f(_objectSpread$f({
|
|
19966
19997
|
className: "p-6 rounded border-4 space-y-4"
|
|
19967
19998
|
}, styles3), {}, {
|
|
19968
19999
|
padding: false,
|
|
19969
20000
|
height: "h-fit",
|
|
19970
|
-
children: [/*#__PURE__*/jsx(Heading, _objectSpread$
|
|
20001
|
+
children: [/*#__PURE__*/jsx(Heading, _objectSpread$f(_objectSpread$f({
|
|
19971
20002
|
title: "Heading"
|
|
19972
20003
|
}, headingStyles), {}, {
|
|
19973
20004
|
padding: false,
|
|
19974
20005
|
onClick: function onClick() {
|
|
19975
20006
|
return handleClickItem(themeObjects.HEADING, headingStyles);
|
|
19976
20007
|
}
|
|
19977
|
-
})), /*#__PURE__*/jsx(Heading2, _objectSpread$
|
|
20008
|
+
})), /*#__PURE__*/jsx(Heading2, _objectSpread$f(_objectSpread$f({
|
|
19978
20009
|
title: "Heading 2"
|
|
19979
20010
|
}, heading2Styles), {}, {
|
|
19980
20011
|
padding: false,
|
|
19981
20012
|
onClick: function onClick() {
|
|
19982
20013
|
return handleClickItem(themeObjects.HEADING_2, heading2Styles);
|
|
19983
20014
|
}
|
|
19984
|
-
})), /*#__PURE__*/jsx(Heading3, _objectSpread$
|
|
20015
|
+
})), /*#__PURE__*/jsx(Heading3, _objectSpread$f(_objectSpread$f({
|
|
19985
20016
|
title: "Heading 3"
|
|
19986
20017
|
}, heading3Styles), {}, {
|
|
19987
20018
|
padding: false,
|
|
19988
20019
|
onClick: function onClick() {
|
|
19989
20020
|
return handleClickItem(themeObjects.HEADING_3, heading3Styles);
|
|
19990
20021
|
}
|
|
19991
|
-
})), /*#__PURE__*/jsx(SubHeading, _objectSpread$
|
|
20022
|
+
})), /*#__PURE__*/jsx(SubHeading, _objectSpread$f(_objectSpread$f({
|
|
19992
20023
|
title: "Subheading"
|
|
19993
20024
|
}, subHeadingStyles), {}, {
|
|
19994
20025
|
padding: false,
|
|
19995
20026
|
onClick: function onClick() {
|
|
19996
20027
|
return handleClickItem(themeObjects.SUBHEADING, subHeadingStyles);
|
|
19997
20028
|
}
|
|
19998
|
-
})), /*#__PURE__*/jsx(SubHeading2, _objectSpread$
|
|
20029
|
+
})), /*#__PURE__*/jsx(SubHeading2, _objectSpread$f(_objectSpread$f({
|
|
19999
20030
|
title: "Subheading 2"
|
|
20000
20031
|
}, subHeading2Styles), {}, {
|
|
20001
20032
|
padding: false,
|
|
20002
20033
|
onClick: function onClick() {
|
|
20003
20034
|
return handleClickItem(themeObjects.SUBHEADING_2, subHeading2Styles);
|
|
20004
20035
|
}
|
|
20005
|
-
})), /*#__PURE__*/jsx(SubHeading3, _objectSpread$
|
|
20036
|
+
})), /*#__PURE__*/jsx(SubHeading3, _objectSpread$f(_objectSpread$f({
|
|
20006
20037
|
title: "Subheading"
|
|
20007
20038
|
}, subHeading3Styles), {}, {
|
|
20008
20039
|
padding: false,
|
|
20009
20040
|
onClick: function onClick() {
|
|
20010
20041
|
return handleClickItem(themeObjects.SUBHEADING_3, subHeading3Styles);
|
|
20011
20042
|
}
|
|
20012
|
-
})), /*#__PURE__*/jsx(Paragraph, _objectSpread$
|
|
20043
|
+
})), /*#__PURE__*/jsx(Paragraph, _objectSpread$f(_objectSpread$f({
|
|
20013
20044
|
text: "The quick brown fox jumps over the lazy dog."
|
|
20014
20045
|
}, paragraphStyles), {}, {
|
|
20015
20046
|
padding: false,
|
|
20016
20047
|
onClick: function onClick() {
|
|
20017
20048
|
return handleClickItem(themeObjects.PARAGRAPH, paragraphStyles);
|
|
20018
20049
|
}
|
|
20019
|
-
})), /*#__PURE__*/jsx(Paragraph2, _objectSpread$
|
|
20050
|
+
})), /*#__PURE__*/jsx(Paragraph2, _objectSpread$f(_objectSpread$f({
|
|
20020
20051
|
text: "The quick brown fox jumps over the lazy dog."
|
|
20021
20052
|
}, paragraph2Styles), {}, {
|
|
20022
20053
|
padding: false,
|
|
20023
20054
|
onClick: function onClick() {
|
|
20024
20055
|
return handleClickItem(themeObjects.PARAGRAPH, paragraph2Styles);
|
|
20025
20056
|
}
|
|
20026
|
-
})), /*#__PURE__*/jsx(Paragraph3, _objectSpread$
|
|
20057
|
+
})), /*#__PURE__*/jsx(Paragraph3, _objectSpread$f(_objectSpread$f({
|
|
20027
20058
|
text: "The quick brown fox jumps over the lazy dog."
|
|
20028
20059
|
}, paragraph3Styles), {}, {
|
|
20029
20060
|
padding: false,
|
|
@@ -20032,19 +20063,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
20032
20063
|
}
|
|
20033
20064
|
})), /*#__PURE__*/jsxs("div", {
|
|
20034
20065
|
className: "flex flex-row space-x-2 w-full",
|
|
20035
|
-
children: [/*#__PURE__*/jsx(Button, _objectSpread$
|
|
20066
|
+
children: [/*#__PURE__*/jsx(Button, _objectSpread$f(_objectSpread$f({
|
|
20036
20067
|
title: "Button"
|
|
20037
20068
|
}, buttonStyles), {}, {
|
|
20038
20069
|
onClick: function onClick() {
|
|
20039
20070
|
return handleClickItem(themeObjects.BUTTON, buttonStyles);
|
|
20040
20071
|
}
|
|
20041
|
-
})), /*#__PURE__*/jsx(Button2, _objectSpread$
|
|
20072
|
+
})), /*#__PURE__*/jsx(Button2, _objectSpread$f(_objectSpread$f({
|
|
20042
20073
|
title: "Button 2"
|
|
20043
20074
|
}, button2Styles), {}, {
|
|
20044
20075
|
onClick: function onClick() {
|
|
20045
20076
|
return handleClickItem(themeObjects.BUTTON_2, button2Styles);
|
|
20046
20077
|
}
|
|
20047
|
-
})), /*#__PURE__*/jsx(Button3, _objectSpread$
|
|
20078
|
+
})), /*#__PURE__*/jsx(Button3, _objectSpread$f(_objectSpread$f({
|
|
20048
20079
|
title: "Button 3"
|
|
20049
20080
|
}, button3Styles), {}, {
|
|
20050
20081
|
onClick: function onClick() {
|
|
@@ -20055,14 +20086,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
20055
20086
|
className: "flex flex-row space-x-4 w-full",
|
|
20056
20087
|
children: [/*#__PURE__*/jsxs("div", {
|
|
20057
20088
|
className: "flex flex-row space-x-2",
|
|
20058
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
20089
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
20059
20090
|
text: "Button Icon",
|
|
20060
20091
|
icon: "pencil"
|
|
20061
20092
|
}, buttonIconStyles), {}, {
|
|
20062
20093
|
onClick: function onClick() {
|
|
20063
20094
|
return handleClickItem(themeObjects.BUTTON_ICON, buttonIconStyles);
|
|
20064
20095
|
}
|
|
20065
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
20096
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
20066
20097
|
icon: "pencil"
|
|
20067
20098
|
}, buttonIconStyles), {}, {
|
|
20068
20099
|
onClick: function onClick() {
|
|
@@ -20071,14 +20102,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
20071
20102
|
}))]
|
|
20072
20103
|
}), /*#__PURE__*/jsxs("div", {
|
|
20073
20104
|
className: "flex flex-row space-x-2",
|
|
20074
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
20105
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
20075
20106
|
text: "Button Icon 2",
|
|
20076
20107
|
icon: "pencil"
|
|
20077
20108
|
}, buttonIconStyles), {}, {
|
|
20078
20109
|
onClick: function onClick() {
|
|
20079
20110
|
return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
|
|
20080
20111
|
}
|
|
20081
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
20112
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
20082
20113
|
icon: "pencil"
|
|
20083
20114
|
}, buttonIconStyles), {}, {
|
|
20084
20115
|
onClick: function onClick() {
|
|
@@ -20087,14 +20118,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
20087
20118
|
}))]
|
|
20088
20119
|
}), /*#__PURE__*/jsxs("div", {
|
|
20089
20120
|
className: "flex flex-row space-x-2",
|
|
20090
|
-
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
20121
|
+
children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
20091
20122
|
text: "Button Icon 3",
|
|
20092
20123
|
icon: "pencil"
|
|
20093
20124
|
}, buttonIcon3Styles), {}, {
|
|
20094
20125
|
onClick: function onClick() {
|
|
20095
20126
|
return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
|
|
20096
20127
|
}
|
|
20097
|
-
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$
|
|
20128
|
+
})), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
|
|
20098
20129
|
icon: "pencil"
|
|
20099
20130
|
}, buttonIcon3Styles), {}, {
|
|
20100
20131
|
onClick: function onClick() {
|
|
@@ -20104,17 +20135,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
20104
20135
|
})]
|
|
20105
20136
|
}), /*#__PURE__*/jsxs("div", {
|
|
20106
20137
|
className: "flex flex-col space-y-2 w-full",
|
|
20107
|
-
children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$
|
|
20138
|
+
children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$f(_objectSpread$f({}, menuItemStyles), {}, {
|
|
20108
20139
|
onClick: function onClick() {
|
|
20109
20140
|
return handleClickItem(themeObjects.MENU_ITEM, menuItemStyles);
|
|
20110
20141
|
},
|
|
20111
20142
|
children: "Menu Item"
|
|
20112
|
-
})), /*#__PURE__*/jsx(MenuItem2, _objectSpread$
|
|
20143
|
+
})), /*#__PURE__*/jsx(MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
|
|
20113
20144
|
onClick: function onClick() {
|
|
20114
20145
|
return handleClickItem(themeObjects.MENU_ITEM_2, menuItem2Styles);
|
|
20115
20146
|
},
|
|
20116
20147
|
children: "Menu Item 2"
|
|
20117
|
-
})), /*#__PURE__*/jsx(MenuItem3, _objectSpread$
|
|
20148
|
+
})), /*#__PURE__*/jsx(MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
|
|
20118
20149
|
onClick: function onClick() {
|
|
20119
20150
|
return handleClickItem(themeObjects.MENU_ITEM_3, menuItem3Styles);
|
|
20120
20151
|
},
|
|
@@ -20122,21 +20153,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
20122
20153
|
}))]
|
|
20123
20154
|
}), /*#__PURE__*/jsxs("div", {
|
|
20124
20155
|
className: "flex flex-row space-x-2 w-full",
|
|
20125
|
-
children: [/*#__PURE__*/jsx(Tag, _objectSpread$
|
|
20156
|
+
children: [/*#__PURE__*/jsx(Tag, _objectSpread$f(_objectSpread$f({
|
|
20126
20157
|
text: "Tag",
|
|
20127
20158
|
icon: "pencil"
|
|
20128
20159
|
}, tagStyles), {}, {
|
|
20129
20160
|
onClick: function onClick() {
|
|
20130
20161
|
return handleClickItem(themeObjects.TAG, tagStyles);
|
|
20131
20162
|
}
|
|
20132
|
-
})), /*#__PURE__*/jsx(Tag2, _objectSpread$
|
|
20163
|
+
})), /*#__PURE__*/jsx(Tag2, _objectSpread$f(_objectSpread$f({
|
|
20133
20164
|
text: "Tag 2",
|
|
20134
20165
|
icon: "pencil"
|
|
20135
20166
|
}, tag2Styles), {}, {
|
|
20136
20167
|
onClick: function onClick() {
|
|
20137
20168
|
return handleClickItem(themeObjects.TAG_2, tag2Styles);
|
|
20138
20169
|
}
|
|
20139
|
-
})), /*#__PURE__*/jsx(Tag3, _objectSpread$
|
|
20170
|
+
})), /*#__PURE__*/jsx(Tag3, _objectSpread$f(_objectSpread$f({
|
|
20140
20171
|
text: "Tag 3",
|
|
20141
20172
|
icon: "pencil"
|
|
20142
20173
|
}, tag3Styles), {}, {
|
|
@@ -20145,57 +20176,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
20145
20176
|
}
|
|
20146
20177
|
}))]
|
|
20147
20178
|
})]
|
|
20148
|
-
})), /*#__PURE__*/jsxs(Panel2, _objectSpread$
|
|
20179
|
+
})), /*#__PURE__*/jsxs(Panel2, _objectSpread$f(_objectSpread$f({
|
|
20149
20180
|
className: "p-6 rounded border-4 space-y-4"
|
|
20150
20181
|
}, styles2), {}, {
|
|
20151
20182
|
height: "h-fit",
|
|
20152
20183
|
padding: false,
|
|
20153
|
-
children: [/*#__PURE__*/jsx(Heading2, _objectSpread$
|
|
20184
|
+
children: [/*#__PURE__*/jsx(Heading2, _objectSpread$f(_objectSpread$f({
|
|
20154
20185
|
title: "Heading 2"
|
|
20155
20186
|
}, heading2Styles), {}, {
|
|
20156
20187
|
padding: false,
|
|
20157
20188
|
onClick: function onClick() {
|
|
20158
20189
|
return handleClickItem(themeObjects.HEADING_2, heading2Styles);
|
|
20159
20190
|
}
|
|
20160
|
-
})), /*#__PURE__*/jsx(SubHeading2, _objectSpread$
|
|
20191
|
+
})), /*#__PURE__*/jsx(SubHeading2, _objectSpread$f(_objectSpread$f({
|
|
20161
20192
|
title: "Subheading 2"
|
|
20162
20193
|
}, subHeading2Styles), {}, {
|
|
20163
20194
|
padding: false,
|
|
20164
20195
|
onClick: function onClick() {
|
|
20165
20196
|
return handleClickItem(themeObjects.SUBHEADING_2, subHeading2Styles);
|
|
20166
20197
|
}
|
|
20167
|
-
})), /*#__PURE__*/jsx(Paragraph2, _objectSpread$
|
|
20198
|
+
})), /*#__PURE__*/jsx(Paragraph2, _objectSpread$f(_objectSpread$f({
|
|
20168
20199
|
text: "Paragraph 2 - The quick brown fox jumps over the lazy dog."
|
|
20169
20200
|
}, paragraph2Styles), {}, {
|
|
20170
20201
|
padding: false,
|
|
20171
20202
|
onClick: function onClick() {
|
|
20172
20203
|
return handleClickItem(themeObjects.PARAGRAPH_2, paragraph2Styles);
|
|
20173
20204
|
}
|
|
20174
|
-
})), /*#__PURE__*/jsx(Button2, _objectSpread$
|
|
20205
|
+
})), /*#__PURE__*/jsx(Button2, _objectSpread$f(_objectSpread$f({
|
|
20175
20206
|
title: "Button"
|
|
20176
20207
|
}, button2Styles), {}, {
|
|
20177
20208
|
onClick: function onClick() {
|
|
20178
20209
|
return handleClickItem(themeObjects.BUTTON_2, button2Styles);
|
|
20179
20210
|
}
|
|
20180
|
-
})), /*#__PURE__*/jsx(ButtonIcon2, _objectSpread$
|
|
20211
|
+
})), /*#__PURE__*/jsx(ButtonIcon2, _objectSpread$f(_objectSpread$f({
|
|
20181
20212
|
text: "Button Icon",
|
|
20182
20213
|
icon: "pencil"
|
|
20183
20214
|
}, buttonIcon2Styles), {}, {
|
|
20184
20215
|
onClick: function onClick() {
|
|
20185
20216
|
return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
|
|
20186
20217
|
}
|
|
20187
|
-
})), /*#__PURE__*/jsx(ButtonIcon2, _objectSpread$
|
|
20218
|
+
})), /*#__PURE__*/jsx(ButtonIcon2, _objectSpread$f(_objectSpread$f({
|
|
20188
20219
|
icon: "pencil"
|
|
20189
20220
|
}, buttonIcon2Styles), {}, {
|
|
20190
20221
|
onClick: function onClick() {
|
|
20191
20222
|
return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIconStyles);
|
|
20192
20223
|
}
|
|
20193
|
-
})), /*#__PURE__*/jsx(MenuItem2, _objectSpread$
|
|
20224
|
+
})), /*#__PURE__*/jsx(MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
|
|
20194
20225
|
onClick: function onClick() {
|
|
20195
20226
|
return handleClickItem(themeObjects.MENU_ITEM_2, menuItem2Styles);
|
|
20196
20227
|
},
|
|
20197
20228
|
children: "Menu Item"
|
|
20198
|
-
})), /*#__PURE__*/jsx(Tag2, _objectSpread$
|
|
20229
|
+
})), /*#__PURE__*/jsx(Tag2, _objectSpread$f(_objectSpread$f({
|
|
20199
20230
|
text: "Tag 2",
|
|
20200
20231
|
icon: "pencil"
|
|
20201
20232
|
}, tag2Styles), {}, {
|
|
@@ -20203,57 +20234,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
20203
20234
|
return handleClickItem(themeObjects.TAG_2, tag2Styles);
|
|
20204
20235
|
}
|
|
20205
20236
|
}))]
|
|
20206
|
-
})), /*#__PURE__*/jsxs(Panel3, _objectSpread$
|
|
20237
|
+
})), /*#__PURE__*/jsxs(Panel3, _objectSpread$f(_objectSpread$f({
|
|
20207
20238
|
className: "p-6 rounded border-4 space-y-4"
|
|
20208
20239
|
}, styles3), {}, {
|
|
20209
20240
|
height: "h-fit",
|
|
20210
20241
|
padding: false,
|
|
20211
|
-
children: [/*#__PURE__*/jsx(Heading3, _objectSpread$
|
|
20242
|
+
children: [/*#__PURE__*/jsx(Heading3, _objectSpread$f(_objectSpread$f({
|
|
20212
20243
|
title: "Heading 3"
|
|
20213
20244
|
}, heading3Styles), {}, {
|
|
20214
20245
|
padding: false,
|
|
20215
20246
|
onClick: function onClick() {
|
|
20216
20247
|
return handleClickItem(themeObjects.HEADING_3, heading3Styles);
|
|
20217
20248
|
}
|
|
20218
|
-
})), /*#__PURE__*/jsx(SubHeading3, _objectSpread$
|
|
20249
|
+
})), /*#__PURE__*/jsx(SubHeading3, _objectSpread$f(_objectSpread$f({
|
|
20219
20250
|
title: "Subheading"
|
|
20220
20251
|
}, subHeading3Styles), {}, {
|
|
20221
20252
|
padding: false,
|
|
20222
20253
|
onClick: function onClick() {
|
|
20223
20254
|
return handleClickItem(themeObjects.SUBHEADING_3, subHeading3Styles);
|
|
20224
20255
|
}
|
|
20225
|
-
})), /*#__PURE__*/jsx(Paragraph3, _objectSpread$
|
|
20256
|
+
})), /*#__PURE__*/jsx(Paragraph3, _objectSpread$f(_objectSpread$f({
|
|
20226
20257
|
text: "Paragraph 3 - The quick brown fox jumps over the lazy dog."
|
|
20227
20258
|
}, paragraph3Styles), {}, {
|
|
20228
20259
|
padding: false,
|
|
20229
20260
|
onClick: function onClick() {
|
|
20230
20261
|
return handleClickItem(themeObjects.PARAGRAPH_3, paragraph3Styles);
|
|
20231
20262
|
}
|
|
20232
|
-
})), /*#__PURE__*/jsx(Button3, _objectSpread$
|
|
20263
|
+
})), /*#__PURE__*/jsx(Button3, _objectSpread$f(_objectSpread$f({
|
|
20233
20264
|
title: "Button"
|
|
20234
20265
|
}, button3Styles), {}, {
|
|
20235
20266
|
onClick: function onClick() {
|
|
20236
20267
|
return handleClickItem(themeObjects.BUTTON_3, button3Styles);
|
|
20237
20268
|
}
|
|
20238
|
-
})), /*#__PURE__*/jsx(ButtonIcon3, _objectSpread$
|
|
20269
|
+
})), /*#__PURE__*/jsx(ButtonIcon3, _objectSpread$f(_objectSpread$f({
|
|
20239
20270
|
text: "Button Icon 3",
|
|
20240
20271
|
icon: "pencil"
|
|
20241
20272
|
}, buttonIcon3Styles), {}, {
|
|
20242
20273
|
onClick: function onClick() {
|
|
20243
20274
|
return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
|
|
20244
20275
|
}
|
|
20245
|
-
})), /*#__PURE__*/jsx(ButtonIcon3, _objectSpread$
|
|
20276
|
+
})), /*#__PURE__*/jsx(ButtonIcon3, _objectSpread$f(_objectSpread$f({
|
|
20246
20277
|
icon: "pencil"
|
|
20247
20278
|
}, buttonIcon3Styles), {}, {
|
|
20248
20279
|
onClick: function onClick() {
|
|
20249
20280
|
return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
|
|
20250
20281
|
}
|
|
20251
|
-
})), /*#__PURE__*/jsx(MenuItem3, _objectSpread$
|
|
20282
|
+
})), /*#__PURE__*/jsx(MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
|
|
20252
20283
|
onClick: function onClick() {
|
|
20253
20284
|
return handleClickItem(themeObjects.MENU_ITEM_3, menuItem3Styles);
|
|
20254
20285
|
},
|
|
20255
20286
|
children: "Menu Item"
|
|
20256
|
-
})), /*#__PURE__*/jsx(Tag3, _objectSpread$
|
|
20287
|
+
})), /*#__PURE__*/jsx(Tag3, _objectSpread$f(_objectSpread$f({
|
|
20257
20288
|
text: "Tag",
|
|
20258
20289
|
icon: "pencil"
|
|
20259
20290
|
}, tag3Styles), {}, {
|
|
@@ -20302,8 +20333,8 @@ var ThemePane = function ThemePane(_ref) {
|
|
|
20302
20333
|
};
|
|
20303
20334
|
|
|
20304
20335
|
var _excluded$2 = ["colorFromTheme", "colorName", "shade", "variant", "colorType", "colorLevelName", "selected", "onClick", "onMouseOver", "width", "height"];
|
|
20305
|
-
function ownKeys$
|
|
20306
|
-
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; }
|
|
20307
20338
|
var ColorTile = function ColorTile(_ref) {
|
|
20308
20339
|
var _ref$colorFromTheme = _ref.colorFromTheme,
|
|
20309
20340
|
colorFromTheme = _ref$colorFromTheme === void 0 ? null : _ref$colorFromTheme,
|
|
@@ -20328,7 +20359,7 @@ var ColorTile = function ColorTile(_ref) {
|
|
|
20328
20359
|
_ref$height = _ref.height,
|
|
20329
20360
|
height = _ref$height === void 0 ? "h-10" : _ref$height,
|
|
20330
20361
|
rest = _objectWithoutProperties(_ref, _excluded$2);
|
|
20331
|
-
var c = ColorModel(_objectSpread$
|
|
20362
|
+
var c = ColorModel(_objectSpread$e({
|
|
20332
20363
|
colorFromTheme: colorFromTheme,
|
|
20333
20364
|
colorName: colorName,
|
|
20334
20365
|
colorType: colorType,
|
|
@@ -20356,10 +20387,10 @@ var ColorTile = function ColorTile(_ref) {
|
|
|
20356
20387
|
return /*#__PURE__*/jsx("div", {
|
|
20357
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),
|
|
20358
20389
|
onClick: function onClick() {
|
|
20359
|
-
return _onClick !== null ? _onClick(_objectSpread$
|
|
20390
|
+
return _onClick !== null ? _onClick(_objectSpread$e(_objectSpread$e({}, c), rest)) : null;
|
|
20360
20391
|
},
|
|
20361
20392
|
onMouseOver: function onMouseOver() {
|
|
20362
|
-
return _onMouseOver !== null ? _onMouseOver(_objectSpread$
|
|
20393
|
+
return _onMouseOver !== null ? _onMouseOver(_objectSpread$e(_objectSpread$e({}, c), rest)) : null;
|
|
20363
20394
|
},
|
|
20364
20395
|
children: "\xA0"
|
|
20365
20396
|
});
|
|
@@ -21546,8 +21577,8 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
21546
21577
|
var propTypesExports = propTypes.exports;
|
|
21547
21578
|
var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
|
|
21548
21579
|
|
|
21549
|
-
function ownKeys$
|
|
21550
|
-
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; }
|
|
21551
21582
|
|
|
21552
21583
|
// Host-injected module references (e.g., "@trops/dash-core").
|
|
21553
21584
|
// Set by the host app via setHostModules() after all modules are fully loaded,
|
|
@@ -21583,7 +21614,7 @@ var BASE_MODULE_MAP = {
|
|
|
21583
21614
|
function evaluateBundle(source, widgetName) {
|
|
21584
21615
|
// Merge base modules with host-provided modules (e.g., "@trops/dash-core")
|
|
21585
21616
|
// at call time so _hostModules is populated by the time widgets load.
|
|
21586
|
-
var moduleMap = _objectSpread$
|
|
21617
|
+
var moduleMap = _objectSpread$d(_objectSpread$d({}, BASE_MODULE_MAP), _hostModules);
|
|
21587
21618
|
var module = {
|
|
21588
21619
|
exports: {}
|
|
21589
21620
|
};
|
|
@@ -21596,7 +21627,7 @@ function evaluateBundle(source, widgetName) {
|
|
|
21596
21627
|
// CJS bundles expect `require("pkg").Widget` to work, so merge
|
|
21597
21628
|
// `.default` properties onto the returned object.
|
|
21598
21629
|
if (mod["default"] && _typeof(mod["default"]) === "object") {
|
|
21599
|
-
return _objectSpread$
|
|
21630
|
+
return _objectSpread$d(_objectSpread$d(_objectSpread$d({}, mod["default"]), mod), {}, {
|
|
21600
21631
|
"default": mod["default"]
|
|
21601
21632
|
});
|
|
21602
21633
|
}
|
|
@@ -22284,8 +22315,8 @@ var HARMONY_STRATEGIES = [{
|
|
|
22284
22315
|
label: "Custom"
|
|
22285
22316
|
}];
|
|
22286
22317
|
|
|
22287
|
-
function ownKeys$
|
|
22288
|
-
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; }
|
|
22289
22320
|
var COLOR_PROPERTIES$1 = new Set(["backgroundColor", "textColor", "borderColor", "hoverBackgroundColor", "hoverTextColor", "hoverBorderColor", "focusRingColor", "focusBorderColor", "activeBackgroundColor", "activeTextColor", "placeholderTextColor"]);
|
|
22290
22321
|
var PreviewColorsPane = function PreviewColorsPane(_ref) {
|
|
22291
22322
|
var _ref$styles = _ref.styles,
|
|
@@ -22302,7 +22333,7 @@ var PreviewColorsPane = function PreviewColorsPane(_ref) {
|
|
|
22302
22333
|
function handleClickItem(data, styleNameCss, itemType, objectType) {
|
|
22303
22334
|
// override the object type
|
|
22304
22335
|
data["objectType"] = objectType;
|
|
22305
|
-
onClickItem(_objectSpread$
|
|
22336
|
+
onClickItem(_objectSpread$c(_objectSpread$c({}, data), {}, {
|
|
22306
22337
|
itemType: itemType,
|
|
22307
22338
|
styleName: styleNameCss
|
|
22308
22339
|
}));
|
|
@@ -22712,8 +22743,8 @@ var ThemeMenuPane = function ThemeMenuPane(_ref) {
|
|
|
22712
22743
|
});
|
|
22713
22744
|
};
|
|
22714
22745
|
|
|
22715
|
-
function ownKeys$
|
|
22716
|
-
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; }
|
|
22717
22748
|
var COMPONENT_GROUPS$1 = {
|
|
22718
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],
|
|
22719
22750
|
Buttons: [themeObjects.BUTTON, themeObjects.BUTTON_2, themeObjects.BUTTON_3, themeObjects.BUTTON_ICON, themeObjects.BUTTON_ICON_2, themeObjects.BUTTON_ICON_3],
|
|
@@ -22744,7 +22775,7 @@ var ComponentSelectorPane = function ComponentSelectorPane(_ref) {
|
|
|
22744
22775
|
setCollapsedGroups = _useState2[1];
|
|
22745
22776
|
function toggleGroup(groupName) {
|
|
22746
22777
|
setCollapsedGroups(function (prev) {
|
|
22747
|
-
return _objectSpread$
|
|
22778
|
+
return _objectSpread$b(_objectSpread$b({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
|
|
22748
22779
|
});
|
|
22749
22780
|
}
|
|
22750
22781
|
function hasOverrides(itemKey) {
|
|
@@ -22980,8 +23011,8 @@ var NonColorPickerPane = function NonColorPickerPane(_ref) {
|
|
|
22980
23011
|
};
|
|
22981
23012
|
|
|
22982
23013
|
var _excluded$1 = ["children"];
|
|
22983
|
-
function ownKeys$
|
|
22984
|
-
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; }
|
|
22985
23016
|
var COLOR_PROPERTIES = new Set(["backgroundColor", "textColor", "borderColor", "hoverBackgroundColor", "hoverTextColor", "hoverBorderColor", "focusRingColor", "focusBorderColor", "activeBackgroundColor", "activeTextColor", "placeholderTextColor"]);
|
|
22986
23017
|
var isColorProperty = function isColorProperty(name) {
|
|
22987
23018
|
return COLOR_PROPERTIES.has(name);
|
|
@@ -23541,7 +23572,7 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
23541
23572
|
if (itemSelected && themeSelected && themeVariant) {
|
|
23542
23573
|
var updatedStyles = getStylesForItem(itemSelected.item, themeSelected[themeVariant]);
|
|
23543
23574
|
setItemSelected(function (prev) {
|
|
23544
|
-
return _objectSpread$
|
|
23575
|
+
return _objectSpread$a(_objectSpread$a({}, prev), {}, {
|
|
23545
23576
|
styles: updatedStyles
|
|
23546
23577
|
});
|
|
23547
23578
|
});
|
|
@@ -23712,7 +23743,7 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
23712
23743
|
styles: clickStyles
|
|
23713
23744
|
});
|
|
23714
23745
|
},
|
|
23715
|
-
children: /*#__PURE__*/jsx(PanelComponent, _objectSpread$
|
|
23746
|
+
children: /*#__PURE__*/jsx(PanelComponent, _objectSpread$a(_objectSpread$a({}, panelStyles), {}, {
|
|
23716
23747
|
scrollable: false,
|
|
23717
23748
|
className: "rounded",
|
|
23718
23749
|
height: "",
|
|
@@ -23726,9 +23757,9 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
23726
23757
|
var _comp$props = comp.props,
|
|
23727
23758
|
childContent = _comp$props.children,
|
|
23728
23759
|
restProps = _objectWithoutProperties(_comp$props, _excluded$1);
|
|
23729
|
-
var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsx(comp.Component, _objectSpread$
|
|
23760
|
+
var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsx(comp.Component, _objectSpread$a(_objectSpread$a({}, restProps), {}, {
|
|
23730
23761
|
children: childContent
|
|
23731
|
-
})) : /*#__PURE__*/jsx(comp.Component, _objectSpread$
|
|
23762
|
+
})) : /*#__PURE__*/jsx(comp.Component, _objectSpread$a({}, restProps));
|
|
23732
23763
|
return renderComponentRow(comp.key, renderedComponent);
|
|
23733
23764
|
})
|
|
23734
23765
|
})
|
|
@@ -23744,7 +23775,7 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
23744
23775
|
children: [/*#__PURE__*/jsx("div", {
|
|
23745
23776
|
className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
|
|
23746
23777
|
children: "Forms & Inputs"
|
|
23747
|
-
}), /*#__PURE__*/jsx(Panel, _objectSpread$
|
|
23778
|
+
}), /*#__PURE__*/jsx(Panel, _objectSpread$a(_objectSpread$a({}, getStylesForItem("panel", themeData)), {}, {
|
|
23748
23779
|
scrollable: false,
|
|
23749
23780
|
className: "rounded",
|
|
23750
23781
|
height: "",
|
|
@@ -23772,7 +23803,7 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
23772
23803
|
children: [/*#__PURE__*/jsx("div", {
|
|
23773
23804
|
className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
|
|
23774
23805
|
children: "Data & Stats"
|
|
23775
|
-
}), /*#__PURE__*/jsx(Panel, _objectSpread$
|
|
23806
|
+
}), /*#__PURE__*/jsx(Panel, _objectSpread$a(_objectSpread$a({}, getStylesForItem("panel", themeData)), {}, {
|
|
23776
23807
|
scrollable: false,
|
|
23777
23808
|
className: "rounded",
|
|
23778
23809
|
height: "",
|
|
@@ -23877,7 +23908,7 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
23877
23908
|
}), themeSelected && /*#__PURE__*/jsx("div", {
|
|
23878
23909
|
className: "flex flex-col flex-1 min-w-0",
|
|
23879
23910
|
children: /*#__PURE__*/jsx(ThemeContext.Provider, {
|
|
23880
|
-
value: _objectSpread$
|
|
23911
|
+
value: _objectSpread$a(_objectSpread$a({}, themeContextValue), {}, {
|
|
23881
23912
|
currentTheme: (themeSelected === null || themeSelected === void 0 ? void 0 : themeSelected[themeVariant]) || themeContextValue.currentTheme
|
|
23882
23913
|
}),
|
|
23883
23914
|
children: showPreview ? /*#__PURE__*/jsx(PreviewComponentsPane, {
|
|
@@ -24508,8 +24539,8 @@ var ThemeQuickCreate = function ThemeQuickCreate(_ref8) {
|
|
|
24508
24539
|
});
|
|
24509
24540
|
};
|
|
24510
24541
|
|
|
24511
|
-
function ownKeys$
|
|
24512
|
-
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; }
|
|
24513
24544
|
var ThemeManagerModal = function ThemeManagerModal(_ref) {
|
|
24514
24545
|
var open = _ref.open,
|
|
24515
24546
|
setIsOpen = _ref.setIsOpen;
|
|
@@ -24616,7 +24647,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
|
|
|
24616
24647
|
function handleWizardComplete() {
|
|
24617
24648
|
if (!wizardTheme || !wizardName.trim()) return;
|
|
24618
24649
|
var key = wizardTheme.id || "theme-".concat(Date.now());
|
|
24619
|
-
var finalTheme = _objectSpread$
|
|
24650
|
+
var finalTheme = _objectSpread$9(_objectSpread$9({}, wizardTheme), {}, {
|
|
24620
24651
|
id: key,
|
|
24621
24652
|
name: wizardName.trim()
|
|
24622
24653
|
});
|
|
@@ -24785,8 +24816,8 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
|
|
|
24785
24816
|
});
|
|
24786
24817
|
};
|
|
24787
24818
|
|
|
24788
|
-
function ownKeys$
|
|
24789
|
-
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; }
|
|
24790
24821
|
var LayoutPreview = function LayoutPreview(_ref) {
|
|
24791
24822
|
var layout = _ref.layout;
|
|
24792
24823
|
var gridRoot = (layout || []).find(function (item) {
|
|
@@ -24891,7 +24922,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
|
|
|
24891
24922
|
updated.menuId = val ? Number(val) : null;
|
|
24892
24923
|
// Strip widgetConfig from layout before saving
|
|
24893
24924
|
updated.layout = (updated.layout || []).map(function (layoutItem) {
|
|
24894
|
-
var cleaned = _objectSpread$
|
|
24925
|
+
var cleaned = _objectSpread$8({}, layoutItem);
|
|
24895
24926
|
delete cleaned.widgetConfig;
|
|
24896
24927
|
return cleaned;
|
|
24897
24928
|
});
|
|
@@ -24906,7 +24937,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
|
|
|
24906
24937
|
var updated = deepCopy(ws);
|
|
24907
24938
|
updated.themeKey = val || null;
|
|
24908
24939
|
updated.layout = (updated.layout || []).map(function (layoutItem) {
|
|
24909
|
-
var cleaned = _objectSpread$
|
|
24940
|
+
var cleaned = _objectSpread$8({}, layoutItem);
|
|
24910
24941
|
delete cleaned.widgetConfig;
|
|
24911
24942
|
return cleaned;
|
|
24912
24943
|
});
|
|
@@ -25002,8 +25033,8 @@ var DashboardDetail = function DashboardDetail(_ref2) {
|
|
|
25002
25033
|
});
|
|
25003
25034
|
};
|
|
25004
25035
|
|
|
25005
|
-
function ownKeys$
|
|
25006
|
-
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; }
|
|
25007
25038
|
var DashboardsSection = function DashboardsSection(_ref) {
|
|
25008
25039
|
var _ref$workspaces = _ref.workspaces,
|
|
25009
25040
|
workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces,
|
|
@@ -25078,7 +25109,7 @@ var DashboardsSection = function DashboardsSection(_ref) {
|
|
|
25078
25109
|
updated.name = editName.trim();
|
|
25079
25110
|
// Strip widgetConfig from layout before saving
|
|
25080
25111
|
updated.layout = (updated.layout || []).map(function (layoutItem) {
|
|
25081
|
-
var cleaned = _objectSpread$
|
|
25112
|
+
var cleaned = _objectSpread$7({}, layoutItem);
|
|
25082
25113
|
delete cleaned.widgetConfig;
|
|
25083
25114
|
return cleaned;
|
|
25084
25115
|
});
|
|
@@ -25098,7 +25129,7 @@ var DashboardsSection = function DashboardsSection(_ref) {
|
|
|
25098
25129
|
copy.version = Date.now();
|
|
25099
25130
|
// Strip widgetConfig from layout before saving
|
|
25100
25131
|
copy.layout = (copy.layout || []).map(function (layoutItem) {
|
|
25101
|
-
var cleaned = _objectSpread$
|
|
25132
|
+
var cleaned = _objectSpread$7({}, layoutItem);
|
|
25102
25133
|
delete cleaned.widgetConfig;
|
|
25103
25134
|
return cleaned;
|
|
25104
25135
|
});
|
|
@@ -25438,8 +25469,8 @@ var FoldersSection = function FoldersSection(_ref) {
|
|
|
25438
25469
|
});
|
|
25439
25470
|
};
|
|
25440
25471
|
|
|
25441
|
-
function ownKeys$
|
|
25442
|
-
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; }
|
|
25443
25474
|
var ProviderDetail = function ProviderDetail(_ref) {
|
|
25444
25475
|
var _testResult$tools;
|
|
25445
25476
|
var _ref$providerName = _ref.providerName,
|
|
@@ -25507,14 +25538,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
|
|
|
25507
25538
|
var oldKey = f.key;
|
|
25508
25539
|
if (oldKey && formCredentials[oldKey] !== undefined) {
|
|
25509
25540
|
setFormCredentials(function (creds) {
|
|
25510
|
-
var updated = _objectSpread$
|
|
25541
|
+
var updated = _objectSpread$6({}, creds);
|
|
25511
25542
|
var val = updated[oldKey];
|
|
25512
25543
|
delete updated[oldKey];
|
|
25513
25544
|
if (newKey.trim()) updated[newKey] = val;
|
|
25514
25545
|
return updated;
|
|
25515
25546
|
});
|
|
25516
25547
|
}
|
|
25517
|
-
return _objectSpread$
|
|
25548
|
+
return _objectSpread$6(_objectSpread$6({}, f), {}, {
|
|
25518
25549
|
key: newKey
|
|
25519
25550
|
});
|
|
25520
25551
|
});
|
|
@@ -25526,14 +25557,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
|
|
|
25526
25557
|
});
|
|
25527
25558
|
if (field !== null && field !== void 0 && field.key) {
|
|
25528
25559
|
setFormCredentials(function (prev) {
|
|
25529
|
-
return _objectSpread$
|
|
25560
|
+
return _objectSpread$6(_objectSpread$6({}, prev), {}, _defineProperty({}, field.key, value));
|
|
25530
25561
|
});
|
|
25531
25562
|
}
|
|
25532
25563
|
};
|
|
25533
25564
|
var handleFieldSecretToggle = function handleFieldSecretToggle(id) {
|
|
25534
25565
|
setCredentialFields(function (prev) {
|
|
25535
25566
|
return prev.map(function (f) {
|
|
25536
|
-
return f.id === id ? _objectSpread$
|
|
25567
|
+
return f.id === id ? _objectSpread$6(_objectSpread$6({}, f), {}, {
|
|
25537
25568
|
secret: !f.secret
|
|
25538
25569
|
}) : f;
|
|
25539
25570
|
});
|
|
@@ -25555,7 +25586,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
|
|
|
25555
25586
|
});
|
|
25556
25587
|
if (field !== null && field !== void 0 && field.key) {
|
|
25557
25588
|
setFormCredentials(function (prev) {
|
|
25558
|
-
var updated = _objectSpread$
|
|
25589
|
+
var updated = _objectSpread$6({}, prev);
|
|
25559
25590
|
delete updated[field.key];
|
|
25560
25591
|
return updated;
|
|
25561
25592
|
});
|
|
@@ -25568,7 +25599,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
|
|
|
25568
25599
|
};
|
|
25569
25600
|
var handleCredentialChange = function handleCredentialChange(key, value) {
|
|
25570
25601
|
setFormCredentials(function (prev) {
|
|
25571
|
-
return _objectSpread$
|
|
25602
|
+
return _objectSpread$6(_objectSpread$6({}, prev), {}, _defineProperty({}, key, value));
|
|
25572
25603
|
});
|
|
25573
25604
|
};
|
|
25574
25605
|
var handleTestConnection = function handleTestConnection() {
|
|
@@ -25937,8 +25968,8 @@ var ProviderDetail = function ProviderDetail(_ref) {
|
|
|
25937
25968
|
});
|
|
25938
25969
|
};
|
|
25939
25970
|
|
|
25940
|
-
function ownKeys$
|
|
25941
|
-
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; }
|
|
25942
25973
|
var rowIdCounter = 0;
|
|
25943
25974
|
var nextRowId = function nextRowId() {
|
|
25944
25975
|
return "row_".concat(++rowIdCounter);
|
|
@@ -26092,7 +26123,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
26092
26123
|
var updateEnvRow = function updateEnvRow(id, field, value) {
|
|
26093
26124
|
setEnvMappingRows(function (prev) {
|
|
26094
26125
|
return prev.map(function (row) {
|
|
26095
|
-
return row.id === id ? _objectSpread$
|
|
26126
|
+
return row.id === id ? _objectSpread$5(_objectSpread$5({}, row), {}, _defineProperty({}, field, value)) : row;
|
|
26096
26127
|
});
|
|
26097
26128
|
});
|
|
26098
26129
|
};
|
|
@@ -26117,7 +26148,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
26117
26148
|
var updateHeaderRow = function updateHeaderRow(id, field, value) {
|
|
26118
26149
|
setHeaderRows(function (prev) {
|
|
26119
26150
|
return prev.map(function (row) {
|
|
26120
|
-
return row.id === id ? _objectSpread$
|
|
26151
|
+
return row.id === id ? _objectSpread$5(_objectSpread$5({}, row), {}, _defineProperty({}, field, value)) : row;
|
|
26121
26152
|
});
|
|
26122
26153
|
});
|
|
26123
26154
|
};
|
|
@@ -26132,11 +26163,11 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
26132
26163
|
// --- credential field change ---
|
|
26133
26164
|
var handleCredentialChange = function handleCredentialChange(fieldName, value) {
|
|
26134
26165
|
setCredentialData(function (prev) {
|
|
26135
|
-
return _objectSpread$
|
|
26166
|
+
return _objectSpread$5(_objectSpread$5({}, prev), {}, _defineProperty({}, fieldName, value));
|
|
26136
26167
|
});
|
|
26137
26168
|
if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
|
|
26138
26169
|
setFormErrors(function (prev) {
|
|
26139
|
-
var next = _objectSpread$
|
|
26170
|
+
var next = _objectSpread$5({}, prev);
|
|
26140
26171
|
delete next[fieldName];
|
|
26141
26172
|
return next;
|
|
26142
26173
|
});
|
|
@@ -26288,7 +26319,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
26288
26319
|
setProviderName(value);
|
|
26289
26320
|
if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
|
|
26290
26321
|
setFormErrors(function (prev) {
|
|
26291
|
-
var next = _objectSpread$
|
|
26322
|
+
var next = _objectSpread$5({}, prev);
|
|
26292
26323
|
delete next.providerName;
|
|
26293
26324
|
return next;
|
|
26294
26325
|
});
|
|
@@ -26321,7 +26352,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
26321
26352
|
setCommand(value);
|
|
26322
26353
|
if (formErrors.command && value !== null && value !== void 0 && value.trim()) {
|
|
26323
26354
|
setFormErrors(function (prev) {
|
|
26324
|
-
var next = _objectSpread$
|
|
26355
|
+
var next = _objectSpread$5({}, prev);
|
|
26325
26356
|
delete next.command;
|
|
26326
26357
|
return next;
|
|
26327
26358
|
});
|
|
@@ -26427,7 +26458,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
26427
26458
|
setUrl(value);
|
|
26428
26459
|
if (formErrors.url && value !== null && value !== void 0 && value.trim()) {
|
|
26429
26460
|
setFormErrors(function (prev) {
|
|
26430
|
-
var next = _objectSpread$
|
|
26461
|
+
var next = _objectSpread$5({}, prev);
|
|
26431
26462
|
delete next.url;
|
|
26432
26463
|
return next;
|
|
26433
26464
|
});
|
|
@@ -26569,8 +26600,8 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
26569
26600
|
});
|
|
26570
26601
|
};
|
|
26571
26602
|
|
|
26572
|
-
function ownKeys$
|
|
26573
|
-
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; }
|
|
26574
26605
|
var getIconForServer = function getIconForServer(server) {
|
|
26575
26606
|
var iconMap = {
|
|
26576
26607
|
github: "code-branch",
|
|
@@ -26718,11 +26749,11 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
|
|
|
26718
26749
|
// Handle credential field changes
|
|
26719
26750
|
var handleCredentialChange = function handleCredentialChange(fieldName, value) {
|
|
26720
26751
|
setCredentialData(function (prev) {
|
|
26721
|
-
return _objectSpread$
|
|
26752
|
+
return _objectSpread$4(_objectSpread$4({}, prev), {}, _defineProperty({}, fieldName, value));
|
|
26722
26753
|
});
|
|
26723
26754
|
if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
|
|
26724
26755
|
setFormErrors(function (prev) {
|
|
26725
|
-
var next = _objectSpread$
|
|
26756
|
+
var next = _objectSpread$4({}, prev);
|
|
26726
26757
|
delete next[fieldName];
|
|
26727
26758
|
return next;
|
|
26728
26759
|
});
|
|
@@ -26925,7 +26956,7 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
|
|
|
26925
26956
|
setProviderName(value);
|
|
26926
26957
|
if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
|
|
26927
26958
|
setFormErrors(function (prev) {
|
|
26928
|
-
var next = _objectSpread$
|
|
26959
|
+
var next = _objectSpread$4({}, prev);
|
|
26929
26960
|
delete next.providerName;
|
|
26930
26961
|
return next;
|
|
26931
26962
|
});
|
|
@@ -27665,8 +27696,8 @@ var ThemeDetail = function ThemeDetail(_ref6) {
|
|
|
27665
27696
|
});
|
|
27666
27697
|
};
|
|
27667
27698
|
|
|
27668
|
-
function ownKeys$
|
|
27669
|
-
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; }
|
|
27670
27701
|
var ThemesSection = function ThemesSection(_ref) {
|
|
27671
27702
|
var _ref$onOpenThemeEdito = _ref.onOpenThemeEditor,
|
|
27672
27703
|
onOpenThemeEditor = _ref$onOpenThemeEdito === void 0 ? null : _ref$onOpenThemeEdito,
|
|
@@ -27744,7 +27775,7 @@ var ThemesSection = function ThemesSection(_ref) {
|
|
|
27744
27775
|
if (!wizardTheme || !wizardName.trim()) return;
|
|
27745
27776
|
if (!dashApi || !appId) return;
|
|
27746
27777
|
var key = wizardTheme.id || "theme-".concat(Date.now());
|
|
27747
|
-
var finalTheme = _objectSpread$
|
|
27778
|
+
var finalTheme = _objectSpread$3(_objectSpread$3({}, wizardTheme), {}, {
|
|
27748
27779
|
id: key,
|
|
27749
27780
|
name: wizardName.trim()
|
|
27750
27781
|
});
|
|
@@ -28941,8 +28972,8 @@ var useInstalledWidgets = function useInstalledWidgets() {
|
|
|
28941
28972
|
};
|
|
28942
28973
|
};
|
|
28943
28974
|
|
|
28944
|
-
function ownKeys$
|
|
28945
|
-
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; }
|
|
28946
28977
|
var WidgetsSection = function WidgetsSection(_ref) {
|
|
28947
28978
|
var _ref$workspaces = _ref.workspaces,
|
|
28948
28979
|
workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces;
|
|
@@ -29514,7 +29545,7 @@ var WidgetsSection = function WidgetsSection(_ref) {
|
|
|
29514
29545
|
listContent: listContent,
|
|
29515
29546
|
detailContent: detailContent,
|
|
29516
29547
|
emptyDetailMessage: "Select a widget to view details"
|
|
29517
|
-
}), /*#__PURE__*/jsx(ConfirmationModal, _objectSpread$
|
|
29548
|
+
}), /*#__PURE__*/jsx(ConfirmationModal, _objectSpread$2(_objectSpread$2({
|
|
29518
29549
|
isOpen: !!deleteTarget,
|
|
29519
29550
|
setIsOpen: function setIsOpen() {
|
|
29520
29551
|
setDeleteTarget(null);
|
|
@@ -31019,8 +31050,8 @@ var WidgetSidebar = function WidgetSidebar(_ref4) {
|
|
|
31019
31050
|
});
|
|
31020
31051
|
};
|
|
31021
31052
|
|
|
31022
|
-
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; }
|
|
31023
|
-
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; }
|
|
31024
31055
|
var DashboardStage = function DashboardStage(_ref) {
|
|
31025
31056
|
var dashApi = _ref.dashApi,
|
|
31026
31057
|
credentials = _ref.credentials,
|
|
@@ -31226,7 +31257,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
31226
31257
|
// Sync fresh workspace data to existing tab
|
|
31227
31258
|
setOpenTabs(function (prev) {
|
|
31228
31259
|
return prev.map(function (tab) {
|
|
31229
|
-
return tab.id === existingTab.id ? _objectSpread(_objectSpread({}, tab), {}, {
|
|
31260
|
+
return tab.id === existingTab.id ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
|
|
31230
31261
|
name: workspaceItem.name || "Untitled",
|
|
31231
31262
|
workspace: workspaceItem
|
|
31232
31263
|
}) : tab;
|
|
@@ -31271,7 +31302,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
31271
31302
|
if (!ws) return;
|
|
31272
31303
|
setOpenTabs(function (prev) {
|
|
31273
31304
|
return prev.map(function (tab) {
|
|
31274
|
-
return tab.id === ws.id ? _objectSpread(_objectSpread({}, tab), {}, {
|
|
31305
|
+
return tab.id === ws.id ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
|
|
31275
31306
|
name: ws.name || "Untitled",
|
|
31276
31307
|
workspace: ws
|
|
31277
31308
|
}) : tab;
|
|
@@ -31346,7 +31377,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
31346
31377
|
if (activeTabId) {
|
|
31347
31378
|
setOpenTabs(function (prev) {
|
|
31348
31379
|
return prev.map(function (tab) {
|
|
31349
|
-
return tab.id === activeTabId ? _objectSpread(_objectSpread({}, tab), {}, {
|
|
31380
|
+
return tab.id === activeTabId ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
|
|
31350
31381
|
name: wsModel.name || "Untitled",
|
|
31351
31382
|
workspace: wsModel
|
|
31352
31383
|
}) : tab;
|
|
@@ -31371,8 +31402,8 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
31371
31402
|
if (workspaceSelected && widgetId) {
|
|
31372
31403
|
// Build widget-specific provider selections
|
|
31373
31404
|
var currentSelections = workspaceSelected.selectedProviders || {};
|
|
31374
|
-
var updatedWorkspace = _objectSpread(_objectSpread({}, workspaceSelected), {}, {
|
|
31375
|
-
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))
|
|
31376
31407
|
});
|
|
31377
31408
|
|
|
31378
31409
|
// Update the tab's workspace reference
|
|
@@ -31397,7 +31428,8 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
31397
31428
|
onProviderSelect: handleProviderSelect,
|
|
31398
31429
|
onTogglePreview: handleToggleEditMode,
|
|
31399
31430
|
editMode: editMode,
|
|
31400
|
-
workspaceRef: currentWorkspaceRef
|
|
31431
|
+
workspaceRef: currentWorkspaceRef,
|
|
31432
|
+
onWidgetPopout: popout ? null : handleWidgetPopout
|
|
31401
31433
|
}, "LayoutBuilder-".concat(workspaceItem["id"])) : null;
|
|
31402
31434
|
} catch (e) {
|
|
31403
31435
|
return null;
|
|
@@ -31557,7 +31589,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
31557
31589
|
if (savedWs) {
|
|
31558
31590
|
setOpenTabs(function (prev) {
|
|
31559
31591
|
return prev.map(function (tab) {
|
|
31560
|
-
return tab.id === activeTabId ? _objectSpread(_objectSpread({}, tab), {}, {
|
|
31592
|
+
return tab.id === activeTabId ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
|
|
31561
31593
|
name: savedWs.name || "Untitled",
|
|
31562
31594
|
workspace: savedWs
|
|
31563
31595
|
}) : tab;
|
|
@@ -31604,6 +31636,12 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
31604
31636
|
window.mainApi.popout.open(workspaceSelected.id);
|
|
31605
31637
|
}
|
|
31606
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
|
+
}
|
|
31607
31645
|
return /*#__PURE__*/jsxs(LayoutContainer, {
|
|
31608
31646
|
padding: false,
|
|
31609
31647
|
space: false,
|
|
@@ -32008,6 +32046,147 @@ var DashboardMonitor = function DashboardMonitor() {
|
|
|
32008
32046
|
});
|
|
32009
32047
|
};
|
|
32010
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
|
+
|
|
32011
32190
|
var DashNavbar = function DashNavbar(_ref) {
|
|
32012
32191
|
var _ref$onOpenCommandPal = _ref.onOpenCommandPalette,
|
|
32013
32192
|
onOpenCommandPalette = _ref$onOpenCommandPal === void 0 ? null : _ref$onOpenCommandPal,
|
|
@@ -33009,5 +33188,5 @@ var WorkspaceMenu = function WorkspaceMenu(_ref) {
|
|
|
33009
33188
|
|
|
33010
33189
|
ComponentManager.registerContainerTypes(LayoutContainer, LayoutGridContainer);
|
|
33011
33190
|
|
|
33012
|
-
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 };
|
|
33013
33192
|
//# sourceMappingURL=index.esm.js.map
|