@trops/dash-core 0.1.305 → 0.1.312
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 +1194 -370
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1195 -369
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -49,8 +49,8 @@ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
|
49
49
|
var jsxRuntime__namespace = /*#__PURE__*/_interopNamespaceDefault(jsxRuntime);
|
|
50
50
|
var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
|
|
51
51
|
|
|
52
|
-
function ownKeys$
|
|
53
|
-
function _objectSpread$
|
|
52
|
+
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; }
|
|
53
|
+
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; }
|
|
54
54
|
var event = {
|
|
55
55
|
list: new Map(),
|
|
56
56
|
// Map(1) { '<widget-UUID>' => { 'CustomSearchbar[10].searchQueryChanged': [] } }
|
|
@@ -112,7 +112,7 @@ var event = {
|
|
|
112
112
|
uuid: subscriber["uuid"]
|
|
113
113
|
};
|
|
114
114
|
if ("action" in subscriber && subscriber.action !== undefined) {
|
|
115
|
-
subscriber["action"](_objectSpread$
|
|
115
|
+
subscriber["action"](_objectSpread$N({}, objectToSend));
|
|
116
116
|
}
|
|
117
117
|
});
|
|
118
118
|
}
|
|
@@ -2646,8 +2646,8 @@ var DashboardWrapper = function DashboardWrapper(_ref) {
|
|
|
2646
2646
|
});
|
|
2647
2647
|
};
|
|
2648
2648
|
|
|
2649
|
-
function ownKeys$
|
|
2650
|
-
function _objectSpread$
|
|
2649
|
+
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; }
|
|
2650
|
+
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; }
|
|
2651
2651
|
var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
|
|
2652
2652
|
var themeKey = _ref.themeKey,
|
|
2653
2653
|
children = _ref.children;
|
|
@@ -2659,7 +2659,7 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
|
|
|
2659
2659
|
var dashboardTheme = themes[themeKey];
|
|
2660
2660
|
var themeValue = dashboardTheme ? dashboardTheme[themeVariant] || null : null;
|
|
2661
2661
|
if (!themeValue) return null;
|
|
2662
|
-
return _objectSpread$
|
|
2662
|
+
return _objectSpread$M(_objectSpread$M({}, parentContext), {}, {
|
|
2663
2663
|
currentTheme: themeValue,
|
|
2664
2664
|
currentThemeKey: themeKey,
|
|
2665
2665
|
theme: themeValue,
|
|
@@ -2677,8 +2677,8 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
|
|
|
2677
2677
|
});
|
|
2678
2678
|
};
|
|
2679
2679
|
|
|
2680
|
-
function ownKeys$
|
|
2681
|
-
function _objectSpread$
|
|
2680
|
+
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; }
|
|
2681
|
+
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; }
|
|
2682
2682
|
var AppThemeScope = function AppThemeScope(_ref) {
|
|
2683
2683
|
var children = _ref.children;
|
|
2684
2684
|
var ctx = React.useContext(DashReact.ThemeContext);
|
|
@@ -2686,7 +2686,7 @@ var AppThemeScope = function AppThemeScope(_ref) {
|
|
|
2686
2686
|
children: children
|
|
2687
2687
|
});
|
|
2688
2688
|
return /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeContext.Provider, {
|
|
2689
|
-
value: _objectSpread$
|
|
2689
|
+
value: _objectSpread$L(_objectSpread$L({}, ctx), {}, {
|
|
2690
2690
|
currentTheme: ctx.appTheme,
|
|
2691
2691
|
currentThemeKey: ctx.appThemeKey,
|
|
2692
2692
|
theme: ctx.appTheme,
|
|
@@ -2798,8 +2798,8 @@ var LayoutContainer = function LayoutContainer(_ref) {
|
|
|
2798
2798
|
});
|
|
2799
2799
|
};
|
|
2800
2800
|
|
|
2801
|
-
function ownKeys$
|
|
2802
|
-
function _objectSpread$
|
|
2801
|
+
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; }
|
|
2802
|
+
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; }
|
|
2803
2803
|
function _createForOfIteratorHelper$k(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$k(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; } } }; }
|
|
2804
2804
|
function _unsupportedIterableToArray$k(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$k(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$k(r, a) : void 0; } }
|
|
2805
2805
|
function _arrayLikeToArray$k(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; }
|
|
@@ -3081,7 +3081,7 @@ function createLayoutFromTemplate(template) {
|
|
|
3081
3081
|
try {
|
|
3082
3082
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
3083
3083
|
var cell = _step.value;
|
|
3084
|
-
grid[cell.key] = _objectSpread$
|
|
3084
|
+
grid[cell.key] = _objectSpread$K({
|
|
3085
3085
|
component: null,
|
|
3086
3086
|
hide: cell.hide || false
|
|
3087
3087
|
}, cell.span ? {
|
|
@@ -4010,8 +4010,8 @@ var RegistryAuthModal = function RegistryAuthModal(_ref) {
|
|
|
4010
4010
|
function _createForOfIteratorHelper$j(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$j(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; } } }; }
|
|
4011
4011
|
function _unsupportedIterableToArray$j(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$j(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$j(r, a) : void 0; } }
|
|
4012
4012
|
function _arrayLikeToArray$j(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; }
|
|
4013
|
-
function ownKeys$
|
|
4014
|
-
function _objectSpread$
|
|
4013
|
+
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; }
|
|
4014
|
+
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; }
|
|
4015
4015
|
var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
|
|
4016
4016
|
var dashboardPackage = _ref.dashboardPackage,
|
|
4017
4017
|
appId = _ref.appId,
|
|
@@ -4127,7 +4127,7 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
|
|
|
4127
4127
|
setProgressWidgets(function (prev) {
|
|
4128
4128
|
var next = _toConsumableArray(prev);
|
|
4129
4129
|
if (data.index >= 0 && data.index < next.length) {
|
|
4130
|
-
next[data.index] = _objectSpread$
|
|
4130
|
+
next[data.index] = _objectSpread$J(_objectSpread$J({}, next[data.index]), {}, {
|
|
4131
4131
|
status: data.status,
|
|
4132
4132
|
error: data.error || null
|
|
4133
4133
|
});
|
|
@@ -4223,7 +4223,7 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
|
|
|
4223
4223
|
var raw = preview === null || preview === void 0 ? void 0 : preview.compatibility;
|
|
4224
4224
|
if (!raw) return raw;
|
|
4225
4225
|
var cMap = ComponentManager.componentMap();
|
|
4226
|
-
var augWidgets = _objectSpread$
|
|
4226
|
+
var augWidgets = _objectSpread$J({}, raw.widgets);
|
|
4227
4227
|
var fixedCount = 0;
|
|
4228
4228
|
var _loop = function _loop() {
|
|
4229
4229
|
var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
|
|
@@ -4699,8 +4699,8 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
|
|
|
4699
4699
|
});
|
|
4700
4700
|
};
|
|
4701
4701
|
|
|
4702
|
-
function ownKeys$
|
|
4703
|
-
function _objectSpread$
|
|
4702
|
+
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; }
|
|
4703
|
+
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; }
|
|
4704
4704
|
var LayoutManagerModal = function LayoutManagerModal(_ref) {
|
|
4705
4705
|
var open = _ref.open,
|
|
4706
4706
|
setIsOpen = _ref.setIsOpen,
|
|
@@ -4945,7 +4945,7 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
|
|
|
4945
4945
|
}
|
|
4946
4946
|
return _context2.abrupt("return");
|
|
4947
4947
|
case 6:
|
|
4948
|
-
updatedWorkspace = _objectSpread$
|
|
4948
|
+
updatedWorkspace = _objectSpread$I(_objectSpread$I({}, importedWorkspace), {}, {
|
|
4949
4949
|
name: dashboardName.trim(),
|
|
4950
4950
|
menuId: menuId,
|
|
4951
4951
|
themeKey: selectedThemeKey
|
|
@@ -6700,8 +6700,8 @@ function applyFilters(items, filters, mode) {
|
|
|
6700
6700
|
function _createForOfIteratorHelper$h(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$h(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; } } }; }
|
|
6701
6701
|
function _unsupportedIterableToArray$h(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$h(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$h(r, a) : void 0; } }
|
|
6702
6702
|
function _arrayLikeToArray$h(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; }
|
|
6703
|
-
function ownKeys$
|
|
6704
|
-
function _objectSpread$
|
|
6703
|
+
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; }
|
|
6704
|
+
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; }
|
|
6705
6705
|
var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
|
|
6706
6706
|
var _state$selectedDashbo, _state$selectedDashbo2;
|
|
6707
6707
|
var state = _ref.state,
|
|
@@ -6871,7 +6871,7 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
|
|
|
6871
6871
|
_context2.next = 7;
|
|
6872
6872
|
break;
|
|
6873
6873
|
}
|
|
6874
|
-
updatedWorkspace = _objectSpread$
|
|
6874
|
+
updatedWorkspace = _objectSpread$H(_objectSpread$H({}, installResult.workspace), {}, {
|
|
6875
6875
|
name: name.trim(),
|
|
6876
6876
|
menuId: menuId || 1,
|
|
6877
6877
|
themeKey: theme
|
|
@@ -7626,8 +7626,8 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
|
|
|
7626
7626
|
});
|
|
7627
7627
|
};
|
|
7628
7628
|
|
|
7629
|
-
function ownKeys$
|
|
7630
|
-
function _objectSpread$
|
|
7629
|
+
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; }
|
|
7630
|
+
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; }
|
|
7631
7631
|
var TOTAL_STEPS = 2; // Steps 0-1: Discover, Customize
|
|
7632
7632
|
|
|
7633
7633
|
var initialState = {
|
|
@@ -7653,20 +7653,20 @@ var initialState = {
|
|
|
7653
7653
|
function wizardReducer(state, action) {
|
|
7654
7654
|
switch (action.type) {
|
|
7655
7655
|
case "SET_STEP":
|
|
7656
|
-
return _objectSpread$
|
|
7656
|
+
return _objectSpread$G(_objectSpread$G({}, state), {}, {
|
|
7657
7657
|
step: action.payload
|
|
7658
7658
|
});
|
|
7659
7659
|
case "SET_FILTERS":
|
|
7660
|
-
return _objectSpread$
|
|
7661
|
-
filters: _objectSpread$
|
|
7660
|
+
return _objectSpread$G(_objectSpread$G({}, state), {}, {
|
|
7661
|
+
filters: _objectSpread$G(_objectSpread$G({}, state.filters), action.payload)
|
|
7662
7662
|
});
|
|
7663
7663
|
case "TOGGLE_FILTER_CATEGORY":
|
|
7664
7664
|
{
|
|
7665
7665
|
var categories = state.filters.categories.includes(action.payload) ? state.filters.categories.filter(function (c) {
|
|
7666
7666
|
return c !== action.payload;
|
|
7667
7667
|
}) : [].concat(_toConsumableArray(state.filters.categories), [action.payload]);
|
|
7668
|
-
return _objectSpread$
|
|
7669
|
-
filters: _objectSpread$
|
|
7668
|
+
return _objectSpread$G(_objectSpread$G({}, state), {}, {
|
|
7669
|
+
filters: _objectSpread$G(_objectSpread$G({}, state.filters), {}, {
|
|
7670
7670
|
categories: categories
|
|
7671
7671
|
})
|
|
7672
7672
|
});
|
|
@@ -7676,15 +7676,15 @@ function wizardReducer(state, action) {
|
|
|
7676
7676
|
var providers = state.filters.providers.includes(action.payload) ? state.filters.providers.filter(function (p) {
|
|
7677
7677
|
return p !== action.payload;
|
|
7678
7678
|
}) : [].concat(_toConsumableArray(state.filters.providers), [action.payload]);
|
|
7679
|
-
return _objectSpread$
|
|
7680
|
-
filters: _objectSpread$
|
|
7679
|
+
return _objectSpread$G(_objectSpread$G({}, state), {}, {
|
|
7680
|
+
filters: _objectSpread$G(_objectSpread$G({}, state.filters), {}, {
|
|
7681
7681
|
providers: providers
|
|
7682
7682
|
})
|
|
7683
7683
|
});
|
|
7684
7684
|
}
|
|
7685
7685
|
case "SET_SEARCH_QUERY":
|
|
7686
|
-
return _objectSpread$
|
|
7687
|
-
filters: _objectSpread$
|
|
7686
|
+
return _objectSpread$G(_objectSpread$G({}, state), {}, {
|
|
7687
|
+
filters: _objectSpread$G(_objectSpread$G({}, state.filters), {}, {
|
|
7688
7688
|
query: action.payload
|
|
7689
7689
|
})
|
|
7690
7690
|
});
|
|
@@ -7694,7 +7694,7 @@ function wizardReducer(state, action) {
|
|
|
7694
7694
|
var widgetOrder = action.payload.map(function (w) {
|
|
7695
7695
|
return w.name || w.key;
|
|
7696
7696
|
});
|
|
7697
|
-
return _objectSpread$
|
|
7697
|
+
return _objectSpread$G(_objectSpread$G({}, state), {}, {
|
|
7698
7698
|
selectedWidgets: action.payload,
|
|
7699
7699
|
layout: {
|
|
7700
7700
|
templateKey: templateKey,
|
|
@@ -7714,7 +7714,7 @@ function wizardReducer(state, action) {
|
|
|
7714
7714
|
var toggleWidgetOrder = selectedWidgets.map(function (w) {
|
|
7715
7715
|
return w.name || w.key;
|
|
7716
7716
|
});
|
|
7717
|
-
return _objectSpread$
|
|
7717
|
+
return _objectSpread$G(_objectSpread$G({}, state), {}, {
|
|
7718
7718
|
selectedWidgets: selectedWidgets,
|
|
7719
7719
|
layout: {
|
|
7720
7720
|
templateKey: toggleTemplateKey,
|
|
@@ -7723,29 +7723,29 @@ function wizardReducer(state, action) {
|
|
|
7723
7723
|
});
|
|
7724
7724
|
}
|
|
7725
7725
|
case "SET_SELECTED_DASHBOARD":
|
|
7726
|
-
return _objectSpread$
|
|
7726
|
+
return _objectSpread$G(_objectSpread$G({}, state), {}, {
|
|
7727
7727
|
selectedDashboard: action.payload
|
|
7728
7728
|
});
|
|
7729
7729
|
case "SET_PATH":
|
|
7730
|
-
return _objectSpread$
|
|
7730
|
+
return _objectSpread$G(_objectSpread$G({}, state), {}, {
|
|
7731
7731
|
path: action.payload
|
|
7732
7732
|
});
|
|
7733
7733
|
case "SET_LAYOUT":
|
|
7734
|
-
return _objectSpread$
|
|
7734
|
+
return _objectSpread$G(_objectSpread$G({}, state), {}, {
|
|
7735
7735
|
layout: action.payload
|
|
7736
7736
|
});
|
|
7737
7737
|
case "REORDER_WIDGETS":
|
|
7738
|
-
return _objectSpread$
|
|
7739
|
-
layout: _objectSpread$
|
|
7738
|
+
return _objectSpread$G(_objectSpread$G({}, state), {}, {
|
|
7739
|
+
layout: _objectSpread$G(_objectSpread$G({}, state.layout), {}, {
|
|
7740
7740
|
widgetOrder: action.payload
|
|
7741
7741
|
})
|
|
7742
7742
|
});
|
|
7743
7743
|
case "SET_CUSTOMIZATION":
|
|
7744
|
-
return _objectSpread$
|
|
7745
|
-
customization: _objectSpread$
|
|
7744
|
+
return _objectSpread$G(_objectSpread$G({}, state), {}, {
|
|
7745
|
+
customization: _objectSpread$G(_objectSpread$G({}, state.customization), action.payload)
|
|
7746
7746
|
});
|
|
7747
7747
|
case "RESET":
|
|
7748
|
-
return _objectSpread$
|
|
7748
|
+
return _objectSpread$G({}, initialState);
|
|
7749
7749
|
default:
|
|
7750
7750
|
return state;
|
|
7751
7751
|
}
|
|
@@ -12397,8 +12397,8 @@ var deepEqual = function deepEqual(a, b, opts) {
|
|
|
12397
12397
|
|
|
12398
12398
|
var deepEqual$1 = /*@__PURE__*/getDefaultExportFromCjs(deepEqual);
|
|
12399
12399
|
|
|
12400
|
-
function ownKeys$
|
|
12401
|
-
function _objectSpread$
|
|
12400
|
+
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; }
|
|
12401
|
+
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; }
|
|
12402
12402
|
var PanelEditItem = function PanelEditItem(_ref) {
|
|
12403
12403
|
var _ComponentManager$get;
|
|
12404
12404
|
var workspace = _ref.workspace,
|
|
@@ -12458,7 +12458,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
|
|
|
12458
12458
|
var uuid = newItem.uuid || newItem.uuidString;
|
|
12459
12459
|
if (uuid) {
|
|
12460
12460
|
workspaceTemp.selectedProviders = workspaceTemp.selectedProviders || {};
|
|
12461
|
-
workspaceTemp.selectedProviders[uuid] = _objectSpread$
|
|
12461
|
+
workspaceTemp.selectedProviders[uuid] = _objectSpread$F(_objectSpread$F({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
|
|
12462
12462
|
}
|
|
12463
12463
|
onUpdate(newItem, workspaceTemp);
|
|
12464
12464
|
forceUpdate();
|
|
@@ -12587,7 +12587,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
|
|
|
12587
12587
|
var _ref5 = _slicedToArray(_ref4, 2),
|
|
12588
12588
|
name = _ref5[0],
|
|
12589
12589
|
p = _ref5[1];
|
|
12590
|
-
return _objectSpread$
|
|
12590
|
+
return _objectSpread$F({
|
|
12591
12591
|
name: name
|
|
12592
12592
|
}, p);
|
|
12593
12593
|
});
|
|
@@ -12632,8 +12632,8 @@ var _excluded$5 = ["rows", "cols"];
|
|
|
12632
12632
|
function _createForOfIteratorHelper$g(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$g(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; } } }; }
|
|
12633
12633
|
function _unsupportedIterableToArray$g(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$g(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$g(r, a) : void 0; } }
|
|
12634
12634
|
function _arrayLikeToArray$g(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; }
|
|
12635
|
-
function ownKeys$
|
|
12636
|
-
function _objectSpread$
|
|
12635
|
+
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; }
|
|
12636
|
+
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; }
|
|
12637
12637
|
var defaultGrid = {
|
|
12638
12638
|
rows: 1,
|
|
12639
12639
|
cols: 1,
|
|
@@ -12654,7 +12654,7 @@ function GridEditor(_ref) {
|
|
|
12654
12654
|
setGrid = _useState2[1];
|
|
12655
12655
|
var addRow = function addRow() {
|
|
12656
12656
|
var newRow = grid.rows;
|
|
12657
|
-
var newGrid = _objectSpread$
|
|
12657
|
+
var newGrid = _objectSpread$E(_objectSpread$E({}, grid), {}, {
|
|
12658
12658
|
rows: grid.rows + 1
|
|
12659
12659
|
});
|
|
12660
12660
|
for (var col = 0; col < grid.cols; col++) {
|
|
@@ -12669,7 +12669,7 @@ function GridEditor(_ref) {
|
|
|
12669
12669
|
};
|
|
12670
12670
|
var addColumn = function addColumn() {
|
|
12671
12671
|
var newCol = grid.cols;
|
|
12672
|
-
var newGrid = _objectSpread$
|
|
12672
|
+
var newGrid = _objectSpread$E(_objectSpread$E({}, grid), {}, {
|
|
12673
12673
|
cols: grid.cols + 1
|
|
12674
12674
|
});
|
|
12675
12675
|
for (var row = 0; row < grid.rows; row++) {
|
|
@@ -12702,8 +12702,8 @@ function GridEditor(_ref) {
|
|
|
12702
12702
|
});
|
|
12703
12703
|
}
|
|
12704
12704
|
if (grid[nextKey]) {
|
|
12705
|
-
var newGrid = _objectSpread$
|
|
12706
|
-
newGrid[currentKey] = _objectSpread$
|
|
12705
|
+
var newGrid = _objectSpread$E({}, grid);
|
|
12706
|
+
newGrid[currentKey] = _objectSpread$E(_objectSpread$E({}, newGrid[currentKey]), {}, {
|
|
12707
12707
|
colSpan: newGrid[currentKey].colSpan + 1
|
|
12708
12708
|
});
|
|
12709
12709
|
delete newGrid[nextKey];
|
|
@@ -12716,8 +12716,8 @@ function GridEditor(_ref) {
|
|
|
12716
12716
|
var currentKey = "".concat(row, ".").concat(col);
|
|
12717
12717
|
var belowKey = "".concat(row + 1, ".").concat(col);
|
|
12718
12718
|
if (grid[belowKey]) {
|
|
12719
|
-
var newGrid = _objectSpread$
|
|
12720
|
-
newGrid[currentKey] = _objectSpread$
|
|
12719
|
+
var newGrid = _objectSpread$E({}, grid);
|
|
12720
|
+
newGrid[currentKey] = _objectSpread$E(_objectSpread$E({}, newGrid[currentKey]), {}, {
|
|
12721
12721
|
rowSpan: newGrid[currentKey].rowSpan + 1
|
|
12722
12722
|
});
|
|
12723
12723
|
delete newGrid[belowKey];
|
|
@@ -12734,7 +12734,7 @@ function GridEditor(_ref) {
|
|
|
12734
12734
|
var splitCell = function splitCell(row, col) {
|
|
12735
12735
|
var key = "".concat(row, ".").concat(col);
|
|
12736
12736
|
var cell = grid[key];
|
|
12737
|
-
var newGrid = _objectSpread$
|
|
12737
|
+
var newGrid = _objectSpread$E({}, grid);
|
|
12738
12738
|
|
|
12739
12739
|
// we have to check the colspan, and since the colspan is greater than 1
|
|
12740
12740
|
// Only handle horizontal split if colSpan > 1
|
|
@@ -12750,13 +12750,13 @@ function GridEditor(_ref) {
|
|
|
12750
12750
|
var oldKey = "".concat(row, ".").concat(c);
|
|
12751
12751
|
var newKey = "".concat(row, ".").concat(c + 1);
|
|
12752
12752
|
if (newGrid[oldKey]) {
|
|
12753
|
-
newGrid[newKey] = _objectSpread$
|
|
12753
|
+
newGrid[newKey] = _objectSpread$E({}, newGrid[oldKey]);
|
|
12754
12754
|
delete newGrid[oldKey];
|
|
12755
12755
|
}
|
|
12756
12756
|
}
|
|
12757
12757
|
|
|
12758
12758
|
// Update the original cell's colSpan
|
|
12759
|
-
newGrid[key] = _objectSpread$
|
|
12759
|
+
newGrid[key] = _objectSpread$E(_objectSpread$E({}, cell), {}, {
|
|
12760
12760
|
colSpan: cell.colSpan - 1
|
|
12761
12761
|
});
|
|
12762
12762
|
|
|
@@ -12768,7 +12768,7 @@ function GridEditor(_ref) {
|
|
|
12768
12768
|
};
|
|
12769
12769
|
}
|
|
12770
12770
|
if (cell.rowSpan > 1) {
|
|
12771
|
-
newGrid[key] = _objectSpread$
|
|
12771
|
+
newGrid[key] = _objectSpread$E(_objectSpread$E({}, newGrid[key]), {}, {
|
|
12772
12772
|
rowSpan: cell.rowSpan - 1
|
|
12773
12773
|
});
|
|
12774
12774
|
newGrid["".concat(row + 1, ".").concat(col)] = {
|
|
@@ -12887,7 +12887,7 @@ function GridEditor(_ref) {
|
|
|
12887
12887
|
var fromKey = "".concat(from.row, ".").concat(from.col);
|
|
12888
12888
|
var toKey = "".concat(to.row, ".").concat(to.col);
|
|
12889
12889
|
if (fromKey === toKey) return;
|
|
12890
|
-
var newGrid = _objectSpread$
|
|
12890
|
+
var newGrid = _objectSpread$E({}, grid);
|
|
12891
12891
|
|
|
12892
12892
|
// Swap the cells
|
|
12893
12893
|
var temp = newGrid[fromKey];
|
|
@@ -12913,7 +12913,7 @@ function GridEditor(_ref) {
|
|
|
12913
12913
|
// console.log("Grid updated:", sequencedGrid);
|
|
12914
12914
|
}
|
|
12915
12915
|
function resetGridLayout() {
|
|
12916
|
-
var newGrid = _objectSpread$
|
|
12916
|
+
var newGrid = _objectSpread$E({}, defaultGrid);
|
|
12917
12917
|
setGrid(newGrid);
|
|
12918
12918
|
onUpdate(newGrid);
|
|
12919
12919
|
}
|
|
@@ -13191,8 +13191,8 @@ var PanelEditItemGrid = function PanelEditItemGrid(_ref) {
|
|
|
13191
13191
|
});
|
|
13192
13192
|
};
|
|
13193
13193
|
|
|
13194
|
-
function ownKeys$
|
|
13195
|
-
function _objectSpread$
|
|
13194
|
+
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; }
|
|
13195
|
+
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; }
|
|
13196
13196
|
var PanelEditItemNotifications = function PanelEditItemNotifications(_ref) {
|
|
13197
13197
|
var item = _ref.item;
|
|
13198
13198
|
_ref.workspace;
|
|
@@ -13215,7 +13215,7 @@ var PanelEditItemNotifications = function PanelEditItemNotifications(_ref) {
|
|
|
13215
13215
|
}, [widgetUuid, notificationDefs.length]);
|
|
13216
13216
|
function handleNotifToggle(typeKey, value) {
|
|
13217
13217
|
var _window$mainApi2;
|
|
13218
|
-
var updated = _objectSpread$
|
|
13218
|
+
var updated = _objectSpread$D(_objectSpread$D({}, notifPrefs), {}, _defineProperty({}, typeKey, value));
|
|
13219
13219
|
setNotifPrefs(updated);
|
|
13220
13220
|
if ((_window$mainApi2 = window.mainApi) !== null && _window$mainApi2 !== void 0 && (_window$mainApi2 = _window$mainApi2.notifications) !== null && _window$mainApi2 !== void 0 && _window$mainApi2.setPreferences && widgetUuid) {
|
|
13221
13221
|
window.mainApi.notifications.setPreferences(widgetUuid, _defineProperty({}, typeKey, value));
|
|
@@ -13260,8 +13260,8 @@ var PanelEditItemNotifications = function PanelEditItemNotifications(_ref) {
|
|
|
13260
13260
|
function _createForOfIteratorHelper$f(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$f(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; } } }; }
|
|
13261
13261
|
function _unsupportedIterableToArray$f(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$f(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$f(r, a) : void 0; } }
|
|
13262
13262
|
function _arrayLikeToArray$f(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; }
|
|
13263
|
-
function ownKeys$
|
|
13264
|
-
function _objectSpread$
|
|
13263
|
+
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; }
|
|
13264
|
+
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; }
|
|
13265
13265
|
var DAYS = [{
|
|
13266
13266
|
key: "mon",
|
|
13267
13267
|
label: "Mon"
|
|
@@ -13362,7 +13362,7 @@ function TaskScheduleEditor(_ref) {
|
|
|
13362
13362
|
var _window$mainApi;
|
|
13363
13363
|
var overrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
13364
13364
|
if (!((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.scheduler) !== null && _window$mainApi !== void 0 && _window$mainApi.registerTask)) return;
|
|
13365
|
-
var payload = _objectSpread$
|
|
13365
|
+
var payload = _objectSpread$C({
|
|
13366
13366
|
widgetId: widgetId,
|
|
13367
13367
|
widgetName: widgetName,
|
|
13368
13368
|
workspaceId: workspaceId || "",
|
|
@@ -13844,8 +13844,22 @@ var PanelEditItemHandlers = function PanelEditItemHandlers(_ref) {
|
|
|
13844
13844
|
return array.indexOf(value) === index;
|
|
13845
13845
|
}) : [];
|
|
13846
13846
|
|
|
13847
|
-
// Get available source widgets
|
|
13848
|
-
|
|
13847
|
+
// Get available source widgets from ALL pages + sidebar + root layout
|
|
13848
|
+
function getAllWidgetLayouts(ws) {
|
|
13849
|
+
var _ws$pages;
|
|
13850
|
+
if (!ws) return [];
|
|
13851
|
+
var all = _toConsumableArray(Array.isArray(ws.layout) ? ws.layout : []);
|
|
13852
|
+
if (((_ws$pages = ws.pages) === null || _ws$pages === void 0 ? void 0 : _ws$pages.length) > 0) {
|
|
13853
|
+
ws.pages.forEach(function (page) {
|
|
13854
|
+
if (Array.isArray(page.layout)) all.push.apply(all, _toConsumableArray(page.layout));
|
|
13855
|
+
});
|
|
13856
|
+
}
|
|
13857
|
+
if (Array.isArray(ws.sidebarLayout) && ws.sidebarLayout.length > 0) {
|
|
13858
|
+
all.push.apply(all, _toConsumableArray(ws.sidebarLayout));
|
|
13859
|
+
}
|
|
13860
|
+
return all;
|
|
13861
|
+
}
|
|
13862
|
+
var layoutArray = getAllWidgetLayouts(workspaceSelected);
|
|
13849
13863
|
var sourceWidgets = layoutArray.filter(function (l) {
|
|
13850
13864
|
return l["component"] !== "Container" && l["component"] !== "LayoutContainer";
|
|
13851
13865
|
}).filter(function (e) {
|
|
@@ -15633,8 +15647,8 @@ var WidgetIcon = function WidgetIcon(_ref) {
|
|
|
15633
15647
|
});
|
|
15634
15648
|
};
|
|
15635
15649
|
|
|
15636
|
-
function ownKeys$
|
|
15637
|
-
function _objectSpread$
|
|
15650
|
+
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; }
|
|
15651
|
+
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; }
|
|
15638
15652
|
var ProviderForm = function ProviderForm(_ref) {
|
|
15639
15653
|
var credentialSchema = _ref.credentialSchema,
|
|
15640
15654
|
_ref$initialValues = _ref.initialValues,
|
|
@@ -15679,14 +15693,14 @@ var ProviderForm = function ProviderForm(_ref) {
|
|
|
15679
15693
|
var oldKey = f.key;
|
|
15680
15694
|
if (oldKey && formData[oldKey] !== undefined) {
|
|
15681
15695
|
setFormData(function (fd) {
|
|
15682
|
-
var updated = _objectSpread$
|
|
15696
|
+
var updated = _objectSpread$B({}, fd);
|
|
15683
15697
|
var val = updated[oldKey];
|
|
15684
15698
|
delete updated[oldKey];
|
|
15685
15699
|
if (newKey.trim()) updated[newKey] = val;
|
|
15686
15700
|
return updated;
|
|
15687
15701
|
});
|
|
15688
15702
|
}
|
|
15689
|
-
return _objectSpread$
|
|
15703
|
+
return _objectSpread$B(_objectSpread$B({}, f), {}, {
|
|
15690
15704
|
key: newKey
|
|
15691
15705
|
});
|
|
15692
15706
|
});
|
|
@@ -15698,14 +15712,14 @@ var ProviderForm = function ProviderForm(_ref) {
|
|
|
15698
15712
|
});
|
|
15699
15713
|
if (field !== null && field !== void 0 && field.key) {
|
|
15700
15714
|
setFormData(function (prev) {
|
|
15701
|
-
return _objectSpread$
|
|
15715
|
+
return _objectSpread$B(_objectSpread$B({}, prev), {}, _defineProperty({}, field.key, value));
|
|
15702
15716
|
});
|
|
15703
15717
|
}
|
|
15704
15718
|
};
|
|
15705
15719
|
var handleDynamicSecretToggle = function handleDynamicSecretToggle(id) {
|
|
15706
15720
|
setDynamicFields(function (prev) {
|
|
15707
15721
|
return prev.map(function (f) {
|
|
15708
|
-
return f.id === id ? _objectSpread$
|
|
15722
|
+
return f.id === id ? _objectSpread$B(_objectSpread$B({}, f), {}, {
|
|
15709
15723
|
secret: !f.secret
|
|
15710
15724
|
}) : f;
|
|
15711
15725
|
});
|
|
@@ -15727,7 +15741,7 @@ var ProviderForm = function ProviderForm(_ref) {
|
|
|
15727
15741
|
});
|
|
15728
15742
|
if (field !== null && field !== void 0 && field.key) {
|
|
15729
15743
|
setFormData(function (prev) {
|
|
15730
|
-
var updated = _objectSpread$
|
|
15744
|
+
var updated = _objectSpread$B({}, prev);
|
|
15731
15745
|
delete updated[field.key];
|
|
15732
15746
|
return updated;
|
|
15733
15747
|
});
|
|
@@ -15769,13 +15783,13 @@ var ProviderForm = function ProviderForm(_ref) {
|
|
|
15769
15783
|
*/
|
|
15770
15784
|
var handleInputChange = function handleInputChange(fieldName, value) {
|
|
15771
15785
|
setFormData(function (prev) {
|
|
15772
|
-
return _objectSpread$
|
|
15786
|
+
return _objectSpread$B(_objectSpread$B({}, prev), {}, _defineProperty({}, fieldName, value));
|
|
15773
15787
|
});
|
|
15774
15788
|
|
|
15775
15789
|
// Clear error for this field if it was filled
|
|
15776
15790
|
if (errors[fieldName] && value !== null && value !== void 0 && value.trim()) {
|
|
15777
15791
|
setErrors(function (prev) {
|
|
15778
|
-
var newErrors = _objectSpread$
|
|
15792
|
+
var newErrors = _objectSpread$B({}, prev);
|
|
15779
15793
|
delete newErrors[fieldName];
|
|
15780
15794
|
return newErrors;
|
|
15781
15795
|
});
|
|
@@ -15813,7 +15827,7 @@ var ProviderForm = function ProviderForm(_ref) {
|
|
|
15813
15827
|
// Clear error if filled
|
|
15814
15828
|
if (errors.providerName && value !== null && value !== void 0 && value.trim()) {
|
|
15815
15829
|
setErrors(function (prev) {
|
|
15816
|
-
var newErrors = _objectSpread$
|
|
15830
|
+
var newErrors = _objectSpread$B({}, prev);
|
|
15817
15831
|
delete newErrors.providerName;
|
|
15818
15832
|
return newErrors;
|
|
15819
15833
|
});
|
|
@@ -16050,8 +16064,8 @@ var ToolSelector = function ToolSelector(_ref) {
|
|
|
16050
16064
|
});
|
|
16051
16065
|
};
|
|
16052
16066
|
|
|
16053
|
-
function ownKeys$
|
|
16054
|
-
function _objectSpread$
|
|
16067
|
+
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; }
|
|
16068
|
+
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; }
|
|
16055
16069
|
/**
|
|
16056
16070
|
* Shared MCP utility functions.
|
|
16057
16071
|
*
|
|
@@ -16179,7 +16193,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
|
|
|
16179
16193
|
headerTemplate[name] = value;
|
|
16180
16194
|
}
|
|
16181
16195
|
});
|
|
16182
|
-
var config = _objectSpread$
|
|
16196
|
+
var config = _objectSpread$A({}, baseMcpConfig);
|
|
16183
16197
|
if (Object.keys(headerTemplate).length > 0) {
|
|
16184
16198
|
config.headerTemplate = headerTemplate;
|
|
16185
16199
|
} else {
|
|
@@ -16197,7 +16211,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
|
|
|
16197
16211
|
envMapping[env] = cred;
|
|
16198
16212
|
}
|
|
16199
16213
|
});
|
|
16200
|
-
return _objectSpread$
|
|
16214
|
+
return _objectSpread$A(_objectSpread$A({}, baseMcpConfig), {}, {
|
|
16201
16215
|
envMapping: envMapping
|
|
16202
16216
|
});
|
|
16203
16217
|
}
|
|
@@ -16441,8 +16455,8 @@ var getUserConfigurableProviders = function getUserConfigurableProviders(provide
|
|
|
16441
16455
|
function _createForOfIteratorHelper$e(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$e(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; } } }; }
|
|
16442
16456
|
function _unsupportedIterableToArray$e(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$e(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$e(r, a) : void 0; } }
|
|
16443
16457
|
function _arrayLikeToArray$e(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; }
|
|
16444
|
-
function ownKeys$
|
|
16445
|
-
function _objectSpread$
|
|
16458
|
+
function ownKeys$z(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; }
|
|
16459
|
+
function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16446
16460
|
var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
16447
16461
|
var isOpen = _ref.isOpen,
|
|
16448
16462
|
onClose = _ref.onClose,
|
|
@@ -16637,7 +16651,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
16637
16651
|
.map(function (entry) {
|
|
16638
16652
|
var widget = allWidgets[entry.widgetKey];
|
|
16639
16653
|
if (!widget) return null; // Widget no longer exists
|
|
16640
|
-
return _objectSpread$
|
|
16654
|
+
return _objectSpread$z(_objectSpread$z({
|
|
16641
16655
|
key: entry.widgetKey
|
|
16642
16656
|
}, widget), {}, {
|
|
16643
16657
|
savedProviders: entry.providers || {},
|
|
@@ -16788,7 +16802,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
16788
16802
|
// Get widgets from ComponentManager
|
|
16789
16803
|
var allWidgets = ComponentManager.map();
|
|
16790
16804
|
var widgetList = Object.keys(allWidgets).map(function (key) {
|
|
16791
|
-
return _objectSpread$
|
|
16805
|
+
return _objectSpread$z({
|
|
16792
16806
|
key: key
|
|
16793
16807
|
}, allWidgets[key]);
|
|
16794
16808
|
}).filter(function (widget) {
|
|
@@ -17019,7 +17033,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
17019
17033
|
setInlineCreateType(null);
|
|
17020
17034
|
setInlineCreateSchema({});
|
|
17021
17035
|
setInlineCreateError(null);
|
|
17022
|
-
setSelectedProviders(_objectSpread$
|
|
17036
|
+
setSelectedProviders(_objectSpread$z(_objectSpread$z({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
|
|
17023
17037
|
}
|
|
17024
17038
|
};
|
|
17025
17039
|
var handleInlineProviderSubmit = function handleInlineProviderSubmit(formData) {
|
|
@@ -17040,7 +17054,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
17040
17054
|
|
|
17041
17055
|
// Auto-select the newly created provider
|
|
17042
17056
|
setSelectedProviders(function (prev) {
|
|
17043
|
-
return _objectSpread$
|
|
17057
|
+
return _objectSpread$z(_objectSpread$z({}, prev), {}, _defineProperty({}, providerType, providerName));
|
|
17044
17058
|
});
|
|
17045
17059
|
|
|
17046
17060
|
// Collapse the inline form
|
|
@@ -17094,11 +17108,11 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
17094
17108
|
};
|
|
17095
17109
|
var inlineHandleCredentialChange = function inlineHandleCredentialChange(fieldName, value) {
|
|
17096
17110
|
setInlineCredentialData(function (prev) {
|
|
17097
|
-
return _objectSpread$
|
|
17111
|
+
return _objectSpread$z(_objectSpread$z({}, prev), {}, _defineProperty({}, fieldName, value));
|
|
17098
17112
|
});
|
|
17099
17113
|
if (inlineFormErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
|
|
17100
17114
|
setInlineFormErrors(function (prev) {
|
|
17101
|
-
var next = _objectSpread$
|
|
17115
|
+
var next = _objectSpread$z({}, prev);
|
|
17102
17116
|
delete next[fieldName];
|
|
17103
17117
|
return next;
|
|
17104
17118
|
});
|
|
@@ -17191,7 +17205,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
17191
17205
|
refreshProviders();
|
|
17192
17206
|
}
|
|
17193
17207
|
setSelectedProviders(function (prev) {
|
|
17194
|
-
return _objectSpread$
|
|
17208
|
+
return _objectSpread$z(_objectSpread$z({}, prev), {}, _defineProperty({}, providerType, providerName));
|
|
17195
17209
|
});
|
|
17196
17210
|
|
|
17197
17211
|
// Reset stepper state
|
|
@@ -17212,7 +17226,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
17212
17226
|
});
|
|
17213
17227
|
};
|
|
17214
17228
|
var handleConfigChange = function handleConfigChange(key, value) {
|
|
17215
|
-
setUserConfigValues(_objectSpread$
|
|
17229
|
+
setUserConfigValues(_objectSpread$z(_objectSpread$z({}, userConfigValues), {}, _defineProperty({}, key, value)));
|
|
17216
17230
|
};
|
|
17217
17231
|
|
|
17218
17232
|
// Install a package from the registry
|
|
@@ -17278,7 +17292,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
17278
17292
|
// Mark items as installed
|
|
17279
17293
|
setProgressWidgets(function (prev) {
|
|
17280
17294
|
return prev.map(function (w) {
|
|
17281
|
-
return _objectSpread$
|
|
17295
|
+
return _objectSpread$z(_objectSpread$z({}, w), {}, {
|
|
17282
17296
|
status: "installed"
|
|
17283
17297
|
});
|
|
17284
17298
|
});
|
|
@@ -17297,7 +17311,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
17297
17311
|
setInstallError(msg);
|
|
17298
17312
|
setProgressWidgets(function (prev) {
|
|
17299
17313
|
return prev.map(function (w) {
|
|
17300
|
-
return _objectSpread$
|
|
17314
|
+
return _objectSpread$z(_objectSpread$z({}, w), {}, {
|
|
17301
17315
|
status: "failed",
|
|
17302
17316
|
error: msg
|
|
17303
17317
|
});
|
|
@@ -17371,7 +17385,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
17371
17385
|
|
|
17372
17386
|
// Phase 3: Save to recent widgets
|
|
17373
17387
|
saveToRecent(selectedWidget, selectedProviders, userConfigValues);
|
|
17374
|
-
onSelectWidget(_objectSpread$
|
|
17388
|
+
onSelectWidget(_objectSpread$z(_objectSpread$z({}, selectedWidget), {}, {
|
|
17375
17389
|
selectedProviders: selectedProviders,
|
|
17376
17390
|
// Pass to parent
|
|
17377
17391
|
userConfigValues: userConfigValues // Pass to parent
|
|
@@ -18008,7 +18022,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
18008
18022
|
setInlineProviderName(value);
|
|
18009
18023
|
if (inlineFormErrors.providerName && value !== null && value !== void 0 && value.trim()) {
|
|
18010
18024
|
setInlineFormErrors(function (prev) {
|
|
18011
|
-
var next = _objectSpread$
|
|
18025
|
+
var next = _objectSpread$z({}, prev);
|
|
18012
18026
|
delete next.providerName;
|
|
18013
18027
|
return next;
|
|
18014
18028
|
});
|
|
@@ -19348,8 +19362,8 @@ var ProviderSelector = function ProviderSelector(_ref) {
|
|
|
19348
19362
|
});
|
|
19349
19363
|
};
|
|
19350
19364
|
|
|
19351
|
-
function ownKeys$
|
|
19352
|
-
function _objectSpread$
|
|
19365
|
+
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; }
|
|
19366
|
+
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; }
|
|
19353
19367
|
var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
|
|
19354
19368
|
var transport = _ref.transport,
|
|
19355
19369
|
envMappingRows = _ref.envMappingRows,
|
|
@@ -19378,7 +19392,7 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
|
|
|
19378
19392
|
var updateEnvRow = function updateEnvRow(id, field, value) {
|
|
19379
19393
|
onEnvMappingRowsChange(function (prev) {
|
|
19380
19394
|
return prev.map(function (row) {
|
|
19381
|
-
return row.id === id ? _objectSpread$
|
|
19395
|
+
return row.id === id ? _objectSpread$y(_objectSpread$y({}, row), {}, _defineProperty({}, field, value)) : row;
|
|
19382
19396
|
});
|
|
19383
19397
|
});
|
|
19384
19398
|
};
|
|
@@ -19403,7 +19417,7 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
|
|
|
19403
19417
|
var updateHeaderRow = function updateHeaderRow(id, field, value) {
|
|
19404
19418
|
onHeaderRowsChange(function (prev) {
|
|
19405
19419
|
return prev.map(function (row) {
|
|
19406
|
-
return row.id === id ? _objectSpread$
|
|
19420
|
+
return row.id === id ? _objectSpread$y(_objectSpread$y({}, row), {}, _defineProperty({}, field, value)) : row;
|
|
19407
19421
|
});
|
|
19408
19422
|
});
|
|
19409
19423
|
};
|
|
@@ -19552,8 +19566,8 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
|
|
|
19552
19566
|
});
|
|
19553
19567
|
};
|
|
19554
19568
|
|
|
19555
|
-
function ownKeys$
|
|
19556
|
-
function _objectSpread$
|
|
19569
|
+
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; }
|
|
19570
|
+
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; }
|
|
19557
19571
|
var McpServerPicker = function McpServerPicker(_ref) {
|
|
19558
19572
|
var _testResult$tools;
|
|
19559
19573
|
var isOpen = _ref.isOpen,
|
|
@@ -19732,11 +19746,11 @@ var McpServerPicker = function McpServerPicker(_ref) {
|
|
|
19732
19746
|
// Handle credential field changes
|
|
19733
19747
|
var handleCredentialChange = function handleCredentialChange(fieldName, value) {
|
|
19734
19748
|
setCredentialData(function (prev) {
|
|
19735
|
-
return _objectSpread$
|
|
19749
|
+
return _objectSpread$x(_objectSpread$x({}, prev), {}, _defineProperty({}, fieldName, value));
|
|
19736
19750
|
});
|
|
19737
19751
|
if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
|
|
19738
19752
|
setFormErrors(function (prev) {
|
|
19739
|
-
var next = _objectSpread$
|
|
19753
|
+
var next = _objectSpread$x({}, prev);
|
|
19740
19754
|
delete next[fieldName];
|
|
19741
19755
|
return next;
|
|
19742
19756
|
});
|
|
@@ -20074,7 +20088,7 @@ var McpServerPicker = function McpServerPicker(_ref) {
|
|
|
20074
20088
|
setProviderName(value);
|
|
20075
20089
|
if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
|
|
20076
20090
|
setFormErrors(function (prev) {
|
|
20077
|
-
var next = _objectSpread$
|
|
20091
|
+
var next = _objectSpread$x({}, prev);
|
|
20078
20092
|
delete next.providerName;
|
|
20079
20093
|
return next;
|
|
20080
20094
|
});
|
|
@@ -20264,8 +20278,8 @@ var McpServerPicker = function McpServerPicker(_ref) {
|
|
|
20264
20278
|
});
|
|
20265
20279
|
};
|
|
20266
20280
|
|
|
20267
|
-
function ownKeys$
|
|
20268
|
-
function _objectSpread$
|
|
20281
|
+
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; }
|
|
20282
|
+
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; }
|
|
20269
20283
|
var USE_ENHANCED_WIDGET_SELECTOR = true; // Set to false to use original modal
|
|
20270
20284
|
|
|
20271
20285
|
/**
|
|
@@ -20311,7 +20325,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
20311
20325
|
var _ref3 = _slicedToArray(_ref2, 2),
|
|
20312
20326
|
id = _ref3[0],
|
|
20313
20327
|
p = _ref3[1];
|
|
20314
|
-
return _objectSpread$
|
|
20328
|
+
return _objectSpread$w(_objectSpread$w({}, p), {}, {
|
|
20315
20329
|
id: id,
|
|
20316
20330
|
name: p.name || id
|
|
20317
20331
|
});
|
|
@@ -20398,7 +20412,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
20398
20412
|
// so we use its layout to replace any corrupted grid data.
|
|
20399
20413
|
if (workspace && workspace["layout"]) {
|
|
20400
20414
|
var model = new DashboardModel(workspace);
|
|
20401
|
-
setCurrentWorkspace(_objectSpread$
|
|
20415
|
+
setCurrentWorkspace(_objectSpread$w(_objectSpread$w({}, workspace), {}, {
|
|
20402
20416
|
layout: model.layout
|
|
20403
20417
|
}));
|
|
20404
20418
|
} else {
|
|
@@ -20789,7 +20803,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
20789
20803
|
var uuid = widget.uuid || widget.uuidString;
|
|
20790
20804
|
if (uuid) {
|
|
20791
20805
|
newWorkspace.selectedProviders = newWorkspace.selectedProviders || {};
|
|
20792
|
-
newWorkspace.selectedProviders[uuid] = _objectSpread$
|
|
20806
|
+
newWorkspace.selectedProviders[uuid] = _objectSpread$w(_objectSpread$w({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
|
|
20793
20807
|
}
|
|
20794
20808
|
setCurrentWorkspace(newWorkspace);
|
|
20795
20809
|
}
|
|
@@ -20925,7 +20939,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
20925
20939
|
var _gridContainer$grid;
|
|
20926
20940
|
var config = ComponentManager.config(widgetKey);
|
|
20927
20941
|
if (!config) return;
|
|
20928
|
-
var widgetItem = _objectSpread$
|
|
20942
|
+
var widgetItem = _objectSpread$w(_objectSpread$w({}, config), {}, {
|
|
20929
20943
|
component: widgetKey,
|
|
20930
20944
|
key: widgetKey
|
|
20931
20945
|
});
|
|
@@ -21179,7 +21193,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
21179
21193
|
onSelectWidget: function onSelectWidget(widget) {
|
|
21180
21194
|
|
|
21181
21195
|
// Add component property from widget.key
|
|
21182
|
-
var widgetWithComponent = _objectSpread$
|
|
21196
|
+
var widgetWithComponent = _objectSpread$w(_objectSpread$w({}, widget), {}, {
|
|
21183
21197
|
component: widget.key
|
|
21184
21198
|
});
|
|
21185
21199
|
handleClickConfirmAdd(widgetWithComponent, dropdownTarget);
|
|
@@ -22808,8 +22822,8 @@ var MissingProviderPrompt = function MissingProviderPrompt(_ref) {
|
|
|
22808
22822
|
});
|
|
22809
22823
|
};
|
|
22810
22824
|
|
|
22811
|
-
function ownKeys$
|
|
22812
|
-
function _objectSpread$
|
|
22825
|
+
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; }
|
|
22826
|
+
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; }
|
|
22813
22827
|
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)); }
|
|
22814
22828
|
function _isNativeReflectConstruct$4() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$4 = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
22815
22829
|
var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
@@ -22864,7 +22878,7 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
|
22864
22878
|
_defineProperty(_this, "handleProviderSelect", function (providerType, providerName, credentials) {
|
|
22865
22879
|
|
|
22866
22880
|
// Update local selected providers state
|
|
22867
|
-
var updatedSelected = _objectSpread$
|
|
22881
|
+
var updatedSelected = _objectSpread$v(_objectSpread$v({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
|
|
22868
22882
|
_this.setState({
|
|
22869
22883
|
selectedProviders: updatedSelected
|
|
22870
22884
|
}, function () {
|
|
@@ -22938,8 +22952,8 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
|
22938
22952
|
}(React.Component);
|
|
22939
22953
|
_defineProperty(ProviderErrorBoundary, "contextType", ProviderContext);
|
|
22940
22954
|
|
|
22941
|
-
function ownKeys$
|
|
22942
|
-
function _objectSpread$
|
|
22955
|
+
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; }
|
|
22956
|
+
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; }
|
|
22943
22957
|
var withProviderDetection = function withProviderDetection(Component) {
|
|
22944
22958
|
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
22945
22959
|
_ref$requiredProvider = _ref.requiredProviders,
|
|
@@ -22964,7 +22978,7 @@ var withProviderDetection = function withProviderDetection(Component) {
|
|
|
22964
22978
|
onProviderSelect: onProviderSelect
|
|
22965
22979
|
});
|
|
22966
22980
|
}
|
|
22967
|
-
return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$
|
|
22981
|
+
return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$u({}, props));
|
|
22968
22982
|
};
|
|
22969
22983
|
};
|
|
22970
22984
|
|
|
@@ -23640,8 +23654,8 @@ var WidgetNotFound = function WidgetNotFound(_ref) {
|
|
|
23640
23654
|
});
|
|
23641
23655
|
};
|
|
23642
23656
|
|
|
23643
|
-
function ownKeys$
|
|
23644
|
-
function _objectSpread$
|
|
23657
|
+
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; }
|
|
23658
|
+
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; }
|
|
23645
23659
|
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)); }
|
|
23646
23660
|
function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
23647
23661
|
var WidgetErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
@@ -23772,7 +23786,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
|
|
|
23772
23786
|
|
|
23773
23787
|
// Build widgetData for WidgetContext — hooks read from this
|
|
23774
23788
|
var uuidString = DashReact.getUUID(params.uuid);
|
|
23775
|
-
var widgetData = _objectSpread$
|
|
23789
|
+
var widgetData = _objectSpread$t(_objectSpread$t({}, params), {}, {
|
|
23776
23790
|
uuidString: uuidString,
|
|
23777
23791
|
providers: (config === null || config === void 0 ? void 0 : config.providers) || [],
|
|
23778
23792
|
notifications: (config === null || config === void 0 ? void 0 : config.notifications) || []
|
|
@@ -23796,7 +23810,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
|
|
|
23796
23810
|
widgetData: widgetData
|
|
23797
23811
|
};
|
|
23798
23812
|
var hasScheduledTasks = ((config === null || config === void 0 ? void 0 : config.scheduledTasks) || []).length > 0;
|
|
23799
|
-
var widgetElement = children === null ? /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$
|
|
23813
|
+
var widgetElement = children === null ? /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$t(_objectSpread$t(_objectSpread$t({
|
|
23800
23814
|
id: "widget-nokids-".concat(widgetKey),
|
|
23801
23815
|
listen: function listen(listeners, handlers) {
|
|
23802
23816
|
return helpers.listen(listeners, handlers);
|
|
@@ -23809,7 +23823,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
|
|
|
23809
23823
|
backgroundColor: bgColor,
|
|
23810
23824
|
widgetConfig: helpers.config(),
|
|
23811
23825
|
widgetEventNames: helpers.events()
|
|
23812
|
-
}), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$
|
|
23826
|
+
}), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$t(_objectSpread$t(_objectSpread$t({
|
|
23813
23827
|
listen: function listen(listeners, handlers) {
|
|
23814
23828
|
return helpers.listen(listeners, handlers);
|
|
23815
23829
|
},
|
|
@@ -24011,8 +24025,8 @@ var SIDEBAR_WIDGET_TYPE = "sidebar-widget";
|
|
|
24011
24025
|
function _createForOfIteratorHelper$b(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$b(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; } } }; }
|
|
24012
24026
|
function _unsupportedIterableToArray$b(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$b(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$b(r, a) : void 0; } }
|
|
24013
24027
|
function _arrayLikeToArray$b(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; }
|
|
24014
|
-
function ownKeys$
|
|
24015
|
-
function _objectSpread$
|
|
24028
|
+
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; }
|
|
24029
|
+
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; }
|
|
24016
24030
|
var DraggableDroppableCellBody = function DraggableDroppableCellBody(_ref) {
|
|
24017
24031
|
var cellNumber = _ref.cellNumber,
|
|
24018
24032
|
gridContainerId = _ref.gridContainerId,
|
|
@@ -24210,7 +24224,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
|
|
|
24210
24224
|
var _ref5 = _slicedToArray(_ref4, 2),
|
|
24211
24225
|
id = _ref5[0],
|
|
24212
24226
|
provider = _ref5[1];
|
|
24213
|
-
return _objectSpread$
|
|
24227
|
+
return _objectSpread$s({
|
|
24214
24228
|
id: id
|
|
24215
24229
|
}, provider);
|
|
24216
24230
|
}) : [];
|
|
@@ -25216,7 +25230,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
|
|
|
25216
25230
|
var widgetSpecificSelections = (workspace === null || workspace === void 0 || (_workspace$selectedPr = workspace.selectedProviders) === null || _workspace$selectedPr === void 0 ? void 0 : _workspace$selectedPr[id]) || {};
|
|
25217
25231
|
|
|
25218
25232
|
// Add provider-related props from workspace
|
|
25219
|
-
var itemWithProviders = _objectSpread$
|
|
25233
|
+
var itemWithProviders = _objectSpread$s(_objectSpread$s({}, item), {}, {
|
|
25220
25234
|
selectedProviders: widgetSpecificSelections,
|
|
25221
25235
|
onProviderSelect: onProviderSelect
|
|
25222
25236
|
});
|
|
@@ -26721,8 +26735,8 @@ function isWidgetResolvable(componentKey) {
|
|
|
26721
26735
|
// isMinOrderForItem
|
|
26722
26736
|
// }
|
|
26723
26737
|
|
|
26724
|
-
function ownKeys$
|
|
26725
|
-
function _objectSpread$
|
|
26738
|
+
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; }
|
|
26739
|
+
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; }
|
|
26726
26740
|
function _createForOfIteratorHelper$a(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$a(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; } } }; }
|
|
26727
26741
|
function _unsupportedIterableToArray$a(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$a(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$a(r, a) : void 0; } }
|
|
26728
26742
|
function _arrayLikeToArray$a(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; }
|
|
@@ -26878,7 +26892,7 @@ var LayoutModel = function LayoutModel(layoutItem, workspaceLayout, dashboardId)
|
|
|
26878
26892
|
|
|
26879
26893
|
// Merge user-entered config values (from EnhancedWidgetDropdown) into userPrefs
|
|
26880
26894
|
if ("userConfigValues" in obj && obj.userConfigValues) {
|
|
26881
|
-
layout.userPrefs = _objectSpread$
|
|
26895
|
+
layout.userPrefs = _objectSpread$r(_objectSpread$r({}, layout.userPrefs), obj.userConfigValues);
|
|
26882
26896
|
}
|
|
26883
26897
|
|
|
26884
26898
|
// Preserve provider selections for this widget
|
|
@@ -27042,6 +27056,11 @@ var WorkspaceModel = function WorkspaceModel(workspaceItem) {
|
|
|
27042
27056
|
workspace.label = "label" in obj ? obj["label"] : "New Dashboard";
|
|
27043
27057
|
workspace.version = "version" in obj ? obj["version"] : 1;
|
|
27044
27058
|
workspace.layout = "layout" in obj ? obj["layout"] : [];
|
|
27059
|
+
workspace.pages = "pages" in obj ? obj["pages"] : [];
|
|
27060
|
+
workspace.activePageId = "activePageId" in obj ? obj["activePageId"] : null;
|
|
27061
|
+
workspace.sidebarEnabled = "sidebarEnabled" in obj ? obj["sidebarEnabled"] : false;
|
|
27062
|
+
workspace.sidebarLayout = "sidebarLayout" in obj ? obj["sidebarLayout"] : [];
|
|
27063
|
+
workspace.sidebarWidth = "sidebarWidth" in obj ? obj["sidebarWidth"] : 280;
|
|
27045
27064
|
// workspace.layout =
|
|
27046
27065
|
// "layout" in obj
|
|
27047
27066
|
// ? sanitizeLayout(obj["layout"], workspace.id)
|
|
@@ -27406,11 +27425,11 @@ var MenuItemModel = function MenuItemModel() {
|
|
|
27406
27425
|
return m;
|
|
27407
27426
|
};
|
|
27408
27427
|
|
|
27428
|
+
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; }
|
|
27429
|
+
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; }
|
|
27409
27430
|
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; } } }; }
|
|
27410
27431
|
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; } }
|
|
27411
27432
|
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; }
|
|
27412
|
-
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; }
|
|
27413
|
-
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; }
|
|
27414
27433
|
/**
|
|
27415
27434
|
* A Model for a Workspace (Dashboard)
|
|
27416
27435
|
* The Dashboard in this instance is the entire Layout inclusive of the workspaces and widgets
|
|
@@ -27444,10 +27463,48 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
27444
27463
|
this.version = "version" in obj ? obj["version"] : 1;
|
|
27445
27464
|
this.layout = "layout" in obj ? obj["layout"] : this._initializeLayout();
|
|
27446
27465
|
this.menuId = "menuId" in obj ? obj["menuId"] : 1;
|
|
27466
|
+
|
|
27467
|
+
// Sidebar support
|
|
27468
|
+
this.sidebarEnabled = "sidebarEnabled" in obj ? obj.sidebarEnabled : false;
|
|
27469
|
+
this.sidebarLayout = "sidebarLayout" in obj ? obj.sidebarLayout : [];
|
|
27470
|
+
this.sidebarWidth = "sidebarWidth" in obj ? obj.sidebarWidth : 280;
|
|
27471
|
+
|
|
27472
|
+
// Multi-page support: migrate single-page workspaces
|
|
27473
|
+
if ("pages" in obj && Array.isArray(obj.pages) && obj.pages.length > 0) {
|
|
27474
|
+
this.pages = obj.pages;
|
|
27475
|
+
this.activePageId = obj.activePageId || obj.pages[0].id;
|
|
27476
|
+
} else {
|
|
27477
|
+
// Single-page workspace — no migration yet, pages stay empty
|
|
27478
|
+
// Pages are created on demand when user clicks "Add Page"
|
|
27479
|
+
this.pages = [];
|
|
27480
|
+
this.activePageId = null;
|
|
27481
|
+
}
|
|
27447
27482
|
obj = null;
|
|
27448
27483
|
|
|
27449
27484
|
// Normalize all grids on load to repair any persisted corruption
|
|
27450
27485
|
this._normalizeAllGrids();
|
|
27486
|
+
|
|
27487
|
+
// Also normalize grids within pages
|
|
27488
|
+
if (this.pages.length > 0) {
|
|
27489
|
+
var _iterator = _createForOfIteratorHelper$9(this.pages),
|
|
27490
|
+
_step;
|
|
27491
|
+
try {
|
|
27492
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
27493
|
+
var page = _step.value;
|
|
27494
|
+
if (page.layout) {
|
|
27495
|
+
var saved = this.layout;
|
|
27496
|
+
this.layout = page.layout;
|
|
27497
|
+
this._normalizeAllGrids();
|
|
27498
|
+
page.layout = this.layout;
|
|
27499
|
+
this.layout = saved;
|
|
27500
|
+
}
|
|
27501
|
+
}
|
|
27502
|
+
} catch (err) {
|
|
27503
|
+
_iterator.e(err);
|
|
27504
|
+
} finally {
|
|
27505
|
+
_iterator.f();
|
|
27506
|
+
}
|
|
27507
|
+
}
|
|
27451
27508
|
}
|
|
27452
27509
|
}, {
|
|
27453
27510
|
key: "_initializeLayout",
|
|
@@ -27481,6 +27538,10 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
27481
27538
|
return [];
|
|
27482
27539
|
}
|
|
27483
27540
|
}
|
|
27541
|
+
|
|
27542
|
+
/**
|
|
27543
|
+
* Create a new page with a default 1x1 grid layout.
|
|
27544
|
+
*/
|
|
27484
27545
|
}, {
|
|
27485
27546
|
key: "destroy",
|
|
27486
27547
|
value: function destroy() {
|
|
@@ -27496,7 +27557,8 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
27496
27557
|
}, {
|
|
27497
27558
|
key: "workspace",
|
|
27498
27559
|
value: function workspace() {
|
|
27499
|
-
|
|
27560
|
+
var _this$sidebarLayout;
|
|
27561
|
+
var ws = {
|
|
27500
27562
|
id: this.id,
|
|
27501
27563
|
name: this.name,
|
|
27502
27564
|
type: this.type,
|
|
@@ -27505,6 +27567,16 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
27505
27567
|
layout: this.layout,
|
|
27506
27568
|
menuId: this.menuId
|
|
27507
27569
|
};
|
|
27570
|
+
if (this.pages && this.pages.length > 0) {
|
|
27571
|
+
ws.pages = this.pages;
|
|
27572
|
+
ws.activePageId = this.activePageId;
|
|
27573
|
+
}
|
|
27574
|
+
if (this.sidebarEnabled || ((_this$sidebarLayout = this.sidebarLayout) === null || _this$sidebarLayout === void 0 ? void 0 : _this$sidebarLayout.length) > 0) {
|
|
27575
|
+
ws.sidebarEnabled = this.sidebarEnabled;
|
|
27576
|
+
ws.sidebarLayout = this.sidebarLayout;
|
|
27577
|
+
ws.sidebarWidth = this.sidebarWidth;
|
|
27578
|
+
}
|
|
27579
|
+
return ws;
|
|
27508
27580
|
}
|
|
27509
27581
|
|
|
27510
27582
|
/**
|
|
@@ -28674,7 +28746,7 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
28674
28746
|
visibleCells.push({
|
|
28675
28747
|
row: r,
|
|
28676
28748
|
col: c,
|
|
28677
|
-
data: _objectSpread$
|
|
28749
|
+
data: _objectSpread$q({}, cell),
|
|
28678
28750
|
spanCol: ((_cell$span = cell.span) === null || _cell$span === void 0 ? void 0 : _cell$span.col) || 1,
|
|
28679
28751
|
spanRow: ((_cell$span2 = cell.span) === null || _cell$span2 === void 0 ? void 0 : _cell$span2.row) || 1
|
|
28680
28752
|
});
|
|
@@ -28696,7 +28768,7 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
28696
28768
|
var vc = _visibleCells[_i5];
|
|
28697
28769
|
var newCol = (vc.col - 1) * count + 1;
|
|
28698
28770
|
var _key7 = "".concat(vc.row, ".").concat(newCol);
|
|
28699
|
-
grid[_key7] = _objectSpread$
|
|
28771
|
+
grid[_key7] = _objectSpread$q(_objectSpread$q({}, vc.data), {}, {
|
|
28700
28772
|
hide: false,
|
|
28701
28773
|
span: {
|
|
28702
28774
|
row: vc.spanRow,
|
|
@@ -28771,7 +28843,7 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
28771
28843
|
_visibleCells2.push({
|
|
28772
28844
|
row: _r1,
|
|
28773
28845
|
col: _c10,
|
|
28774
|
-
data: _objectSpread$
|
|
28846
|
+
data: _objectSpread$q({}, _cell6),
|
|
28775
28847
|
spanRow: ((_cell6$span = _cell6.span) === null || _cell6$span === void 0 ? void 0 : _cell6$span.row) || 1,
|
|
28776
28848
|
spanCol: ((_cell6$span2 = _cell6.span) === null || _cell6$span2 === void 0 ? void 0 : _cell6$span2.col) || 1
|
|
28777
28849
|
});
|
|
@@ -28793,7 +28865,7 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
28793
28865
|
var _vc = _visibleCells3[_i9];
|
|
28794
28866
|
var newRow = (_vc.row - 1) * count + 1;
|
|
28795
28867
|
var _key10 = "".concat(newRow, ".").concat(_vc.col);
|
|
28796
|
-
grid[_key10] = _objectSpread$
|
|
28868
|
+
grid[_key10] = _objectSpread$q(_objectSpread$q({}, _vc.data), {}, {
|
|
28797
28869
|
hide: false,
|
|
28798
28870
|
span: {
|
|
28799
28871
|
row: _vc.spanRow * count,
|
|
@@ -29390,11 +29462,11 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
29390
29462
|
try {
|
|
29391
29463
|
// Collect all item IDs actively referenced by grid cells
|
|
29392
29464
|
var activeItemIds = new Set();
|
|
29393
|
-
var
|
|
29394
|
-
|
|
29465
|
+
var _iterator2 = _createForOfIteratorHelper$9(this.layout),
|
|
29466
|
+
_step2;
|
|
29395
29467
|
try {
|
|
29396
|
-
for (
|
|
29397
|
-
var item =
|
|
29468
|
+
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
|
29469
|
+
var item = _step2.value;
|
|
29398
29470
|
if (item.grid && _typeof(item.grid) === "object") {
|
|
29399
29471
|
for (var _i15 = 0, _Object$keys5 = Object.keys(item.grid); _i15 < _Object$keys5.length; _i15++) {
|
|
29400
29472
|
var key = _Object$keys5[_i15];
|
|
@@ -29410,9 +29482,9 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
29410
29482
|
|
|
29411
29483
|
// If no grid containers exist, nothing to clean
|
|
29412
29484
|
} catch (err) {
|
|
29413
|
-
|
|
29485
|
+
_iterator2.e(err);
|
|
29414
29486
|
} finally {
|
|
29415
|
-
|
|
29487
|
+
_iterator2.f();
|
|
29416
29488
|
}
|
|
29417
29489
|
if (activeItemIds.size === 0) return;
|
|
29418
29490
|
|
|
@@ -29430,21 +29502,52 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
29430
29502
|
});
|
|
29431
29503
|
|
|
29432
29504
|
// Clean listener references on remaining items for each removed orphan
|
|
29433
|
-
var
|
|
29434
|
-
|
|
29505
|
+
var _iterator3 = _createForOfIteratorHelper$9(orphanedIds),
|
|
29506
|
+
_step3;
|
|
29435
29507
|
try {
|
|
29436
|
-
for (
|
|
29437
|
-
var id =
|
|
29508
|
+
for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
|
|
29509
|
+
var id = _step3.value;
|
|
29438
29510
|
this._cleanupListenerReferencesForId(id);
|
|
29439
29511
|
}
|
|
29440
29512
|
} catch (err) {
|
|
29441
|
-
|
|
29513
|
+
_iterator3.e(err);
|
|
29442
29514
|
} finally {
|
|
29443
|
-
|
|
29515
|
+
_iterator3.f();
|
|
29444
29516
|
}
|
|
29445
29517
|
} catch (e) {
|
|
29446
29518
|
}
|
|
29447
29519
|
}
|
|
29520
|
+
}], [{
|
|
29521
|
+
key: "createPage",
|
|
29522
|
+
value: function createPage() {
|
|
29523
|
+
var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "New Page";
|
|
29524
|
+
return {
|
|
29525
|
+
id: "page-".concat(Date.now()),
|
|
29526
|
+
name: name,
|
|
29527
|
+
order: 0,
|
|
29528
|
+
layout: [LayoutModel({
|
|
29529
|
+
id: 1,
|
|
29530
|
+
order: 1,
|
|
29531
|
+
type: "grid",
|
|
29532
|
+
component: "LayoutGridContainer",
|
|
29533
|
+
hasChildren: 1,
|
|
29534
|
+
scrollable: false,
|
|
29535
|
+
parent: 0,
|
|
29536
|
+
menuId: 1,
|
|
29537
|
+
width: "w-full",
|
|
29538
|
+
height: "h-full",
|
|
29539
|
+
grid: {
|
|
29540
|
+
rows: 1,
|
|
29541
|
+
cols: 1,
|
|
29542
|
+
gap: "gap-2",
|
|
29543
|
+
1.1: {
|
|
29544
|
+
component: null,
|
|
29545
|
+
hide: false
|
|
29546
|
+
}
|
|
29547
|
+
}
|
|
29548
|
+
}, [])]
|
|
29549
|
+
};
|
|
29550
|
+
}
|
|
29448
29551
|
}]);
|
|
29449
29552
|
}();
|
|
29450
29553
|
|
|
@@ -29992,8 +30095,8 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
|
29992
30095
|
}]);
|
|
29993
30096
|
}(React.Component);
|
|
29994
30097
|
|
|
29995
|
-
function ownKeys$
|
|
29996
|
-
function _objectSpread$
|
|
30098
|
+
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; }
|
|
30099
|
+
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; }
|
|
29997
30100
|
|
|
29998
30101
|
/**
|
|
29999
30102
|
* useDashboard Hook
|
|
@@ -30049,7 +30152,7 @@ var useDashboard = function useDashboard() {
|
|
|
30049
30152
|
}
|
|
30050
30153
|
});
|
|
30051
30154
|
}
|
|
30052
|
-
return _objectSpread$
|
|
30155
|
+
return _objectSpread$p({
|
|
30053
30156
|
app: app,
|
|
30054
30157
|
dashboard: dashboard,
|
|
30055
30158
|
theme: theme
|
|
@@ -31762,8 +31865,8 @@ function useMcpDashServer() {
|
|
|
31762
31865
|
};
|
|
31763
31866
|
}
|
|
31764
31867
|
|
|
31765
|
-
function ownKeys$
|
|
31766
|
-
function _objectSpread$
|
|
31868
|
+
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; }
|
|
31869
|
+
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; }
|
|
31767
31870
|
var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
31768
31871
|
var theme = _ref.theme,
|
|
31769
31872
|
themeVariant = _ref.themeVariant,
|
|
@@ -31812,13 +31915,13 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
31812
31915
|
className: "flex flex-col space-y-4 p-4",
|
|
31813
31916
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
31814
31917
|
className: "flex flex-row bg-gray-900 p-4 space-x-4 rounded justify-between",
|
|
31815
|
-
children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$
|
|
31918
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$o(_objectSpread$o({}, styles), {}, {
|
|
31816
31919
|
scrollable: false,
|
|
31817
31920
|
className: "rounded",
|
|
31818
31921
|
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Header, {
|
|
31819
31922
|
className: "text-xs uppercase font-bold",
|
|
31820
31923
|
children: "Panel"
|
|
31821
|
-
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Body, _objectSpread$
|
|
31924
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Body, _objectSpread$o(_objectSpread$o({}, styles), {}, {
|
|
31822
31925
|
onClick: function onClick() {
|
|
31823
31926
|
handleClickItem(DashReact.themeObjects.PANEL, styles);
|
|
31824
31927
|
}
|
|
@@ -31826,14 +31929,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
31826
31929
|
className: "text-xs uppercase font-light",
|
|
31827
31930
|
children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL)
|
|
31828
31931
|
})]
|
|
31829
|
-
})), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$
|
|
31932
|
+
})), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$o(_objectSpread$o({
|
|
31830
31933
|
className: "rounded"
|
|
31831
31934
|
}, styles2), {}, {
|
|
31832
31935
|
scrollable: false,
|
|
31833
31936
|
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Header, {
|
|
31834
31937
|
className: "text-xs uppercase font-bold",
|
|
31835
31938
|
children: "Panel 2"
|
|
31836
|
-
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Body, _objectSpread$
|
|
31939
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Body, _objectSpread$o(_objectSpread$o({}, styles2), {}, {
|
|
31837
31940
|
onClick: function onClick() {
|
|
31838
31941
|
handleClickItem(DashReact.themeObjects.PANEL_2, styles2);
|
|
31839
31942
|
}
|
|
@@ -31841,14 +31944,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
31841
31944
|
className: "text-xs uppercase font-light",
|
|
31842
31945
|
children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL_2)
|
|
31843
31946
|
})]
|
|
31844
|
-
})), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$
|
|
31947
|
+
})), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$o(_objectSpread$o({
|
|
31845
31948
|
className: "rounded"
|
|
31846
31949
|
}, styles3), {}, {
|
|
31847
31950
|
scrollable: false,
|
|
31848
31951
|
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Header, {
|
|
31849
31952
|
className: "text-xs uppercase font-bold",
|
|
31850
31953
|
children: "Panel 3"
|
|
31851
|
-
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Body, _objectSpread$
|
|
31954
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Body, _objectSpread$o(_objectSpread$o({}, styles3), {}, {
|
|
31852
31955
|
onClick: function onClick() {
|
|
31853
31956
|
handleClickItem(DashReact.themeObjects.PANEL_3, styles3);
|
|
31854
31957
|
}
|
|
@@ -31857,68 +31960,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
31857
31960
|
children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL_3)
|
|
31858
31961
|
})]
|
|
31859
31962
|
}))]
|
|
31860
|
-
}), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$
|
|
31963
|
+
}), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$o(_objectSpread$o({
|
|
31861
31964
|
className: "p-6 rounded border-4 space-y-4",
|
|
31862
31965
|
scrollable: false,
|
|
31863
31966
|
height: "h-fit"
|
|
31864
31967
|
}, styles), {}, {
|
|
31865
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$
|
|
31968
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$o(_objectSpread$o({
|
|
31866
31969
|
title: "Heading"
|
|
31867
31970
|
}, headingStyles), {}, {
|
|
31868
31971
|
padding: false,
|
|
31869
31972
|
onClick: function onClick() {
|
|
31870
31973
|
return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
|
|
31871
31974
|
}
|
|
31872
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$
|
|
31975
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$o(_objectSpread$o({
|
|
31873
31976
|
title: "Heading 2"
|
|
31874
31977
|
}, heading2Styles), {}, {
|
|
31875
31978
|
padding: false,
|
|
31876
31979
|
onClick: function onClick() {
|
|
31877
31980
|
return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
|
|
31878
31981
|
}
|
|
31879
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$
|
|
31982
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$o(_objectSpread$o({
|
|
31880
31983
|
title: "Heading 3"
|
|
31881
31984
|
}, heading3Styles), {}, {
|
|
31882
31985
|
padding: false,
|
|
31883
31986
|
onClick: function onClick() {
|
|
31884
31987
|
return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
|
|
31885
31988
|
}
|
|
31886
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$
|
|
31989
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$o(_objectSpread$o({
|
|
31887
31990
|
title: "Subheading"
|
|
31888
31991
|
}, subHeadingStyles), {}, {
|
|
31889
31992
|
padding: false,
|
|
31890
31993
|
onClick: function onClick() {
|
|
31891
31994
|
return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
|
|
31892
31995
|
}
|
|
31893
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$
|
|
31996
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$o(_objectSpread$o({
|
|
31894
31997
|
title: "Subheading 2"
|
|
31895
31998
|
}, subHeading2Styles), {}, {
|
|
31896
31999
|
padding: false,
|
|
31897
32000
|
onClick: function onClick() {
|
|
31898
32001
|
return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
|
|
31899
32002
|
}
|
|
31900
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$
|
|
32003
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$o(_objectSpread$o({
|
|
31901
32004
|
title: "Subheading"
|
|
31902
32005
|
}, subHeading3Styles), {}, {
|
|
31903
32006
|
padding: false,
|
|
31904
32007
|
onClick: function onClick() {
|
|
31905
32008
|
return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
|
|
31906
32009
|
}
|
|
31907
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$
|
|
32010
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$o(_objectSpread$o({
|
|
31908
32011
|
text: "The quick brown fox jumps over the lazy dog."
|
|
31909
32012
|
}, paragraphStyles), {}, {
|
|
31910
32013
|
padding: false,
|
|
31911
32014
|
onClick: function onClick() {
|
|
31912
32015
|
return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
|
|
31913
32016
|
}
|
|
31914
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$
|
|
32017
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$o(_objectSpread$o({
|
|
31915
32018
|
text: "The quick brown fox jumps over the lazy dog."
|
|
31916
32019
|
}, paragraph2Styles), {}, {
|
|
31917
32020
|
padding: false,
|
|
31918
32021
|
onClick: function onClick() {
|
|
31919
32022
|
return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
|
|
31920
32023
|
}
|
|
31921
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$
|
|
32024
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$o(_objectSpread$o({
|
|
31922
32025
|
text: "The quick brown fox jumps over the lazy dog."
|
|
31923
32026
|
}, paragraph3Styles), {}, {
|
|
31924
32027
|
padding: false,
|
|
@@ -31927,19 +32030,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
31927
32030
|
}
|
|
31928
32031
|
})), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
31929
32032
|
className: "flex flex-row space-x-2 w-full",
|
|
31930
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$
|
|
32033
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$o(_objectSpread$o({
|
|
31931
32034
|
title: "Button"
|
|
31932
32035
|
}, buttonStyles), {}, {
|
|
31933
32036
|
onClick: function onClick() {
|
|
31934
32037
|
return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
|
|
31935
32038
|
}
|
|
31936
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$
|
|
32039
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$o(_objectSpread$o({
|
|
31937
32040
|
title: "Button 2"
|
|
31938
32041
|
}, button2Styles), {}, {
|
|
31939
32042
|
onClick: function onClick() {
|
|
31940
32043
|
return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
|
|
31941
32044
|
}
|
|
31942
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$
|
|
32045
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$o(_objectSpread$o({
|
|
31943
32046
|
title: "Button 3"
|
|
31944
32047
|
}, button3Styles), {}, {
|
|
31945
32048
|
onClick: function onClick() {
|
|
@@ -31950,14 +32053,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
31950
32053
|
className: "flex flex-row space-x-4 w-full h-fit",
|
|
31951
32054
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
31952
32055
|
className: "flex flex-row space-x-2",
|
|
31953
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32056
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
31954
32057
|
text: "Button Icon",
|
|
31955
32058
|
icon: "pencil"
|
|
31956
32059
|
}, buttonIconStyles), {}, {
|
|
31957
32060
|
onClick: function onClick() {
|
|
31958
32061
|
return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
|
|
31959
32062
|
}
|
|
31960
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32063
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
31961
32064
|
icon: "pencil"
|
|
31962
32065
|
}, buttonIconStyles), {}, {
|
|
31963
32066
|
onClick: function onClick() {
|
|
@@ -31966,14 +32069,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
31966
32069
|
}))]
|
|
31967
32070
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
31968
32071
|
className: "flex flex-row space-x-2",
|
|
31969
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32072
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
31970
32073
|
text: "Button Icon 2",
|
|
31971
32074
|
icon: "pencil"
|
|
31972
32075
|
}, buttonIconStyles), {}, {
|
|
31973
32076
|
onClick: function onClick() {
|
|
31974
32077
|
return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
|
|
31975
32078
|
}
|
|
31976
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32079
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
31977
32080
|
icon: "pencil"
|
|
31978
32081
|
}, buttonIconStyles), {}, {
|
|
31979
32082
|
onClick: function onClick() {
|
|
@@ -31982,14 +32085,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
31982
32085
|
}))]
|
|
31983
32086
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
31984
32087
|
className: "flex flex-row space-x-2",
|
|
31985
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32088
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
31986
32089
|
text: "Button Icon 3",
|
|
31987
32090
|
icon: "pencil"
|
|
31988
32091
|
}, buttonIcon3Styles), {}, {
|
|
31989
32092
|
onClick: function onClick() {
|
|
31990
32093
|
return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
|
|
31991
32094
|
}
|
|
31992
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32095
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
31993
32096
|
icon: "pencil"
|
|
31994
32097
|
}, buttonIcon3Styles), {}, {
|
|
31995
32098
|
onClick: function onClick() {
|
|
@@ -31999,17 +32102,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
31999
32102
|
})]
|
|
32000
32103
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32001
32104
|
className: "flex flex-col space-y-2 w-full",
|
|
32002
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$
|
|
32105
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$o(_objectSpread$o({}, menuItemStyles), {}, {
|
|
32003
32106
|
onClick: function onClick() {
|
|
32004
32107
|
return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
|
|
32005
32108
|
},
|
|
32006
32109
|
children: "Menu Item"
|
|
32007
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$
|
|
32110
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$o(_objectSpread$o({}, menuItem2Styles), {}, {
|
|
32008
32111
|
onClick: function onClick() {
|
|
32009
32112
|
return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
|
|
32010
32113
|
},
|
|
32011
32114
|
children: "Menu Item 2"
|
|
32012
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$
|
|
32115
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$o(_objectSpread$o({}, menuItem3Styles), {}, {
|
|
32013
32116
|
onClick: function onClick() {
|
|
32014
32117
|
return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
|
|
32015
32118
|
},
|
|
@@ -32017,21 +32120,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
32017
32120
|
}))]
|
|
32018
32121
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32019
32122
|
className: "flex flex-row space-x-2 w-full",
|
|
32020
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$
|
|
32123
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$o(_objectSpread$o({
|
|
32021
32124
|
text: "Tag",
|
|
32022
32125
|
icon: "pencil"
|
|
32023
32126
|
}, tagStyles), {}, {
|
|
32024
32127
|
onClick: function onClick() {
|
|
32025
32128
|
return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
|
|
32026
32129
|
}
|
|
32027
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$
|
|
32130
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$o(_objectSpread$o({
|
|
32028
32131
|
text: "Tag 2",
|
|
32029
32132
|
icon: "pencil"
|
|
32030
32133
|
}, tag2Styles), {}, {
|
|
32031
32134
|
onClick: function onClick() {
|
|
32032
32135
|
return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
|
|
32033
32136
|
}
|
|
32034
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$
|
|
32137
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$o(_objectSpread$o({
|
|
32035
32138
|
text: "Tag 3",
|
|
32036
32139
|
icon: "pencil"
|
|
32037
32140
|
}, tag3Styles), {}, {
|
|
@@ -32040,67 +32143,67 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
32040
32143
|
}
|
|
32041
32144
|
}))]
|
|
32042
32145
|
})]
|
|
32043
|
-
})), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$
|
|
32146
|
+
})), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$o(_objectSpread$o({
|
|
32044
32147
|
className: "p-6 rounded border-4 space-y-4",
|
|
32045
32148
|
height: "h-fit"
|
|
32046
32149
|
}, styles2), {}, {
|
|
32047
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$
|
|
32150
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$o(_objectSpread$o({
|
|
32048
32151
|
title: "Heading"
|
|
32049
32152
|
}, headingStyles), {}, {
|
|
32050
32153
|
padding: false,
|
|
32051
32154
|
onClick: function onClick() {
|
|
32052
32155
|
return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
|
|
32053
32156
|
}
|
|
32054
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$
|
|
32157
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$o(_objectSpread$o({
|
|
32055
32158
|
title: "Heading 2"
|
|
32056
32159
|
}, heading2Styles), {}, {
|
|
32057
32160
|
padding: false,
|
|
32058
32161
|
onClick: function onClick() {
|
|
32059
32162
|
return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
|
|
32060
32163
|
}
|
|
32061
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$
|
|
32164
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$o(_objectSpread$o({
|
|
32062
32165
|
title: "Heading 3"
|
|
32063
32166
|
}, heading3Styles), {}, {
|
|
32064
32167
|
padding: false,
|
|
32065
32168
|
onClick: function onClick() {
|
|
32066
32169
|
return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
|
|
32067
32170
|
}
|
|
32068
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$
|
|
32171
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$o(_objectSpread$o({
|
|
32069
32172
|
title: "Subheading"
|
|
32070
32173
|
}, subHeadingStyles), {}, {
|
|
32071
32174
|
padding: false,
|
|
32072
32175
|
onClick: function onClick() {
|
|
32073
32176
|
return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
|
|
32074
32177
|
}
|
|
32075
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$
|
|
32178
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$o(_objectSpread$o({
|
|
32076
32179
|
title: "Subheading 2"
|
|
32077
32180
|
}, subHeading2Styles), {}, {
|
|
32078
32181
|
padding: false,
|
|
32079
32182
|
onClick: function onClick() {
|
|
32080
32183
|
return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
|
|
32081
32184
|
}
|
|
32082
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$
|
|
32185
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$o(_objectSpread$o({
|
|
32083
32186
|
title: "Subheading"
|
|
32084
32187
|
}, subHeading3Styles), {}, {
|
|
32085
32188
|
padding: false,
|
|
32086
32189
|
onClick: function onClick() {
|
|
32087
32190
|
return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
|
|
32088
32191
|
}
|
|
32089
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$
|
|
32192
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$o(_objectSpread$o({
|
|
32090
32193
|
text: "The quick brown fox jumps over the lazy dog."
|
|
32091
32194
|
}, paragraphStyles), {}, {
|
|
32092
32195
|
padding: false,
|
|
32093
32196
|
onClick: function onClick() {
|
|
32094
32197
|
return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
|
|
32095
32198
|
}
|
|
32096
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$
|
|
32199
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$o(_objectSpread$o({
|
|
32097
32200
|
text: "The quick brown fox jumps over the lazy dog."
|
|
32098
32201
|
}, paragraph2Styles), {}, {
|
|
32099
32202
|
padding: false,
|
|
32100
32203
|
onClick: function onClick() {
|
|
32101
32204
|
return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
|
|
32102
32205
|
}
|
|
32103
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$
|
|
32206
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$o(_objectSpread$o({
|
|
32104
32207
|
text: "The quick brown fox jumps over the lazy dog."
|
|
32105
32208
|
}, paragraph3Styles), {}, {
|
|
32106
32209
|
padding: false,
|
|
@@ -32109,19 +32212,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
32109
32212
|
}
|
|
32110
32213
|
})), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32111
32214
|
className: "flex flex-row space-x-2 w-full",
|
|
32112
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$
|
|
32215
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$o(_objectSpread$o({
|
|
32113
32216
|
title: "Button"
|
|
32114
32217
|
}, buttonStyles), {}, {
|
|
32115
32218
|
onClick: function onClick() {
|
|
32116
32219
|
return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
|
|
32117
32220
|
}
|
|
32118
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$
|
|
32221
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$o(_objectSpread$o({
|
|
32119
32222
|
title: "Button 2"
|
|
32120
32223
|
}, button2Styles), {}, {
|
|
32121
32224
|
onClick: function onClick() {
|
|
32122
32225
|
return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
|
|
32123
32226
|
}
|
|
32124
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$
|
|
32227
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$o(_objectSpread$o({
|
|
32125
32228
|
title: "Button 3"
|
|
32126
32229
|
}, button3Styles), {}, {
|
|
32127
32230
|
onClick: function onClick() {
|
|
@@ -32132,14 +32235,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
32132
32235
|
className: "flex flex-row space-x-4 w-full",
|
|
32133
32236
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32134
32237
|
className: "flex flex-row space-x-2",
|
|
32135
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32238
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
32136
32239
|
text: "Button Icon",
|
|
32137
32240
|
icon: "pencil"
|
|
32138
32241
|
}, buttonIconStyles), {}, {
|
|
32139
32242
|
onClick: function onClick() {
|
|
32140
32243
|
return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
|
|
32141
32244
|
}
|
|
32142
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32245
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
32143
32246
|
icon: "pencil"
|
|
32144
32247
|
}, buttonIconStyles), {}, {
|
|
32145
32248
|
onClick: function onClick() {
|
|
@@ -32148,14 +32251,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
32148
32251
|
}))]
|
|
32149
32252
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32150
32253
|
className: "flex flex-row space-x-2",
|
|
32151
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32254
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
32152
32255
|
text: "Button Icon 2",
|
|
32153
32256
|
icon: "pencil"
|
|
32154
32257
|
}, buttonIconStyles), {}, {
|
|
32155
32258
|
onClick: function onClick() {
|
|
32156
32259
|
return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
|
|
32157
32260
|
}
|
|
32158
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32261
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
32159
32262
|
icon: "pencil"
|
|
32160
32263
|
}, buttonIconStyles), {}, {
|
|
32161
32264
|
onClick: function onClick() {
|
|
@@ -32164,14 +32267,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
32164
32267
|
}))]
|
|
32165
32268
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32166
32269
|
className: "flex flex-row space-x-2",
|
|
32167
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32270
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
32168
32271
|
text: "Button Icon 3",
|
|
32169
32272
|
icon: "pencil"
|
|
32170
32273
|
}, buttonIcon3Styles), {}, {
|
|
32171
32274
|
onClick: function onClick() {
|
|
32172
32275
|
return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
|
|
32173
32276
|
}
|
|
32174
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32277
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
32175
32278
|
icon: "pencil"
|
|
32176
32279
|
}, buttonIcon3Styles), {}, {
|
|
32177
32280
|
onClick: function onClick() {
|
|
@@ -32181,17 +32284,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
32181
32284
|
})]
|
|
32182
32285
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32183
32286
|
className: "flex flex-col space-y-2 w-full",
|
|
32184
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$
|
|
32287
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$o(_objectSpread$o({}, menuItemStyles), {}, {
|
|
32185
32288
|
onClick: function onClick() {
|
|
32186
32289
|
return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
|
|
32187
32290
|
},
|
|
32188
32291
|
children: "Menu Item"
|
|
32189
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$
|
|
32292
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$o(_objectSpread$o({}, menuItem2Styles), {}, {
|
|
32190
32293
|
onClick: function onClick() {
|
|
32191
32294
|
return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
|
|
32192
32295
|
},
|
|
32193
32296
|
children: "Menu Item 2"
|
|
32194
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$
|
|
32297
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$o(_objectSpread$o({}, menuItem3Styles), {}, {
|
|
32195
32298
|
onClick: function onClick() {
|
|
32196
32299
|
return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
|
|
32197
32300
|
},
|
|
@@ -32199,21 +32302,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
32199
32302
|
}))]
|
|
32200
32303
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32201
32304
|
className: "flex flex-row space-x-2 w-full",
|
|
32202
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$
|
|
32305
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$o(_objectSpread$o({
|
|
32203
32306
|
text: "Tag",
|
|
32204
32307
|
icon: "pencil"
|
|
32205
32308
|
}, tagStyles), {}, {
|
|
32206
32309
|
onClick: function onClick() {
|
|
32207
32310
|
return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
|
|
32208
32311
|
}
|
|
32209
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$
|
|
32312
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$o(_objectSpread$o({
|
|
32210
32313
|
text: "Tag 2",
|
|
32211
32314
|
icon: "pencil"
|
|
32212
32315
|
}, tag2Styles), {}, {
|
|
32213
32316
|
onClick: function onClick() {
|
|
32214
32317
|
return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
|
|
32215
32318
|
}
|
|
32216
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$
|
|
32319
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$o(_objectSpread$o({
|
|
32217
32320
|
text: "Tag 3",
|
|
32218
32321
|
icon: "pencil"
|
|
32219
32322
|
}, tag3Styles), {}, {
|
|
@@ -32222,68 +32325,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
32222
32325
|
}
|
|
32223
32326
|
}))]
|
|
32224
32327
|
})]
|
|
32225
|
-
})), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$
|
|
32328
|
+
})), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$o(_objectSpread$o({
|
|
32226
32329
|
className: "p-6 rounded border-4 space-y-4"
|
|
32227
32330
|
}, styles3), {}, {
|
|
32228
32331
|
padding: false,
|
|
32229
32332
|
height: "h-fit",
|
|
32230
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$
|
|
32333
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$o(_objectSpread$o({
|
|
32231
32334
|
title: "Heading"
|
|
32232
32335
|
}, headingStyles), {}, {
|
|
32233
32336
|
padding: false,
|
|
32234
32337
|
onClick: function onClick() {
|
|
32235
32338
|
return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
|
|
32236
32339
|
}
|
|
32237
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$
|
|
32340
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$o(_objectSpread$o({
|
|
32238
32341
|
title: "Heading 2"
|
|
32239
32342
|
}, heading2Styles), {}, {
|
|
32240
32343
|
padding: false,
|
|
32241
32344
|
onClick: function onClick() {
|
|
32242
32345
|
return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
|
|
32243
32346
|
}
|
|
32244
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$
|
|
32347
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$o(_objectSpread$o({
|
|
32245
32348
|
title: "Heading 3"
|
|
32246
32349
|
}, heading3Styles), {}, {
|
|
32247
32350
|
padding: false,
|
|
32248
32351
|
onClick: function onClick() {
|
|
32249
32352
|
return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
|
|
32250
32353
|
}
|
|
32251
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$
|
|
32354
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$o(_objectSpread$o({
|
|
32252
32355
|
title: "Subheading"
|
|
32253
32356
|
}, subHeadingStyles), {}, {
|
|
32254
32357
|
padding: false,
|
|
32255
32358
|
onClick: function onClick() {
|
|
32256
32359
|
return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
|
|
32257
32360
|
}
|
|
32258
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$
|
|
32361
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$o(_objectSpread$o({
|
|
32259
32362
|
title: "Subheading 2"
|
|
32260
32363
|
}, subHeading2Styles), {}, {
|
|
32261
32364
|
padding: false,
|
|
32262
32365
|
onClick: function onClick() {
|
|
32263
32366
|
return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
|
|
32264
32367
|
}
|
|
32265
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$
|
|
32368
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$o(_objectSpread$o({
|
|
32266
32369
|
title: "Subheading"
|
|
32267
32370
|
}, subHeading3Styles), {}, {
|
|
32268
32371
|
padding: false,
|
|
32269
32372
|
onClick: function onClick() {
|
|
32270
32373
|
return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
|
|
32271
32374
|
}
|
|
32272
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$
|
|
32375
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$o(_objectSpread$o({
|
|
32273
32376
|
text: "The quick brown fox jumps over the lazy dog."
|
|
32274
32377
|
}, paragraphStyles), {}, {
|
|
32275
32378
|
padding: false,
|
|
32276
32379
|
onClick: function onClick() {
|
|
32277
32380
|
return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
|
|
32278
32381
|
}
|
|
32279
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$
|
|
32382
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$o(_objectSpread$o({
|
|
32280
32383
|
text: "The quick brown fox jumps over the lazy dog."
|
|
32281
32384
|
}, paragraph2Styles), {}, {
|
|
32282
32385
|
padding: false,
|
|
32283
32386
|
onClick: function onClick() {
|
|
32284
32387
|
return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraph2Styles);
|
|
32285
32388
|
}
|
|
32286
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$
|
|
32389
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$o(_objectSpread$o({
|
|
32287
32390
|
text: "The quick brown fox jumps over the lazy dog."
|
|
32288
32391
|
}, paragraph3Styles), {}, {
|
|
32289
32392
|
padding: false,
|
|
@@ -32292,19 +32395,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
32292
32395
|
}
|
|
32293
32396
|
})), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32294
32397
|
className: "flex flex-row space-x-2 w-full",
|
|
32295
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$
|
|
32398
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$o(_objectSpread$o({
|
|
32296
32399
|
title: "Button"
|
|
32297
32400
|
}, buttonStyles), {}, {
|
|
32298
32401
|
onClick: function onClick() {
|
|
32299
32402
|
return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
|
|
32300
32403
|
}
|
|
32301
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$
|
|
32404
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$o(_objectSpread$o({
|
|
32302
32405
|
title: "Button 2"
|
|
32303
32406
|
}, button2Styles), {}, {
|
|
32304
32407
|
onClick: function onClick() {
|
|
32305
32408
|
return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
|
|
32306
32409
|
}
|
|
32307
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$
|
|
32410
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$o(_objectSpread$o({
|
|
32308
32411
|
title: "Button 3"
|
|
32309
32412
|
}, button3Styles), {}, {
|
|
32310
32413
|
onClick: function onClick() {
|
|
@@ -32315,14 +32418,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
32315
32418
|
className: "flex flex-row space-x-4 w-full",
|
|
32316
32419
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32317
32420
|
className: "flex flex-row space-x-2",
|
|
32318
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32421
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
32319
32422
|
text: "Button Icon",
|
|
32320
32423
|
icon: "pencil"
|
|
32321
32424
|
}, buttonIconStyles), {}, {
|
|
32322
32425
|
onClick: function onClick() {
|
|
32323
32426
|
return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
|
|
32324
32427
|
}
|
|
32325
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32428
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
32326
32429
|
icon: "pencil"
|
|
32327
32430
|
}, buttonIconStyles), {}, {
|
|
32328
32431
|
onClick: function onClick() {
|
|
@@ -32331,14 +32434,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
32331
32434
|
}))]
|
|
32332
32435
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32333
32436
|
className: "flex flex-row space-x-2",
|
|
32334
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32437
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
32335
32438
|
text: "Button Icon 2",
|
|
32336
32439
|
icon: "pencil"
|
|
32337
32440
|
}, buttonIconStyles), {}, {
|
|
32338
32441
|
onClick: function onClick() {
|
|
32339
32442
|
return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
|
|
32340
32443
|
}
|
|
32341
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32444
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
32342
32445
|
icon: "pencil"
|
|
32343
32446
|
}, buttonIconStyles), {}, {
|
|
32344
32447
|
onClick: function onClick() {
|
|
@@ -32347,14 +32450,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
32347
32450
|
}))]
|
|
32348
32451
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32349
32452
|
className: "flex flex-row space-x-2",
|
|
32350
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32453
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
32351
32454
|
text: "Button Icon 3",
|
|
32352
32455
|
icon: "pencil"
|
|
32353
32456
|
}, buttonIcon3Styles), {}, {
|
|
32354
32457
|
onClick: function onClick() {
|
|
32355
32458
|
return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
|
|
32356
32459
|
}
|
|
32357
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$
|
|
32460
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$o(_objectSpread$o({
|
|
32358
32461
|
icon: "pencil"
|
|
32359
32462
|
}, buttonIcon3Styles), {}, {
|
|
32360
32463
|
onClick: function onClick() {
|
|
@@ -32364,17 +32467,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
32364
32467
|
})]
|
|
32365
32468
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32366
32469
|
className: "flex flex-col space-y-2 w-full",
|
|
32367
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$
|
|
32470
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$o(_objectSpread$o({}, menuItemStyles), {}, {
|
|
32368
32471
|
onClick: function onClick() {
|
|
32369
32472
|
return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
|
|
32370
32473
|
},
|
|
32371
32474
|
children: "Menu Item"
|
|
32372
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$
|
|
32475
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$o(_objectSpread$o({}, menuItem2Styles), {}, {
|
|
32373
32476
|
onClick: function onClick() {
|
|
32374
32477
|
return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
|
|
32375
32478
|
},
|
|
32376
32479
|
children: "Menu Item 2"
|
|
32377
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$
|
|
32480
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$o(_objectSpread$o({}, menuItem3Styles), {}, {
|
|
32378
32481
|
onClick: function onClick() {
|
|
32379
32482
|
return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
|
|
32380
32483
|
},
|
|
@@ -32382,21 +32485,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
32382
32485
|
}))]
|
|
32383
32486
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32384
32487
|
className: "flex flex-row space-x-2 w-full",
|
|
32385
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$
|
|
32488
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$o(_objectSpread$o({
|
|
32386
32489
|
text: "Tag",
|
|
32387
32490
|
icon: "pencil"
|
|
32388
32491
|
}, tagStyles), {}, {
|
|
32389
32492
|
onClick: function onClick() {
|
|
32390
32493
|
return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
|
|
32391
32494
|
}
|
|
32392
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$
|
|
32495
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$o(_objectSpread$o({
|
|
32393
32496
|
text: "Tag 2",
|
|
32394
32497
|
icon: "pencil"
|
|
32395
32498
|
}, tag2Styles), {}, {
|
|
32396
32499
|
onClick: function onClick() {
|
|
32397
32500
|
return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
|
|
32398
32501
|
}
|
|
32399
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$
|
|
32502
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$o(_objectSpread$o({
|
|
32400
32503
|
text: "Tag 3",
|
|
32401
32504
|
icon: "pencil"
|
|
32402
32505
|
}, tag3Styles), {}, {
|
|
@@ -32405,57 +32508,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
32405
32508
|
}
|
|
32406
32509
|
}))]
|
|
32407
32510
|
})]
|
|
32408
|
-
})), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$
|
|
32511
|
+
})), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$o(_objectSpread$o({
|
|
32409
32512
|
className: "p-6 rounded border-4 space-y-4"
|
|
32410
32513
|
}, styles2), {}, {
|
|
32411
32514
|
height: "h-fit",
|
|
32412
32515
|
padding: false,
|
|
32413
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$
|
|
32516
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$o(_objectSpread$o({
|
|
32414
32517
|
title: "Heading 2"
|
|
32415
32518
|
}, heading2Styles), {}, {
|
|
32416
32519
|
padding: false,
|
|
32417
32520
|
onClick: function onClick() {
|
|
32418
32521
|
return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
|
|
32419
32522
|
}
|
|
32420
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$
|
|
32523
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$o(_objectSpread$o({
|
|
32421
32524
|
title: "Subheading 2"
|
|
32422
32525
|
}, subHeading2Styles), {}, {
|
|
32423
32526
|
padding: false,
|
|
32424
32527
|
onClick: function onClick() {
|
|
32425
32528
|
return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
|
|
32426
32529
|
}
|
|
32427
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$
|
|
32530
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$o(_objectSpread$o({
|
|
32428
32531
|
text: "Paragraph 2 - The quick brown fox jumps over the lazy dog."
|
|
32429
32532
|
}, paragraph2Styles), {}, {
|
|
32430
32533
|
padding: false,
|
|
32431
32534
|
onClick: function onClick() {
|
|
32432
32535
|
return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
|
|
32433
32536
|
}
|
|
32434
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$
|
|
32537
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$o(_objectSpread$o({
|
|
32435
32538
|
title: "Button"
|
|
32436
32539
|
}, button2Styles), {}, {
|
|
32437
32540
|
onClick: function onClick() {
|
|
32438
32541
|
return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
|
|
32439
32542
|
}
|
|
32440
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$
|
|
32543
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$o(_objectSpread$o({
|
|
32441
32544
|
text: "Button Icon",
|
|
32442
32545
|
icon: "pencil"
|
|
32443
32546
|
}, buttonIcon2Styles), {}, {
|
|
32444
32547
|
onClick: function onClick() {
|
|
32445
32548
|
return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
|
|
32446
32549
|
}
|
|
32447
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$
|
|
32550
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$o(_objectSpread$o({
|
|
32448
32551
|
icon: "pencil"
|
|
32449
32552
|
}, buttonIcon2Styles), {}, {
|
|
32450
32553
|
onClick: function onClick() {
|
|
32451
32554
|
return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIconStyles);
|
|
32452
32555
|
}
|
|
32453
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$
|
|
32556
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$o(_objectSpread$o({}, menuItem2Styles), {}, {
|
|
32454
32557
|
onClick: function onClick() {
|
|
32455
32558
|
return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
|
|
32456
32559
|
},
|
|
32457
32560
|
children: "Menu Item"
|
|
32458
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$
|
|
32561
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$o(_objectSpread$o({
|
|
32459
32562
|
text: "Tag 2",
|
|
32460
32563
|
icon: "pencil"
|
|
32461
32564
|
}, tag2Styles), {}, {
|
|
@@ -32463,57 +32566,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
|
32463
32566
|
return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
|
|
32464
32567
|
}
|
|
32465
32568
|
}))]
|
|
32466
|
-
})), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$
|
|
32569
|
+
})), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$o(_objectSpread$o({
|
|
32467
32570
|
className: "p-6 rounded border-4 space-y-4"
|
|
32468
32571
|
}, styles3), {}, {
|
|
32469
32572
|
height: "h-fit",
|
|
32470
32573
|
padding: false,
|
|
32471
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$
|
|
32574
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$o(_objectSpread$o({
|
|
32472
32575
|
title: "Heading 3"
|
|
32473
32576
|
}, heading3Styles), {}, {
|
|
32474
32577
|
padding: false,
|
|
32475
32578
|
onClick: function onClick() {
|
|
32476
32579
|
return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
|
|
32477
32580
|
}
|
|
32478
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$
|
|
32581
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$o(_objectSpread$o({
|
|
32479
32582
|
title: "Subheading"
|
|
32480
32583
|
}, subHeading3Styles), {}, {
|
|
32481
32584
|
padding: false,
|
|
32482
32585
|
onClick: function onClick() {
|
|
32483
32586
|
return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
|
|
32484
32587
|
}
|
|
32485
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$
|
|
32588
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$o(_objectSpread$o({
|
|
32486
32589
|
text: "Paragraph 3 - The quick brown fox jumps over the lazy dog."
|
|
32487
32590
|
}, paragraph3Styles), {}, {
|
|
32488
32591
|
padding: false,
|
|
32489
32592
|
onClick: function onClick() {
|
|
32490
32593
|
return handleClickItem(DashReact.themeObjects.PARAGRAPH_3, paragraph3Styles);
|
|
32491
32594
|
}
|
|
32492
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$
|
|
32595
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$o(_objectSpread$o({
|
|
32493
32596
|
title: "Button"
|
|
32494
32597
|
}, button3Styles), {}, {
|
|
32495
32598
|
onClick: function onClick() {
|
|
32496
32599
|
return handleClickItem(DashReact.themeObjects.BUTTON_3, button3Styles);
|
|
32497
32600
|
}
|
|
32498
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$
|
|
32601
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$o(_objectSpread$o({
|
|
32499
32602
|
text: "Button Icon 3",
|
|
32500
32603
|
icon: "pencil"
|
|
32501
32604
|
}, buttonIcon3Styles), {}, {
|
|
32502
32605
|
onClick: function onClick() {
|
|
32503
32606
|
return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
|
|
32504
32607
|
}
|
|
32505
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$
|
|
32608
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$o(_objectSpread$o({
|
|
32506
32609
|
icon: "pencil"
|
|
32507
32610
|
}, buttonIcon3Styles), {}, {
|
|
32508
32611
|
onClick: function onClick() {
|
|
32509
32612
|
return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
|
|
32510
32613
|
}
|
|
32511
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$
|
|
32614
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$o(_objectSpread$o({}, menuItem3Styles), {}, {
|
|
32512
32615
|
onClick: function onClick() {
|
|
32513
32616
|
return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
|
|
32514
32617
|
},
|
|
32515
32618
|
children: "Menu Item"
|
|
32516
|
-
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$
|
|
32619
|
+
})), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$o(_objectSpread$o({
|
|
32517
32620
|
text: "Tag",
|
|
32518
32621
|
icon: "pencil"
|
|
32519
32622
|
}, tag3Styles), {}, {
|
|
@@ -32562,8 +32665,8 @@ var ThemePane = function ThemePane(_ref) {
|
|
|
32562
32665
|
};
|
|
32563
32666
|
|
|
32564
32667
|
var _excluded$2 = ["colorFromTheme", "colorName", "shade", "variant", "colorType", "colorLevelName", "selected", "onClick", "onMouseOver", "width", "height"];
|
|
32565
|
-
function ownKeys$
|
|
32566
|
-
function _objectSpread$
|
|
32668
|
+
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; }
|
|
32669
|
+
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; }
|
|
32567
32670
|
var ColorTile = function ColorTile(_ref) {
|
|
32568
32671
|
var _ref$colorFromTheme = _ref.colorFromTheme,
|
|
32569
32672
|
colorFromTheme = _ref$colorFromTheme === void 0 ? null : _ref$colorFromTheme,
|
|
@@ -32588,7 +32691,7 @@ var ColorTile = function ColorTile(_ref) {
|
|
|
32588
32691
|
_ref$height = _ref.height,
|
|
32589
32692
|
height = _ref$height === void 0 ? "h-10" : _ref$height,
|
|
32590
32693
|
rest = _objectWithoutProperties(_ref, _excluded$2);
|
|
32591
|
-
var c = ColorModel(_objectSpread$
|
|
32694
|
+
var c = ColorModel(_objectSpread$n({
|
|
32592
32695
|
colorFromTheme: colorFromTheme,
|
|
32593
32696
|
colorName: colorName,
|
|
32594
32697
|
colorType: colorType,
|
|
@@ -32616,10 +32719,10 @@ var ColorTile = function ColorTile(_ref) {
|
|
|
32616
32719
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
32617
32720
|
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),
|
|
32618
32721
|
onClick: function onClick() {
|
|
32619
|
-
return _onClick !== null ? _onClick(_objectSpread$
|
|
32722
|
+
return _onClick !== null ? _onClick(_objectSpread$n(_objectSpread$n({}, c), rest)) : null;
|
|
32620
32723
|
},
|
|
32621
32724
|
onMouseOver: function onMouseOver() {
|
|
32622
|
-
return _onMouseOver !== null ? _onMouseOver(_objectSpread$
|
|
32725
|
+
return _onMouseOver !== null ? _onMouseOver(_objectSpread$n(_objectSpread$n({}, c), rest)) : null;
|
|
32623
32726
|
},
|
|
32624
32727
|
children: "\xA0"
|
|
32625
32728
|
});
|
|
@@ -33802,8 +33905,8 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
33802
33905
|
var propTypesExports = propTypes.exports;
|
|
33803
33906
|
var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
|
|
33804
33907
|
|
|
33805
|
-
function ownKeys$
|
|
33806
|
-
function _objectSpread$
|
|
33908
|
+
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; }
|
|
33909
|
+
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; }
|
|
33807
33910
|
|
|
33808
33911
|
// Host-injected module references (e.g., "@trops/dash-core").
|
|
33809
33912
|
// Set by the host app via setHostModules() after all modules are fully loaded,
|
|
@@ -33839,7 +33942,7 @@ var BASE_MODULE_MAP = {
|
|
|
33839
33942
|
function evaluateBundle(source, widgetName) {
|
|
33840
33943
|
// Merge base modules with host-provided modules (e.g., "@trops/dash-core")
|
|
33841
33944
|
// at call time so _hostModules is populated by the time widgets load.
|
|
33842
|
-
var moduleMap = _objectSpread$
|
|
33945
|
+
var moduleMap = _objectSpread$m(_objectSpread$m({}, BASE_MODULE_MAP), _hostModules);
|
|
33843
33946
|
var module = {
|
|
33844
33947
|
exports: {}
|
|
33845
33948
|
};
|
|
@@ -33852,7 +33955,7 @@ function evaluateBundle(source, widgetName) {
|
|
|
33852
33955
|
// CJS bundles expect `require("pkg").Widget` to work, so merge
|
|
33853
33956
|
// `.default` properties onto the returned object.
|
|
33854
33957
|
if (mod["default"] && _typeof(mod["default"]) === "object") {
|
|
33855
|
-
return _objectSpread$
|
|
33958
|
+
return _objectSpread$m(_objectSpread$m(_objectSpread$m({}, mod["default"]), mod), {}, {
|
|
33856
33959
|
"default": mod["default"]
|
|
33857
33960
|
});
|
|
33858
33961
|
}
|
|
@@ -34523,8 +34626,8 @@ var HARMONY_STRATEGIES = [{
|
|
|
34523
34626
|
label: "Custom"
|
|
34524
34627
|
}];
|
|
34525
34628
|
|
|
34526
|
-
function ownKeys$
|
|
34527
|
-
function _objectSpread$
|
|
34629
|
+
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; }
|
|
34630
|
+
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; }
|
|
34528
34631
|
var COLOR_PROPERTIES$1 = new Set(["backgroundColor", "textColor", "borderColor", "hoverBackgroundColor", "hoverTextColor", "hoverBorderColor", "focusRingColor", "focusBorderColor", "activeBackgroundColor", "activeTextColor", "placeholderTextColor"]);
|
|
34529
34632
|
var PreviewColorsPane = function PreviewColorsPane(_ref) {
|
|
34530
34633
|
var _ref$styles = _ref.styles,
|
|
@@ -34541,7 +34644,7 @@ var PreviewColorsPane = function PreviewColorsPane(_ref) {
|
|
|
34541
34644
|
function handleClickItem(data, styleNameCss, itemType, objectType) {
|
|
34542
34645
|
// override the object type
|
|
34543
34646
|
data["objectType"] = objectType;
|
|
34544
|
-
onClickItem(_objectSpread$
|
|
34647
|
+
onClickItem(_objectSpread$l(_objectSpread$l({}, data), {}, {
|
|
34545
34648
|
itemType: itemType,
|
|
34546
34649
|
styleName: styleNameCss
|
|
34547
34650
|
}));
|
|
@@ -34951,8 +35054,8 @@ var ThemeMenuPane = function ThemeMenuPane(_ref) {
|
|
|
34951
35054
|
});
|
|
34952
35055
|
};
|
|
34953
35056
|
|
|
34954
|
-
function ownKeys$
|
|
34955
|
-
function _objectSpread$
|
|
35057
|
+
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; }
|
|
35058
|
+
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; }
|
|
34956
35059
|
var COMPONENT_GROUPS$1 = {
|
|
34957
35060
|
Typography: [DashReact.themeObjects.HEADING, DashReact.themeObjects.HEADING_2, DashReact.themeObjects.HEADING_3, DashReact.themeObjects.SUBHEADING, DashReact.themeObjects.SUBHEADING_2, DashReact.themeObjects.SUBHEADING_3, DashReact.themeObjects.PARAGRAPH, DashReact.themeObjects.PARAGRAPH_2, DashReact.themeObjects.PARAGRAPH_3],
|
|
34958
35061
|
Buttons: [DashReact.themeObjects.BUTTON, DashReact.themeObjects.BUTTON_2, DashReact.themeObjects.BUTTON_3, DashReact.themeObjects.BUTTON_ICON, DashReact.themeObjects.BUTTON_ICON_2, DashReact.themeObjects.BUTTON_ICON_3],
|
|
@@ -34983,7 +35086,7 @@ var ComponentSelectorPane = function ComponentSelectorPane(_ref) {
|
|
|
34983
35086
|
setCollapsedGroups = _useState2[1];
|
|
34984
35087
|
function toggleGroup(groupName) {
|
|
34985
35088
|
setCollapsedGroups(function (prev) {
|
|
34986
|
-
return _objectSpread$
|
|
35089
|
+
return _objectSpread$k(_objectSpread$k({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
|
|
34987
35090
|
});
|
|
34988
35091
|
}
|
|
34989
35092
|
function hasOverrides(itemKey) {
|
|
@@ -35220,8 +35323,8 @@ var NonColorPickerPane = function NonColorPickerPane(_ref) {
|
|
|
35220
35323
|
};
|
|
35221
35324
|
|
|
35222
35325
|
var _excluded$1 = ["children"];
|
|
35223
|
-
function ownKeys$
|
|
35224
|
-
function _objectSpread$
|
|
35326
|
+
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; }
|
|
35327
|
+
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; }
|
|
35225
35328
|
var COLOR_PROPERTIES = new Set(["backgroundColor", "textColor", "borderColor", "hoverBackgroundColor", "hoverTextColor", "hoverBorderColor", "focusRingColor", "focusBorderColor", "activeBackgroundColor", "activeTextColor", "placeholderTextColor"]);
|
|
35226
35329
|
var isColorProperty = function isColorProperty(name) {
|
|
35227
35330
|
return COLOR_PROPERTIES.has(name);
|
|
@@ -35781,7 +35884,7 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
35781
35884
|
if (itemSelected && themeSelected && themeVariant) {
|
|
35782
35885
|
var updatedStyles = DashReact.getStylesForItem(itemSelected.item, themeSelected[themeVariant]);
|
|
35783
35886
|
setItemSelected(function (prev) {
|
|
35784
|
-
return _objectSpread$
|
|
35887
|
+
return _objectSpread$j(_objectSpread$j({}, prev), {}, {
|
|
35785
35888
|
styles: updatedStyles
|
|
35786
35889
|
});
|
|
35787
35890
|
});
|
|
@@ -35952,7 +36055,7 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
35952
36055
|
styles: clickStyles
|
|
35953
36056
|
});
|
|
35954
36057
|
},
|
|
35955
|
-
children: /*#__PURE__*/jsxRuntime.jsx(PanelComponent, _objectSpread$
|
|
36058
|
+
children: /*#__PURE__*/jsxRuntime.jsx(PanelComponent, _objectSpread$j(_objectSpread$j({}, panelStyles), {}, {
|
|
35956
36059
|
scrollable: false,
|
|
35957
36060
|
className: "rounded",
|
|
35958
36061
|
height: "",
|
|
@@ -35966,9 +36069,9 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
35966
36069
|
var _comp$props = comp.props,
|
|
35967
36070
|
childContent = _comp$props.children,
|
|
35968
36071
|
restProps = _objectWithoutProperties(_comp$props, _excluded$1);
|
|
35969
|
-
var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$
|
|
36072
|
+
var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$j(_objectSpread$j({}, restProps), {}, {
|
|
35970
36073
|
children: childContent
|
|
35971
|
-
})) : /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$
|
|
36074
|
+
})) : /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$j({}, restProps));
|
|
35972
36075
|
return renderComponentRow(comp.key, renderedComponent);
|
|
35973
36076
|
})
|
|
35974
36077
|
})
|
|
@@ -35984,7 +36087,7 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
35984
36087
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35985
36088
|
className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
|
|
35986
36089
|
children: "Forms & Inputs"
|
|
35987
|
-
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$
|
|
36090
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$j(_objectSpread$j({}, DashReact.getStylesForItem("panel", themeData)), {}, {
|
|
35988
36091
|
scrollable: false,
|
|
35989
36092
|
className: "rounded",
|
|
35990
36093
|
height: "",
|
|
@@ -36012,7 +36115,7 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
36012
36115
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36013
36116
|
className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
|
|
36014
36117
|
children: "Data & Stats"
|
|
36015
|
-
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$
|
|
36118
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$j(_objectSpread$j({}, DashReact.getStylesForItem("panel", themeData)), {}, {
|
|
36016
36119
|
scrollable: false,
|
|
36017
36120
|
className: "rounded",
|
|
36018
36121
|
height: "",
|
|
@@ -36117,7 +36220,7 @@ var PanelTheme = function PanelTheme(_ref) {
|
|
|
36117
36220
|
}), themeSelected && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36118
36221
|
className: "flex flex-col flex-1 min-w-0",
|
|
36119
36222
|
children: /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeContext.Provider, {
|
|
36120
|
-
value: _objectSpread$
|
|
36223
|
+
value: _objectSpread$j(_objectSpread$j({}, themeContextValue), {}, {
|
|
36121
36224
|
currentTheme: (themeSelected === null || themeSelected === void 0 ? void 0 : themeSelected[themeVariant]) || themeContextValue.currentTheme
|
|
36122
36225
|
}),
|
|
36123
36226
|
children: showPreview ? /*#__PURE__*/jsxRuntime.jsx(PreviewComponentsPane, {
|
|
@@ -37521,8 +37624,8 @@ var DiscoverThemesDetail = function DiscoverThemesDetail(_ref) {
|
|
|
37521
37624
|
});
|
|
37522
37625
|
};
|
|
37523
37626
|
|
|
37524
|
-
function ownKeys$
|
|
37525
|
-
function _objectSpread$
|
|
37627
|
+
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; }
|
|
37628
|
+
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; }
|
|
37526
37629
|
var ThemeManagerModal = function ThemeManagerModal(_ref) {
|
|
37527
37630
|
var open = _ref.open,
|
|
37528
37631
|
setIsOpen = _ref.setIsOpen;
|
|
@@ -37714,7 +37817,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
|
|
|
37714
37817
|
function handleWizardComplete() {
|
|
37715
37818
|
if (!wizardTheme || !wizardName.trim()) return;
|
|
37716
37819
|
var key = wizardTheme.id || "theme-".concat(Date.now());
|
|
37717
|
-
var finalTheme = _objectSpread$
|
|
37820
|
+
var finalTheme = _objectSpread$i(_objectSpread$i({}, wizardTheme), {}, {
|
|
37718
37821
|
id: key,
|
|
37719
37822
|
name: wizardName.trim()
|
|
37720
37823
|
});
|
|
@@ -38677,8 +38780,8 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
|
|
|
38677
38780
|
});
|
|
38678
38781
|
};
|
|
38679
38782
|
|
|
38680
|
-
function ownKeys$
|
|
38681
|
-
function _objectSpread$
|
|
38783
|
+
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; }
|
|
38784
|
+
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; }
|
|
38682
38785
|
var LayoutPreview = function LayoutPreview(_ref) {
|
|
38683
38786
|
var layout = _ref.layout;
|
|
38684
38787
|
var gridRoot = (layout || []).find(function (item) {
|
|
@@ -38860,7 +38963,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
|
|
|
38860
38963
|
updated.menuId = val ? Number(val) : null;
|
|
38861
38964
|
// Strip widgetConfig from layout before saving
|
|
38862
38965
|
updated.layout = (updated.layout || []).map(function (layoutItem) {
|
|
38863
|
-
var cleaned = _objectSpread$
|
|
38966
|
+
var cleaned = _objectSpread$h({}, layoutItem);
|
|
38864
38967
|
delete cleaned.widgetConfig;
|
|
38865
38968
|
return cleaned;
|
|
38866
38969
|
});
|
|
@@ -38875,7 +38978,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
|
|
|
38875
38978
|
var updated = DashReact.deepCopy(ws);
|
|
38876
38979
|
updated.themeKey = val || null;
|
|
38877
38980
|
updated.layout = (updated.layout || []).map(function (layoutItem) {
|
|
38878
|
-
var cleaned = _objectSpread$
|
|
38981
|
+
var cleaned = _objectSpread$h({}, layoutItem);
|
|
38879
38982
|
delete cleaned.widgetConfig;
|
|
38880
38983
|
return cleaned;
|
|
38881
38984
|
});
|
|
@@ -39028,8 +39131,8 @@ var DashboardDetail = function DashboardDetail(_ref2) {
|
|
|
39028
39131
|
});
|
|
39029
39132
|
};
|
|
39030
39133
|
|
|
39031
|
-
function ownKeys$
|
|
39032
|
-
function _objectSpread$
|
|
39134
|
+
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; }
|
|
39135
|
+
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; }
|
|
39033
39136
|
var DashboardsSection = function DashboardsSection(_ref) {
|
|
39034
39137
|
var _ref$workspaces = _ref.workspaces,
|
|
39035
39138
|
workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces,
|
|
@@ -39118,7 +39221,7 @@ var DashboardsSection = function DashboardsSection(_ref) {
|
|
|
39118
39221
|
updated.name = editName.trim();
|
|
39119
39222
|
// Strip widgetConfig from layout before saving
|
|
39120
39223
|
updated.layout = (updated.layout || []).map(function (layoutItem) {
|
|
39121
|
-
var cleaned = _objectSpread$
|
|
39224
|
+
var cleaned = _objectSpread$g({}, layoutItem);
|
|
39122
39225
|
delete cleaned.widgetConfig;
|
|
39123
39226
|
return cleaned;
|
|
39124
39227
|
});
|
|
@@ -39138,7 +39241,7 @@ var DashboardsSection = function DashboardsSection(_ref) {
|
|
|
39138
39241
|
copy.version = Date.now();
|
|
39139
39242
|
// Strip widgetConfig from layout before saving
|
|
39140
39243
|
copy.layout = (copy.layout || []).map(function (layoutItem) {
|
|
39141
|
-
var cleaned = _objectSpread$
|
|
39244
|
+
var cleaned = _objectSpread$g({}, layoutItem);
|
|
39142
39245
|
delete cleaned.widgetConfig;
|
|
39143
39246
|
return cleaned;
|
|
39144
39247
|
});
|
|
@@ -39538,8 +39641,8 @@ var FoldersSection = function FoldersSection(_ref) {
|
|
|
39538
39641
|
});
|
|
39539
39642
|
};
|
|
39540
39643
|
|
|
39541
|
-
function ownKeys$
|
|
39542
|
-
function _objectSpread$
|
|
39644
|
+
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; }
|
|
39645
|
+
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; }
|
|
39543
39646
|
var ProviderDetail = function ProviderDetail(_ref) {
|
|
39544
39647
|
var _provider$mcpConfig, _testResult$tools;
|
|
39545
39648
|
var _ref$providerName = _ref.providerName,
|
|
@@ -39630,14 +39733,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
|
|
|
39630
39733
|
var oldKey = f.key;
|
|
39631
39734
|
if (oldKey && formCredentials[oldKey] !== undefined) {
|
|
39632
39735
|
setFormCredentials(function (creds) {
|
|
39633
|
-
var updated = _objectSpread$
|
|
39736
|
+
var updated = _objectSpread$f({}, creds);
|
|
39634
39737
|
var val = updated[oldKey];
|
|
39635
39738
|
delete updated[oldKey];
|
|
39636
39739
|
if (newKey.trim()) updated[newKey] = val;
|
|
39637
39740
|
return updated;
|
|
39638
39741
|
});
|
|
39639
39742
|
}
|
|
39640
|
-
return _objectSpread$
|
|
39743
|
+
return _objectSpread$f(_objectSpread$f({}, f), {}, {
|
|
39641
39744
|
key: newKey
|
|
39642
39745
|
});
|
|
39643
39746
|
});
|
|
@@ -39649,14 +39752,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
|
|
|
39649
39752
|
});
|
|
39650
39753
|
if (field !== null && field !== void 0 && field.key) {
|
|
39651
39754
|
setFormCredentials(function (prev) {
|
|
39652
|
-
return _objectSpread$
|
|
39755
|
+
return _objectSpread$f(_objectSpread$f({}, prev), {}, _defineProperty({}, field.key, value));
|
|
39653
39756
|
});
|
|
39654
39757
|
}
|
|
39655
39758
|
};
|
|
39656
39759
|
var handleFieldSecretToggle = function handleFieldSecretToggle(id) {
|
|
39657
39760
|
setCredentialFields(function (prev) {
|
|
39658
39761
|
return prev.map(function (f) {
|
|
39659
|
-
return f.id === id ? _objectSpread$
|
|
39762
|
+
return f.id === id ? _objectSpread$f(_objectSpread$f({}, f), {}, {
|
|
39660
39763
|
secret: !f.secret
|
|
39661
39764
|
}) : f;
|
|
39662
39765
|
});
|
|
@@ -39678,7 +39781,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
|
|
|
39678
39781
|
});
|
|
39679
39782
|
if (field !== null && field !== void 0 && field.key) {
|
|
39680
39783
|
setFormCredentials(function (prev) {
|
|
39681
|
-
var updated = _objectSpread$
|
|
39784
|
+
var updated = _objectSpread$f({}, prev);
|
|
39682
39785
|
delete updated[field.key];
|
|
39683
39786
|
return updated;
|
|
39684
39787
|
});
|
|
@@ -39691,7 +39794,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
|
|
|
39691
39794
|
};
|
|
39692
39795
|
var handleCredentialChange = function handleCredentialChange(key, value) {
|
|
39693
39796
|
setFormCredentials(function (prev) {
|
|
39694
|
-
return _objectSpread$
|
|
39797
|
+
return _objectSpread$f(_objectSpread$f({}, prev), {}, _defineProperty({}, key, value));
|
|
39695
39798
|
});
|
|
39696
39799
|
};
|
|
39697
39800
|
var handleTestConnection = function handleTestConnection() {
|
|
@@ -40293,8 +40396,8 @@ var ProviderDetail = function ProviderDetail(_ref) {
|
|
|
40293
40396
|
});
|
|
40294
40397
|
};
|
|
40295
40398
|
|
|
40296
|
-
function ownKeys$
|
|
40297
|
-
function _objectSpread$
|
|
40399
|
+
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; }
|
|
40400
|
+
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; }
|
|
40298
40401
|
var rowIdCounter = 0;
|
|
40299
40402
|
var nextRowId = function nextRowId() {
|
|
40300
40403
|
return "row_".concat(++rowIdCounter);
|
|
@@ -40555,7 +40658,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
40555
40658
|
var updateEnvRow = function updateEnvRow(id, field, value) {
|
|
40556
40659
|
setEnvMappingRows(function (prev) {
|
|
40557
40660
|
return prev.map(function (row) {
|
|
40558
|
-
return row.id === id ? _objectSpread$
|
|
40661
|
+
return row.id === id ? _objectSpread$e(_objectSpread$e({}, row), {}, _defineProperty({}, field, value)) : row;
|
|
40559
40662
|
});
|
|
40560
40663
|
});
|
|
40561
40664
|
};
|
|
@@ -40580,7 +40683,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
40580
40683
|
var updateHeaderRow = function updateHeaderRow(id, field, value) {
|
|
40581
40684
|
setHeaderRows(function (prev) {
|
|
40582
40685
|
return prev.map(function (row) {
|
|
40583
|
-
return row.id === id ? _objectSpread$
|
|
40686
|
+
return row.id === id ? _objectSpread$e(_objectSpread$e({}, row), {}, _defineProperty({}, field, value)) : row;
|
|
40584
40687
|
});
|
|
40585
40688
|
});
|
|
40586
40689
|
};
|
|
@@ -40595,11 +40698,11 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
40595
40698
|
// --- credential field change ---
|
|
40596
40699
|
var handleCredentialChange = function handleCredentialChange(fieldName, value) {
|
|
40597
40700
|
setCredentialData(function (prev) {
|
|
40598
|
-
return _objectSpread$
|
|
40701
|
+
return _objectSpread$e(_objectSpread$e({}, prev), {}, _defineProperty({}, fieldName, value));
|
|
40599
40702
|
});
|
|
40600
40703
|
if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
|
|
40601
40704
|
setFormErrors(function (prev) {
|
|
40602
|
-
var next = _objectSpread$
|
|
40705
|
+
var next = _objectSpread$e({}, prev);
|
|
40603
40706
|
delete next[fieldName];
|
|
40604
40707
|
return next;
|
|
40605
40708
|
});
|
|
@@ -40807,7 +40910,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
40807
40910
|
setProviderName(value);
|
|
40808
40911
|
if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
|
|
40809
40912
|
setFormErrors(function (prev) {
|
|
40810
|
-
var next = _objectSpread$
|
|
40913
|
+
var next = _objectSpread$e({}, prev);
|
|
40811
40914
|
delete next.providerName;
|
|
40812
40915
|
return next;
|
|
40813
40916
|
});
|
|
@@ -40923,7 +41026,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
40923
41026
|
setCommand(value);
|
|
40924
41027
|
if (formErrors.command && value !== null && value !== void 0 && value.trim()) {
|
|
40925
41028
|
setFormErrors(function (prev) {
|
|
40926
|
-
var next = _objectSpread$
|
|
41029
|
+
var next = _objectSpread$e({}, prev);
|
|
40927
41030
|
delete next.command;
|
|
40928
41031
|
return next;
|
|
40929
41032
|
});
|
|
@@ -41029,7 +41132,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
41029
41132
|
setUrl(value);
|
|
41030
41133
|
if (formErrors.url && value !== null && value !== void 0 && value.trim()) {
|
|
41031
41134
|
setFormErrors(function (prev) {
|
|
41032
|
-
var next = _objectSpread$
|
|
41135
|
+
var next = _objectSpread$e({}, prev);
|
|
41033
41136
|
delete next.url;
|
|
41034
41137
|
return next;
|
|
41035
41138
|
});
|
|
@@ -41274,8 +41377,8 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
|
|
|
41274
41377
|
});
|
|
41275
41378
|
};
|
|
41276
41379
|
|
|
41277
|
-
function ownKeys$
|
|
41278
|
-
function _objectSpread$
|
|
41380
|
+
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; }
|
|
41381
|
+
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; }
|
|
41279
41382
|
var getIconForServer = function getIconForServer(server) {
|
|
41280
41383
|
var iconMap = {
|
|
41281
41384
|
github: "code-branch",
|
|
@@ -41462,11 +41565,11 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
|
|
|
41462
41565
|
// Handle credential field changes
|
|
41463
41566
|
var handleCredentialChange = function handleCredentialChange(fieldName, value) {
|
|
41464
41567
|
setCredentialData(function (prev) {
|
|
41465
|
-
return _objectSpread$
|
|
41568
|
+
return _objectSpread$d(_objectSpread$d({}, prev), {}, _defineProperty({}, fieldName, value));
|
|
41466
41569
|
});
|
|
41467
41570
|
if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
|
|
41468
41571
|
setFormErrors(function (prev) {
|
|
41469
|
-
var next = _objectSpread$
|
|
41572
|
+
var next = _objectSpread$d({}, prev);
|
|
41470
41573
|
delete next[fieldName];
|
|
41471
41574
|
return next;
|
|
41472
41575
|
});
|
|
@@ -41714,7 +41817,7 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
|
|
|
41714
41817
|
setProviderName(value);
|
|
41715
41818
|
if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
|
|
41716
41819
|
setFormErrors(function (prev) {
|
|
41717
|
-
var next = _objectSpread$
|
|
41820
|
+
var next = _objectSpread$d({}, prev);
|
|
41718
41821
|
delete next.providerName;
|
|
41719
41822
|
return next;
|
|
41720
41823
|
});
|
|
@@ -41976,8 +42079,8 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
|
|
|
41976
42079
|
});
|
|
41977
42080
|
};
|
|
41978
42081
|
|
|
41979
|
-
function ownKeys$
|
|
41980
|
-
function _objectSpread$
|
|
42082
|
+
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; }
|
|
42083
|
+
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; }
|
|
41981
42084
|
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; } } }; }
|
|
41982
42085
|
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; } }
|
|
41983
42086
|
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; }
|
|
@@ -42198,7 +42301,7 @@ var WebSocketProviderForm = function WebSocketProviderForm(_ref) {
|
|
|
42198
42301
|
function handleHeaderChange(id, field, value) {
|
|
42199
42302
|
setHeaderRows(function (prev) {
|
|
42200
42303
|
return prev.map(function (r) {
|
|
42201
|
-
return r.id === id ? _objectSpread$
|
|
42304
|
+
return r.id === id ? _objectSpread$c(_objectSpread$c({}, r), {}, _defineProperty({}, field, value)) : r;
|
|
42202
42305
|
});
|
|
42203
42306
|
});
|
|
42204
42307
|
}
|
|
@@ -42426,7 +42529,7 @@ var WebSocketProviderForm = function WebSocketProviderForm(_ref) {
|
|
|
42426
42529
|
value: credentials[field] || "",
|
|
42427
42530
|
onChange: function onChange(value) {
|
|
42428
42531
|
return setCredentials(function (prev) {
|
|
42429
|
-
return _objectSpread$
|
|
42532
|
+
return _objectSpread$c(_objectSpread$c({}, prev), {}, _defineProperty({}, field, value));
|
|
42430
42533
|
});
|
|
42431
42534
|
},
|
|
42432
42535
|
placeholder: "Enter ".concat(field),
|
|
@@ -44006,8 +44109,8 @@ var ThemeDetail = function ThemeDetail(_ref6) {
|
|
|
44006
44109
|
});
|
|
44007
44110
|
};
|
|
44008
44111
|
|
|
44009
|
-
function ownKeys$
|
|
44010
|
-
function _objectSpread$
|
|
44112
|
+
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; }
|
|
44113
|
+
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; }
|
|
44011
44114
|
var BackToChooser = function BackToChooser(_ref) {
|
|
44012
44115
|
var onClick = _ref.onClick,
|
|
44013
44116
|
children = _ref.children;
|
|
@@ -44127,7 +44230,7 @@ var ThemesSection = function ThemesSection(_ref2) {
|
|
|
44127
44230
|
if (!wizardTheme || !wizardName.trim()) return;
|
|
44128
44231
|
if (!dashApi || !appId) return;
|
|
44129
44232
|
var key = wizardTheme.id || "theme-".concat(Date.now());
|
|
44130
|
-
var finalTheme = _objectSpread$
|
|
44233
|
+
var finalTheme = _objectSpread$b(_objectSpread$b({}, wizardTheme), {}, {
|
|
44131
44234
|
id: key,
|
|
44132
44235
|
name: wizardName.trim()
|
|
44133
44236
|
});
|
|
@@ -44234,7 +44337,7 @@ var ThemesSection = function ThemesSection(_ref2) {
|
|
|
44234
44337
|
function handleUrlThemeGenerated(theme) {
|
|
44235
44338
|
if (!dashApi || !appId) return;
|
|
44236
44339
|
var key = theme.id || "theme-".concat(Date.now());
|
|
44237
|
-
var finalTheme = _objectSpread$
|
|
44340
|
+
var finalTheme = _objectSpread$b(_objectSpread$b({}, theme), {}, {
|
|
44238
44341
|
id: key
|
|
44239
44342
|
});
|
|
44240
44343
|
saveAndSelectTheme(key, finalTheme);
|
|
@@ -44739,8 +44842,8 @@ var InstallWidgetPicker = function InstallWidgetPicker(_ref2) {
|
|
|
44739
44842
|
});
|
|
44740
44843
|
};
|
|
44741
44844
|
|
|
44742
|
-
function ownKeys$
|
|
44743
|
-
function _objectSpread$
|
|
44845
|
+
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; }
|
|
44846
|
+
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; }
|
|
44744
44847
|
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; } } }; }
|
|
44745
44848
|
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; } }
|
|
44746
44849
|
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; }
|
|
@@ -44868,7 +44971,7 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
|
|
|
44868
44971
|
if (installError) {
|
|
44869
44972
|
setProgressWidgets(function (prev) {
|
|
44870
44973
|
return prev.map(function (w) {
|
|
44871
|
-
return _objectSpread$
|
|
44974
|
+
return _objectSpread$a(_objectSpread$a({}, w), {}, {
|
|
44872
44975
|
status: "failed",
|
|
44873
44976
|
error: installError
|
|
44874
44977
|
});
|
|
@@ -44877,7 +44980,7 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
|
|
|
44877
44980
|
} else {
|
|
44878
44981
|
setProgressWidgets(function (prev) {
|
|
44879
44982
|
return prev.map(function (w) {
|
|
44880
|
-
return _objectSpread$
|
|
44983
|
+
return _objectSpread$a(_objectSpread$a({}, w), {}, {
|
|
44881
44984
|
status: "installed"
|
|
44882
44985
|
});
|
|
44883
44986
|
});
|
|
@@ -45004,7 +45107,7 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
|
|
|
45004
45107
|
// Transition to downloading
|
|
45005
45108
|
setProgressWidgets(function (prev) {
|
|
45006
45109
|
return prev.map(function (w) {
|
|
45007
|
-
return _objectSpread$
|
|
45110
|
+
return _objectSpread$a(_objectSpread$a({}, w), {}, {
|
|
45008
45111
|
status: "downloading"
|
|
45009
45112
|
});
|
|
45010
45113
|
});
|
|
@@ -45690,8 +45793,8 @@ function useWidgetUpdates() {
|
|
|
45690
45793
|
};
|
|
45691
45794
|
}
|
|
45692
45795
|
|
|
45693
|
-
function ownKeys$
|
|
45694
|
-
function _objectSpread$
|
|
45796
|
+
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; }
|
|
45797
|
+
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; }
|
|
45695
45798
|
var WidgetsSection = function WidgetsSection(_ref) {
|
|
45696
45799
|
var _ref$workspaces = _ref.workspaces,
|
|
45697
45800
|
workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces;
|
|
@@ -45869,7 +45972,7 @@ var WidgetsSection = function WidgetsSection(_ref) {
|
|
|
45869
45972
|
})));
|
|
45870
45973
|
var usage = findWidgetUsage(allComponentNames, workspaces);
|
|
45871
45974
|
setDeleteUsage(usage);
|
|
45872
|
-
setDeleteTarget(_objectSpread$
|
|
45975
|
+
setDeleteTarget(_objectSpread$9(_objectSpread$9({}, widget), {}, {
|
|
45873
45976
|
_siblings: siblings
|
|
45874
45977
|
}));
|
|
45875
45978
|
}
|
|
@@ -45978,7 +46081,7 @@ var WidgetsSection = function WidgetsSection(_ref) {
|
|
|
45978
46081
|
_t2 = _context2["catch"](1);
|
|
45979
46082
|
setProgressWidgets(function (prev) {
|
|
45980
46083
|
return prev.map(function (w) {
|
|
45981
|
-
return _objectSpread$
|
|
46084
|
+
return _objectSpread$9(_objectSpread$9({}, w), {}, {
|
|
45982
46085
|
status: "failed",
|
|
45983
46086
|
error: _t2.message
|
|
45984
46087
|
});
|
|
@@ -46083,7 +46186,7 @@ var WidgetsSection = function WidgetsSection(_ref) {
|
|
|
46083
46186
|
_t3 = _context3["catch"](1);
|
|
46084
46187
|
setProgressWidgets(function (prev) {
|
|
46085
46188
|
return prev.map(function (w) {
|
|
46086
|
-
return _objectSpread$
|
|
46189
|
+
return _objectSpread$9(_objectSpread$9({}, w), {}, {
|
|
46087
46190
|
status: "failed",
|
|
46088
46191
|
error: _t3.message
|
|
46089
46192
|
});
|
|
@@ -46389,7 +46492,7 @@ var WidgetsSection = function WidgetsSection(_ref) {
|
|
|
46389
46492
|
widgets: progressWidgets,
|
|
46390
46493
|
isComplete: progressComplete,
|
|
46391
46494
|
onDone: handleProgressDone
|
|
46392
|
-
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.ConfirmationModal, _objectSpread$
|
|
46495
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.ConfirmationModal, _objectSpread$9(_objectSpread$9({
|
|
46393
46496
|
isOpen: !!deleteTarget,
|
|
46394
46497
|
setIsOpen: function setIsOpen() {
|
|
46395
46498
|
setDeleteTarget(null);
|
|
@@ -46464,8 +46567,8 @@ var WidgetsSection = function WidgetsSection(_ref) {
|
|
|
46464
46567
|
});
|
|
46465
46568
|
};
|
|
46466
46569
|
|
|
46467
|
-
function ownKeys$
|
|
46468
|
-
function _objectSpread$
|
|
46570
|
+
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; }
|
|
46571
|
+
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; }
|
|
46469
46572
|
var AccountSection = function AccountSection(_ref) {
|
|
46470
46573
|
var authStatus = _ref.authStatus,
|
|
46471
46574
|
authProfile = _ref.authProfile,
|
|
@@ -46570,7 +46673,7 @@ var AuthenticatedView = function AuthenticatedView(_ref3) {
|
|
|
46570
46673
|
onPackageUpdated: function onPackageUpdated(updatedPkg) {
|
|
46571
46674
|
setPackages(function (prev) {
|
|
46572
46675
|
return prev.map(function (p) {
|
|
46573
|
-
return p.name === updatedPkg.name && p.scope === updatedPkg.scope ? _objectSpread$
|
|
46676
|
+
return p.name === updatedPkg.name && p.scope === updatedPkg.scope ? _objectSpread$8(_objectSpread$8({}, p), updatedPkg) : p;
|
|
46574
46677
|
});
|
|
46575
46678
|
});
|
|
46576
46679
|
},
|
|
@@ -46825,7 +46928,7 @@ var PackageItem = function PackageItem(_ref6) {
|
|
|
46825
46928
|
case 2:
|
|
46826
46929
|
result = _context3.sent;
|
|
46827
46930
|
if (result) {
|
|
46828
|
-
onSaved(_objectSpread$
|
|
46931
|
+
onSaved(_objectSpread$8(_objectSpread$8({}, pkg), updates));
|
|
46829
46932
|
}
|
|
46830
46933
|
_context3.next = 4;
|
|
46831
46934
|
break;
|
|
@@ -46890,7 +46993,7 @@ var PackageItem = function PackageItem(_ref6) {
|
|
|
46890
46993
|
label: "Display Name",
|
|
46891
46994
|
value: form.displayName,
|
|
46892
46995
|
onChange: function onChange(v) {
|
|
46893
|
-
return setForm(_objectSpread$
|
|
46996
|
+
return setForm(_objectSpread$8(_objectSpread$8({}, form), {}, {
|
|
46894
46997
|
displayName: v
|
|
46895
46998
|
}));
|
|
46896
46999
|
}
|
|
@@ -46898,7 +47001,7 @@ var PackageItem = function PackageItem(_ref6) {
|
|
|
46898
47001
|
label: "Description",
|
|
46899
47002
|
value: form.description,
|
|
46900
47003
|
onChange: function onChange(v) {
|
|
46901
|
-
return setForm(_objectSpread$
|
|
47004
|
+
return setForm(_objectSpread$8(_objectSpread$8({}, form), {}, {
|
|
46902
47005
|
description: v
|
|
46903
47006
|
}));
|
|
46904
47007
|
}
|
|
@@ -46906,7 +47009,7 @@ var PackageItem = function PackageItem(_ref6) {
|
|
|
46906
47009
|
label: "Category",
|
|
46907
47010
|
value: form.category,
|
|
46908
47011
|
onChange: function onChange(v) {
|
|
46909
|
-
return setForm(_objectSpread$
|
|
47012
|
+
return setForm(_objectSpread$8(_objectSpread$8({}, form), {}, {
|
|
46910
47013
|
category: v
|
|
46911
47014
|
}));
|
|
46912
47015
|
}
|
|
@@ -46914,7 +47017,7 @@ var PackageItem = function PackageItem(_ref6) {
|
|
|
46914
47017
|
label: "Tags (comma-separated)",
|
|
46915
47018
|
value: form.tags,
|
|
46916
47019
|
onChange: function onChange(v) {
|
|
46917
|
-
return setForm(_objectSpread$
|
|
47020
|
+
return setForm(_objectSpread$8(_objectSpread$8({}, form), {}, {
|
|
46918
47021
|
tags: v
|
|
46919
47022
|
}));
|
|
46920
47023
|
}
|
|
@@ -46926,7 +47029,7 @@ var PackageItem = function PackageItem(_ref6) {
|
|
|
46926
47029
|
}), /*#__PURE__*/jsxRuntime.jsxs("select", {
|
|
46927
47030
|
value: form.visibility,
|
|
46928
47031
|
onChange: function onChange(e) {
|
|
46929
|
-
return setForm(_objectSpread$
|
|
47032
|
+
return setForm(_objectSpread$8(_objectSpread$8({}, form), {}, {
|
|
46930
47033
|
visibility: e.target.value
|
|
46931
47034
|
}));
|
|
46932
47035
|
},
|
|
@@ -47030,8 +47133,8 @@ var EditField = function EditField(_ref7) {
|
|
|
47030
47133
|
});
|
|
47031
47134
|
};
|
|
47032
47135
|
|
|
47033
|
-
function ownKeys$
|
|
47034
|
-
function _objectSpread$
|
|
47136
|
+
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; }
|
|
47137
|
+
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; }
|
|
47035
47138
|
var NotificationsSection = function NotificationsSection(_ref) {
|
|
47036
47139
|
var _ref$workspaces = _ref.workspaces,
|
|
47037
47140
|
workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces;
|
|
@@ -47114,7 +47217,7 @@ var NotificationsSection = function NotificationsSection(_ref) {
|
|
|
47114
47217
|
}
|
|
47115
47218
|
function handleTypeToggle(widgetUuid, typeKey, value) {
|
|
47116
47219
|
var _window$mainApi4;
|
|
47117
|
-
var updated = _objectSpread$
|
|
47220
|
+
var updated = _objectSpread$7(_objectSpread$7({}, instances), {}, _defineProperty({}, widgetUuid, _objectSpread$7(_objectSpread$7({}, instances[widgetUuid] || {}), {}, _defineProperty({}, typeKey, value))));
|
|
47118
47221
|
setInstances(updated);
|
|
47119
47222
|
(_window$mainApi4 = window.mainApi) === null || _window$mainApi4 === void 0 || (_window$mainApi4 = _window$mainApi4.notifications) === null || _window$mainApi4 === void 0 || _window$mainApi4.setPreferences(widgetUuid, _defineProperty({}, typeKey, value));
|
|
47120
47223
|
}
|
|
@@ -48220,6 +48323,397 @@ var DashTabBar = function DashTabBar(_ref) {
|
|
|
48220
48323
|
});
|
|
48221
48324
|
};
|
|
48222
48325
|
|
|
48326
|
+
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; }
|
|
48327
|
+
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; }
|
|
48328
|
+
var PageTabBar = function PageTabBar(_ref) {
|
|
48329
|
+
var _ref$pages = _ref.pages,
|
|
48330
|
+
pages = _ref$pages === void 0 ? [] : _ref$pages,
|
|
48331
|
+
_ref$activePageId = _ref.activePageId,
|
|
48332
|
+
activePageId = _ref$activePageId === void 0 ? null : _ref$activePageId,
|
|
48333
|
+
_ref$onSwitchPage = _ref.onSwitchPage,
|
|
48334
|
+
onSwitchPage = _ref$onSwitchPage === void 0 ? null : _ref$onSwitchPage,
|
|
48335
|
+
_ref$onAddPage = _ref.onAddPage,
|
|
48336
|
+
onAddPage = _ref$onAddPage === void 0 ? null : _ref$onAddPage,
|
|
48337
|
+
_ref$onRenamePage = _ref.onRenamePage,
|
|
48338
|
+
onRenamePage = _ref$onRenamePage === void 0 ? null : _ref$onRenamePage,
|
|
48339
|
+
_ref$onDeletePage = _ref.onDeletePage,
|
|
48340
|
+
onDeletePage = _ref$onDeletePage === void 0 ? null : _ref$onDeletePage,
|
|
48341
|
+
_ref$onReorderPages = _ref.onReorderPages,
|
|
48342
|
+
onReorderPages = _ref$onReorderPages === void 0 ? null : _ref$onReorderPages,
|
|
48343
|
+
_ref$editMode = _ref.editMode,
|
|
48344
|
+
editMode = _ref$editMode === void 0 ? false : _ref$editMode;
|
|
48345
|
+
var _useContext = React.useContext(DashReact.ThemeContext),
|
|
48346
|
+
currentTheme = _useContext.currentTheme;
|
|
48347
|
+
var _useState = React.useState(null),
|
|
48348
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
48349
|
+
editingId = _useState2[0],
|
|
48350
|
+
setEditingId = _useState2[1];
|
|
48351
|
+
var _useState3 = React.useState(""),
|
|
48352
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
48353
|
+
editValue = _useState4[0],
|
|
48354
|
+
setEditValue = _useState4[1];
|
|
48355
|
+
var _useState5 = React.useState(null),
|
|
48356
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
48357
|
+
dragId = _useState6[0],
|
|
48358
|
+
setDragId = _useState6[1];
|
|
48359
|
+
var _useState7 = React.useState(null),
|
|
48360
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
48361
|
+
dragOverId = _useState8[0],
|
|
48362
|
+
setDragOverId = _useState8[1];
|
|
48363
|
+
var inputRef = React.useRef(null);
|
|
48364
|
+
if (pages.length <= 1 && !editMode) return null;
|
|
48365
|
+
var sortedPages = _toConsumableArray(pages).sort(function (a, b) {
|
|
48366
|
+
return (a.order || 0) - (b.order || 0);
|
|
48367
|
+
});
|
|
48368
|
+
var startRename = function startRename(page) {
|
|
48369
|
+
if (!editMode) return;
|
|
48370
|
+
setEditingId(page.id);
|
|
48371
|
+
setEditValue(page.name);
|
|
48372
|
+
setTimeout(function () {
|
|
48373
|
+
var _inputRef$current;
|
|
48374
|
+
return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
|
|
48375
|
+
}, 0);
|
|
48376
|
+
};
|
|
48377
|
+
var commitRename = function commitRename() {
|
|
48378
|
+
if (editingId && editValue.trim() && onRenamePage) {
|
|
48379
|
+
onRenamePage(editingId, editValue.trim());
|
|
48380
|
+
}
|
|
48381
|
+
setEditingId(null);
|
|
48382
|
+
};
|
|
48383
|
+
var handleDragStart = function handleDragStart(e, pageId) {
|
|
48384
|
+
if (!editMode) return;
|
|
48385
|
+
setDragId(pageId);
|
|
48386
|
+
e.dataTransfer.effectAllowed = "move";
|
|
48387
|
+
};
|
|
48388
|
+
var handleDragOver = function handleDragOver(e, pageId) {
|
|
48389
|
+
if (!editMode || !dragId || dragId === pageId) return;
|
|
48390
|
+
e.preventDefault();
|
|
48391
|
+
setDragOverId(pageId);
|
|
48392
|
+
};
|
|
48393
|
+
var handleDrop = function handleDrop(e, targetId) {
|
|
48394
|
+
e.preventDefault();
|
|
48395
|
+
if (!dragId || dragId === targetId || !onReorderPages) return;
|
|
48396
|
+
var dragIndex = sortedPages.findIndex(function (p) {
|
|
48397
|
+
return p.id === dragId;
|
|
48398
|
+
});
|
|
48399
|
+
var targetIndex = sortedPages.findIndex(function (p) {
|
|
48400
|
+
return p.id === targetId;
|
|
48401
|
+
});
|
|
48402
|
+
if (dragIndex === -1 || targetIndex === -1) return;
|
|
48403
|
+
var reordered = _toConsumableArray(sortedPages);
|
|
48404
|
+
var _reordered$splice = reordered.splice(dragIndex, 1),
|
|
48405
|
+
_reordered$splice2 = _slicedToArray(_reordered$splice, 1),
|
|
48406
|
+
moved = _reordered$splice2[0];
|
|
48407
|
+
reordered.splice(targetIndex, 0, moved);
|
|
48408
|
+
|
|
48409
|
+
// Update order values
|
|
48410
|
+
var updated = reordered.map(function (p, i) {
|
|
48411
|
+
return _objectSpread$6(_objectSpread$6({}, p), {}, {
|
|
48412
|
+
order: i
|
|
48413
|
+
});
|
|
48414
|
+
});
|
|
48415
|
+
onReorderPages(updated);
|
|
48416
|
+
setDragId(null);
|
|
48417
|
+
setDragOverId(null);
|
|
48418
|
+
};
|
|
48419
|
+
var handleDragEnd = function handleDragEnd() {
|
|
48420
|
+
setDragId(null);
|
|
48421
|
+
setDragOverId(null);
|
|
48422
|
+
};
|
|
48423
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
48424
|
+
className: "flex flex-row items-center shrink-0 overflow-x-auto gap-1 px-2 py-1.5 border-b ".concat(currentTheme["border-primary-dark"] || "border-gray-700", " ").concat(currentTheme["bg-primary-medium"] || "bg-gray-800/50", " scrollbar-none"),
|
|
48425
|
+
children: [sortedPages.map(function (page) {
|
|
48426
|
+
var isActive = page.id === activePageId;
|
|
48427
|
+
var isDragOver = page.id === dragOverId;
|
|
48428
|
+
return /*#__PURE__*/jsxRuntime.jsxs("button", {
|
|
48429
|
+
type: "button",
|
|
48430
|
+
onClick: function onClick() {
|
|
48431
|
+
return onSwitchPage && onSwitchPage(page.id);
|
|
48432
|
+
},
|
|
48433
|
+
onDoubleClick: function onDoubleClick() {
|
|
48434
|
+
return startRename(page);
|
|
48435
|
+
},
|
|
48436
|
+
draggable: editMode,
|
|
48437
|
+
onDragStart: function onDragStart(e) {
|
|
48438
|
+
return handleDragStart(e, page.id);
|
|
48439
|
+
},
|
|
48440
|
+
onDragOver: function onDragOver(e) {
|
|
48441
|
+
return handleDragOver(e, page.id);
|
|
48442
|
+
},
|
|
48443
|
+
onDrop: function onDrop(e) {
|
|
48444
|
+
return handleDrop(e, page.id);
|
|
48445
|
+
},
|
|
48446
|
+
onDragEnd: handleDragEnd,
|
|
48447
|
+
className: "group flex items-center gap-1.5 px-3 py-1 text-xs rounded-md whitespace-nowrap transition-all duration-100 cursor-pointer ".concat(isActive ? "bg-white/15 text-white" : "text-gray-400 hover:bg-white/10 hover:text-gray-200", " ").concat(isDragOver ? "ring-1 ring-blue-400" : "", " ").concat(editMode ? "cursor-grab active:cursor-grabbing" : ""),
|
|
48448
|
+
children: [editingId === page.id ? /*#__PURE__*/jsxRuntime.jsx("input", {
|
|
48449
|
+
ref: inputRef,
|
|
48450
|
+
type: "text",
|
|
48451
|
+
value: editValue,
|
|
48452
|
+
onChange: function onChange(e) {
|
|
48453
|
+
return setEditValue(e.target.value);
|
|
48454
|
+
},
|
|
48455
|
+
onBlur: commitRename,
|
|
48456
|
+
onKeyDown: function onKeyDown(e) {
|
|
48457
|
+
if (e.key === "Enter") commitRename();
|
|
48458
|
+
if (e.key === "Escape") setEditingId(null);
|
|
48459
|
+
},
|
|
48460
|
+
className: "bg-transparent border-b border-blue-400 text-xs text-white outline-none w-20",
|
|
48461
|
+
onClick: function onClick(e) {
|
|
48462
|
+
return e.stopPropagation();
|
|
48463
|
+
}
|
|
48464
|
+
}) : /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
48465
|
+
className: "truncate max-w-[140px]",
|
|
48466
|
+
children: page.name
|
|
48467
|
+
}), editMode && pages.length > 1 && editingId !== page.id && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
48468
|
+
onClick: function onClick(e) {
|
|
48469
|
+
e.stopPropagation();
|
|
48470
|
+
onDeletePage && onDeletePage(page.id);
|
|
48471
|
+
},
|
|
48472
|
+
className: "flex items-center justify-center h-4 w-4 rounded-sm hover:bg-white/10 ".concat(isActive ? "opacity-60" : "opacity-0 group-hover:opacity-60"),
|
|
48473
|
+
children: /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
48474
|
+
className: "h-2.5 w-2.5",
|
|
48475
|
+
fill: "none",
|
|
48476
|
+
viewBox: "0 0 24 24",
|
|
48477
|
+
stroke: "currentColor",
|
|
48478
|
+
strokeWidth: 2.5,
|
|
48479
|
+
children: /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
48480
|
+
strokeLinecap: "round",
|
|
48481
|
+
strokeLinejoin: "round",
|
|
48482
|
+
d: "M6 18L18 6M6 6l12 12"
|
|
48483
|
+
})
|
|
48484
|
+
})
|
|
48485
|
+
})]
|
|
48486
|
+
}, page.id);
|
|
48487
|
+
}), editMode && onAddPage && /*#__PURE__*/jsxRuntime.jsxs("button", {
|
|
48488
|
+
type: "button",
|
|
48489
|
+
onClick: onAddPage,
|
|
48490
|
+
className: "flex items-center gap-1 px-2 py-1 text-xs rounded-md text-gray-500 hover:bg-white/10 hover:text-gray-300 transition-colors",
|
|
48491
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
48492
|
+
icon: "plus",
|
|
48493
|
+
className: "h-2.5 w-2.5"
|
|
48494
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
48495
|
+
children: "Add Page"
|
|
48496
|
+
})]
|
|
48497
|
+
})]
|
|
48498
|
+
});
|
|
48499
|
+
};
|
|
48500
|
+
|
|
48501
|
+
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; }
|
|
48502
|
+
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; }
|
|
48503
|
+
function createEmptySidebarLayout() {
|
|
48504
|
+
return [LayoutModel({
|
|
48505
|
+
id: 90001,
|
|
48506
|
+
order: 1,
|
|
48507
|
+
type: "grid",
|
|
48508
|
+
component: "LayoutGridContainer",
|
|
48509
|
+
hasChildren: 1,
|
|
48510
|
+
scrollable: false,
|
|
48511
|
+
parent: 0,
|
|
48512
|
+
menuId: 1,
|
|
48513
|
+
width: "w-full",
|
|
48514
|
+
height: "h-full",
|
|
48515
|
+
grid: {
|
|
48516
|
+
rows: 1,
|
|
48517
|
+
cols: 1,
|
|
48518
|
+
gap: "gap-0",
|
|
48519
|
+
rowModes: {
|
|
48520
|
+
1: "grow"
|
|
48521
|
+
},
|
|
48522
|
+
1.1: {
|
|
48523
|
+
component: null,
|
|
48524
|
+
hide: false
|
|
48525
|
+
}
|
|
48526
|
+
}
|
|
48527
|
+
})];
|
|
48528
|
+
}
|
|
48529
|
+
|
|
48530
|
+
/**
|
|
48531
|
+
* PinnedSidebar — persistent sidebar for dashboards.
|
|
48532
|
+
*
|
|
48533
|
+
* When enabled, renders a fixed-width column on the left of the content area.
|
|
48534
|
+
*
|
|
48535
|
+
* Edit mode, no widget:
|
|
48536
|
+
* - LayoutBuilder with empty drop zone (user can drop a widget)
|
|
48537
|
+
* - Help text: "Or leave empty for page navigation"
|
|
48538
|
+
* - Page list preview (if multi-page)
|
|
48539
|
+
*
|
|
48540
|
+
* Edit mode, has widget:
|
|
48541
|
+
* - LayoutBuilder with the widget (editable)
|
|
48542
|
+
*
|
|
48543
|
+
* Preview mode, no widget:
|
|
48544
|
+
* - Alphabetized page navigation list (if multi-page)
|
|
48545
|
+
*
|
|
48546
|
+
* Preview mode, has widget:
|
|
48547
|
+
* - LayoutBuilder in preview mode (widget renders normally)
|
|
48548
|
+
*/
|
|
48549
|
+
var PinnedSidebar = /*#__PURE__*/React.memo(function (_ref) {
|
|
48550
|
+
var _ref$pages = _ref.pages,
|
|
48551
|
+
pages = _ref$pages === void 0 ? [] : _ref$pages,
|
|
48552
|
+
_ref$activePageId = _ref.activePageId,
|
|
48553
|
+
activePageId = _ref$activePageId === void 0 ? null : _ref$activePageId,
|
|
48554
|
+
_ref$onSwitchPage = _ref.onSwitchPage,
|
|
48555
|
+
onSwitchPage = _ref$onSwitchPage === void 0 ? null : _ref$onSwitchPage,
|
|
48556
|
+
_ref$sidebarLayout = _ref.sidebarLayout,
|
|
48557
|
+
sidebarLayout = _ref$sidebarLayout === void 0 ? [] : _ref$sidebarLayout,
|
|
48558
|
+
_ref$workspace = _ref.workspace,
|
|
48559
|
+
workspace = _ref$workspace === void 0 ? null : _ref$workspace,
|
|
48560
|
+
_ref$width = _ref.width,
|
|
48561
|
+
width = _ref$width === void 0 ? 280 : _ref$width,
|
|
48562
|
+
_ref$editMode = _ref.editMode,
|
|
48563
|
+
editMode = _ref$editMode === void 0 ? false : _ref$editMode,
|
|
48564
|
+
_ref$onWorkspaceChang = _ref.onWorkspaceChange,
|
|
48565
|
+
onWorkspaceChange = _ref$onWorkspaceChang === void 0 ? null : _ref$onWorkspaceChang,
|
|
48566
|
+
_ref$onProviderSelect = _ref.onProviderSelect,
|
|
48567
|
+
onProviderSelect = _ref$onProviderSelect === void 0 ? null : _ref$onProviderSelect,
|
|
48568
|
+
_ref$onTogglePreview = _ref.onTogglePreview,
|
|
48569
|
+
onTogglePreview = _ref$onTogglePreview === void 0 ? null : _ref$onTogglePreview,
|
|
48570
|
+
_ref$onWidgetPopout = _ref.onWidgetPopout,
|
|
48571
|
+
onWidgetPopout = _ref$onWidgetPopout === void 0 ? null : _ref$onWidgetPopout,
|
|
48572
|
+
_ref$sidebarRef = _ref.sidebarRef,
|
|
48573
|
+
sidebarRef = _ref$sidebarRef === void 0 ? null : _ref$sidebarRef;
|
|
48574
|
+
var _useContext = React.useContext(DashReact.ThemeContext),
|
|
48575
|
+
currentTheme = _useContext.currentTheme;
|
|
48576
|
+
var hasWidget = sidebarLayout.some(function (item) {
|
|
48577
|
+
return item.type === "widget" || item.grid && Object.values(item.grid).some(function (cell) {
|
|
48578
|
+
return (cell === null || cell === void 0 ? void 0 : cell.component) != null && typeof cell.component === "number";
|
|
48579
|
+
});
|
|
48580
|
+
});
|
|
48581
|
+
var hasPages = pages.length > 1;
|
|
48582
|
+
|
|
48583
|
+
// Stable ref for workspace so callbacks and memos don't depend on reference
|
|
48584
|
+
var workspaceRefInternal = React.useRef(workspace);
|
|
48585
|
+
workspaceRefInternal.current = workspace;
|
|
48586
|
+
|
|
48587
|
+
// Build a workspace-like object for the sidebar's LayoutBuilder
|
|
48588
|
+
var sidebarWorkspace = React.useMemo(function () {
|
|
48589
|
+
if (!workspaceRefInternal.current) return null;
|
|
48590
|
+
var layout = sidebarLayout.length > 0 ? _toConsumableArray(sidebarLayout) : createEmptySidebarLayout();
|
|
48591
|
+
// Ensure sidebar grid uses grow mode for full-height rendering
|
|
48592
|
+
layout = layout.map(function (item) {
|
|
48593
|
+
if (item.grid && item.parent === 0) {
|
|
48594
|
+
return _objectSpread$5(_objectSpread$5({}, item), {}, {
|
|
48595
|
+
scrollable: false,
|
|
48596
|
+
height: "h-full",
|
|
48597
|
+
grid: _objectSpread$5(_objectSpread$5({}, item.grid), {}, {
|
|
48598
|
+
rowModes: _objectSpread$5(_objectSpread$5({}, item.grid.rowModes), {}, {
|
|
48599
|
+
1: "grow"
|
|
48600
|
+
})
|
|
48601
|
+
})
|
|
48602
|
+
});
|
|
48603
|
+
}
|
|
48604
|
+
return item;
|
|
48605
|
+
});
|
|
48606
|
+
return _objectSpread$5(_objectSpread$5({}, workspaceRefInternal.current), {}, {
|
|
48607
|
+
layout: layout
|
|
48608
|
+
});
|
|
48609
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
48610
|
+
}, [workspace === null || workspace === void 0 ? void 0 : workspace.id, sidebarLayout, hasWidget]);
|
|
48611
|
+
var handleSidebarChange = React.useCallback(function (updatedWs) {
|
|
48612
|
+
if (onWorkspaceChange && workspaceRefInternal.current) {
|
|
48613
|
+
onWorkspaceChange(_objectSpread$5(_objectSpread$5({}, workspaceRefInternal.current), {}, {
|
|
48614
|
+
sidebarLayout: updatedWs.layout || []
|
|
48615
|
+
}));
|
|
48616
|
+
}
|
|
48617
|
+
}, [onWorkspaceChange]);
|
|
48618
|
+
|
|
48619
|
+
// Alphabetized page list
|
|
48620
|
+
var sortedPages = hasPages ? _toConsumableArray(pages).sort(function (a, b) {
|
|
48621
|
+
return (a.name || "").localeCompare(b.name || "");
|
|
48622
|
+
}) : [];
|
|
48623
|
+
var renderPageList = function renderPageList() {
|
|
48624
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
48625
|
+
className: "flex flex-col py-2",
|
|
48626
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
48627
|
+
className: "px-3 py-1 text-[10px] font-semibold uppercase tracking-wide text-gray-500",
|
|
48628
|
+
children: "Pages"
|
|
48629
|
+
}), sortedPages.map(function (page) {
|
|
48630
|
+
var isActive = page.id === activePageId;
|
|
48631
|
+
return /*#__PURE__*/jsxRuntime.jsxs("button", {
|
|
48632
|
+
type: "button",
|
|
48633
|
+
onClick: function onClick() {
|
|
48634
|
+
return onSwitchPage && onSwitchPage(page.id);
|
|
48635
|
+
},
|
|
48636
|
+
className: "flex items-center gap-2 px-3 py-1.5 text-xs text-left transition-colors ".concat(isActive ? "".concat(currentTheme["bg-primary-medium"] || "bg-white/10", " text-white font-medium") : "text-gray-400 hover:bg-white/5 hover:text-gray-200"),
|
|
48637
|
+
children: [isActive && /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
48638
|
+
icon: "chevron-right",
|
|
48639
|
+
className: "h-2 w-2 text-blue-400"
|
|
48640
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
48641
|
+
className: isActive ? "" : "pl-4",
|
|
48642
|
+
children: page.name || "Untitled"
|
|
48643
|
+
})]
|
|
48644
|
+
}, page.id);
|
|
48645
|
+
})]
|
|
48646
|
+
});
|
|
48647
|
+
};
|
|
48648
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
48649
|
+
className: "flex flex-col shrink-0 border-r overflow-hidden h-full ".concat(currentTheme["border-primary-dark"] || "border-gray-700", " ").concat(currentTheme["bg-primary-dark"] || "bg-gray-900/50"),
|
|
48650
|
+
style: {
|
|
48651
|
+
width: "".concat(width, "px")
|
|
48652
|
+
},
|
|
48653
|
+
children: [editMode && sidebarWorkspace && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
48654
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
48655
|
+
className: "flex flex-col overflow-y-auto ".concat(hasWidget ? "flex-1 min-h-0" : "flex-1 basis-1/2"),
|
|
48656
|
+
children: /*#__PURE__*/jsxRuntime.jsx(LayoutBuilder, {
|
|
48657
|
+
dashboardId: workspace === null || workspace === void 0 ? void 0 : workspace.id,
|
|
48658
|
+
preview: false,
|
|
48659
|
+
workspace: sidebarWorkspace,
|
|
48660
|
+
onWorkspaceChange: handleSidebarChange,
|
|
48661
|
+
onProviderSelect: onProviderSelect,
|
|
48662
|
+
onTogglePreview: onTogglePreview,
|
|
48663
|
+
editMode: "all",
|
|
48664
|
+
workspaceRef: sidebarRef,
|
|
48665
|
+
onWidgetPopout: onWidgetPopout
|
|
48666
|
+
}, "sidebar-edit-".concat(workspace === null || workspace === void 0 ? void 0 : workspace.id, "-").concat(hasWidget))
|
|
48667
|
+
}), !hasWidget && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
48668
|
+
className: "flex flex-col flex-1 basis-1/2 border-t border-gray-700/50 overflow-y-auto",
|
|
48669
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
48670
|
+
className: "px-3 py-2",
|
|
48671
|
+
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
48672
|
+
className: "text-[10px] text-gray-500 text-center",
|
|
48673
|
+
children: "Drop a widget above, or leave empty for page navigation"
|
|
48674
|
+
})
|
|
48675
|
+
}), hasPages && renderPageList()]
|
|
48676
|
+
})]
|
|
48677
|
+
}), !editMode && hasWidget && sidebarWorkspace && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
48678
|
+
className: "flex flex-col flex-1 min-h-0 overflow-y-auto",
|
|
48679
|
+
children: /*#__PURE__*/jsxRuntime.jsx(LayoutBuilder, {
|
|
48680
|
+
dashboardId: workspace === null || workspace === void 0 ? void 0 : workspace.id,
|
|
48681
|
+
preview: true,
|
|
48682
|
+
workspace: sidebarWorkspace,
|
|
48683
|
+
onWorkspaceChange: handleSidebarChange,
|
|
48684
|
+
onProviderSelect: onProviderSelect,
|
|
48685
|
+
onTogglePreview: onTogglePreview,
|
|
48686
|
+
editMode: "all",
|
|
48687
|
+
workspaceRef: sidebarRef,
|
|
48688
|
+
onWidgetPopout: onWidgetPopout
|
|
48689
|
+
}, "sidebar-preview-".concat(workspace === null || workspace === void 0 ? void 0 : workspace.id, "-").concat(hasWidget))
|
|
48690
|
+
}), !editMode && !hasWidget && hasPages && renderPageList()]
|
|
48691
|
+
});
|
|
48692
|
+
}, function (prev, next) {
|
|
48693
|
+
var _prev$workspace, _next$workspace;
|
|
48694
|
+
// Custom comparison: skip re-render when only activePageId changes
|
|
48695
|
+
// and sidebar has a widget (page list not shown, LayoutBuilder unchanged).
|
|
48696
|
+
if (prev.editMode !== next.editMode) return false;
|
|
48697
|
+
if (prev.width !== next.width) return false;
|
|
48698
|
+
if (prev.sidebarLayout !== next.sidebarLayout) return false;
|
|
48699
|
+
if (((_prev$workspace = prev.workspace) === null || _prev$workspace === void 0 ? void 0 : _prev$workspace.id) !== ((_next$workspace = next.workspace) === null || _next$workspace === void 0 ? void 0 : _next$workspace.id)) return false;
|
|
48700
|
+
if (prev.sidebarRef !== next.sidebarRef) return false;
|
|
48701
|
+
// Page-list related: only matters when no widget in sidebar
|
|
48702
|
+
if (prev.activePageId !== next.activePageId) {
|
|
48703
|
+
// Check if sidebar has a widget — if yes, skip re-render
|
|
48704
|
+
var hasWidget = (prev.sidebarLayout || []).some(function (item) {
|
|
48705
|
+
return item.type === "widget" || item.grid && Object.keys(item.grid).some(function (k) {
|
|
48706
|
+
var cell = item.grid[k];
|
|
48707
|
+
return cell && _typeof(cell) === "object" && cell.component != null && typeof cell.component === "number";
|
|
48708
|
+
});
|
|
48709
|
+
});
|
|
48710
|
+
if (hasWidget) return true; // skip re-render
|
|
48711
|
+
return false; // re-render for page list
|
|
48712
|
+
}
|
|
48713
|
+
if (prev.pages !== next.pages) return false;
|
|
48714
|
+
return true;
|
|
48715
|
+
});
|
|
48716
|
+
|
|
48223
48717
|
var CollapsibleContent = function CollapsibleContent(_ref) {
|
|
48224
48718
|
var children = _ref.children;
|
|
48225
48719
|
var _useSidebar = DashReact.useSidebar(),
|
|
@@ -49880,23 +50374,90 @@ var DashboardStage = function DashboardStage(_ref) {
|
|
|
49880
50374
|
})
|
|
49881
50375
|
});
|
|
49882
50376
|
};
|
|
49883
|
-
|
|
49884
|
-
|
|
49885
|
-
|
|
49886
|
-
|
|
49887
|
-
|
|
49888
|
-
|
|
49889
|
-
|
|
49890
|
-
|
|
49891
|
-
_ref2.
|
|
49892
|
-
|
|
49893
|
-
|
|
49894
|
-
|
|
49895
|
-
|
|
50377
|
+
|
|
50378
|
+
/**
|
|
50379
|
+
* PageLayoutBuilder — memoized wrapper for LayoutBuilder within a page.
|
|
50380
|
+
* Prevents the parent re-render from creating a new workspace object on every
|
|
50381
|
+
* render, which would trigger LayoutBuilder's useEffect normalization cycle.
|
|
50382
|
+
*/
|
|
50383
|
+
var PageLayoutBuilder = /*#__PURE__*/React.memo(function PageLayoutBuilder(_ref2) {
|
|
50384
|
+
var page = _ref2.page,
|
|
50385
|
+
workspaceItem = _ref2.workspaceItem,
|
|
50386
|
+
previewMode = _ref2.previewMode,
|
|
50387
|
+
editMode = _ref2.editMode,
|
|
50388
|
+
onPageWorkspaceChange = _ref2.onPageWorkspaceChange,
|
|
50389
|
+
onProviderSelect = _ref2.onProviderSelect,
|
|
50390
|
+
onTogglePreview = _ref2.onTogglePreview,
|
|
50391
|
+
workspaceRef = _ref2.workspaceRef,
|
|
50392
|
+
onWidgetPopout = _ref2.onWidgetPopout;
|
|
50393
|
+
var pageWorkspace = React.useMemo(function () {
|
|
50394
|
+
return _objectSpread$2(_objectSpread$2({}, workspaceItem), {}, {
|
|
50395
|
+
layout: page.layout || []
|
|
50396
|
+
});
|
|
50397
|
+
},
|
|
50398
|
+
// Only recompute when the page layout actually changes (by reference)
|
|
50399
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
50400
|
+
[workspaceItem.id, page.layout]);
|
|
50401
|
+
var handleChange = React.useCallback(function (ws) {
|
|
50402
|
+
return onPageWorkspaceChange(ws, page.id);
|
|
50403
|
+
}, [onPageWorkspaceChange, page.id]);
|
|
50404
|
+
return /*#__PURE__*/jsxRuntime.jsx(LayoutBuilder, {
|
|
50405
|
+
dashboardId: workspaceItem["id"],
|
|
50406
|
+
preview: previewMode,
|
|
50407
|
+
workspace: pageWorkspace,
|
|
50408
|
+
onWorkspaceChange: handleChange,
|
|
50409
|
+
onProviderSelect: onProviderSelect,
|
|
50410
|
+
onTogglePreview: onTogglePreview,
|
|
50411
|
+
editMode: editMode,
|
|
50412
|
+
workspaceRef: workspaceRef,
|
|
50413
|
+
onWidgetPopout: onWidgetPopout
|
|
50414
|
+
}, "LayoutBuilder-".concat(workspaceItem["id"], "-").concat(page.id));
|
|
50415
|
+
});
|
|
50416
|
+
var DashboardStageInner = function DashboardStageInner(_ref3) {
|
|
50417
|
+
var _openTabs$find$worksp, _openTabs$find, _workspacePages$0$id, _workspacePages$;
|
|
50418
|
+
var dashApi = _ref3.dashApi,
|
|
50419
|
+
credentials = _ref3.credentials,
|
|
50420
|
+
_ref3$workspace = _ref3.workspace,
|
|
50421
|
+
workspace = _ref3$workspace === void 0 ? null : _ref3$workspace,
|
|
50422
|
+
_ref3$preview = _ref3.preview,
|
|
50423
|
+
preview = _ref3$preview === void 0 ? true : _ref3$preview;
|
|
50424
|
+
_ref3.backgroundColor;
|
|
50425
|
+
var _ref3$popout = _ref3.popout,
|
|
50426
|
+
popout = _ref3$popout === void 0 ? false : _ref3$popout,
|
|
50427
|
+
_ref3$popoutWorkspace = _ref3.popoutWorkspaceId,
|
|
50428
|
+
popoutWorkspaceId = _ref3$popoutWorkspace === void 0 ? null : _ref3$popoutWorkspace;
|
|
49896
50429
|
var _useContext = React.useContext(DashboardContext),
|
|
49897
50430
|
pub = _useContext.pub;
|
|
49898
50431
|
var appContext = React.useContext(AppContext);
|
|
49899
50432
|
|
|
50433
|
+
// Stable callback refs for props passed to memoized children.
|
|
50434
|
+
// The ref wrapper keeps a stable function identity while the
|
|
50435
|
+
// implementation stays current (avoids useCallback dependency lists).
|
|
50436
|
+
var stableProviderSelectRef = React.useRef(null);
|
|
50437
|
+
var stableTogglePreviewRef = React.useRef(null);
|
|
50438
|
+
var stableWidgetPopoutRef = React.useRef(null);
|
|
50439
|
+
var stableProviderSelect = React.useCallback(function () {
|
|
50440
|
+
var _stableProviderSelect;
|
|
50441
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
50442
|
+
args[_key] = arguments[_key];
|
|
50443
|
+
}
|
|
50444
|
+
return (_stableProviderSelect = stableProviderSelectRef.current) === null || _stableProviderSelect === void 0 ? void 0 : _stableProviderSelect.call.apply(_stableProviderSelect, [stableProviderSelectRef].concat(args));
|
|
50445
|
+
}, []);
|
|
50446
|
+
var stableTogglePreview = React.useCallback(function () {
|
|
50447
|
+
var _stableTogglePreviewR;
|
|
50448
|
+
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
50449
|
+
args[_key2] = arguments[_key2];
|
|
50450
|
+
}
|
|
50451
|
+
return (_stableTogglePreviewR = stableTogglePreviewRef.current) === null || _stableTogglePreviewR === void 0 ? void 0 : _stableTogglePreviewR.call.apply(_stableTogglePreviewR, [stableTogglePreviewRef].concat(args));
|
|
50452
|
+
}, []);
|
|
50453
|
+
var stableWidgetPopout = React.useCallback(function () {
|
|
50454
|
+
var _stableWidgetPopoutRe;
|
|
50455
|
+
for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
50456
|
+
args[_key3] = arguments[_key3];
|
|
50457
|
+
}
|
|
50458
|
+
return (_stableWidgetPopoutRe = stableWidgetPopoutRef.current) === null || _stableWidgetPopoutRe === void 0 ? void 0 : _stableWidgetPopoutRe.call.apply(_stableWidgetPopoutRe, [stableWidgetPopoutRef].concat(args));
|
|
50459
|
+
}, []);
|
|
50460
|
+
|
|
49900
50461
|
/**
|
|
49901
50462
|
* ThemeContext — consumed here, inside DashboardWrapper/ThemeWrapper
|
|
49902
50463
|
*/
|
|
@@ -50342,6 +50903,23 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
50342
50903
|
return LayoutModel(layoutOG, workspaces, ws["id"]);
|
|
50343
50904
|
});
|
|
50344
50905
|
ws["layout"] = tempLayout;
|
|
50906
|
+
// Normalize page layouts too
|
|
50907
|
+
if (ws.pages && Array.isArray(ws.pages)) {
|
|
50908
|
+
ws.pages = ws.pages.map(function (page) {
|
|
50909
|
+
if (page.layout && Array.isArray(page.layout)) {
|
|
50910
|
+
page.layout = page.layout.map(function (layoutOG) {
|
|
50911
|
+
return LayoutModel(layoutOG, workspaces, ws["id"]);
|
|
50912
|
+
});
|
|
50913
|
+
}
|
|
50914
|
+
return page;
|
|
50915
|
+
});
|
|
50916
|
+
}
|
|
50917
|
+
// Normalize sidebar layout
|
|
50918
|
+
if (ws.sidebarLayout && Array.isArray(ws.sidebarLayout)) {
|
|
50919
|
+
ws.sidebarLayout = ws.sidebarLayout.map(function (layoutOG) {
|
|
50920
|
+
return LayoutModel(layoutOG, workspaces, ws["id"]);
|
|
50921
|
+
});
|
|
50922
|
+
}
|
|
50345
50923
|
return WorkspaceModel(ws);
|
|
50346
50924
|
});
|
|
50347
50925
|
setWorkspaceConfig(function () {
|
|
@@ -50406,9 +50984,185 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
50406
50984
|
}
|
|
50407
50985
|
}
|
|
50408
50986
|
}
|
|
50987
|
+
|
|
50988
|
+
// ─── Sidebar State ────────────────────────────────────────────────
|
|
50989
|
+
var sidebarEnabled = (workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.sidebarEnabled) || false;
|
|
50990
|
+
var sidebarLayout = (workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.sidebarLayout) || [];
|
|
50991
|
+
var sidebarWidth = (workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.sidebarWidth) || 280;
|
|
50992
|
+
var sidebarWorkspaceRef = React.useRef(null);
|
|
50993
|
+
function handleSidebarToggle(enabled) {
|
|
50994
|
+
if (!workspaceSelected) return;
|
|
50995
|
+
handleWorkspaceChange(_objectSpread$2(_objectSpread$2({}, workspaceSelected), {}, {
|
|
50996
|
+
sidebarEnabled: enabled
|
|
50997
|
+
}));
|
|
50998
|
+
}
|
|
50999
|
+
|
|
51000
|
+
// ─── Page State ──────────────────────────────────────────────────
|
|
51001
|
+
var _useState47 = React.useState(null),
|
|
51002
|
+
_useState48 = _slicedToArray(_useState47, 2),
|
|
51003
|
+
activePageId = _useState48[0],
|
|
51004
|
+
setActivePageId = _useState48[1];
|
|
51005
|
+
var workspacePages = (workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.pages) || [];
|
|
51006
|
+
var hasPages = workspacePages.length > 0;
|
|
51007
|
+
|
|
51008
|
+
// Memoize sorted pages so page object references stay stable across re-renders
|
|
51009
|
+
var sortedPagesForRender = React.useMemo(function () {
|
|
51010
|
+
return hasPages ? _toConsumableArray(workspacePages).sort(function (a, b) {
|
|
51011
|
+
return (a.order || 0) - (b.order || 0);
|
|
51012
|
+
}) : [];
|
|
51013
|
+
},
|
|
51014
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
51015
|
+
[hasPages, workspacePages.length,
|
|
51016
|
+
// Re-sort when page names/order change but not on every parent render
|
|
51017
|
+
workspacePages.map(function (p) {
|
|
51018
|
+
return "".concat(p.id, ":").concat(p.order, ":").concat(p.name);
|
|
51019
|
+
}).join(",")]);
|
|
51020
|
+
var currentActivePageId = activePageId || (workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.activePageId) || ((_workspacePages$0$id = (_workspacePages$ = workspacePages[0]) === null || _workspacePages$ === void 0 ? void 0 : _workspacePages$.id) !== null && _workspacePages$0$id !== void 0 ? _workspacePages$0$id : null);
|
|
51021
|
+
function handleAddPage() {
|
|
51022
|
+
var _workspaceSelected$la;
|
|
51023
|
+
if (!workspaceSelected) return;
|
|
51024
|
+
var existingPages = _toConsumableArray(workspacePages);
|
|
51025
|
+
|
|
51026
|
+
// If this is the first time adding a page to a single-page dashboard,
|
|
51027
|
+
// migrate the existing layout into page 1 first.
|
|
51028
|
+
if (existingPages.length === 0 && ((_workspaceSelected$la = workspaceSelected.layout) === null || _workspaceSelected$la === void 0 ? void 0 : _workspaceSelected$la.length) > 0) {
|
|
51029
|
+
var page1 = {
|
|
51030
|
+
id: "page-".concat(Date.now() - 1),
|
|
51031
|
+
name: workspaceSelected.name || "Page 1",
|
|
51032
|
+
order: 0,
|
|
51033
|
+
layout: workspaceSelected.layout
|
|
51034
|
+
};
|
|
51035
|
+
existingPages = [page1];
|
|
51036
|
+
}
|
|
51037
|
+
var newPage = DashboardModel.createPage("Page ".concat(existingPages.length + 1));
|
|
51038
|
+
newPage.order = existingPages.length;
|
|
51039
|
+
var updatedWorkspace = _objectSpread$2(_objectSpread$2({}, workspaceSelected), {}, {
|
|
51040
|
+
pages: [].concat(_toConsumableArray(existingPages), [newPage]),
|
|
51041
|
+
activePageId: newPage.id
|
|
51042
|
+
});
|
|
51043
|
+
setActivePageId(newPage.id);
|
|
51044
|
+
handleWorkspaceChange(updatedWorkspace);
|
|
51045
|
+
}
|
|
51046
|
+
function handleSwitchPage(pageId) {
|
|
51047
|
+
setActivePageId(pageId);
|
|
51048
|
+
}
|
|
51049
|
+
function handleRenamePage(pageId, newName) {
|
|
51050
|
+
if (!workspaceSelected) return;
|
|
51051
|
+
var updatedPages = workspacePages.map(function (p) {
|
|
51052
|
+
return p.id === pageId ? _objectSpread$2(_objectSpread$2({}, p), {}, {
|
|
51053
|
+
name: newName
|
|
51054
|
+
}) : p;
|
|
51055
|
+
});
|
|
51056
|
+
handleWorkspaceChange(_objectSpread$2(_objectSpread$2({}, workspaceSelected), {}, {
|
|
51057
|
+
pages: updatedPages
|
|
51058
|
+
}));
|
|
51059
|
+
}
|
|
51060
|
+
function handleDeletePage(pageId) {
|
|
51061
|
+
var _updatedPages$;
|
|
51062
|
+
if (!workspaceSelected || workspacePages.length <= 1) return;
|
|
51063
|
+
var updatedPages = workspacePages.filter(function (p) {
|
|
51064
|
+
return p.id !== pageId;
|
|
51065
|
+
});
|
|
51066
|
+
var newActiveId = currentActivePageId === pageId ? (_updatedPages$ = updatedPages[0]) === null || _updatedPages$ === void 0 ? void 0 : _updatedPages$.id : currentActivePageId;
|
|
51067
|
+
setActivePageId(newActiveId);
|
|
51068
|
+
|
|
51069
|
+
// If only one page remains, convert back to single-page mode
|
|
51070
|
+
if (updatedPages.length === 1) {
|
|
51071
|
+
handleWorkspaceChange(_objectSpread$2(_objectSpread$2({}, workspaceSelected), {}, {
|
|
51072
|
+
layout: updatedPages[0].layout,
|
|
51073
|
+
pages: [],
|
|
51074
|
+
activePageId: null
|
|
51075
|
+
}));
|
|
51076
|
+
setActivePageId(null);
|
|
51077
|
+
return;
|
|
51078
|
+
}
|
|
51079
|
+
handleWorkspaceChange(_objectSpread$2(_objectSpread$2({}, workspaceSelected), {}, {
|
|
51080
|
+
pages: updatedPages,
|
|
51081
|
+
activePageId: newActiveId
|
|
51082
|
+
}));
|
|
51083
|
+
}
|
|
51084
|
+
function handleReorderPages(reorderedPages) {
|
|
51085
|
+
if (!workspaceSelected) return;
|
|
51086
|
+
handleWorkspaceChange(_objectSpread$2(_objectSpread$2({}, workspaceSelected), {}, {
|
|
51087
|
+
pages: reorderedPages
|
|
51088
|
+
}));
|
|
51089
|
+
}
|
|
51090
|
+
|
|
51091
|
+
// Track each page's current layout via per-page refs.
|
|
51092
|
+
// LayoutBuilder writes to workspaceRef on every internal change,
|
|
51093
|
+
// but in multi-page mode each page needs its own ref.
|
|
51094
|
+
var pageRefsMap = React.useRef({});
|
|
51095
|
+
function getPageRef(pageId) {
|
|
51096
|
+
if (!pageRefsMap.current[pageId]) {
|
|
51097
|
+
pageRefsMap.current[pageId] = {
|
|
51098
|
+
current: null
|
|
51099
|
+
};
|
|
51100
|
+
}
|
|
51101
|
+
return pageRefsMap.current[pageId];
|
|
51102
|
+
}
|
|
51103
|
+
var handlePageWorkspaceChange = React.useCallback(function (updatedWorkspace, pageId) {
|
|
51104
|
+
// Store in per-page ref (used by save function)
|
|
51105
|
+
pageRefsMap.current[pageId] = {
|
|
51106
|
+
current: updatedWorkspace
|
|
51107
|
+
};
|
|
51108
|
+
}, []);
|
|
51109
|
+
|
|
51110
|
+
// Keep stable callback refs current
|
|
51111
|
+
stableProviderSelectRef.current = handleProviderSelect;
|
|
51112
|
+
stableTogglePreviewRef.current = handleToggleEditMode;
|
|
51113
|
+
stableWidgetPopoutRef.current = handleWidgetPopout;
|
|
51114
|
+
|
|
51115
|
+
// Stable callbacks for sidebar (avoids PinnedSidebar re-renders)
|
|
51116
|
+
var stableWorkspaceChangeRef = React.useRef(null);
|
|
51117
|
+
stableWorkspaceChangeRef.current = handleWorkspaceChange;
|
|
51118
|
+
var stableWorkspaceChange = React.useCallback(function () {
|
|
51119
|
+
var _stableWorkspaceChang;
|
|
51120
|
+
for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
|
|
51121
|
+
args[_key4] = arguments[_key4];
|
|
51122
|
+
}
|
|
51123
|
+
return (_stableWorkspaceChang = stableWorkspaceChangeRef.current) === null || _stableWorkspaceChang === void 0 ? void 0 : _stableWorkspaceChang.call.apply(_stableWorkspaceChang, [stableWorkspaceChangeRef].concat(args));
|
|
51124
|
+
}, []);
|
|
51125
|
+
var stableSwitchPageRef = React.useRef(null);
|
|
51126
|
+
stableSwitchPageRef.current = handleSwitchPage;
|
|
51127
|
+
var stableSwitchPage = React.useCallback(function () {
|
|
51128
|
+
var _stableSwitchPageRef$;
|
|
51129
|
+
for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
|
|
51130
|
+
args[_key5] = arguments[_key5];
|
|
51131
|
+
}
|
|
51132
|
+
return (_stableSwitchPageRef$ = stableSwitchPageRef.current) === null || _stableSwitchPageRef$ === void 0 ? void 0 : _stableSwitchPageRef$.call.apply(_stableSwitchPageRef$, [stableSwitchPageRef].concat(args));
|
|
51133
|
+
}, []);
|
|
50409
51134
|
function renderComponent(workspaceItem) {
|
|
50410
51135
|
try {
|
|
50411
|
-
|
|
51136
|
+
if (workspaceItem === undefined) return null;
|
|
51137
|
+
|
|
51138
|
+
// Multi-page mode
|
|
51139
|
+
if (hasPages) {
|
|
51140
|
+
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
51141
|
+
children: sortedPagesForRender.map(function (page) {
|
|
51142
|
+
var isActive = page.id === currentActivePageId;
|
|
51143
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
51144
|
+
style: {
|
|
51145
|
+
display: isActive ? "flex" : "none"
|
|
51146
|
+
},
|
|
51147
|
+
className: "flex-col w-full flex-1",
|
|
51148
|
+
children: /*#__PURE__*/jsxRuntime.jsx(PageLayoutBuilder, {
|
|
51149
|
+
page: page,
|
|
51150
|
+
workspaceItem: workspaceItem,
|
|
51151
|
+
previewMode: previewMode,
|
|
51152
|
+
editMode: editMode,
|
|
51153
|
+
onPageWorkspaceChange: handlePageWorkspaceChange,
|
|
51154
|
+
onProviderSelect: stableProviderSelect,
|
|
51155
|
+
onTogglePreview: stableTogglePreview,
|
|
51156
|
+
workspaceRef: getPageRef(page.id),
|
|
51157
|
+
onWidgetPopout: stableWidgetPopout
|
|
51158
|
+
})
|
|
51159
|
+
}, page.id);
|
|
51160
|
+
})
|
|
51161
|
+
});
|
|
51162
|
+
}
|
|
51163
|
+
|
|
51164
|
+
// Single-page mode (backward compatible)
|
|
51165
|
+
return /*#__PURE__*/jsxRuntime.jsx(LayoutBuilder, {
|
|
50412
51166
|
dashboardId: workspaceItem["id"],
|
|
50413
51167
|
preview: previewMode,
|
|
50414
51168
|
workspace: workspaceItem,
|
|
@@ -50418,7 +51172,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
50418
51172
|
editMode: editMode,
|
|
50419
51173
|
workspaceRef: currentWorkspaceRef,
|
|
50420
51174
|
onWidgetPopout: popout ? null : handleWidgetPopout
|
|
50421
|
-
}, "LayoutBuilder-".concat(workspaceItem["id"]))
|
|
51175
|
+
}, "LayoutBuilder-".concat(workspaceItem["id"]));
|
|
50422
51176
|
} catch (e) {
|
|
50423
51177
|
return null;
|
|
50424
51178
|
}
|
|
@@ -50532,15 +51286,50 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
50532
51286
|
}
|
|
50533
51287
|
function handleClickSaveWorkspace() {
|
|
50534
51288
|
try {
|
|
51289
|
+
var _sidebarWorkspaceRef$;
|
|
50535
51290
|
// we have to remove the widgetConfig which contains the component
|
|
50536
51291
|
// sanitize the workspace layout remove widgetConfig items
|
|
50537
|
-
var workspaceToSave
|
|
50538
|
-
|
|
50539
|
-
|
|
50540
|
-
|
|
50541
|
-
|
|
50542
|
-
|
|
50543
|
-
|
|
51292
|
+
var workspaceToSave;
|
|
51293
|
+
if (hasPages) {
|
|
51294
|
+
// Multi-page: gather latest layout from each page's LayoutBuilder ref
|
|
51295
|
+
workspaceToSave = DashReact.deepCopy(workspaceSelected);
|
|
51296
|
+
workspaceToSave.pages = (workspaceToSave.pages || []).map(function (page) {
|
|
51297
|
+
var _pageRef$current;
|
|
51298
|
+
var pageRef = pageRefsMap.current[page.id];
|
|
51299
|
+
var latestLayout = (pageRef === null || pageRef === void 0 || (_pageRef$current = pageRef.current) === null || _pageRef$current === void 0 ? void 0 : _pageRef$current.layout) || page.layout || [];
|
|
51300
|
+
return _objectSpread$2(_objectSpread$2({}, page), {}, {
|
|
51301
|
+
layout: latestLayout.map(function (item) {
|
|
51302
|
+
var copy = _objectSpread$2({}, item);
|
|
51303
|
+
delete copy.widgetConfig;
|
|
51304
|
+
return copy;
|
|
51305
|
+
})
|
|
51306
|
+
});
|
|
51307
|
+
});
|
|
51308
|
+
workspaceToSave.activePageId = currentActivePageId;
|
|
51309
|
+
// Also sanitize the root layout (may be stale from pre-pages era)
|
|
51310
|
+
workspaceToSave.layout = (workspaceToSave.layout || []).map(function (item) {
|
|
51311
|
+
var copy = _objectSpread$2({}, item);
|
|
51312
|
+
delete copy.widgetConfig;
|
|
51313
|
+
return copy;
|
|
51314
|
+
});
|
|
51315
|
+
} else {
|
|
51316
|
+
// Single-page: use workspaceRef as before
|
|
51317
|
+
workspaceToSave = DashReact.deepCopy(currentWorkspaceRef.current || workspaceSelected);
|
|
51318
|
+
var layout = workspaceToSave["layout"].map(function (layoutItem) {
|
|
51319
|
+
delete layoutItem["widgetConfig"];
|
|
51320
|
+
return layoutItem;
|
|
51321
|
+
});
|
|
51322
|
+
workspaceToSave["layout"] = layout;
|
|
51323
|
+
}
|
|
51324
|
+
|
|
51325
|
+
// Gather sidebar layout from its LayoutBuilder ref
|
|
51326
|
+
if ((_sidebarWorkspaceRef$ = sidebarWorkspaceRef.current) !== null && _sidebarWorkspaceRef$ !== void 0 && _sidebarWorkspaceRef$.layout) {
|
|
51327
|
+
workspaceToSave.sidebarLayout = sidebarWorkspaceRef.current.layout.map(function (item) {
|
|
51328
|
+
var copy = _objectSpread$2({}, item);
|
|
51329
|
+
delete copy.widgetConfig;
|
|
51330
|
+
return copy;
|
|
51331
|
+
});
|
|
51332
|
+
}
|
|
50544
51333
|
|
|
50545
51334
|
// Clean orphaned layout items and stale listener references before save
|
|
50546
51335
|
var dashboardForCleanup = new DashboardModel(workspaceToSave);
|
|
@@ -50781,7 +51570,9 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
50781
51570
|
onFolderChange: popout ? null : handleWorkspaceFolderChange,
|
|
50782
51571
|
onThemeChange: popout ? null : handleWorkspaceThemeChange,
|
|
50783
51572
|
scrollableEnabled: getRootScrollable(),
|
|
50784
|
-
onScrollableChange: popout ? null : handleScrollableChange
|
|
51573
|
+
onScrollableChange: popout ? null : handleScrollableChange,
|
|
51574
|
+
sidebarEnabled: sidebarEnabled,
|
|
51575
|
+
onSidebarChange: popout ? null : handleSidebarToggle
|
|
50785
51576
|
}), /*#__PURE__*/jsxRuntime.jsxs(DashboardThemeProvider, {
|
|
50786
51577
|
themeKey: workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.themeKey,
|
|
50787
51578
|
children: [hasMissing && missingComponents.length >= 2 && !dismissedMissingForWorkspace.has(workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.id) && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
@@ -50812,9 +51603,34 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
|
|
|
50812
51603
|
className: "h-3 w-3"
|
|
50813
51604
|
})
|
|
50814
51605
|
})]
|
|
50815
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
50816
|
-
|
|
50817
|
-
|
|
51606
|
+
}), (hasPages || !previewMode) && /*#__PURE__*/jsxRuntime.jsx(PageTabBar, {
|
|
51607
|
+
pages: workspacePages,
|
|
51608
|
+
activePageId: currentActivePageId,
|
|
51609
|
+
onSwitchPage: handleSwitchPage,
|
|
51610
|
+
onAddPage: handleAddPage,
|
|
51611
|
+
onRenamePage: handleRenamePage,
|
|
51612
|
+
onDeletePage: handleDeletePage,
|
|
51613
|
+
onReorderPages: handleReorderPages,
|
|
51614
|
+
editMode: !previewMode
|
|
51615
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
51616
|
+
className: "flex flex-row flex-1 min-h-0 overflow-hidden",
|
|
51617
|
+
children: [sidebarEnabled && !popout && /*#__PURE__*/jsxRuntime.jsx(PinnedSidebar, {
|
|
51618
|
+
pages: workspacePages,
|
|
51619
|
+
activePageId: currentActivePageId,
|
|
51620
|
+
onSwitchPage: stableSwitchPage,
|
|
51621
|
+
sidebarLayout: sidebarLayout,
|
|
51622
|
+
workspace: workspaceSelected,
|
|
51623
|
+
width: sidebarWidth,
|
|
51624
|
+
editMode: !previewMode,
|
|
51625
|
+
onWorkspaceChange: stableWorkspaceChange,
|
|
51626
|
+
onProviderSelect: stableProviderSelect,
|
|
51627
|
+
onTogglePreview: stableTogglePreview,
|
|
51628
|
+
onWidgetPopout: stableWidgetPopout,
|
|
51629
|
+
sidebarRef: sidebarWorkspaceRef
|
|
51630
|
+
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
51631
|
+
className: "flex flex-col w-full flex-1 ".concat(popout || previewMode === true ? "overflow-y-auto" : "overflow-clip"),
|
|
51632
|
+
children: renderComponent(workspaceSelected)
|
|
51633
|
+
})]
|
|
50818
51634
|
})]
|
|
50819
51635
|
}), !popout && /*#__PURE__*/jsxRuntime.jsx(DashTabBar, {
|
|
50820
51636
|
tabs: openTabs,
|
|
@@ -51150,7 +51966,11 @@ var DashboardHeader = function DashboardHeader(_ref) {
|
|
|
51150
51966
|
_ref$scrollableEnable = _ref.scrollableEnabled,
|
|
51151
51967
|
scrollableEnabled = _ref$scrollableEnable === void 0 ? false : _ref$scrollableEnable,
|
|
51152
51968
|
_ref$onScrollableChan = _ref.onScrollableChange,
|
|
51153
|
-
onScrollableChange = _ref$onScrollableChan === void 0 ? null : _ref$onScrollableChan
|
|
51969
|
+
onScrollableChange = _ref$onScrollableChan === void 0 ? null : _ref$onScrollableChan,
|
|
51970
|
+
_ref$sidebarEnabled = _ref.sidebarEnabled,
|
|
51971
|
+
sidebarEnabled = _ref$sidebarEnabled === void 0 ? false : _ref$sidebarEnabled,
|
|
51972
|
+
_ref$onSidebarChange = _ref.onSidebarChange,
|
|
51973
|
+
onSidebarChange = _ref$onSidebarChange === void 0 ? null : _ref$onSidebarChange;
|
|
51154
51974
|
var _useState = React.useState(workspace),
|
|
51155
51975
|
_useState2 = _slicedToArray(_useState, 2),
|
|
51156
51976
|
workspaceSelected = _useState2[0],
|
|
@@ -51250,6 +52070,10 @@ var DashboardHeader = function DashboardHeader(_ref) {
|
|
|
51250
52070
|
text: "Scrollable",
|
|
51251
52071
|
enabled: scrollableEnabled,
|
|
51252
52072
|
setEnabled: onScrollableChange
|
|
52073
|
+
}), onSidebarChange && /*#__PURE__*/jsxRuntime.jsx(DashReact.Toggle, {
|
|
52074
|
+
text: "Sidebar",
|
|
52075
|
+
enabled: sidebarEnabled,
|
|
52076
|
+
setEnabled: onSidebarChange
|
|
51253
52077
|
})]
|
|
51254
52078
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
51255
52079
|
className: "flex flex-row space-x-1 shrink-0",
|
|
@@ -52718,10 +53542,12 @@ exports.PROVIDER_LIST_COMPLETE = PROVIDER_LIST_COMPLETE;
|
|
|
52718
53542
|
exports.PROVIDER_LIST_ERROR = PROVIDER_LIST_ERROR;
|
|
52719
53543
|
exports.PROVIDER_SAVE_COMPLETE = PROVIDER_SAVE_COMPLETE;
|
|
52720
53544
|
exports.PROVIDER_SAVE_ERROR = PROVIDER_SAVE_ERROR;
|
|
53545
|
+
exports.PageTabBar = PageTabBar;
|
|
52721
53546
|
exports.PanelCode = PanelCode;
|
|
52722
53547
|
exports.PanelEditItem = PanelEditItem;
|
|
52723
53548
|
exports.PanelEditItemHandlers = PanelEditItemHandlers;
|
|
52724
53549
|
exports.PanelEditItemNotifications = PanelEditItemNotifications;
|
|
53550
|
+
exports.PinnedSidebar = PinnedSidebar;
|
|
52725
53551
|
exports.ProviderContext = ProviderContext;
|
|
52726
53552
|
exports.ProviderErrorBoundary = ProviderErrorBoundary;
|
|
52727
53553
|
exports.ProviderForm = ProviderForm;
|