@trops/dash-core 0.1.189 → 0.1.191
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 +1196 -284
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1228 -323
- 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$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; }
|
|
53
|
+
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; }
|
|
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$G({}, objectToSend));
|
|
116
116
|
}
|
|
117
117
|
});
|
|
118
118
|
}
|
|
@@ -2619,8 +2619,8 @@ var DashboardWrapper = function DashboardWrapper(_ref) {
|
|
|
2619
2619
|
});
|
|
2620
2620
|
};
|
|
2621
2621
|
|
|
2622
|
-
function ownKeys$
|
|
2623
|
-
function _objectSpread$
|
|
2622
|
+
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; }
|
|
2623
|
+
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; }
|
|
2624
2624
|
var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
|
|
2625
2625
|
var themeKey = _ref.themeKey,
|
|
2626
2626
|
children = _ref.children;
|
|
@@ -2632,7 +2632,7 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
|
|
|
2632
2632
|
var dashboardTheme = themes[themeKey];
|
|
2633
2633
|
var themeValue = dashboardTheme ? dashboardTheme[themeVariant] || null : null;
|
|
2634
2634
|
if (!themeValue) return null;
|
|
2635
|
-
return _objectSpread$
|
|
2635
|
+
return _objectSpread$F(_objectSpread$F({}, parentContext), {}, {
|
|
2636
2636
|
currentTheme: themeValue,
|
|
2637
2637
|
currentThemeKey: themeKey,
|
|
2638
2638
|
theme: themeValue,
|
|
@@ -2650,8 +2650,8 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
|
|
|
2650
2650
|
});
|
|
2651
2651
|
};
|
|
2652
2652
|
|
|
2653
|
-
function ownKeys$
|
|
2654
|
-
function _objectSpread$
|
|
2653
|
+
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; }
|
|
2654
|
+
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; }
|
|
2655
2655
|
var AppThemeScope = function AppThemeScope(_ref) {
|
|
2656
2656
|
var children = _ref.children;
|
|
2657
2657
|
var ctx = React.useContext(DashReact.ThemeContext);
|
|
@@ -2659,7 +2659,7 @@ var AppThemeScope = function AppThemeScope(_ref) {
|
|
|
2659
2659
|
children: children
|
|
2660
2660
|
});
|
|
2661
2661
|
return /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeContext.Provider, {
|
|
2662
|
-
value: _objectSpread$
|
|
2662
|
+
value: _objectSpread$E(_objectSpread$E({}, ctx), {}, {
|
|
2663
2663
|
currentTheme: ctx.appTheme,
|
|
2664
2664
|
currentThemeKey: ctx.appThemeKey,
|
|
2665
2665
|
theme: ctx.appTheme,
|
|
@@ -2771,8 +2771,8 @@ var LayoutContainer = function LayoutContainer(_ref) {
|
|
|
2771
2771
|
});
|
|
2772
2772
|
};
|
|
2773
2773
|
|
|
2774
|
-
function ownKeys$
|
|
2775
|
-
function _objectSpread$
|
|
2774
|
+
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; }
|
|
2775
|
+
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; }
|
|
2776
2776
|
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; } } }; }
|
|
2777
2777
|
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; } }
|
|
2778
2778
|
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; }
|
|
@@ -2945,6 +2945,44 @@ var layoutTemplates = [{
|
|
|
2945
2945
|
row: 2,
|
|
2946
2946
|
col: 2
|
|
2947
2947
|
}]
|
|
2948
|
+
}, {
|
|
2949
|
+
id: "two-by-three",
|
|
2950
|
+
name: "2x3 Grid",
|
|
2951
|
+
description: "Six panels in two rows of three. Good for medium-density dashboards.",
|
|
2952
|
+
rows: 2,
|
|
2953
|
+
cols: 3,
|
|
2954
|
+
cells: [{
|
|
2955
|
+
key: "1.1"
|
|
2956
|
+
}, {
|
|
2957
|
+
key: "1.2"
|
|
2958
|
+
}, {
|
|
2959
|
+
key: "1.3"
|
|
2960
|
+
}, {
|
|
2961
|
+
key: "2.1"
|
|
2962
|
+
}, {
|
|
2963
|
+
key: "2.2"
|
|
2964
|
+
}, {
|
|
2965
|
+
key: "2.3"
|
|
2966
|
+
}],
|
|
2967
|
+
previewCells: [{
|
|
2968
|
+
row: 1,
|
|
2969
|
+
col: 1
|
|
2970
|
+
}, {
|
|
2971
|
+
row: 1,
|
|
2972
|
+
col: 2
|
|
2973
|
+
}, {
|
|
2974
|
+
row: 1,
|
|
2975
|
+
col: 3
|
|
2976
|
+
}, {
|
|
2977
|
+
row: 2,
|
|
2978
|
+
col: 1
|
|
2979
|
+
}, {
|
|
2980
|
+
row: 2,
|
|
2981
|
+
col: 2
|
|
2982
|
+
}, {
|
|
2983
|
+
row: 2,
|
|
2984
|
+
col: 3
|
|
2985
|
+
}]
|
|
2948
2986
|
}, {
|
|
2949
2987
|
id: "three-by-three",
|
|
2950
2988
|
name: "3x3 Grid",
|
|
@@ -3016,7 +3054,7 @@ function createLayoutFromTemplate(template) {
|
|
|
3016
3054
|
try {
|
|
3017
3055
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
3018
3056
|
var cell = _step.value;
|
|
3019
|
-
grid[cell.key] = _objectSpread$
|
|
3057
|
+
grid[cell.key] = _objectSpread$D({
|
|
3020
3058
|
component: null,
|
|
3021
3059
|
hide: cell.hide || false
|
|
3022
3060
|
}, cell.span ? {
|
|
@@ -4030,8 +4068,8 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
|
|
|
4030
4068
|
});
|
|
4031
4069
|
};
|
|
4032
4070
|
|
|
4033
|
-
function ownKeys$
|
|
4034
|
-
function _objectSpread$
|
|
4071
|
+
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; }
|
|
4072
|
+
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; }
|
|
4035
4073
|
var LayoutManagerModal = function LayoutManagerModal(_ref) {
|
|
4036
4074
|
var open = _ref.open,
|
|
4037
4075
|
setIsOpen = _ref.setIsOpen,
|
|
@@ -4267,7 +4305,7 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
|
|
|
4267
4305
|
}
|
|
4268
4306
|
return _context2.abrupt("return");
|
|
4269
4307
|
case 6:
|
|
4270
|
-
updatedWorkspace = _objectSpread$
|
|
4308
|
+
updatedWorkspace = _objectSpread$C(_objectSpread$C({}, importedWorkspace), {}, {
|
|
4271
4309
|
name: dashboardName.trim(),
|
|
4272
4310
|
menuId: menuId,
|
|
4273
4311
|
themeKey: selectedThemeKey
|
|
@@ -6053,6 +6091,1054 @@ var WidgetList = function WidgetList(_ref4) {
|
|
|
6053
6091
|
});
|
|
6054
6092
|
};
|
|
6055
6093
|
|
|
6094
|
+
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; }
|
|
6095
|
+
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; }
|
|
6096
|
+
var TOTAL_STEPS = 6; // Steps 0-5
|
|
6097
|
+
|
|
6098
|
+
var initialState = {
|
|
6099
|
+
step: 0,
|
|
6100
|
+
intent: [],
|
|
6101
|
+
providers: [],
|
|
6102
|
+
selectedWidgets: [],
|
|
6103
|
+
selectedDashboard: null,
|
|
6104
|
+
layout: {
|
|
6105
|
+
templateKey: null,
|
|
6106
|
+
widgetOrder: []
|
|
6107
|
+
},
|
|
6108
|
+
customization: {
|
|
6109
|
+
name: "",
|
|
6110
|
+
menuId: null,
|
|
6111
|
+
theme: null
|
|
6112
|
+
},
|
|
6113
|
+
path: null
|
|
6114
|
+
};
|
|
6115
|
+
function wizardReducer(state, action) {
|
|
6116
|
+
switch (action.type) {
|
|
6117
|
+
case "SET_STEP":
|
|
6118
|
+
return _objectSpread$B(_objectSpread$B({}, state), {}, {
|
|
6119
|
+
step: action.payload
|
|
6120
|
+
});
|
|
6121
|
+
case "SET_INTENT":
|
|
6122
|
+
return _objectSpread$B(_objectSpread$B({}, state), {}, {
|
|
6123
|
+
intent: action.payload
|
|
6124
|
+
});
|
|
6125
|
+
case "TOGGLE_INTENT":
|
|
6126
|
+
{
|
|
6127
|
+
var intent = state.intent.includes(action.payload) ? state.intent.filter(function (i) {
|
|
6128
|
+
return i !== action.payload;
|
|
6129
|
+
}) : [].concat(_toConsumableArray(state.intent), [action.payload]);
|
|
6130
|
+
return _objectSpread$B(_objectSpread$B({}, state), {}, {
|
|
6131
|
+
intent: intent
|
|
6132
|
+
});
|
|
6133
|
+
}
|
|
6134
|
+
case "SET_PROVIDERS":
|
|
6135
|
+
return _objectSpread$B(_objectSpread$B({}, state), {}, {
|
|
6136
|
+
providers: action.payload
|
|
6137
|
+
});
|
|
6138
|
+
case "TOGGLE_PROVIDER":
|
|
6139
|
+
{
|
|
6140
|
+
var providers = state.providers.includes(action.payload) ? state.providers.filter(function (p) {
|
|
6141
|
+
return p !== action.payload;
|
|
6142
|
+
}) : [].concat(_toConsumableArray(state.providers), [action.payload]);
|
|
6143
|
+
return _objectSpread$B(_objectSpread$B({}, state), {}, {
|
|
6144
|
+
providers: providers
|
|
6145
|
+
});
|
|
6146
|
+
}
|
|
6147
|
+
case "SET_SELECTED_WIDGETS":
|
|
6148
|
+
return _objectSpread$B(_objectSpread$B({}, state), {}, {
|
|
6149
|
+
selectedWidgets: action.payload
|
|
6150
|
+
});
|
|
6151
|
+
case "TOGGLE_WIDGET":
|
|
6152
|
+
{
|
|
6153
|
+
var exists = state.selectedWidgets.some(function (w) {
|
|
6154
|
+
return w.name === action.payload.name;
|
|
6155
|
+
});
|
|
6156
|
+
var selectedWidgets = exists ? state.selectedWidgets.filter(function (w) {
|
|
6157
|
+
return w.name !== action.payload.name;
|
|
6158
|
+
}) : [].concat(_toConsumableArray(state.selectedWidgets), [action.payload]);
|
|
6159
|
+
return _objectSpread$B(_objectSpread$B({}, state), {}, {
|
|
6160
|
+
selectedWidgets: selectedWidgets
|
|
6161
|
+
});
|
|
6162
|
+
}
|
|
6163
|
+
case "SET_SELECTED_DASHBOARD":
|
|
6164
|
+
return _objectSpread$B(_objectSpread$B({}, state), {}, {
|
|
6165
|
+
selectedDashboard: action.payload
|
|
6166
|
+
});
|
|
6167
|
+
case "SET_PATH":
|
|
6168
|
+
return _objectSpread$B(_objectSpread$B({}, state), {}, {
|
|
6169
|
+
path: action.payload
|
|
6170
|
+
});
|
|
6171
|
+
case "SET_LAYOUT":
|
|
6172
|
+
return _objectSpread$B(_objectSpread$B({}, state), {}, {
|
|
6173
|
+
layout: action.payload
|
|
6174
|
+
});
|
|
6175
|
+
case "REORDER_WIDGETS":
|
|
6176
|
+
return _objectSpread$B(_objectSpread$B({}, state), {}, {
|
|
6177
|
+
layout: _objectSpread$B(_objectSpread$B({}, state.layout), {}, {
|
|
6178
|
+
widgetOrder: action.payload
|
|
6179
|
+
})
|
|
6180
|
+
});
|
|
6181
|
+
case "SET_CUSTOMIZATION":
|
|
6182
|
+
return _objectSpread$B(_objectSpread$B({}, state), {}, {
|
|
6183
|
+
customization: _objectSpread$B(_objectSpread$B({}, state.customization), action.payload)
|
|
6184
|
+
});
|
|
6185
|
+
case "RESET":
|
|
6186
|
+
return _objectSpread$B({}, initialState);
|
|
6187
|
+
default:
|
|
6188
|
+
return state;
|
|
6189
|
+
}
|
|
6190
|
+
}
|
|
6191
|
+
function widgetCountToTemplate(count) {
|
|
6192
|
+
if (count <= 1) return "single";
|
|
6193
|
+
if (count === 2) return "two-columns";
|
|
6194
|
+
if (count === 3) return "three-columns";
|
|
6195
|
+
if (count === 4) return "two-by-two";
|
|
6196
|
+
if (count <= 6) return "two-by-three";
|
|
6197
|
+
return "three-by-three";
|
|
6198
|
+
}
|
|
6199
|
+
function getCanProceed(state) {
|
|
6200
|
+
switch (state.step) {
|
|
6201
|
+
case 0:
|
|
6202
|
+
return state.intent.length > 0;
|
|
6203
|
+
case 1:
|
|
6204
|
+
return state.providers.length > 0;
|
|
6205
|
+
case 2:
|
|
6206
|
+
return state.path === "prebuilt" ? state.selectedDashboard !== null : state.selectedWidgets.length > 0;
|
|
6207
|
+
case 3:
|
|
6208
|
+
return state.layout.templateKey !== null;
|
|
6209
|
+
case 4:
|
|
6210
|
+
return state.customization.name.trim().length > 0;
|
|
6211
|
+
case 5:
|
|
6212
|
+
return true;
|
|
6213
|
+
default:
|
|
6214
|
+
return false;
|
|
6215
|
+
}
|
|
6216
|
+
}
|
|
6217
|
+
var useWizardState = function useWizardState() {
|
|
6218
|
+
var _useReducer = React.useReducer(wizardReducer, initialState),
|
|
6219
|
+
_useReducer2 = _slicedToArray(_useReducer, 2),
|
|
6220
|
+
state = _useReducer2[0],
|
|
6221
|
+
dispatch = _useReducer2[1];
|
|
6222
|
+
var canProceed = React.useMemo(function () {
|
|
6223
|
+
return getCanProceed(state);
|
|
6224
|
+
}, [state]);
|
|
6225
|
+
var selectedCount = React.useMemo(function () {
|
|
6226
|
+
return state.selectedWidgets.length;
|
|
6227
|
+
}, [state.selectedWidgets]);
|
|
6228
|
+
var isPrebuiltPath = state.path === "prebuilt";
|
|
6229
|
+
var isCustomPath = state.path === "custom";
|
|
6230
|
+
var nextStep = React.useCallback(function () {
|
|
6231
|
+
if (getCanProceed(state) && state.step < TOTAL_STEPS - 1) {
|
|
6232
|
+
dispatch({
|
|
6233
|
+
type: "SET_STEP",
|
|
6234
|
+
payload: state.step + 1
|
|
6235
|
+
});
|
|
6236
|
+
}
|
|
6237
|
+
}, [state]);
|
|
6238
|
+
var prevStep = React.useCallback(function () {
|
|
6239
|
+
if (state.step > 0) {
|
|
6240
|
+
dispatch({
|
|
6241
|
+
type: "SET_STEP",
|
|
6242
|
+
payload: state.step - 1
|
|
6243
|
+
});
|
|
6244
|
+
}
|
|
6245
|
+
}, [state.step]);
|
|
6246
|
+
var goToStep = React.useCallback(function (n) {
|
|
6247
|
+
if (n >= 0 && n < TOTAL_STEPS) {
|
|
6248
|
+
dispatch({
|
|
6249
|
+
type: "SET_STEP",
|
|
6250
|
+
payload: n
|
|
6251
|
+
});
|
|
6252
|
+
}
|
|
6253
|
+
}, []);
|
|
6254
|
+
return {
|
|
6255
|
+
state: state,
|
|
6256
|
+
dispatch: dispatch,
|
|
6257
|
+
nextStep: nextStep,
|
|
6258
|
+
prevStep: prevStep,
|
|
6259
|
+
goToStep: goToStep,
|
|
6260
|
+
canProceed: canProceed,
|
|
6261
|
+
selectedCount: selectedCount,
|
|
6262
|
+
isPrebuiltPath: isPrebuiltPath,
|
|
6263
|
+
isCustomPath: isCustomPath,
|
|
6264
|
+
widgetCountToTemplate: widgetCountToTemplate
|
|
6265
|
+
};
|
|
6266
|
+
};
|
|
6267
|
+
|
|
6268
|
+
var WizardLayoutPreviewStep = function WizardLayoutPreviewStep(_ref) {
|
|
6269
|
+
var state = _ref.state,
|
|
6270
|
+
dispatch = _ref.dispatch;
|
|
6271
|
+
var isPrebuilt = state.path === "prebuilt";
|
|
6272
|
+
|
|
6273
|
+
// Auto-select template and populate widget order on mount / widget change
|
|
6274
|
+
React.useEffect(function () {
|
|
6275
|
+
if (isPrebuilt) return;
|
|
6276
|
+
var templateKey = widgetCountToTemplate(state.selectedWidgets.length);
|
|
6277
|
+
var template = layoutTemplates.find(function (t) {
|
|
6278
|
+
return t.id === templateKey;
|
|
6279
|
+
});
|
|
6280
|
+
if (!template) return;
|
|
6281
|
+
|
|
6282
|
+
// Only update if template changed or widget order is empty
|
|
6283
|
+
if (state.layout.templateKey !== templateKey || state.layout.widgetOrder.length === 0) {
|
|
6284
|
+
var widgetOrder = state.selectedWidgets.map(function (w) {
|
|
6285
|
+
return w.name || w.key;
|
|
6286
|
+
});
|
|
6287
|
+
dispatch({
|
|
6288
|
+
type: "SET_LAYOUT",
|
|
6289
|
+
payload: {
|
|
6290
|
+
templateKey: templateKey,
|
|
6291
|
+
widgetOrder: widgetOrder
|
|
6292
|
+
}
|
|
6293
|
+
});
|
|
6294
|
+
}
|
|
6295
|
+
}, [isPrebuilt, state.selectedWidgets, state.layout.templateKey, state.layout.widgetOrder.length, dispatch]);
|
|
6296
|
+
if (isPrebuilt) {
|
|
6297
|
+
return /*#__PURE__*/jsxRuntime.jsx(PrebuiltPreview, {
|
|
6298
|
+
dashboard: state.selectedDashboard
|
|
6299
|
+
});
|
|
6300
|
+
}
|
|
6301
|
+
var template = layoutTemplates.find(function (t) {
|
|
6302
|
+
return t.id === state.layout.templateKey;
|
|
6303
|
+
});
|
|
6304
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6305
|
+
className: "wizard-layout-step",
|
|
6306
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("h3", {
|
|
6307
|
+
className: "wizard-step-header",
|
|
6308
|
+
children: "Preview your layout"
|
|
6309
|
+
}), /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
6310
|
+
className: "wizard-step-description",
|
|
6311
|
+
children: "Drag widgets to rearrange their placement in the grid."
|
|
6312
|
+
}), template ? /*#__PURE__*/jsxRuntime.jsx(LayoutGrid, {
|
|
6313
|
+
template: template,
|
|
6314
|
+
widgetOrder: state.layout.widgetOrder,
|
|
6315
|
+
widgets: state.selectedWidgets,
|
|
6316
|
+
dispatch: dispatch
|
|
6317
|
+
}) : /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6318
|
+
className: "wizard-empty",
|
|
6319
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
6320
|
+
icon: "grid-2",
|
|
6321
|
+
fixedWidth: true,
|
|
6322
|
+
className: "wizard-empty-icon"
|
|
6323
|
+
}), /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
6324
|
+
children: "No layout template available."
|
|
6325
|
+
})]
|
|
6326
|
+
})]
|
|
6327
|
+
});
|
|
6328
|
+
};
|
|
6329
|
+
|
|
6330
|
+
// --- Pre-built dashboard preview ---
|
|
6331
|
+
|
|
6332
|
+
var PrebuiltPreview = function PrebuiltPreview(_ref2) {
|
|
6333
|
+
var dashboard = _ref2.dashboard;
|
|
6334
|
+
if (!dashboard) {
|
|
6335
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6336
|
+
className: "wizard-layout-step",
|
|
6337
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("h3", {
|
|
6338
|
+
className: "wizard-step-header",
|
|
6339
|
+
children: "Dashboard preview"
|
|
6340
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6341
|
+
className: "wizard-empty",
|
|
6342
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
6343
|
+
icon: "box-open",
|
|
6344
|
+
fixedWidth: true,
|
|
6345
|
+
className: "wizard-empty-icon"
|
|
6346
|
+
}), /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
6347
|
+
children: "No dashboard selected."
|
|
6348
|
+
})]
|
|
6349
|
+
})]
|
|
6350
|
+
});
|
|
6351
|
+
}
|
|
6352
|
+
var widgets = dashboard.widgets || [];
|
|
6353
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6354
|
+
className: "wizard-layout-step",
|
|
6355
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("h3", {
|
|
6356
|
+
className: "wizard-step-header",
|
|
6357
|
+
children: "Dashboard preview"
|
|
6358
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6359
|
+
className: "wizard-prebuilt-preview",
|
|
6360
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6361
|
+
className: "wizard-prebuilt-header",
|
|
6362
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
6363
|
+
icon: resolveIcon(dashboard.icon || "grid-2"),
|
|
6364
|
+
fixedWidth: true,
|
|
6365
|
+
className: "wizard-prebuilt-icon"
|
|
6366
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
6367
|
+
className: "wizard-prebuilt-name",
|
|
6368
|
+
children: dashboard.displayName || dashboard.name
|
|
6369
|
+
})]
|
|
6370
|
+
}), dashboard.description && /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
6371
|
+
className: "wizard-prebuilt-desc",
|
|
6372
|
+
children: dashboard.description
|
|
6373
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6374
|
+
className: "wizard-prebuilt-widgets",
|
|
6375
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
6376
|
+
className: "wizard-prebuilt-widgets-label",
|
|
6377
|
+
children: ["Includes ", widgets.length, " widget", widgets.length !== 1 ? "s" : "", ":"]
|
|
6378
|
+
}), /*#__PURE__*/jsxRuntime.jsx("ul", {
|
|
6379
|
+
className: "wizard-prebuilt-widget-list",
|
|
6380
|
+
children: widgets.map(function (w, i) {
|
|
6381
|
+
return /*#__PURE__*/jsxRuntime.jsxs("li", {
|
|
6382
|
+
children: [w.icon && /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
6383
|
+
icon: resolveIcon(w.icon),
|
|
6384
|
+
fixedWidth: true,
|
|
6385
|
+
className: "wizard-prebuilt-widget-icon"
|
|
6386
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
6387
|
+
children: w.displayName || w.name
|
|
6388
|
+
})]
|
|
6389
|
+
}, w.name || i);
|
|
6390
|
+
})
|
|
6391
|
+
})]
|
|
6392
|
+
})]
|
|
6393
|
+
})]
|
|
6394
|
+
});
|
|
6395
|
+
};
|
|
6396
|
+
|
|
6397
|
+
// --- Drag-reorder grid ---
|
|
6398
|
+
|
|
6399
|
+
var LayoutGrid = function LayoutGrid(_ref3) {
|
|
6400
|
+
var template = _ref3.template,
|
|
6401
|
+
widgetOrder = _ref3.widgetOrder,
|
|
6402
|
+
widgets = _ref3.widgets,
|
|
6403
|
+
dispatch = _ref3.dispatch;
|
|
6404
|
+
var _useState = React.useState(null),
|
|
6405
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
6406
|
+
dragIndex = _useState2[0],
|
|
6407
|
+
setDragIndex = _useState2[1];
|
|
6408
|
+
var _useState3 = React.useState(null),
|
|
6409
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
6410
|
+
dragOverIndex = _useState4[0],
|
|
6411
|
+
setDragOverIndex = _useState4[1];
|
|
6412
|
+
var dragRef = React.useRef(null);
|
|
6413
|
+
var totalCells = template.previewCells.length;
|
|
6414
|
+
|
|
6415
|
+
// Build cell contents: widget names for filled cells, null for empty
|
|
6416
|
+
var cellContents = template.previewCells.map(function (_, i) {
|
|
6417
|
+
var widgetId = widgetOrder[i] || null;
|
|
6418
|
+
if (!widgetId) return null;
|
|
6419
|
+
var widget = widgets.find(function (w) {
|
|
6420
|
+
return (w.name || w.key) === widgetId;
|
|
6421
|
+
});
|
|
6422
|
+
return widget || {
|
|
6423
|
+
name: widgetId
|
|
6424
|
+
};
|
|
6425
|
+
});
|
|
6426
|
+
var handleDragStart = React.useCallback(function (e, index) {
|
|
6427
|
+
setDragIndex(index);
|
|
6428
|
+
dragRef.current = index;
|
|
6429
|
+
e.dataTransfer.effectAllowed = "move";
|
|
6430
|
+
e.dataTransfer.setData("text/plain", String(index));
|
|
6431
|
+
}, []);
|
|
6432
|
+
var handleDragOver = React.useCallback(function (e, index) {
|
|
6433
|
+
e.preventDefault();
|
|
6434
|
+
e.dataTransfer.dropEffect = "move";
|
|
6435
|
+
setDragOverIndex(index);
|
|
6436
|
+
}, []);
|
|
6437
|
+
var handleDragLeave = React.useCallback(function () {
|
|
6438
|
+
setDragOverIndex(null);
|
|
6439
|
+
}, []);
|
|
6440
|
+
var handleDrop = React.useCallback(function (e, dropIndex) {
|
|
6441
|
+
e.preventDefault();
|
|
6442
|
+
var fromIndex = dragRef.current;
|
|
6443
|
+
setDragIndex(null);
|
|
6444
|
+
setDragOverIndex(null);
|
|
6445
|
+
dragRef.current = null;
|
|
6446
|
+
if (fromIndex === null || fromIndex === dropIndex) return;
|
|
6447
|
+
|
|
6448
|
+
// Swap the two positions in widgetOrder
|
|
6449
|
+
var newOrder = _toConsumableArray(widgetOrder);
|
|
6450
|
+
// Pad array to cover all cells
|
|
6451
|
+
while (newOrder.length < totalCells) {
|
|
6452
|
+
newOrder.push(null);
|
|
6453
|
+
}
|
|
6454
|
+
var temp = newOrder[fromIndex];
|
|
6455
|
+
newOrder[fromIndex] = newOrder[dropIndex];
|
|
6456
|
+
newOrder[dropIndex] = temp;
|
|
6457
|
+
|
|
6458
|
+
// Trim trailing nulls
|
|
6459
|
+
while (newOrder.length > 0 && newOrder[newOrder.length - 1] === null) {
|
|
6460
|
+
newOrder.pop();
|
|
6461
|
+
}
|
|
6462
|
+
dispatch({
|
|
6463
|
+
type: "REORDER_WIDGETS",
|
|
6464
|
+
payload: newOrder
|
|
6465
|
+
});
|
|
6466
|
+
}, [widgetOrder, totalCells, dispatch]);
|
|
6467
|
+
var handleDragEnd = React.useCallback(function () {
|
|
6468
|
+
setDragIndex(null);
|
|
6469
|
+
setDragOverIndex(null);
|
|
6470
|
+
dragRef.current = null;
|
|
6471
|
+
}, []);
|
|
6472
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
6473
|
+
className: "wizard-layout-grid",
|
|
6474
|
+
style: {
|
|
6475
|
+
display: "grid",
|
|
6476
|
+
gridTemplateRows: "repeat(".concat(template.rows, ", 1fr)"),
|
|
6477
|
+
gridTemplateColumns: "repeat(".concat(template.cols, ", 1fr)")
|
|
6478
|
+
},
|
|
6479
|
+
children: template.previewCells.map(function (cell, i) {
|
|
6480
|
+
var content = cellContents[i];
|
|
6481
|
+
var isDragging = dragIndex === i;
|
|
6482
|
+
var isDragOver = dragOverIndex === i;
|
|
6483
|
+
var hasWidget = content !== null;
|
|
6484
|
+
var cellStyle = {};
|
|
6485
|
+
if (cell.rowSpan) cellStyle.gridRow = "span ".concat(cell.rowSpan);
|
|
6486
|
+
if (cell.colSpan) cellStyle.gridColumn = "span ".concat(cell.colSpan);
|
|
6487
|
+
var classNames = ["wizard-layout-cell", hasWidget ? "wizard-layout-cell--filled" : "wizard-layout-cell--empty", isDragging ? "wizard-layout-cell--dragging" : "", isDragOver ? "wizard-layout-cell--drag-over" : ""].filter(Boolean).join(" ");
|
|
6488
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
6489
|
+
className: classNames,
|
|
6490
|
+
style: cellStyle,
|
|
6491
|
+
draggable: hasWidget,
|
|
6492
|
+
onDragStart: hasWidget ? function (e) {
|
|
6493
|
+
return handleDragStart(e, i);
|
|
6494
|
+
} : undefined,
|
|
6495
|
+
onDragOver: function onDragOver(e) {
|
|
6496
|
+
return handleDragOver(e, i);
|
|
6497
|
+
},
|
|
6498
|
+
onDragLeave: handleDragLeave,
|
|
6499
|
+
onDrop: function onDrop(e) {
|
|
6500
|
+
return handleDrop(e, i);
|
|
6501
|
+
},
|
|
6502
|
+
onDragEnd: handleDragEnd,
|
|
6503
|
+
children: hasWidget ? /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6504
|
+
className: "wizard-layout-cell-content",
|
|
6505
|
+
children: [content.icon && /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
6506
|
+
icon: resolveIcon(content.icon),
|
|
6507
|
+
fixedWidth: true,
|
|
6508
|
+
className: "wizard-layout-cell-icon"
|
|
6509
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
6510
|
+
className: "wizard-layout-cell-name",
|
|
6511
|
+
children: content.displayName || content.name || content.key
|
|
6512
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
6513
|
+
icon: "grip-vertical",
|
|
6514
|
+
className: "wizard-layout-cell-grip"
|
|
6515
|
+
})]
|
|
6516
|
+
}) : /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
6517
|
+
className: "wizard-layout-cell-placeholder",
|
|
6518
|
+
children: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
6519
|
+
icon: "plus",
|
|
6520
|
+
fixedWidth: true
|
|
6521
|
+
})
|
|
6522
|
+
})
|
|
6523
|
+
}, "".concat(cell.row, "-").concat(cell.col));
|
|
6524
|
+
})
|
|
6525
|
+
});
|
|
6526
|
+
};
|
|
6527
|
+
|
|
6528
|
+
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; }
|
|
6529
|
+
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; }
|
|
6530
|
+
var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
|
|
6531
|
+
var _state$selectedDashbo, _state$selectedDashbo2;
|
|
6532
|
+
var state = _ref.state,
|
|
6533
|
+
dispatch = _ref.dispatch,
|
|
6534
|
+
_ref$menuItems = _ref.menuItems,
|
|
6535
|
+
menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems,
|
|
6536
|
+
_ref$onSaveMenuItem = _ref.onSaveMenuItem,
|
|
6537
|
+
onSaveMenuItem = _ref$onSaveMenuItem === void 0 ? null : _ref$onSaveMenuItem,
|
|
6538
|
+
_ref$onCreateWorkspac = _ref.onCreateWorkspace,
|
|
6539
|
+
onCreateWorkspace = _ref$onCreateWorkspac === void 0 ? null : _ref$onCreateWorkspac,
|
|
6540
|
+
_ref$onInstallDashboa = _ref.onInstallDashboard,
|
|
6541
|
+
onInstallDashboard = _ref$onInstallDashboa === void 0 ? null : _ref$onInstallDashboa,
|
|
6542
|
+
_ref$onOpenDashboard = _ref.onOpenDashboard,
|
|
6543
|
+
onOpenDashboard = _ref$onOpenDashboard === void 0 ? null : _ref$onOpenDashboard,
|
|
6544
|
+
appId = _ref.appId;
|
|
6545
|
+
var _useContext = React.useContext(DashReact.ThemeContext),
|
|
6546
|
+
themes = _useContext.themes,
|
|
6547
|
+
appThemeKey = _useContext.themeKey;
|
|
6548
|
+
var _useContext2 = React.useContext(AppContext),
|
|
6549
|
+
providersMap = _useContext2.providers;
|
|
6550
|
+
var _useState = React.useState(menuItems),
|
|
6551
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
6552
|
+
localMenuItems = _useState2[0],
|
|
6553
|
+
setLocalMenuItems = _useState2[1];
|
|
6554
|
+
var _useState3 = React.useState(false),
|
|
6555
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
6556
|
+
isCreatingFolder = _useState4[0],
|
|
6557
|
+
setIsCreatingFolder = _useState4[1];
|
|
6558
|
+
var _useState5 = React.useState(""),
|
|
6559
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
6560
|
+
newFolderName = _useState6[0],
|
|
6561
|
+
setNewFolderName = _useState6[1];
|
|
6562
|
+
var _useState7 = React.useState(null),
|
|
6563
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
6564
|
+
newFolderIcon = _useState8[0],
|
|
6565
|
+
setNewFolderIcon = _useState8[1];
|
|
6566
|
+
|
|
6567
|
+
// Creation state
|
|
6568
|
+
var _useState9 = React.useState(false),
|
|
6569
|
+
_useState0 = _slicedToArray(_useState9, 2);
|
|
6570
|
+
_useState0[0];
|
|
6571
|
+
var setCreating = _useState0[1];
|
|
6572
|
+
var _useState1 = React.useState(null),
|
|
6573
|
+
_useState10 = _slicedToArray(_useState1, 2),
|
|
6574
|
+
error = _useState10[0],
|
|
6575
|
+
setError = _useState10[1];
|
|
6576
|
+
var _useState11 = React.useState(null),
|
|
6577
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
6578
|
+
createdDashboard = _useState12[0],
|
|
6579
|
+
setCreatedDashboard = _useState12[1];
|
|
6580
|
+
var isPrebuilt = state.path === "prebuilt";
|
|
6581
|
+
|
|
6582
|
+
// Initialize customization defaults on mount
|
|
6583
|
+
React.useEffect(function () {
|
|
6584
|
+
setLocalMenuItems(menuItems);
|
|
6585
|
+
var updates = {};
|
|
6586
|
+
if (!state.customization.menuId && menuItems.length > 0) {
|
|
6587
|
+
updates.menuId = menuItems[0].id;
|
|
6588
|
+
}
|
|
6589
|
+
if (!state.customization.theme && themes) {
|
|
6590
|
+
var _Object$entries$sort$;
|
|
6591
|
+
var fallback = (_Object$entries$sort$ = Object.entries(themes).sort(function (_ref2, _ref3) {
|
|
6592
|
+
var _ref4 = _slicedToArray(_ref2, 2),
|
|
6593
|
+
a = _ref4[1];
|
|
6594
|
+
var _ref5 = _slicedToArray(_ref3, 2),
|
|
6595
|
+
b = _ref5[1];
|
|
6596
|
+
return (a.name || "").localeCompare(b.name || "");
|
|
6597
|
+
})[0]) === null || _Object$entries$sort$ === void 0 ? void 0 : _Object$entries$sort$[0];
|
|
6598
|
+
updates.theme = appThemeKey || fallback || null;
|
|
6599
|
+
}
|
|
6600
|
+
if (Object.keys(updates).length > 0) {
|
|
6601
|
+
dispatch({
|
|
6602
|
+
type: "SET_CUSTOMIZATION",
|
|
6603
|
+
payload: updates
|
|
6604
|
+
});
|
|
6605
|
+
}
|
|
6606
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
6607
|
+
}, []);
|
|
6608
|
+
var handleNameChange = React.useCallback(function (val) {
|
|
6609
|
+
dispatch({
|
|
6610
|
+
type: "SET_CUSTOMIZATION",
|
|
6611
|
+
payload: {
|
|
6612
|
+
name: val
|
|
6613
|
+
}
|
|
6614
|
+
});
|
|
6615
|
+
}, [dispatch]);
|
|
6616
|
+
var handleMenuSelect = React.useCallback(function (id) {
|
|
6617
|
+
dispatch({
|
|
6618
|
+
type: "SET_CUSTOMIZATION",
|
|
6619
|
+
payload: {
|
|
6620
|
+
menuId: id
|
|
6621
|
+
}
|
|
6622
|
+
});
|
|
6623
|
+
setIsCreatingFolder(false);
|
|
6624
|
+
setNewFolderName("");
|
|
6625
|
+
setNewFolderIcon(null);
|
|
6626
|
+
}, [dispatch]);
|
|
6627
|
+
var handleThemeSelect = React.useCallback(function (key) {
|
|
6628
|
+
dispatch({
|
|
6629
|
+
type: "SET_CUSTOMIZATION",
|
|
6630
|
+
payload: {
|
|
6631
|
+
theme: key
|
|
6632
|
+
}
|
|
6633
|
+
});
|
|
6634
|
+
}, [dispatch]);
|
|
6635
|
+
function handleCancelNewFolder() {
|
|
6636
|
+
setIsCreatingFolder(false);
|
|
6637
|
+
setNewFolderName("");
|
|
6638
|
+
setNewFolderIcon(null);
|
|
6639
|
+
}
|
|
6640
|
+
function handleSaveNewFolder() {
|
|
6641
|
+
if (!newFolderName.trim() || !newFolderIcon) return;
|
|
6642
|
+
var newItem = {
|
|
6643
|
+
id: Date.now(),
|
|
6644
|
+
name: newFolderName.trim(),
|
|
6645
|
+
icon: newFolderIcon
|
|
6646
|
+
};
|
|
6647
|
+
setLocalMenuItems(function (prev) {
|
|
6648
|
+
return [].concat(_toConsumableArray(prev), [newItem]);
|
|
6649
|
+
});
|
|
6650
|
+
dispatch({
|
|
6651
|
+
type: "SET_CUSTOMIZATION",
|
|
6652
|
+
payload: {
|
|
6653
|
+
menuId: newItem.id
|
|
6654
|
+
}
|
|
6655
|
+
});
|
|
6656
|
+
if (onSaveMenuItem) {
|
|
6657
|
+
onSaveMenuItem(newItem);
|
|
6658
|
+
}
|
|
6659
|
+
setIsCreatingFolder(false);
|
|
6660
|
+
setNewFolderName("");
|
|
6661
|
+
setNewFolderIcon(null);
|
|
6662
|
+
}
|
|
6663
|
+
|
|
6664
|
+
// --- Create logic ---
|
|
6665
|
+
React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
6666
|
+
var _state$customization, name, menuId, theme, result, _window$mainApi, installResult, updatedWorkspace, _window$mainApi2, template, layoutObj, widgetOrder, cells, _loop, i, workspace, _t;
|
|
6667
|
+
return _regeneratorRuntime.wrap(function (_context2) {
|
|
6668
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
6669
|
+
case 0:
|
|
6670
|
+
setCreating(true);
|
|
6671
|
+
setError(null);
|
|
6672
|
+
_context2.prev = 1;
|
|
6673
|
+
_state$customization = state.customization, name = _state$customization.name, menuId = _state$customization.menuId, theme = _state$customization.theme;
|
|
6674
|
+
if (!(isPrebuilt && state.selectedDashboard)) {
|
|
6675
|
+
_context2.next = 7;
|
|
6676
|
+
break;
|
|
6677
|
+
}
|
|
6678
|
+
if (!onInstallDashboard) {
|
|
6679
|
+
_context2.next = 3;
|
|
6680
|
+
break;
|
|
6681
|
+
}
|
|
6682
|
+
_context2.next = 2;
|
|
6683
|
+
return onInstallDashboard({
|
|
6684
|
+
dashboard: state.selectedDashboard,
|
|
6685
|
+
name: name.trim(),
|
|
6686
|
+
menuId: menuId || 1,
|
|
6687
|
+
themeKey: theme,
|
|
6688
|
+
appId: appId
|
|
6689
|
+
});
|
|
6690
|
+
case 2:
|
|
6691
|
+
result = _context2.sent;
|
|
6692
|
+
_context2.next = 6;
|
|
6693
|
+
break;
|
|
6694
|
+
case 3:
|
|
6695
|
+
if (!((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.registry) !== null && _window$mainApi !== void 0 && _window$mainApi.installDashboard)) {
|
|
6696
|
+
_context2.next = 6;
|
|
6697
|
+
break;
|
|
6698
|
+
}
|
|
6699
|
+
_context2.next = 4;
|
|
6700
|
+
return window.mainApi.registry.installDashboard(appId, state.selectedDashboard.name || state.selectedDashboard.key);
|
|
6701
|
+
case 4:
|
|
6702
|
+
installResult = _context2.sent;
|
|
6703
|
+
if (!(installResult !== null && installResult !== void 0 && installResult.workspace)) {
|
|
6704
|
+
_context2.next = 6;
|
|
6705
|
+
break;
|
|
6706
|
+
}
|
|
6707
|
+
updatedWorkspace = _objectSpread$A(_objectSpread$A({}, installResult.workspace), {}, {
|
|
6708
|
+
name: name.trim(),
|
|
6709
|
+
menuId: menuId || 1,
|
|
6710
|
+
themeKey: theme
|
|
6711
|
+
});
|
|
6712
|
+
_context2.next = 5;
|
|
6713
|
+
return window.mainApi.workspace.saveWorkspaceForApplication(appId, updatedWorkspace);
|
|
6714
|
+
case 5:
|
|
6715
|
+
result = {
|
|
6716
|
+
success: true,
|
|
6717
|
+
workspace: updatedWorkspace
|
|
6718
|
+
};
|
|
6719
|
+
case 6:
|
|
6720
|
+
_context2.next = 15;
|
|
6721
|
+
break;
|
|
6722
|
+
case 7:
|
|
6723
|
+
// Build-your-own path: create layout from template + place widgets
|
|
6724
|
+
template = layoutTemplates.find(function (t) {
|
|
6725
|
+
return t.id === state.layout.templateKey;
|
|
6726
|
+
});
|
|
6727
|
+
if (template) {
|
|
6728
|
+
_context2.next = 8;
|
|
6729
|
+
break;
|
|
6730
|
+
}
|
|
6731
|
+
throw new Error("No layout template selected.");
|
|
6732
|
+
case 8:
|
|
6733
|
+
layoutObj = createLayoutFromTemplate(template, menuId || 1); // Place widgets into grid cells
|
|
6734
|
+
widgetOrder = state.layout.widgetOrder || [];
|
|
6735
|
+
cells = template.cells.filter(function (c) {
|
|
6736
|
+
return !c.hide;
|
|
6737
|
+
});
|
|
6738
|
+
_loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop(i) {
|
|
6739
|
+
var widget;
|
|
6740
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
6741
|
+
while (1) switch (_context.prev = _context.next) {
|
|
6742
|
+
case 0:
|
|
6743
|
+
widget = state.selectedWidgets.find(function (w) {
|
|
6744
|
+
return (w.name || w.key) === widgetOrder[i];
|
|
6745
|
+
});
|
|
6746
|
+
if (widget && layoutObj.grid[cells[i].key]) {
|
|
6747
|
+
layoutObj.grid[cells[i].key].component = widget.component || widget.name || widget.key;
|
|
6748
|
+
}
|
|
6749
|
+
case 1:
|
|
6750
|
+
case "end":
|
|
6751
|
+
return _context.stop();
|
|
6752
|
+
}
|
|
6753
|
+
}, _loop);
|
|
6754
|
+
});
|
|
6755
|
+
i = 0;
|
|
6756
|
+
case 9:
|
|
6757
|
+
if (!(i < widgetOrder.length && i < cells.length)) {
|
|
6758
|
+
_context2.next = 11;
|
|
6759
|
+
break;
|
|
6760
|
+
}
|
|
6761
|
+
return _context2.delegateYield(_loop(i), "t0", 10);
|
|
6762
|
+
case 10:
|
|
6763
|
+
i++;
|
|
6764
|
+
_context2.next = 9;
|
|
6765
|
+
break;
|
|
6766
|
+
case 11:
|
|
6767
|
+
if (!onCreateWorkspace) {
|
|
6768
|
+
_context2.next = 13;
|
|
6769
|
+
break;
|
|
6770
|
+
}
|
|
6771
|
+
_context2.next = 12;
|
|
6772
|
+
return onCreateWorkspace(layoutObj, theme, name.trim());
|
|
6773
|
+
case 12:
|
|
6774
|
+
result = _context2.sent;
|
|
6775
|
+
_context2.next = 15;
|
|
6776
|
+
break;
|
|
6777
|
+
case 13:
|
|
6778
|
+
if (!((_window$mainApi2 = window.mainApi) !== null && _window$mainApi2 !== void 0 && (_window$mainApi2 = _window$mainApi2.workspace) !== null && _window$mainApi2 !== void 0 && _window$mainApi2.saveWorkspaceForApplication)) {
|
|
6779
|
+
_context2.next = 15;
|
|
6780
|
+
break;
|
|
6781
|
+
}
|
|
6782
|
+
workspace = {
|
|
6783
|
+
name: name.trim(),
|
|
6784
|
+
menuId: menuId || 1,
|
|
6785
|
+
themeKey: theme,
|
|
6786
|
+
layout: [layoutObj]
|
|
6787
|
+
};
|
|
6788
|
+
_context2.next = 14;
|
|
6789
|
+
return window.mainApi.workspace.saveWorkspaceForApplication(appId, workspace);
|
|
6790
|
+
case 14:
|
|
6791
|
+
result = {
|
|
6792
|
+
success: true,
|
|
6793
|
+
workspace: workspace
|
|
6794
|
+
};
|
|
6795
|
+
case 15:
|
|
6796
|
+
if (result) {
|
|
6797
|
+
setCreatedDashboard(result.workspace || result);
|
|
6798
|
+
}
|
|
6799
|
+
_context2.next = 17;
|
|
6800
|
+
break;
|
|
6801
|
+
case 16:
|
|
6802
|
+
_context2.prev = 16;
|
|
6803
|
+
_t = _context2["catch"](1);
|
|
6804
|
+
setError(_t.message || "Failed to create dashboard.");
|
|
6805
|
+
case 17:
|
|
6806
|
+
_context2.prev = 17;
|
|
6807
|
+
setCreating(false);
|
|
6808
|
+
return _context2.finish(17);
|
|
6809
|
+
case 18:
|
|
6810
|
+
case "end":
|
|
6811
|
+
return _context2.stop();
|
|
6812
|
+
}
|
|
6813
|
+
}, _callee, null, [[1, 16, 17, 18]]);
|
|
6814
|
+
})), [state, isPrebuilt, onInstallDashboard, onCreateWorkspace, appId]);
|
|
6815
|
+
|
|
6816
|
+
// --- Success state ---
|
|
6817
|
+
if (createdDashboard) {
|
|
6818
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
6819
|
+
className: "wizard-customize-step",
|
|
6820
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6821
|
+
className: "wizard-success",
|
|
6822
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
6823
|
+
icon: "circle-check",
|
|
6824
|
+
className: "wizard-success-icon"
|
|
6825
|
+
}), /*#__PURE__*/jsxRuntime.jsx("h3", {
|
|
6826
|
+
className: "wizard-step-header",
|
|
6827
|
+
children: "Dashboard created!"
|
|
6828
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("p", {
|
|
6829
|
+
className: "wizard-step-description",
|
|
6830
|
+
children: ["Your dashboard", " ", /*#__PURE__*/jsxRuntime.jsx("strong", {
|
|
6831
|
+
children: createdDashboard.name || state.customization.name.trim()
|
|
6832
|
+
}), " ", "is ready."]
|
|
6833
|
+
}), onOpenDashboard && /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
|
|
6834
|
+
onClick: function onClick() {
|
|
6835
|
+
return onOpenDashboard(createdDashboard);
|
|
6836
|
+
},
|
|
6837
|
+
title: "Open Dashboard",
|
|
6838
|
+
textSize: "text-base",
|
|
6839
|
+
padding: "py-2 px-6",
|
|
6840
|
+
backgroundColor: "bg-blue-600",
|
|
6841
|
+
textColor: "text-white",
|
|
6842
|
+
hoverTextColor: "hover:text-white",
|
|
6843
|
+
hoverBackgroundColor: "hover:bg-blue-500",
|
|
6844
|
+
icon: "arrow-right"
|
|
6845
|
+
})]
|
|
6846
|
+
})
|
|
6847
|
+
});
|
|
6848
|
+
}
|
|
6849
|
+
|
|
6850
|
+
// --- Provider setup summary ---
|
|
6851
|
+
var selectedProviders = (state.providers || []).map(function (provKey) {
|
|
6852
|
+
var prov = (providersMap === null || providersMap === void 0 ? void 0 : providersMap[provKey]) || {};
|
|
6853
|
+
return {
|
|
6854
|
+
key: provKey,
|
|
6855
|
+
name: prov.name || provKey,
|
|
6856
|
+
icon: prov.icon || "plug",
|
|
6857
|
+
configured: !!prov.configured
|
|
6858
|
+
};
|
|
6859
|
+
});
|
|
6860
|
+
var configuredProviders = selectedProviders.filter(function (p) {
|
|
6861
|
+
return p.configured;
|
|
6862
|
+
});
|
|
6863
|
+
var needsSetupProviders = selectedProviders.filter(function (p) {
|
|
6864
|
+
return !p.configured;
|
|
6865
|
+
});
|
|
6866
|
+
var selectedFolder = localMenuItems.find(function (item) {
|
|
6867
|
+
return item.id === state.customization.menuId;
|
|
6868
|
+
});
|
|
6869
|
+
var selectedTheme = themes && state.customization.theme ? themes[state.customization.theme] : null;
|
|
6870
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6871
|
+
className: "wizard-customize-step",
|
|
6872
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("h3", {
|
|
6873
|
+
className: "wizard-step-header",
|
|
6874
|
+
children: "Customize your dashboard"
|
|
6875
|
+
}), /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
6876
|
+
className: "wizard-step-description",
|
|
6877
|
+
children: "Name your dashboard, choose a folder, and pick a theme."
|
|
6878
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6879
|
+
className: "wizard-customize-sections",
|
|
6880
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6881
|
+
className: "wizard-customize-section",
|
|
6882
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("label", {
|
|
6883
|
+
className: "wizard-customize-label",
|
|
6884
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
6885
|
+
icon: "input-text",
|
|
6886
|
+
fixedWidth: true,
|
|
6887
|
+
className: "wizard-customize-label-icon"
|
|
6888
|
+
}), "Dashboard Name"]
|
|
6889
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
|
|
6890
|
+
value: state.customization.name,
|
|
6891
|
+
onChange: handleNameChange,
|
|
6892
|
+
placeholder: "My Dashboard",
|
|
6893
|
+
autoFocus: true
|
|
6894
|
+
})]
|
|
6895
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6896
|
+
className: "wizard-customize-section",
|
|
6897
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("label", {
|
|
6898
|
+
className: "wizard-customize-label",
|
|
6899
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
6900
|
+
icon: "folder",
|
|
6901
|
+
fixedWidth: true,
|
|
6902
|
+
className: "wizard-customize-label-icon"
|
|
6903
|
+
}), "Folder"]
|
|
6904
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6905
|
+
className: "wizard-customize-folder-list",
|
|
6906
|
+
children: [!isCreatingFolder ? /*#__PURE__*/jsxRuntime.jsxs("button", {
|
|
6907
|
+
type: "button",
|
|
6908
|
+
className: "wizard-customize-folder-create",
|
|
6909
|
+
onClick: function onClick() {
|
|
6910
|
+
return setIsCreatingFolder(true);
|
|
6911
|
+
},
|
|
6912
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
6913
|
+
icon: "plus",
|
|
6914
|
+
fixedWidth: true
|
|
6915
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
6916
|
+
children: "New Folder"
|
|
6917
|
+
})]
|
|
6918
|
+
}) : /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6919
|
+
className: "wizard-customize-folder-form",
|
|
6920
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6921
|
+
className: "wizard-customize-folder-form-header",
|
|
6922
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
6923
|
+
className: "text-sm font-medium text-gray-300",
|
|
6924
|
+
children: "New Folder"
|
|
6925
|
+
}), /*#__PURE__*/jsxRuntime.jsx("button", {
|
|
6926
|
+
type: "button",
|
|
6927
|
+
className: "text-gray-500 hover:text-gray-300 transition-colors",
|
|
6928
|
+
onClick: handleCancelNewFolder,
|
|
6929
|
+
children: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
6930
|
+
icon: "xmark"
|
|
6931
|
+
})
|
|
6932
|
+
})]
|
|
6933
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
|
|
6934
|
+
value: newFolderName,
|
|
6935
|
+
onChange: function onChange(val) {
|
|
6936
|
+
return setNewFolderName(val);
|
|
6937
|
+
},
|
|
6938
|
+
placeholder: "Folder name"
|
|
6939
|
+
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
6940
|
+
className: "grid grid-cols-10 gap-2",
|
|
6941
|
+
children: FOLDER_ICONS.map(function (icon) {
|
|
6942
|
+
var isIconSelected = icon === newFolderIcon;
|
|
6943
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
6944
|
+
className: "flex items-center justify-center p-2 rounded cursor-pointer transition-all ".concat(isIconSelected ? "bg-blue-600 ring-2 ring-blue-400 text-white" : "bg-gray-700 text-gray-400 hover:bg-gray-600 hover:text-gray-200"),
|
|
6945
|
+
onClick: function onClick() {
|
|
6946
|
+
return setNewFolderIcon(icon);
|
|
6947
|
+
},
|
|
6948
|
+
children: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
6949
|
+
icon: icon
|
|
6950
|
+
})
|
|
6951
|
+
}, icon);
|
|
6952
|
+
})
|
|
6953
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
|
|
6954
|
+
onClick: handleSaveNewFolder,
|
|
6955
|
+
title: "Add Folder",
|
|
6956
|
+
textSize: "text-sm",
|
|
6957
|
+
padding: "py-1 px-3",
|
|
6958
|
+
backgroundColor: "bg-blue-600",
|
|
6959
|
+
textColor: "text-white",
|
|
6960
|
+
hoverTextColor: "hover:text-white",
|
|
6961
|
+
hoverBackgroundColor: "hover:bg-blue-500",
|
|
6962
|
+
disabled: !newFolderName.trim() || !newFolderIcon
|
|
6963
|
+
})]
|
|
6964
|
+
}), localMenuItems.map(function (item) {
|
|
6965
|
+
var isSelected = !isCreatingFolder && item.id === state.customization.menuId;
|
|
6966
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6967
|
+
className: "wizard-customize-folder-item ".concat(isSelected ? "wizard-customize-folder-item--selected" : ""),
|
|
6968
|
+
onClick: function onClick() {
|
|
6969
|
+
return handleMenuSelect(item.id);
|
|
6970
|
+
},
|
|
6971
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
6972
|
+
icon: item.icon || item.folder || "folder",
|
|
6973
|
+
fixedWidth: true,
|
|
6974
|
+
className: "w-5 h-5 ".concat(isSelected ? "text-blue-400" : "text-gray-400")
|
|
6975
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
6976
|
+
className: "text-sm font-medium ".concat(isSelected ? "text-blue-300" : "text-gray-300"),
|
|
6977
|
+
children: item.name
|
|
6978
|
+
}), isSelected && /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
6979
|
+
icon: "check",
|
|
6980
|
+
className: "ml-auto text-blue-400 text-sm"
|
|
6981
|
+
})]
|
|
6982
|
+
}, item.id);
|
|
6983
|
+
})]
|
|
6984
|
+
})]
|
|
6985
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6986
|
+
className: "wizard-customize-section",
|
|
6987
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("label", {
|
|
6988
|
+
className: "wizard-customize-label",
|
|
6989
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
6990
|
+
icon: "palette",
|
|
6991
|
+
fixedWidth: true,
|
|
6992
|
+
className: "wizard-customize-label-icon"
|
|
6993
|
+
}), "Theme"]
|
|
6994
|
+
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
6995
|
+
className: "wizard-customize-theme-list",
|
|
6996
|
+
children: themes && Object.entries(themes).sort(function (_ref7, _ref8) {
|
|
6997
|
+
var _ref9 = _slicedToArray(_ref7, 2),
|
|
6998
|
+
a = _ref9[1];
|
|
6999
|
+
var _ref0 = _slicedToArray(_ref8, 2),
|
|
7000
|
+
b = _ref0[1];
|
|
7001
|
+
return (a.name || "").localeCompare(b.name || "");
|
|
7002
|
+
}).map(function (_ref1) {
|
|
7003
|
+
var _ref10 = _slicedToArray(_ref1, 2),
|
|
7004
|
+
key = _ref10[0],
|
|
7005
|
+
t = _ref10[1];
|
|
7006
|
+
var isThemeSelected = state.customization.theme === key;
|
|
7007
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7008
|
+
className: "wizard-customize-theme-item ".concat(isThemeSelected ? "wizard-customize-theme-item--selected" : ""),
|
|
7009
|
+
onClick: function onClick() {
|
|
7010
|
+
return handleThemeSelect(key);
|
|
7011
|
+
},
|
|
7012
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
7013
|
+
icon: "palette",
|
|
7014
|
+
className: "w-5 h-5 mr-3 ".concat(isThemeSelected ? "text-blue-400" : "text-gray-400")
|
|
7015
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
7016
|
+
className: "text-sm font-medium ".concat(isThemeSelected ? "text-blue-300" : "text-gray-300"),
|
|
7017
|
+
children: t.name || key
|
|
7018
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7019
|
+
className: "flex flex-row space-x-1 ml-auto",
|
|
7020
|
+
children: [t.primary && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7021
|
+
className: "w-4 h-4 rounded bg-".concat(t.primary, "-500")
|
|
7022
|
+
}), t.secondary && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7023
|
+
className: "w-4 h-4 rounded bg-".concat(t.secondary, "-500")
|
|
7024
|
+
}), t.tertiary && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7025
|
+
className: "w-4 h-4 rounded bg-".concat(t.tertiary, "-500")
|
|
7026
|
+
})]
|
|
7027
|
+
})]
|
|
7028
|
+
}, key);
|
|
7029
|
+
})
|
|
7030
|
+
})]
|
|
7031
|
+
}), selectedProviders.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7032
|
+
className: "wizard-customize-section",
|
|
7033
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("label", {
|
|
7034
|
+
className: "wizard-customize-label",
|
|
7035
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
7036
|
+
icon: "plug",
|
|
7037
|
+
fixedWidth: true,
|
|
7038
|
+
className: "wizard-customize-label-icon"
|
|
7039
|
+
}), "Provider Status"]
|
|
7040
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7041
|
+
className: "wizard-customize-provider-summary",
|
|
7042
|
+
children: [configuredProviders.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7043
|
+
className: "wizard-provider-group",
|
|
7044
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
7045
|
+
className: "wizard-provider-group-label wizard-provider-group-label--ready",
|
|
7046
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
7047
|
+
icon: "circle-check",
|
|
7048
|
+
className: "text-green-400"
|
|
7049
|
+
}), " ", "Ready (", configuredProviders.length, ")"]
|
|
7050
|
+
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7051
|
+
className: "wizard-provider-list",
|
|
7052
|
+
children: configuredProviders.map(function (p) {
|
|
7053
|
+
return /*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
7054
|
+
className: "wizard-provider-badge wizard-provider-badge--ready",
|
|
7055
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
7056
|
+
icon: resolveIcon(p.icon),
|
|
7057
|
+
fixedWidth: true
|
|
7058
|
+
}), p.name]
|
|
7059
|
+
}, p.key);
|
|
7060
|
+
})
|
|
7061
|
+
})]
|
|
7062
|
+
}), needsSetupProviders.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7063
|
+
className: "wizard-provider-group",
|
|
7064
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
7065
|
+
className: "wizard-provider-group-label wizard-provider-group-label--setup",
|
|
7066
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
7067
|
+
icon: "circle-exclamation",
|
|
7068
|
+
className: "text-amber-400"
|
|
7069
|
+
}), " ", "Needs setup (", needsSetupProviders.length, ")"]
|
|
7070
|
+
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7071
|
+
className: "wizard-provider-list",
|
|
7072
|
+
children: needsSetupProviders.map(function (p) {
|
|
7073
|
+
return /*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
7074
|
+
className: "wizard-provider-badge wizard-provider-badge--setup",
|
|
7075
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
7076
|
+
icon: resolveIcon(p.icon),
|
|
7077
|
+
fixedWidth: true
|
|
7078
|
+
}), p.name]
|
|
7079
|
+
}, p.key);
|
|
7080
|
+
})
|
|
7081
|
+
})]
|
|
7082
|
+
})]
|
|
7083
|
+
})]
|
|
7084
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7085
|
+
className: "wizard-customize-summary",
|
|
7086
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
7087
|
+
className: "wizard-customize-summary-title",
|
|
7088
|
+
children: "Summary"
|
|
7089
|
+
}), state.customization.name.trim() && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7090
|
+
className: "wizard-customize-summary-row",
|
|
7091
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
7092
|
+
icon: "clone",
|
|
7093
|
+
className: "text-blue-400"
|
|
7094
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
7095
|
+
children: state.customization.name.trim()
|
|
7096
|
+
})]
|
|
7097
|
+
}), selectedFolder && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7098
|
+
className: "wizard-customize-summary-row",
|
|
7099
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
7100
|
+
icon: selectedFolder.icon || selectedFolder.folder || "folder",
|
|
7101
|
+
className: "text-blue-400"
|
|
7102
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
7103
|
+
children: selectedFolder.name
|
|
7104
|
+
})]
|
|
7105
|
+
}), selectedTheme && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7106
|
+
className: "wizard-customize-summary-row",
|
|
7107
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
7108
|
+
icon: "palette",
|
|
7109
|
+
className: "text-blue-400"
|
|
7110
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
7111
|
+
children: selectedTheme.name || state.customization.theme
|
|
7112
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7113
|
+
className: "flex flex-row space-x-1 ml-2",
|
|
7114
|
+
children: [selectedTheme.primary && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7115
|
+
className: "w-3 h-3 rounded bg-".concat(selectedTheme.primary, "-500")
|
|
7116
|
+
}), selectedTheme.secondary && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7117
|
+
className: "w-3 h-3 rounded bg-".concat(selectedTheme.secondary, "-500")
|
|
7118
|
+
})]
|
|
7119
|
+
})]
|
|
7120
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7121
|
+
className: "wizard-customize-summary-row",
|
|
7122
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
7123
|
+
icon: isPrebuilt ? "box" : "grid-2",
|
|
7124
|
+
className: "text-blue-400"
|
|
7125
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
7126
|
+
children: isPrebuilt ? ((_state$selectedDashbo = state.selectedDashboard) === null || _state$selectedDashbo === void 0 ? void 0 : _state$selectedDashbo.displayName) || ((_state$selectedDashbo2 = state.selectedDashboard) === null || _state$selectedDashbo2 === void 0 ? void 0 : _state$selectedDashbo2.name) || "Pre-built dashboard" : "".concat(state.selectedWidgets.length, " widget").concat(state.selectedWidgets.length !== 1 ? "s" : "")
|
|
7127
|
+
})]
|
|
7128
|
+
})]
|
|
7129
|
+
}), error && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7130
|
+
className: "wizard-customize-error",
|
|
7131
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
|
|
7132
|
+
icon: "triangle-exclamation",
|
|
7133
|
+
className: "text-red-400"
|
|
7134
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
7135
|
+
children: error
|
|
7136
|
+
})]
|
|
7137
|
+
})]
|
|
7138
|
+
})]
|
|
7139
|
+
});
|
|
7140
|
+
};
|
|
7141
|
+
|
|
6056
7142
|
var LayoutBuilderAddItemModal = function LayoutBuilderAddItemModal(_ref) {
|
|
6057
7143
|
var workspace = _ref.workspace,
|
|
6058
7144
|
open = _ref.open,
|
|
@@ -6656,7 +7742,7 @@ hasPropertyDescriptors.hasArrayLengthDefineBug = function hasArrayLengthDefineBu
|
|
|
6656
7742
|
var hasPropertyDescriptors_1 = hasPropertyDescriptors;
|
|
6657
7743
|
|
|
6658
7744
|
var keys = objectKeys$2;
|
|
6659
|
-
var hasSymbols$
|
|
7745
|
+
var hasSymbols$5 = typeof Symbol === 'function' && typeof Symbol('foo') === 'symbol';
|
|
6660
7746
|
|
|
6661
7747
|
var toStr$4 = Object.prototype.toString;
|
|
6662
7748
|
var concat = Array.prototype.concat;
|
|
@@ -6689,7 +7775,7 @@ var defineProperty$1 = function (object, name, value, predicate) {
|
|
|
6689
7775
|
var defineProperties$1 = function (object, map) {
|
|
6690
7776
|
var predicates = arguments.length > 2 ? arguments[2] : {};
|
|
6691
7777
|
var props = keys(map);
|
|
6692
|
-
if (hasSymbols$
|
|
7778
|
+
if (hasSymbols$5) {
|
|
6693
7779
|
props = concat.call(props, Object.getOwnPropertySymbols(map));
|
|
6694
7780
|
}
|
|
6695
7781
|
for (var i = 0; i < props.length; i += 1) {
|
|
@@ -6755,11 +7841,11 @@ var sign$1 = function sign(number) {
|
|
|
6755
7841
|
};
|
|
6756
7842
|
|
|
6757
7843
|
var shams$1;
|
|
6758
|
-
var hasRequiredShams
|
|
7844
|
+
var hasRequiredShams;
|
|
6759
7845
|
|
|
6760
|
-
function requireShams
|
|
6761
|
-
if (hasRequiredShams
|
|
6762
|
-
hasRequiredShams
|
|
7846
|
+
function requireShams () {
|
|
7847
|
+
if (hasRequiredShams) return shams$1;
|
|
7848
|
+
hasRequiredShams = 1;
|
|
6763
7849
|
|
|
6764
7850
|
/** @type {import('./shams')} */
|
|
6765
7851
|
/* eslint complexity: [2, 18], max-statements: [2, 33] */
|
|
@@ -6808,10 +7894,10 @@ function requireShams$1 () {
|
|
|
6808
7894
|
}
|
|
6809
7895
|
|
|
6810
7896
|
var origSymbol = typeof Symbol !== 'undefined' && Symbol;
|
|
6811
|
-
var hasSymbolSham = requireShams
|
|
7897
|
+
var hasSymbolSham = requireShams();
|
|
6812
7898
|
|
|
6813
7899
|
/** @type {import('.')} */
|
|
6814
|
-
var hasSymbols$
|
|
7900
|
+
var hasSymbols$4 = function hasNativeSymbols() {
|
|
6815
7901
|
if (typeof origSymbol !== 'function') { return false; }
|
|
6816
7902
|
if (typeof Symbol !== 'function') { return false; }
|
|
6817
7903
|
if (typeof origSymbol('foo') !== 'symbol') { return false; }
|
|
@@ -7115,7 +8201,7 @@ var ThrowTypeError = $gOPD$1
|
|
|
7115
8201
|
}())
|
|
7116
8202
|
: throwTypeError;
|
|
7117
8203
|
|
|
7118
|
-
var hasSymbols$
|
|
8204
|
+
var hasSymbols$3 = hasSymbols$4();
|
|
7119
8205
|
|
|
7120
8206
|
var getProto$2 = getProto$3;
|
|
7121
8207
|
var $ObjectGPO = requireObject_getPrototypeOf();
|
|
@@ -7133,7 +8219,7 @@ var INTRINSICS = {
|
|
|
7133
8219
|
'%AggregateError%': typeof AggregateError === 'undefined' ? undefined$1 : AggregateError,
|
|
7134
8220
|
'%Array%': Array,
|
|
7135
8221
|
'%ArrayBuffer%': typeof ArrayBuffer === 'undefined' ? undefined$1 : ArrayBuffer,
|
|
7136
|
-
'%ArrayIteratorPrototype%': hasSymbols$
|
|
8222
|
+
'%ArrayIteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2([][Symbol.iterator]()) : undefined$1,
|
|
7137
8223
|
'%AsyncFromSyncIteratorPrototype%': undefined$1,
|
|
7138
8224
|
'%AsyncFunction%': needsEval,
|
|
7139
8225
|
'%AsyncGenerator%': needsEval,
|
|
@@ -7164,10 +8250,10 @@ var INTRINSICS = {
|
|
|
7164
8250
|
'%Int32Array%': typeof Int32Array === 'undefined' ? undefined$1 : Int32Array,
|
|
7165
8251
|
'%isFinite%': isFinite,
|
|
7166
8252
|
'%isNaN%': isNaN,
|
|
7167
|
-
'%IteratorPrototype%': hasSymbols$
|
|
8253
|
+
'%IteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2(getProto$2([][Symbol.iterator]())) : undefined$1,
|
|
7168
8254
|
'%JSON%': typeof JSON === 'object' ? JSON : undefined$1,
|
|
7169
8255
|
'%Map%': typeof Map === 'undefined' ? undefined$1 : Map,
|
|
7170
|
-
'%MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols$
|
|
8256
|
+
'%MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols$3 || !getProto$2 ? undefined$1 : getProto$2(new Map()[Symbol.iterator]()),
|
|
7171
8257
|
'%Math%': Math,
|
|
7172
8258
|
'%Number%': Number,
|
|
7173
8259
|
'%Object%': $Object$2,
|
|
@@ -7181,11 +8267,11 @@ var INTRINSICS = {
|
|
|
7181
8267
|
'%Reflect%': typeof Reflect === 'undefined' ? undefined$1 : Reflect,
|
|
7182
8268
|
'%RegExp%': RegExp,
|
|
7183
8269
|
'%Set%': typeof Set === 'undefined' ? undefined$1 : Set,
|
|
7184
|
-
'%SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols$
|
|
8270
|
+
'%SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols$3 || !getProto$2 ? undefined$1 : getProto$2(new Set()[Symbol.iterator]()),
|
|
7185
8271
|
'%SharedArrayBuffer%': typeof SharedArrayBuffer === 'undefined' ? undefined$1 : SharedArrayBuffer,
|
|
7186
8272
|
'%String%': String,
|
|
7187
|
-
'%StringIteratorPrototype%': hasSymbols$
|
|
7188
|
-
'%Symbol%': hasSymbols$
|
|
8273
|
+
'%StringIteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2(''[Symbol.iterator]()) : undefined$1,
|
|
8274
|
+
'%Symbol%': hasSymbols$3 ? Symbol : undefined$1,
|
|
7189
8275
|
'%SyntaxError%': $SyntaxError$1,
|
|
7190
8276
|
'%ThrowTypeError%': ThrowTypeError,
|
|
7191
8277
|
'%TypedArray%': TypedArray,
|
|
@@ -7538,12 +8624,12 @@ var callBound$i = function callBoundIntrinsic(name, allowMissing) {
|
|
|
7538
8624
|
|
|
7539
8625
|
// modified from https://github.com/es-shims/es6-shim
|
|
7540
8626
|
var objectKeys$1 = objectKeys$2;
|
|
7541
|
-
var hasSymbols$
|
|
8627
|
+
var hasSymbols$2 = requireShams()();
|
|
7542
8628
|
var callBound$h = callBound$i;
|
|
7543
8629
|
var $Object$1 = esObjectAtoms;
|
|
7544
8630
|
var $push = callBound$h('Array.prototype.push');
|
|
7545
8631
|
var $propIsEnumerable = callBound$h('Object.prototype.propertyIsEnumerable');
|
|
7546
|
-
var originalGetSymbols = hasSymbols$
|
|
8632
|
+
var originalGetSymbols = hasSymbols$2 ? $Object$1.getOwnPropertySymbols : null;
|
|
7547
8633
|
|
|
7548
8634
|
// eslint-disable-next-line no-unused-vars
|
|
7549
8635
|
var implementation$8 = function assign(target, source1) {
|
|
@@ -7557,7 +8643,7 @@ var implementation$8 = function assign(target, source1) {
|
|
|
7557
8643
|
|
|
7558
8644
|
// step 3.a.ii:
|
|
7559
8645
|
var keys = objectKeys$1(from);
|
|
7560
|
-
var getSymbols = hasSymbols$
|
|
8646
|
+
var getSymbols = hasSymbols$2 && ($Object$1.getOwnPropertySymbols || originalGetSymbols);
|
|
7561
8647
|
if (getSymbols) {
|
|
7562
8648
|
var syms = getSymbols(from);
|
|
7563
8649
|
for (var j = 0; j < syms.length; ++j) {
|
|
@@ -7854,23 +8940,14 @@ var regexp_prototype_flags = flagsBound;
|
|
|
7854
8940
|
|
|
7855
8941
|
var esGetIterator = {exports: {}};
|
|
7856
8942
|
|
|
7857
|
-
var
|
|
7858
|
-
var hasRequiredShams;
|
|
8943
|
+
var hasSymbols$1 = requireShams();
|
|
7859
8944
|
|
|
7860
|
-
|
|
7861
|
-
|
|
7862
|
-
|
|
7863
|
-
|
|
7864
|
-
var hasSymbols = requireShams$1();
|
|
7865
|
-
|
|
7866
|
-
/** @type {import('.')} */
|
|
7867
|
-
shams = function hasToStringTagShams() {
|
|
7868
|
-
return hasSymbols() && !!Symbol.toStringTag;
|
|
7869
|
-
};
|
|
7870
|
-
return shams;
|
|
7871
|
-
}
|
|
8945
|
+
/** @type {import('.')} */
|
|
8946
|
+
var shams = function hasToStringTagShams() {
|
|
8947
|
+
return hasSymbols$1() && !!Symbol.toStringTag;
|
|
8948
|
+
};
|
|
7872
8949
|
|
|
7873
|
-
var hasToStringTag$7 =
|
|
8950
|
+
var hasToStringTag$7 = shams();
|
|
7874
8951
|
var callBound$f = callBound$i;
|
|
7875
8952
|
|
|
7876
8953
|
var $toString$7 = callBound$f('Object.prototype.toString');
|
|
@@ -8907,7 +9984,7 @@ var tryStringObject = function tryStringObject(value) {
|
|
|
8907
9984
|
/** @type {(receiver: ThisParameterType<typeof Object.prototype.toString>, ...args: Parameters<typeof Object.prototype.toString>) => ReturnType<typeof Object.prototype.toString>} */
|
|
8908
9985
|
var $toString$6 = callBound$c('Object.prototype.toString');
|
|
8909
9986
|
var strClass = '[object String]';
|
|
8910
|
-
var hasToStringTag$6 =
|
|
9987
|
+
var hasToStringTag$6 = shams();
|
|
8911
9988
|
|
|
8912
9989
|
/** @type {import('.')} */
|
|
8913
9990
|
var isString$2 = function isString(value) {
|
|
@@ -9023,7 +10100,7 @@ var isSet$2 = exported$1 || function isSet(x) {
|
|
|
9023
10100
|
var isArguments$1 = isArguments$2;
|
|
9024
10101
|
var getStopIterationIterator = stopIterationIterator;
|
|
9025
10102
|
|
|
9026
|
-
if (hasSymbols$
|
|
10103
|
+
if (hasSymbols$4() || requireShams()()) {
|
|
9027
10104
|
var $iterator = Symbol.iterator;
|
|
9028
10105
|
// Symbol is available natively or shammed
|
|
9029
10106
|
// natively:
|
|
@@ -9312,7 +10389,7 @@ var tryDateObject = function tryDateGetDayCall(value) {
|
|
|
9312
10389
|
/** @type {(value: unknown) => string} */
|
|
9313
10390
|
var toStr$2 = callBound$9('Object.prototype.toString');
|
|
9314
10391
|
var dateClass = '[object Date]';
|
|
9315
|
-
var hasToStringTag$5 =
|
|
10392
|
+
var hasToStringTag$5 = shams();
|
|
9316
10393
|
|
|
9317
10394
|
/** @type {import('.')} */
|
|
9318
10395
|
var isDateObject = function isDateObject(value) {
|
|
@@ -9323,7 +10400,7 @@ var isDateObject = function isDateObject(value) {
|
|
|
9323
10400
|
};
|
|
9324
10401
|
|
|
9325
10402
|
var callBound$8 = callBound$i;
|
|
9326
|
-
var hasToStringTag$4 =
|
|
10403
|
+
var hasToStringTag$4 = shams();
|
|
9327
10404
|
var hasOwn = hasown;
|
|
9328
10405
|
var gOPD$1 = gopd$1;
|
|
9329
10406
|
|
|
@@ -9428,7 +10505,7 @@ var tryNumberObject = function tryNumberObject(value) {
|
|
|
9428
10505
|
};
|
|
9429
10506
|
var $toString$3 = callBound$6('Object.prototype.toString');
|
|
9430
10507
|
var numClass = '[object Number]';
|
|
9431
|
-
var hasToStringTag$3 =
|
|
10508
|
+
var hasToStringTag$3 = shams();
|
|
9432
10509
|
|
|
9433
10510
|
/** @type {import('.')} */
|
|
9434
10511
|
var isNumberObject = function isNumberObject(value) {
|
|
@@ -9455,7 +10532,7 @@ var tryBooleanObject = function booleanBrandCheck(value) {
|
|
|
9455
10532
|
}
|
|
9456
10533
|
};
|
|
9457
10534
|
var boolClass = '[object Boolean]';
|
|
9458
|
-
var hasToStringTag$2 =
|
|
10535
|
+
var hasToStringTag$2 = shams();
|
|
9459
10536
|
|
|
9460
10537
|
/** @type {import('.')} */
|
|
9461
10538
|
var isBooleanObject = function isBoolean(value) {
|
|
@@ -9497,7 +10574,7 @@ function requireSafeRegexTest () {
|
|
|
9497
10574
|
|
|
9498
10575
|
var callBound$4 = callBound$i;
|
|
9499
10576
|
var $toString$1 = callBound$4('Object.prototype.toString');
|
|
9500
|
-
var hasSymbols = hasSymbols$
|
|
10577
|
+
var hasSymbols = hasSymbols$4();
|
|
9501
10578
|
var safeRegexTest = requireSafeRegexTest();
|
|
9502
10579
|
|
|
9503
10580
|
if (hasSymbols) {
|
|
@@ -9943,7 +11020,7 @@ var gOPD = gopd$1;
|
|
|
9943
11020
|
var getProto = getProto$3;
|
|
9944
11021
|
|
|
9945
11022
|
var $toString = callBound$2('Object.prototype.toString');
|
|
9946
|
-
var hasToStringTag =
|
|
11023
|
+
var hasToStringTag = shams();
|
|
9947
11024
|
|
|
9948
11025
|
var g = typeof globalThis === 'undefined' ? commonjsGlobal : globalThis;
|
|
9949
11026
|
var typedArrays = availableTypedArrays();
|
|
@@ -10462,8 +11539,8 @@ var deepEqual = function deepEqual(a, b, opts) {
|
|
|
10462
11539
|
|
|
10463
11540
|
var deepEqual$1 = /*@__PURE__*/getDefaultExportFromCjs(deepEqual);
|
|
10464
11541
|
|
|
10465
|
-
function ownKeys$
|
|
10466
|
-
function _objectSpread$
|
|
11542
|
+
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; }
|
|
11543
|
+
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; }
|
|
10467
11544
|
var PanelEditItem = function PanelEditItem(_ref) {
|
|
10468
11545
|
var _ComponentManager$get;
|
|
10469
11546
|
var workspace = _ref.workspace,
|
|
@@ -10523,7 +11600,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
|
|
|
10523
11600
|
var uuid = newItem.uuid || newItem.uuidString;
|
|
10524
11601
|
if (uuid) {
|
|
10525
11602
|
workspaceTemp.selectedProviders = workspaceTemp.selectedProviders || {};
|
|
10526
|
-
workspaceTemp.selectedProviders[uuid] = _objectSpread$
|
|
11603
|
+
workspaceTemp.selectedProviders[uuid] = _objectSpread$z(_objectSpread$z({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
|
|
10527
11604
|
}
|
|
10528
11605
|
onUpdate(newItem, workspaceTemp);
|
|
10529
11606
|
forceUpdate();
|
|
@@ -10652,7 +11729,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
|
|
|
10652
11729
|
var _ref5 = _slicedToArray(_ref4, 2),
|
|
10653
11730
|
name = _ref5[0],
|
|
10654
11731
|
p = _ref5[1];
|
|
10655
|
-
return _objectSpread$
|
|
11732
|
+
return _objectSpread$z({
|
|
10656
11733
|
name: name
|
|
10657
11734
|
}, p);
|
|
10658
11735
|
});
|
|
@@ -10697,8 +11774,8 @@ var _excluded$5 = ["rows", "cols"];
|
|
|
10697
11774
|
function _createForOfIteratorHelper$d(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$d(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; } } }; }
|
|
10698
11775
|
function _unsupportedIterableToArray$d(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$d(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$d(r, a) : void 0; } }
|
|
10699
11776
|
function _arrayLikeToArray$d(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; }
|
|
10700
|
-
function ownKeys$
|
|
10701
|
-
function _objectSpread$
|
|
11777
|
+
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; }
|
|
11778
|
+
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; }
|
|
10702
11779
|
var defaultGrid = {
|
|
10703
11780
|
rows: 1,
|
|
10704
11781
|
cols: 1,
|
|
@@ -10719,7 +11796,7 @@ function GridEditor(_ref) {
|
|
|
10719
11796
|
setGrid = _useState2[1];
|
|
10720
11797
|
var addRow = function addRow() {
|
|
10721
11798
|
var newRow = grid.rows;
|
|
10722
|
-
var newGrid = _objectSpread$
|
|
11799
|
+
var newGrid = _objectSpread$y(_objectSpread$y({}, grid), {}, {
|
|
10723
11800
|
rows: grid.rows + 1
|
|
10724
11801
|
});
|
|
10725
11802
|
for (var col = 0; col < grid.cols; col++) {
|
|
@@ -10734,7 +11811,7 @@ function GridEditor(_ref) {
|
|
|
10734
11811
|
};
|
|
10735
11812
|
var addColumn = function addColumn() {
|
|
10736
11813
|
var newCol = grid.cols;
|
|
10737
|
-
var newGrid = _objectSpread$
|
|
11814
|
+
var newGrid = _objectSpread$y(_objectSpread$y({}, grid), {}, {
|
|
10738
11815
|
cols: grid.cols + 1
|
|
10739
11816
|
});
|
|
10740
11817
|
for (var row = 0; row < grid.rows; row++) {
|
|
@@ -10767,8 +11844,8 @@ function GridEditor(_ref) {
|
|
|
10767
11844
|
});
|
|
10768
11845
|
}
|
|
10769
11846
|
if (grid[nextKey]) {
|
|
10770
|
-
var newGrid = _objectSpread$
|
|
10771
|
-
newGrid[currentKey] = _objectSpread$
|
|
11847
|
+
var newGrid = _objectSpread$y({}, grid);
|
|
11848
|
+
newGrid[currentKey] = _objectSpread$y(_objectSpread$y({}, newGrid[currentKey]), {}, {
|
|
10772
11849
|
colSpan: newGrid[currentKey].colSpan + 1
|
|
10773
11850
|
});
|
|
10774
11851
|
delete newGrid[nextKey];
|
|
@@ -10781,8 +11858,8 @@ function GridEditor(_ref) {
|
|
|
10781
11858
|
var currentKey = "".concat(row, ".").concat(col);
|
|
10782
11859
|
var belowKey = "".concat(row + 1, ".").concat(col);
|
|
10783
11860
|
if (grid[belowKey]) {
|
|
10784
|
-
var newGrid = _objectSpread$
|
|
10785
|
-
newGrid[currentKey] = _objectSpread$
|
|
11861
|
+
var newGrid = _objectSpread$y({}, grid);
|
|
11862
|
+
newGrid[currentKey] = _objectSpread$y(_objectSpread$y({}, newGrid[currentKey]), {}, {
|
|
10786
11863
|
rowSpan: newGrid[currentKey].rowSpan + 1
|
|
10787
11864
|
});
|
|
10788
11865
|
delete newGrid[belowKey];
|
|
@@ -10799,7 +11876,7 @@ function GridEditor(_ref) {
|
|
|
10799
11876
|
var splitCell = function splitCell(row, col) {
|
|
10800
11877
|
var key = "".concat(row, ".").concat(col);
|
|
10801
11878
|
var cell = grid[key];
|
|
10802
|
-
var newGrid = _objectSpread$
|
|
11879
|
+
var newGrid = _objectSpread$y({}, grid);
|
|
10803
11880
|
|
|
10804
11881
|
// we have to check the colspan, and since the colspan is greater than 1
|
|
10805
11882
|
// Only handle horizontal split if colSpan > 1
|
|
@@ -10815,13 +11892,13 @@ function GridEditor(_ref) {
|
|
|
10815
11892
|
var oldKey = "".concat(row, ".").concat(c);
|
|
10816
11893
|
var newKey = "".concat(row, ".").concat(c + 1);
|
|
10817
11894
|
if (newGrid[oldKey]) {
|
|
10818
|
-
newGrid[newKey] = _objectSpread$
|
|
11895
|
+
newGrid[newKey] = _objectSpread$y({}, newGrid[oldKey]);
|
|
10819
11896
|
delete newGrid[oldKey];
|
|
10820
11897
|
}
|
|
10821
11898
|
}
|
|
10822
11899
|
|
|
10823
11900
|
// Update the original cell's colSpan
|
|
10824
|
-
newGrid[key] = _objectSpread$
|
|
11901
|
+
newGrid[key] = _objectSpread$y(_objectSpread$y({}, cell), {}, {
|
|
10825
11902
|
colSpan: cell.colSpan - 1
|
|
10826
11903
|
});
|
|
10827
11904
|
|
|
@@ -10833,7 +11910,7 @@ function GridEditor(_ref) {
|
|
|
10833
11910
|
};
|
|
10834
11911
|
}
|
|
10835
11912
|
if (cell.rowSpan > 1) {
|
|
10836
|
-
newGrid[key] = _objectSpread$
|
|
11913
|
+
newGrid[key] = _objectSpread$y(_objectSpread$y({}, newGrid[key]), {}, {
|
|
10837
11914
|
rowSpan: cell.rowSpan - 1
|
|
10838
11915
|
});
|
|
10839
11916
|
newGrid["".concat(row + 1, ".").concat(col)] = {
|
|
@@ -10952,7 +12029,7 @@ function GridEditor(_ref) {
|
|
|
10952
12029
|
var fromKey = "".concat(from.row, ".").concat(from.col);
|
|
10953
12030
|
var toKey = "".concat(to.row, ".").concat(to.col);
|
|
10954
12031
|
if (fromKey === toKey) return;
|
|
10955
|
-
var newGrid = _objectSpread$
|
|
12032
|
+
var newGrid = _objectSpread$y({}, grid);
|
|
10956
12033
|
|
|
10957
12034
|
// Swap the cells
|
|
10958
12035
|
var temp = newGrid[fromKey];
|
|
@@ -10978,7 +12055,7 @@ function GridEditor(_ref) {
|
|
|
10978
12055
|
// console.log("Grid updated:", sequencedGrid);
|
|
10979
12056
|
}
|
|
10980
12057
|
function resetGridLayout() {
|
|
10981
|
-
var newGrid = _objectSpread$
|
|
12058
|
+
var newGrid = _objectSpread$y({}, defaultGrid);
|
|
10982
12059
|
setGrid(newGrid);
|
|
10983
12060
|
onUpdate(newGrid);
|
|
10984
12061
|
}
|
|
@@ -11256,8 +12333,8 @@ var PanelEditItemGrid = function PanelEditItemGrid(_ref) {
|
|
|
11256
12333
|
});
|
|
11257
12334
|
};
|
|
11258
12335
|
|
|
11259
|
-
function ownKeys$
|
|
11260
|
-
function _objectSpread$
|
|
12336
|
+
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; }
|
|
12337
|
+
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; }
|
|
11261
12338
|
var PanelEditItemNotifications = function PanelEditItemNotifications(_ref) {
|
|
11262
12339
|
var item = _ref.item;
|
|
11263
12340
|
_ref.workspace;
|
|
@@ -11280,7 +12357,7 @@ var PanelEditItemNotifications = function PanelEditItemNotifications(_ref) {
|
|
|
11280
12357
|
}, [widgetUuid, notificationDefs.length]);
|
|
11281
12358
|
function handleNotifToggle(typeKey, value) {
|
|
11282
12359
|
var _window$mainApi2;
|
|
11283
|
-
var updated = _objectSpread$
|
|
12360
|
+
var updated = _objectSpread$x(_objectSpread$x({}, notifPrefs), {}, _defineProperty({}, typeKey, value));
|
|
11284
12361
|
setNotifPrefs(updated);
|
|
11285
12362
|
if ((_window$mainApi2 = window.mainApi) !== null && _window$mainApi2 !== void 0 && (_window$mainApi2 = _window$mainApi2.notifications) !== null && _window$mainApi2 !== void 0 && _window$mainApi2.setPreferences && widgetUuid) {
|
|
11286
12363
|
window.mainApi.notifications.setPreferences(widgetUuid, _defineProperty({}, typeKey, value));
|
|
@@ -11325,8 +12402,8 @@ var PanelEditItemNotifications = function PanelEditItemNotifications(_ref) {
|
|
|
11325
12402
|
function _createForOfIteratorHelper$c(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$c(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; } } }; }
|
|
11326
12403
|
function _unsupportedIterableToArray$c(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$c(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$c(r, a) : void 0; } }
|
|
11327
12404
|
function _arrayLikeToArray$c(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; }
|
|
11328
|
-
function ownKeys$
|
|
11329
|
-
function _objectSpread$
|
|
12405
|
+
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; }
|
|
12406
|
+
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; }
|
|
11330
12407
|
var DAYS = [{
|
|
11331
12408
|
key: "mon",
|
|
11332
12409
|
label: "Mon"
|
|
@@ -11427,7 +12504,7 @@ function TaskScheduleEditor(_ref) {
|
|
|
11427
12504
|
var _window$mainApi;
|
|
11428
12505
|
var overrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
11429
12506
|
if (!((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.scheduler) !== null && _window$mainApi !== void 0 && _window$mainApi.registerTask)) return;
|
|
11430
|
-
var payload = _objectSpread$
|
|
12507
|
+
var payload = _objectSpread$w({
|
|
11431
12508
|
widgetId: widgetId,
|
|
11432
12509
|
widgetName: widgetName,
|
|
11433
12510
|
workspaceId: workspaceId || "",
|
|
@@ -13698,8 +14775,8 @@ var WidgetIcon = function WidgetIcon(_ref) {
|
|
|
13698
14775
|
});
|
|
13699
14776
|
};
|
|
13700
14777
|
|
|
13701
|
-
function ownKeys$
|
|
13702
|
-
function _objectSpread$
|
|
14778
|
+
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; }
|
|
14779
|
+
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; }
|
|
13703
14780
|
var ProviderForm = function ProviderForm(_ref) {
|
|
13704
14781
|
var credentialSchema = _ref.credentialSchema,
|
|
13705
14782
|
_ref$initialValues = _ref.initialValues,
|
|
@@ -13744,14 +14821,14 @@ var ProviderForm = function ProviderForm(_ref) {
|
|
|
13744
14821
|
var oldKey = f.key;
|
|
13745
14822
|
if (oldKey && formData[oldKey] !== undefined) {
|
|
13746
14823
|
setFormData(function (fd) {
|
|
13747
|
-
var updated = _objectSpread$
|
|
14824
|
+
var updated = _objectSpread$v({}, fd);
|
|
13748
14825
|
var val = updated[oldKey];
|
|
13749
14826
|
delete updated[oldKey];
|
|
13750
14827
|
if (newKey.trim()) updated[newKey] = val;
|
|
13751
14828
|
return updated;
|
|
13752
14829
|
});
|
|
13753
14830
|
}
|
|
13754
|
-
return _objectSpread$
|
|
14831
|
+
return _objectSpread$v(_objectSpread$v({}, f), {}, {
|
|
13755
14832
|
key: newKey
|
|
13756
14833
|
});
|
|
13757
14834
|
});
|
|
@@ -13763,14 +14840,14 @@ var ProviderForm = function ProviderForm(_ref) {
|
|
|
13763
14840
|
});
|
|
13764
14841
|
if (field !== null && field !== void 0 && field.key) {
|
|
13765
14842
|
setFormData(function (prev) {
|
|
13766
|
-
return _objectSpread$
|
|
14843
|
+
return _objectSpread$v(_objectSpread$v({}, prev), {}, _defineProperty({}, field.key, value));
|
|
13767
14844
|
});
|
|
13768
14845
|
}
|
|
13769
14846
|
};
|
|
13770
14847
|
var handleDynamicSecretToggle = function handleDynamicSecretToggle(id) {
|
|
13771
14848
|
setDynamicFields(function (prev) {
|
|
13772
14849
|
return prev.map(function (f) {
|
|
13773
|
-
return f.id === id ? _objectSpread$
|
|
14850
|
+
return f.id === id ? _objectSpread$v(_objectSpread$v({}, f), {}, {
|
|
13774
14851
|
secret: !f.secret
|
|
13775
14852
|
}) : f;
|
|
13776
14853
|
});
|
|
@@ -13792,7 +14869,7 @@ var ProviderForm = function ProviderForm(_ref) {
|
|
|
13792
14869
|
});
|
|
13793
14870
|
if (field !== null && field !== void 0 && field.key) {
|
|
13794
14871
|
setFormData(function (prev) {
|
|
13795
|
-
var updated = _objectSpread$
|
|
14872
|
+
var updated = _objectSpread$v({}, prev);
|
|
13796
14873
|
delete updated[field.key];
|
|
13797
14874
|
return updated;
|
|
13798
14875
|
});
|
|
@@ -13834,13 +14911,13 @@ var ProviderForm = function ProviderForm(_ref) {
|
|
|
13834
14911
|
*/
|
|
13835
14912
|
var handleInputChange = function handleInputChange(fieldName, value) {
|
|
13836
14913
|
setFormData(function (prev) {
|
|
13837
|
-
return _objectSpread$
|
|
14914
|
+
return _objectSpread$v(_objectSpread$v({}, prev), {}, _defineProperty({}, fieldName, value));
|
|
13838
14915
|
});
|
|
13839
14916
|
|
|
13840
14917
|
// Clear error for this field if it was filled
|
|
13841
14918
|
if (errors[fieldName] && value !== null && value !== void 0 && value.trim()) {
|
|
13842
14919
|
setErrors(function (prev) {
|
|
13843
|
-
var newErrors = _objectSpread$
|
|
14920
|
+
var newErrors = _objectSpread$v({}, prev);
|
|
13844
14921
|
delete newErrors[fieldName];
|
|
13845
14922
|
return newErrors;
|
|
13846
14923
|
});
|
|
@@ -13878,7 +14955,7 @@ var ProviderForm = function ProviderForm(_ref) {
|
|
|
13878
14955
|
// Clear error if filled
|
|
13879
14956
|
if (errors.providerName && value !== null && value !== void 0 && value.trim()) {
|
|
13880
14957
|
setErrors(function (prev) {
|
|
13881
|
-
var newErrors = _objectSpread$
|
|
14958
|
+
var newErrors = _objectSpread$v({}, prev);
|
|
13882
14959
|
delete newErrors.providerName;
|
|
13883
14960
|
return newErrors;
|
|
13884
14961
|
});
|
|
@@ -14115,8 +15192,8 @@ var ToolSelector = function ToolSelector(_ref) {
|
|
|
14115
15192
|
});
|
|
14116
15193
|
};
|
|
14117
15194
|
|
|
14118
|
-
function ownKeys$
|
|
14119
|
-
function _objectSpread$
|
|
15195
|
+
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; }
|
|
15196
|
+
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; }
|
|
14120
15197
|
/**
|
|
14121
15198
|
* Shared MCP utility functions.
|
|
14122
15199
|
*
|
|
@@ -14244,7 +15321,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
|
|
|
14244
15321
|
headerTemplate[name] = value;
|
|
14245
15322
|
}
|
|
14246
15323
|
});
|
|
14247
|
-
var config = _objectSpread$
|
|
15324
|
+
var config = _objectSpread$u({}, baseMcpConfig);
|
|
14248
15325
|
if (Object.keys(headerTemplate).length > 0) {
|
|
14249
15326
|
config.headerTemplate = headerTemplate;
|
|
14250
15327
|
} else {
|
|
@@ -14262,7 +15339,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
|
|
|
14262
15339
|
envMapping[env] = cred;
|
|
14263
15340
|
}
|
|
14264
15341
|
});
|
|
14265
|
-
return _objectSpread$
|
|
15342
|
+
return _objectSpread$u(_objectSpread$u({}, baseMcpConfig), {}, {
|
|
14266
15343
|
envMapping: envMapping
|
|
14267
15344
|
});
|
|
14268
15345
|
}
|
|
@@ -14506,8 +15583,8 @@ var getUserConfigurableProviders = function getUserConfigurableProviders(provide
|
|
|
14506
15583
|
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; } } }; }
|
|
14507
15584
|
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; } }
|
|
14508
15585
|
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; }
|
|
14509
|
-
function ownKeys$
|
|
14510
|
-
function _objectSpread$
|
|
15586
|
+
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; }
|
|
15587
|
+
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; }
|
|
14511
15588
|
var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
14512
15589
|
var isOpen = _ref.isOpen,
|
|
14513
15590
|
onClose = _ref.onClose,
|
|
@@ -14684,7 +15761,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
14684
15761
|
.map(function (entry) {
|
|
14685
15762
|
var widget = allWidgets[entry.widgetKey];
|
|
14686
15763
|
if (!widget) return null; // Widget no longer exists
|
|
14687
|
-
return _objectSpread$
|
|
15764
|
+
return _objectSpread$t(_objectSpread$t({
|
|
14688
15765
|
key: entry.widgetKey
|
|
14689
15766
|
}, widget), {}, {
|
|
14690
15767
|
savedProviders: entry.providers || {},
|
|
@@ -14835,7 +15912,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
14835
15912
|
// Get widgets from ComponentManager
|
|
14836
15913
|
var allWidgets = ComponentManager.map();
|
|
14837
15914
|
var widgetList = Object.keys(allWidgets).map(function (key) {
|
|
14838
|
-
return _objectSpread$
|
|
15915
|
+
return _objectSpread$t({
|
|
14839
15916
|
key: key
|
|
14840
15917
|
}, allWidgets[key]);
|
|
14841
15918
|
}).filter(function (widget) {
|
|
@@ -15066,7 +16143,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
15066
16143
|
setInlineCreateType(null);
|
|
15067
16144
|
setInlineCreateSchema({});
|
|
15068
16145
|
setInlineCreateError(null);
|
|
15069
|
-
setSelectedProviders(_objectSpread$
|
|
16146
|
+
setSelectedProviders(_objectSpread$t(_objectSpread$t({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
|
|
15070
16147
|
}
|
|
15071
16148
|
};
|
|
15072
16149
|
var handleInlineProviderSubmit = function handleInlineProviderSubmit(formData) {
|
|
@@ -15087,7 +16164,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
15087
16164
|
|
|
15088
16165
|
// Auto-select the newly created provider
|
|
15089
16166
|
setSelectedProviders(function (prev) {
|
|
15090
|
-
return _objectSpread$
|
|
16167
|
+
return _objectSpread$t(_objectSpread$t({}, prev), {}, _defineProperty({}, providerType, providerName));
|
|
15091
16168
|
});
|
|
15092
16169
|
|
|
15093
16170
|
// Collapse the inline form
|
|
@@ -15141,11 +16218,11 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
15141
16218
|
};
|
|
15142
16219
|
var inlineHandleCredentialChange = function inlineHandleCredentialChange(fieldName, value) {
|
|
15143
16220
|
setInlineCredentialData(function (prev) {
|
|
15144
|
-
return _objectSpread$
|
|
16221
|
+
return _objectSpread$t(_objectSpread$t({}, prev), {}, _defineProperty({}, fieldName, value));
|
|
15145
16222
|
});
|
|
15146
16223
|
if (inlineFormErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
|
|
15147
16224
|
setInlineFormErrors(function (prev) {
|
|
15148
|
-
var next = _objectSpread$
|
|
16225
|
+
var next = _objectSpread$t({}, prev);
|
|
15149
16226
|
delete next[fieldName];
|
|
15150
16227
|
return next;
|
|
15151
16228
|
});
|
|
@@ -15238,7 +16315,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
15238
16315
|
refreshProviders();
|
|
15239
16316
|
}
|
|
15240
16317
|
setSelectedProviders(function (prev) {
|
|
15241
|
-
return _objectSpread$
|
|
16318
|
+
return _objectSpread$t(_objectSpread$t({}, prev), {}, _defineProperty({}, providerType, providerName));
|
|
15242
16319
|
});
|
|
15243
16320
|
|
|
15244
16321
|
// Reset stepper state
|
|
@@ -15259,7 +16336,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
15259
16336
|
});
|
|
15260
16337
|
};
|
|
15261
16338
|
var handleConfigChange = function handleConfigChange(key, value) {
|
|
15262
|
-
setUserConfigValues(_objectSpread$
|
|
16339
|
+
setUserConfigValues(_objectSpread$t(_objectSpread$t({}, userConfigValues), {}, _defineProperty({}, key, value)));
|
|
15263
16340
|
};
|
|
15264
16341
|
|
|
15265
16342
|
// Install a package from the registry
|
|
@@ -15349,7 +16426,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
15349
16426
|
|
|
15350
16427
|
// Phase 3: Save to recent widgets
|
|
15351
16428
|
saveToRecent(selectedWidget, selectedProviders, userConfigValues);
|
|
15352
|
-
onSelectWidget(_objectSpread$
|
|
16429
|
+
onSelectWidget(_objectSpread$t(_objectSpread$t({}, selectedWidget), {}, {
|
|
15353
16430
|
selectedProviders: selectedProviders,
|
|
15354
16431
|
// Pass to parent
|
|
15355
16432
|
userConfigValues: userConfigValues // Pass to parent
|
|
@@ -15985,7 +17062,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
|
|
|
15985
17062
|
setInlineProviderName(value);
|
|
15986
17063
|
if (inlineFormErrors.providerName && value !== null && value !== void 0 && value.trim()) {
|
|
15987
17064
|
setInlineFormErrors(function (prev) {
|
|
15988
|
-
var next = _objectSpread$
|
|
17065
|
+
var next = _objectSpread$t({}, prev);
|
|
15989
17066
|
delete next.providerName;
|
|
15990
17067
|
return next;
|
|
15991
17068
|
});
|
|
@@ -17305,8 +18382,8 @@ var ProviderSelector = function ProviderSelector(_ref) {
|
|
|
17305
18382
|
});
|
|
17306
18383
|
};
|
|
17307
18384
|
|
|
17308
|
-
function ownKeys$
|
|
17309
|
-
function _objectSpread$
|
|
18385
|
+
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; }
|
|
18386
|
+
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; }
|
|
17310
18387
|
var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
|
|
17311
18388
|
var transport = _ref.transport,
|
|
17312
18389
|
envMappingRows = _ref.envMappingRows,
|
|
@@ -17335,7 +18412,7 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
|
|
|
17335
18412
|
var updateEnvRow = function updateEnvRow(id, field, value) {
|
|
17336
18413
|
onEnvMappingRowsChange(function (prev) {
|
|
17337
18414
|
return prev.map(function (row) {
|
|
17338
|
-
return row.id === id ? _objectSpread$
|
|
18415
|
+
return row.id === id ? _objectSpread$s(_objectSpread$s({}, row), {}, _defineProperty({}, field, value)) : row;
|
|
17339
18416
|
});
|
|
17340
18417
|
});
|
|
17341
18418
|
};
|
|
@@ -17360,7 +18437,7 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
|
|
|
17360
18437
|
var updateHeaderRow = function updateHeaderRow(id, field, value) {
|
|
17361
18438
|
onHeaderRowsChange(function (prev) {
|
|
17362
18439
|
return prev.map(function (row) {
|
|
17363
|
-
return row.id === id ? _objectSpread$
|
|
18440
|
+
return row.id === id ? _objectSpread$s(_objectSpread$s({}, row), {}, _defineProperty({}, field, value)) : row;
|
|
17364
18441
|
});
|
|
17365
18442
|
});
|
|
17366
18443
|
};
|
|
@@ -17509,8 +18586,8 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
|
|
|
17509
18586
|
});
|
|
17510
18587
|
};
|
|
17511
18588
|
|
|
17512
|
-
function ownKeys$
|
|
17513
|
-
function _objectSpread$
|
|
18589
|
+
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; }
|
|
18590
|
+
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; }
|
|
17514
18591
|
var McpServerPicker = function McpServerPicker(_ref) {
|
|
17515
18592
|
var _testResult$tools;
|
|
17516
18593
|
var isOpen = _ref.isOpen,
|
|
@@ -17689,11 +18766,11 @@ var McpServerPicker = function McpServerPicker(_ref) {
|
|
|
17689
18766
|
// Handle credential field changes
|
|
17690
18767
|
var handleCredentialChange = function handleCredentialChange(fieldName, value) {
|
|
17691
18768
|
setCredentialData(function (prev) {
|
|
17692
|
-
return _objectSpread$
|
|
18769
|
+
return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, fieldName, value));
|
|
17693
18770
|
});
|
|
17694
18771
|
if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
|
|
17695
18772
|
setFormErrors(function (prev) {
|
|
17696
|
-
var next = _objectSpread$
|
|
18773
|
+
var next = _objectSpread$r({}, prev);
|
|
17697
18774
|
delete next[fieldName];
|
|
17698
18775
|
return next;
|
|
17699
18776
|
});
|
|
@@ -18031,7 +19108,7 @@ var McpServerPicker = function McpServerPicker(_ref) {
|
|
|
18031
19108
|
setProviderName(value);
|
|
18032
19109
|
if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
|
|
18033
19110
|
setFormErrors(function (prev) {
|
|
18034
|
-
var next = _objectSpread$
|
|
19111
|
+
var next = _objectSpread$r({}, prev);
|
|
18035
19112
|
delete next.providerName;
|
|
18036
19113
|
return next;
|
|
18037
19114
|
});
|
|
@@ -18221,8 +19298,8 @@ var McpServerPicker = function McpServerPicker(_ref) {
|
|
|
18221
19298
|
});
|
|
18222
19299
|
};
|
|
18223
19300
|
|
|
18224
|
-
function ownKeys$
|
|
18225
|
-
function _objectSpread$
|
|
19301
|
+
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; }
|
|
19302
|
+
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; }
|
|
18226
19303
|
var USE_ENHANCED_WIDGET_SELECTOR = true; // Set to false to use original modal
|
|
18227
19304
|
|
|
18228
19305
|
/**
|
|
@@ -18268,7 +19345,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
18268
19345
|
var _ref3 = _slicedToArray(_ref2, 2),
|
|
18269
19346
|
id = _ref3[0],
|
|
18270
19347
|
p = _ref3[1];
|
|
18271
|
-
return _objectSpread$
|
|
19348
|
+
return _objectSpread$q(_objectSpread$q({}, p), {}, {
|
|
18272
19349
|
id: id,
|
|
18273
19350
|
name: p.name || id
|
|
18274
19351
|
});
|
|
@@ -18355,7 +19432,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
18355
19432
|
// so we use its layout to replace any corrupted grid data.
|
|
18356
19433
|
if (workspace && workspace["layout"]) {
|
|
18357
19434
|
var model = new DashboardModel(workspace);
|
|
18358
|
-
setCurrentWorkspace(_objectSpread$
|
|
19435
|
+
setCurrentWorkspace(_objectSpread$q(_objectSpread$q({}, workspace), {}, {
|
|
18359
19436
|
layout: model.layout
|
|
18360
19437
|
}));
|
|
18361
19438
|
} else {
|
|
@@ -18746,7 +19823,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
18746
19823
|
var uuid = widget.uuid || widget.uuidString;
|
|
18747
19824
|
if (uuid) {
|
|
18748
19825
|
newWorkspace.selectedProviders = newWorkspace.selectedProviders || {};
|
|
18749
|
-
newWorkspace.selectedProviders[uuid] = _objectSpread$
|
|
19826
|
+
newWorkspace.selectedProviders[uuid] = _objectSpread$q(_objectSpread$q({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
|
|
18750
19827
|
}
|
|
18751
19828
|
setCurrentWorkspace(newWorkspace);
|
|
18752
19829
|
}
|
|
@@ -18881,7 +19958,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
18881
19958
|
try {
|
|
18882
19959
|
var config = ComponentManager.config(widgetKey);
|
|
18883
19960
|
if (!config) return;
|
|
18884
|
-
var widgetItem = _objectSpread$
|
|
19961
|
+
var widgetItem = _objectSpread$q(_objectSpread$q({}, config), {}, {
|
|
18885
19962
|
component: widgetKey,
|
|
18886
19963
|
key: widgetKey
|
|
18887
19964
|
});
|
|
@@ -19110,7 +20187,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
|
|
|
19110
20187
|
onSelectWidget: function onSelectWidget(widget) {
|
|
19111
20188
|
|
|
19112
20189
|
// Add component property from widget.key
|
|
19113
|
-
var widgetWithComponent = _objectSpread$
|
|
20190
|
+
var widgetWithComponent = _objectSpread$q(_objectSpread$q({}, widget), {}, {
|
|
19114
20191
|
component: widget.key
|
|
19115
20192
|
});
|
|
19116
20193
|
handleClickConfirmAdd(widgetWithComponent, dropdownTarget);
|
|
@@ -20738,8 +21815,8 @@ var MissingProviderPrompt = function MissingProviderPrompt(_ref) {
|
|
|
20738
21815
|
});
|
|
20739
21816
|
};
|
|
20740
21817
|
|
|
20741
|
-
function ownKeys$
|
|
20742
|
-
function _objectSpread$
|
|
21818
|
+
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; }
|
|
21819
|
+
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; }
|
|
20743
21820
|
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)); }
|
|
20744
21821
|
function _isNativeReflectConstruct$4() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$4 = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
20745
21822
|
var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
@@ -20794,7 +21871,7 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
|
20794
21871
|
_defineProperty(_this, "handleProviderSelect", function (providerType, providerName, credentials) {
|
|
20795
21872
|
|
|
20796
21873
|
// Update local selected providers state
|
|
20797
|
-
var updatedSelected = _objectSpread$
|
|
21874
|
+
var updatedSelected = _objectSpread$p(_objectSpread$p({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
|
|
20798
21875
|
_this.setState({
|
|
20799
21876
|
selectedProviders: updatedSelected
|
|
20800
21877
|
}, function () {
|
|
@@ -20868,8 +21945,8 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
|
20868
21945
|
}(React.Component);
|
|
20869
21946
|
_defineProperty(ProviderErrorBoundary, "contextType", ProviderContext);
|
|
20870
21947
|
|
|
20871
|
-
function ownKeys$
|
|
20872
|
-
function _objectSpread$
|
|
21948
|
+
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; }
|
|
21949
|
+
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; }
|
|
20873
21950
|
var withProviderDetection = function withProviderDetection(Component) {
|
|
20874
21951
|
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
20875
21952
|
_ref$requiredProvider = _ref.requiredProviders,
|
|
@@ -20894,7 +21971,7 @@ var withProviderDetection = function withProviderDetection(Component) {
|
|
|
20894
21971
|
onProviderSelect: onProviderSelect
|
|
20895
21972
|
});
|
|
20896
21973
|
}
|
|
20897
|
-
return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$
|
|
21974
|
+
return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$o({}, props));
|
|
20898
21975
|
};
|
|
20899
21976
|
};
|
|
20900
21977
|
|
|
@@ -21108,8 +22185,8 @@ var WidgetHelpers = /*#__PURE__*/function () {
|
|
|
21108
22185
|
}]);
|
|
21109
22186
|
}();
|
|
21110
22187
|
|
|
21111
|
-
function ownKeys$
|
|
21112
|
-
function _objectSpread$
|
|
22188
|
+
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; }
|
|
22189
|
+
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; }
|
|
21113
22190
|
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)); }
|
|
21114
22191
|
function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
21115
22192
|
var WidgetErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
@@ -21236,7 +22313,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
|
|
|
21236
22313
|
|
|
21237
22314
|
// Build widgetData for WidgetContext — hooks read from this
|
|
21238
22315
|
var uuidString = DashReact.getUUID(params.uuid);
|
|
21239
|
-
var widgetData = _objectSpread$
|
|
22316
|
+
var widgetData = _objectSpread$n(_objectSpread$n({}, params), {}, {
|
|
21240
22317
|
uuidString: uuidString,
|
|
21241
22318
|
providers: (config === null || config === void 0 ? void 0 : config.providers) || [],
|
|
21242
22319
|
notifications: (config === null || config === void 0 ? void 0 : config.notifications) || []
|
|
@@ -21260,7 +22337,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
|
|
|
21260
22337
|
widgetData: widgetData
|
|
21261
22338
|
};
|
|
21262
22339
|
var hasScheduledTasks = ((config === null || config === void 0 ? void 0 : config.scheduledTasks) || []).length > 0;
|
|
21263
|
-
var widgetElement = children === null ? /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$
|
|
22340
|
+
var widgetElement = children === null ? /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$n(_objectSpread$n(_objectSpread$n({
|
|
21264
22341
|
id: "widget-nokids-".concat(widgetKey),
|
|
21265
22342
|
listen: function listen(listeners, handlers) {
|
|
21266
22343
|
return helpers.listen(listeners, handlers);
|
|
@@ -21273,7 +22350,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
|
|
|
21273
22350
|
backgroundColor: bgColor,
|
|
21274
22351
|
widgetConfig: helpers.config(),
|
|
21275
22352
|
widgetEventNames: helpers.events()
|
|
21276
|
-
}), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$
|
|
22353
|
+
}), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$n(_objectSpread$n(_objectSpread$n({
|
|
21277
22354
|
listen: function listen(listeners, handlers) {
|
|
21278
22355
|
return helpers.listen(listeners, handlers);
|
|
21279
22356
|
},
|
|
@@ -21470,8 +22547,8 @@ var SIDEBAR_WIDGET_TYPE = "sidebar-widget";
|
|
|
21470
22547
|
function _createForOfIteratorHelper$8(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$8(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
21471
22548
|
function _unsupportedIterableToArray$8(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$8(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$8(r, a) : void 0; } }
|
|
21472
22549
|
function _arrayLikeToArray$8(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
21473
|
-
function ownKeys$
|
|
21474
|
-
function _objectSpread$
|
|
22550
|
+
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; }
|
|
22551
|
+
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; }
|
|
21475
22552
|
var DraggableDroppableCellBody = function DraggableDroppableCellBody(_ref) {
|
|
21476
22553
|
var cellNumber = _ref.cellNumber,
|
|
21477
22554
|
gridContainerId = _ref.gridContainerId,
|
|
@@ -21658,7 +22735,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
|
|
|
21658
22735
|
var _ref5 = _slicedToArray(_ref4, 2),
|
|
21659
22736
|
id = _ref5[0],
|
|
21660
22737
|
provider = _ref5[1];
|
|
21661
|
-
return _objectSpread$
|
|
22738
|
+
return _objectSpread$m({
|
|
21662
22739
|
id: id
|
|
21663
22740
|
}, provider);
|
|
21664
22741
|
}) : [];
|
|
@@ -22658,7 +23735,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
|
|
|
22658
23735
|
var widgetSpecificSelections = (workspace === null || workspace === void 0 || (_workspace$selectedPr = workspace.selectedProviders) === null || _workspace$selectedPr === void 0 ? void 0 : _workspace$selectedPr[id]) || {};
|
|
22659
23736
|
|
|
22660
23737
|
// Add provider-related props from workspace
|
|
22661
|
-
var itemWithProviders = _objectSpread$
|
|
23738
|
+
var itemWithProviders = _objectSpread$m(_objectSpread$m({}, item), {}, {
|
|
22662
23739
|
selectedProviders: widgetSpecificSelections,
|
|
22663
23740
|
onProviderSelect: onProviderSelect
|
|
22664
23741
|
});
|
|
@@ -24171,8 +25248,8 @@ function isWidgetResolvable(componentKey) {
|
|
|
24171
25248
|
// isMinOrderForItem
|
|
24172
25249
|
// }
|
|
24173
25250
|
|
|
24174
|
-
function ownKeys$
|
|
24175
|
-
function _objectSpread$
|
|
25251
|
+
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; }
|
|
25252
|
+
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; }
|
|
24176
25253
|
function _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
24177
25254
|
function _unsupportedIterableToArray$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : void 0; } }
|
|
24178
25255
|
function _arrayLikeToArray$7(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
@@ -24328,7 +25405,7 @@ var LayoutModel = function LayoutModel(layoutItem, workspaceLayout, dashboardId)
|
|
|
24328
25405
|
|
|
24329
25406
|
// Merge user-entered config values (from EnhancedWidgetDropdown) into userPrefs
|
|
24330
25407
|
if ("userConfigValues" in obj && obj.userConfigValues) {
|
|
24331
|
-
layout.userPrefs = _objectSpread$
|
|
25408
|
+
layout.userPrefs = _objectSpread$l(_objectSpread$l({}, layout.userPrefs), obj.userConfigValues);
|
|
24332
25409
|
}
|
|
24333
25410
|
|
|
24334
25411
|
// Preserve provider selections for this widget
|
|
@@ -24856,8 +25933,8 @@ var MenuItemModel = function MenuItemModel() {
|
|
|
24856
25933
|
return m;
|
|
24857
25934
|
};
|
|
24858
25935
|
|
|
24859
|
-
function ownKeys$
|
|
24860
|
-
function _objectSpread$
|
|
25936
|
+
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; }
|
|
25937
|
+
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; }
|
|
24861
25938
|
/**
|
|
24862
25939
|
* A Model for a Workspace (Dashboard)
|
|
24863
25940
|
* The Dashboard in this instance is the entire Layout inclusive of the workspaces and widgets
|
|
@@ -26121,7 +27198,7 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
26121
27198
|
visibleCells.push({
|
|
26122
27199
|
row: r,
|
|
26123
27200
|
col: c,
|
|
26124
|
-
data: _objectSpread$
|
|
27201
|
+
data: _objectSpread$k({}, cell),
|
|
26125
27202
|
spanCol: ((_cell$span = cell.span) === null || _cell$span === void 0 ? void 0 : _cell$span.col) || 1,
|
|
26126
27203
|
spanRow: ((_cell$span2 = cell.span) === null || _cell$span2 === void 0 ? void 0 : _cell$span2.row) || 1
|
|
26127
27204
|
});
|
|
@@ -26143,7 +27220,7 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
26143
27220
|
var vc = _visibleCells[_i5];
|
|
26144
27221
|
var newCol = (vc.col - 1) * count + 1;
|
|
26145
27222
|
var _key7 = "".concat(vc.row, ".").concat(newCol);
|
|
26146
|
-
grid[_key7] = _objectSpread$
|
|
27223
|
+
grid[_key7] = _objectSpread$k(_objectSpread$k({}, vc.data), {}, {
|
|
26147
27224
|
hide: false,
|
|
26148
27225
|
span: {
|
|
26149
27226
|
row: vc.spanRow,
|
|
@@ -26218,7 +27295,7 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
26218
27295
|
_visibleCells2.push({
|
|
26219
27296
|
row: _r1,
|
|
26220
27297
|
col: _c10,
|
|
26221
|
-
data: _objectSpread$
|
|
27298
|
+
data: _objectSpread$k({}, _cell6),
|
|
26222
27299
|
spanRow: ((_cell6$span = _cell6.span) === null || _cell6$span === void 0 ? void 0 : _cell6$span.row) || 1,
|
|
26223
27300
|
spanCol: ((_cell6$span2 = _cell6.span) === null || _cell6$span2 === void 0 ? void 0 : _cell6$span2.col) || 1
|
|
26224
27301
|
});
|
|
@@ -26240,7 +27317,7 @@ var DashboardModel = /*#__PURE__*/function () {
|
|
|
26240
27317
|
var _vc = _visibleCells3[_i9];
|
|
26241
27318
|
var newRow = (_vc.row - 1) * count + 1;
|
|
26242
27319
|
var _key10 = "".concat(newRow, ".").concat(_vc.col);
|
|
26243
|
-
grid[_key10] = _objectSpread$
|
|
27320
|
+
grid[_key10] = _objectSpread$k(_objectSpread$k({}, _vc.data), {}, {
|
|
26244
27321
|
hide: false,
|
|
26245
27322
|
span: {
|
|
26246
27323
|
row: _vc.spanRow * count,
|
|
@@ -27387,8 +28464,8 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
|
27387
28464
|
}]);
|
|
27388
28465
|
}(React.Component);
|
|
27389
28466
|
|
|
27390
|
-
function ownKeys$
|
|
27391
|
-
function _objectSpread$
|
|
28467
|
+
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; }
|
|
28468
|
+
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; }
|
|
27392
28469
|
|
|
27393
28470
|
/**
|
|
27394
28471
|
* useDashboard Hook
|
|
@@ -27444,7 +28521,7 @@ var useDashboard = function useDashboard() {
|
|
|
27444
28521
|
}
|
|
27445
28522
|
});
|
|
27446
28523
|
}
|
|
27447
|
-
return _objectSpread$
|
|
28524
|
+
return _objectSpread$j({
|
|
27448
28525
|
app: app,
|
|
27449
28526
|
dashboard: dashboard,
|
|
27450
28527
|
theme: theme
|
|
@@ -29157,180 +30234,6 @@ function useMcpDashServer() {
|
|
|
29157
30234
|
};
|
|
29158
30235
|
}
|
|
29159
30236
|
|
|
29160
|
-
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; }
|
|
29161
|
-
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; }
|
|
29162
|
-
var TOTAL_STEPS = 6; // Steps 0-5
|
|
29163
|
-
|
|
29164
|
-
var initialState = {
|
|
29165
|
-
step: 0,
|
|
29166
|
-
intent: [],
|
|
29167
|
-
providers: [],
|
|
29168
|
-
selectedWidgets: [],
|
|
29169
|
-
selectedDashboard: null,
|
|
29170
|
-
layout: {
|
|
29171
|
-
templateKey: null,
|
|
29172
|
-
widgetOrder: []
|
|
29173
|
-
},
|
|
29174
|
-
customization: {
|
|
29175
|
-
name: "",
|
|
29176
|
-
menuId: null,
|
|
29177
|
-
theme: null
|
|
29178
|
-
},
|
|
29179
|
-
path: null
|
|
29180
|
-
};
|
|
29181
|
-
function wizardReducer(state, action) {
|
|
29182
|
-
switch (action.type) {
|
|
29183
|
-
case "SET_STEP":
|
|
29184
|
-
return _objectSpread$j(_objectSpread$j({}, state), {}, {
|
|
29185
|
-
step: action.payload
|
|
29186
|
-
});
|
|
29187
|
-
case "SET_INTENT":
|
|
29188
|
-
return _objectSpread$j(_objectSpread$j({}, state), {}, {
|
|
29189
|
-
intent: action.payload
|
|
29190
|
-
});
|
|
29191
|
-
case "TOGGLE_INTENT":
|
|
29192
|
-
{
|
|
29193
|
-
var intent = state.intent.includes(action.payload) ? state.intent.filter(function (i) {
|
|
29194
|
-
return i !== action.payload;
|
|
29195
|
-
}) : [].concat(_toConsumableArray(state.intent), [action.payload]);
|
|
29196
|
-
return _objectSpread$j(_objectSpread$j({}, state), {}, {
|
|
29197
|
-
intent: intent
|
|
29198
|
-
});
|
|
29199
|
-
}
|
|
29200
|
-
case "SET_PROVIDERS":
|
|
29201
|
-
return _objectSpread$j(_objectSpread$j({}, state), {}, {
|
|
29202
|
-
providers: action.payload
|
|
29203
|
-
});
|
|
29204
|
-
case "TOGGLE_PROVIDER":
|
|
29205
|
-
{
|
|
29206
|
-
var providers = state.providers.includes(action.payload) ? state.providers.filter(function (p) {
|
|
29207
|
-
return p !== action.payload;
|
|
29208
|
-
}) : [].concat(_toConsumableArray(state.providers), [action.payload]);
|
|
29209
|
-
return _objectSpread$j(_objectSpread$j({}, state), {}, {
|
|
29210
|
-
providers: providers
|
|
29211
|
-
});
|
|
29212
|
-
}
|
|
29213
|
-
case "SET_SELECTED_WIDGETS":
|
|
29214
|
-
return _objectSpread$j(_objectSpread$j({}, state), {}, {
|
|
29215
|
-
selectedWidgets: action.payload
|
|
29216
|
-
});
|
|
29217
|
-
case "TOGGLE_WIDGET":
|
|
29218
|
-
{
|
|
29219
|
-
var exists = state.selectedWidgets.some(function (w) {
|
|
29220
|
-
return w.name === action.payload.name;
|
|
29221
|
-
});
|
|
29222
|
-
var selectedWidgets = exists ? state.selectedWidgets.filter(function (w) {
|
|
29223
|
-
return w.name !== action.payload.name;
|
|
29224
|
-
}) : [].concat(_toConsumableArray(state.selectedWidgets), [action.payload]);
|
|
29225
|
-
return _objectSpread$j(_objectSpread$j({}, state), {}, {
|
|
29226
|
-
selectedWidgets: selectedWidgets
|
|
29227
|
-
});
|
|
29228
|
-
}
|
|
29229
|
-
case "SET_SELECTED_DASHBOARD":
|
|
29230
|
-
return _objectSpread$j(_objectSpread$j({}, state), {}, {
|
|
29231
|
-
selectedDashboard: action.payload
|
|
29232
|
-
});
|
|
29233
|
-
case "SET_PATH":
|
|
29234
|
-
return _objectSpread$j(_objectSpread$j({}, state), {}, {
|
|
29235
|
-
path: action.payload
|
|
29236
|
-
});
|
|
29237
|
-
case "SET_LAYOUT":
|
|
29238
|
-
return _objectSpread$j(_objectSpread$j({}, state), {}, {
|
|
29239
|
-
layout: action.payload
|
|
29240
|
-
});
|
|
29241
|
-
case "REORDER_WIDGETS":
|
|
29242
|
-
return _objectSpread$j(_objectSpread$j({}, state), {}, {
|
|
29243
|
-
layout: _objectSpread$j(_objectSpread$j({}, state.layout), {}, {
|
|
29244
|
-
widgetOrder: action.payload
|
|
29245
|
-
})
|
|
29246
|
-
});
|
|
29247
|
-
case "SET_CUSTOMIZATION":
|
|
29248
|
-
return _objectSpread$j(_objectSpread$j({}, state), {}, {
|
|
29249
|
-
customization: _objectSpread$j(_objectSpread$j({}, state.customization), action.payload)
|
|
29250
|
-
});
|
|
29251
|
-
case "RESET":
|
|
29252
|
-
return _objectSpread$j({}, initialState);
|
|
29253
|
-
default:
|
|
29254
|
-
return state;
|
|
29255
|
-
}
|
|
29256
|
-
}
|
|
29257
|
-
function widgetCountToTemplate(count) {
|
|
29258
|
-
if (count <= 1) return "single";
|
|
29259
|
-
if (count === 2) return "two-columns";
|
|
29260
|
-
if (count === 3) return "three-columns";
|
|
29261
|
-
if (count === 4) return "two-by-two";
|
|
29262
|
-
if (count <= 6) return "two-by-three";
|
|
29263
|
-
return "three-by-three";
|
|
29264
|
-
}
|
|
29265
|
-
function getCanProceed(state) {
|
|
29266
|
-
switch (state.step) {
|
|
29267
|
-
case 0:
|
|
29268
|
-
return state.intent.length > 0;
|
|
29269
|
-
case 1:
|
|
29270
|
-
return state.providers.length > 0;
|
|
29271
|
-
case 2:
|
|
29272
|
-
return state.path === "prebuilt" ? state.selectedDashboard !== null : state.selectedWidgets.length > 0;
|
|
29273
|
-
case 3:
|
|
29274
|
-
return state.layout.templateKey !== null;
|
|
29275
|
-
case 4:
|
|
29276
|
-
return state.customization.name.trim().length > 0;
|
|
29277
|
-
case 5:
|
|
29278
|
-
return true;
|
|
29279
|
-
default:
|
|
29280
|
-
return false;
|
|
29281
|
-
}
|
|
29282
|
-
}
|
|
29283
|
-
var useWizardState = function useWizardState() {
|
|
29284
|
-
var _useReducer = React.useReducer(wizardReducer, initialState),
|
|
29285
|
-
_useReducer2 = _slicedToArray(_useReducer, 2),
|
|
29286
|
-
state = _useReducer2[0],
|
|
29287
|
-
dispatch = _useReducer2[1];
|
|
29288
|
-
var canProceed = React.useMemo(function () {
|
|
29289
|
-
return getCanProceed(state);
|
|
29290
|
-
}, [state]);
|
|
29291
|
-
var selectedCount = React.useMemo(function () {
|
|
29292
|
-
return state.selectedWidgets.length;
|
|
29293
|
-
}, [state.selectedWidgets]);
|
|
29294
|
-
var isPrebuiltPath = state.path === "prebuilt";
|
|
29295
|
-
var isCustomPath = state.path === "custom";
|
|
29296
|
-
var nextStep = React.useCallback(function () {
|
|
29297
|
-
if (getCanProceed(state) && state.step < TOTAL_STEPS - 1) {
|
|
29298
|
-
dispatch({
|
|
29299
|
-
type: "SET_STEP",
|
|
29300
|
-
payload: state.step + 1
|
|
29301
|
-
});
|
|
29302
|
-
}
|
|
29303
|
-
}, [state]);
|
|
29304
|
-
var prevStep = React.useCallback(function () {
|
|
29305
|
-
if (state.step > 0) {
|
|
29306
|
-
dispatch({
|
|
29307
|
-
type: "SET_STEP",
|
|
29308
|
-
payload: state.step - 1
|
|
29309
|
-
});
|
|
29310
|
-
}
|
|
29311
|
-
}, [state.step]);
|
|
29312
|
-
var goToStep = React.useCallback(function (n) {
|
|
29313
|
-
if (n >= 0 && n < TOTAL_STEPS) {
|
|
29314
|
-
dispatch({
|
|
29315
|
-
type: "SET_STEP",
|
|
29316
|
-
payload: n
|
|
29317
|
-
});
|
|
29318
|
-
}
|
|
29319
|
-
}, []);
|
|
29320
|
-
return {
|
|
29321
|
-
state: state,
|
|
29322
|
-
dispatch: dispatch,
|
|
29323
|
-
nextStep: nextStep,
|
|
29324
|
-
prevStep: prevStep,
|
|
29325
|
-
goToStep: goToStep,
|
|
29326
|
-
canProceed: canProceed,
|
|
29327
|
-
selectedCount: selectedCount,
|
|
29328
|
-
isPrebuiltPath: isPrebuiltPath,
|
|
29329
|
-
isCustomPath: isCustomPath,
|
|
29330
|
-
widgetCountToTemplate: widgetCountToTemplate
|
|
29331
|
-
};
|
|
29332
|
-
};
|
|
29333
|
-
|
|
29334
30237
|
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; }
|
|
29335
30238
|
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; }
|
|
29336
30239
|
var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
|
|
@@ -49046,7 +49949,9 @@ exports.WidgetFactory = WidgetFactory;
|
|
|
49046
49949
|
exports.WidgetPopoutStage = WidgetPopoutStage;
|
|
49047
49950
|
exports.WidgetProviderWrapper = WidgetProviderWrapper;
|
|
49048
49951
|
exports.WidgetSidebar = WidgetSidebar;
|
|
49952
|
+
exports.WizardCustomizeStep = WizardCustomizeStep;
|
|
49049
49953
|
exports.WizardIntentStep = WizardIntentStep;
|
|
49954
|
+
exports.WizardLayoutPreviewStep = WizardLayoutPreviewStep;
|
|
49050
49955
|
exports.WizardProvidersStep = WizardProvidersStep;
|
|
49051
49956
|
exports.WizardResultsStep = WizardResultsStep;
|
|
49052
49957
|
exports.Workspace = Workspace;
|