@trops/dash-core 0.1.543 → 0.1.545
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 +54 -48
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +53 -47
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -56769,8 +56769,8 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
|
|
|
56769
56769
|
return setActiveTab("dependencies");
|
|
56770
56770
|
},
|
|
56771
56771
|
className: "px-3 py-1.5 text-sm font-medium -mb-px border-b-2 ".concat(activeTab === "dependencies" ? "border-indigo-400" : "border-transparent opacity-60 hover:opacity-100"),
|
|
56772
|
-
children: ["Dependencies", dependencyCount > 0 && /*#__PURE__*/jsxRuntime.jsxs(
|
|
56773
|
-
className: "ml-2
|
|
56772
|
+
children: ["Dependencies", dependencyCount > 0 && /*#__PURE__*/jsxRuntime.jsxs(DashReact.Caption2, {
|
|
56773
|
+
className: "ml-2",
|
|
56774
56774
|
children: ["(", dependencyCount, ")"]
|
|
56775
56775
|
}), hasUnknownDependency && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
56776
56776
|
className: "ml-1 inline-block h-1.5 w-1.5 rounded-full bg-amber-400 align-middle"
|
|
@@ -56986,14 +56986,14 @@ function NotificationsTab(_ref4) {
|
|
|
56986
56986
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
56987
56987
|
className: "flex flex-col h-full",
|
|
56988
56988
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
56989
|
-
className: "flex flex-col gap-2 px-2 py-2 flex-shrink-0
|
|
56989
|
+
className: "flex flex-col gap-2 px-2 py-2 flex-shrink-0",
|
|
56990
56990
|
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SearchInput, {
|
|
56991
56991
|
value: searchQuery,
|
|
56992
56992
|
onChange: setSearchQuery,
|
|
56993
56993
|
placeholder: "Search widgets...",
|
|
56994
56994
|
inputClassName: "py-1.5 text-xs"
|
|
56995
56995
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
56996
|
-
className: "flex flex-row items-center justify-between text-
|
|
56996
|
+
className: "flex flex-row items-center justify-between text-xs",
|
|
56997
56997
|
children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
56998
56998
|
className: "opacity-50",
|
|
56999
56999
|
children: [filtered.length, " of ", widgetInstances.length, " widget", widgetInstances.length === 1 ? "" : "s"]
|
|
@@ -57018,7 +57018,7 @@ function NotificationsTab(_ref4) {
|
|
|
57018
57018
|
})]
|
|
57019
57019
|
})]
|
|
57020
57020
|
})]
|
|
57021
|
-
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57021
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Divider, {}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57022
57022
|
className: "flex-1 overflow-y-auto px-2 py-2 space-y-3",
|
|
57023
57023
|
children: filtered.map(function (wi) {
|
|
57024
57024
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
@@ -57028,35 +57028,38 @@ function NotificationsTab(_ref4) {
|
|
|
57028
57028
|
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
57029
57029
|
className: "text-sm font-medium",
|
|
57030
57030
|
children: wi.title
|
|
57031
|
-
}), /*#__PURE__*/jsxRuntime.jsxs(
|
|
57032
|
-
className: "
|
|
57031
|
+
}), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Caption, {
|
|
57032
|
+
className: "font-mono",
|
|
57033
57033
|
children: [wi.component, wi.itemId != null ? " \xB7 #".concat(wi.itemId) : ""]
|
|
57034
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
57035
|
-
className: "text-[10px] opacity-40",
|
|
57034
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Caption3, {
|
|
57036
57035
|
children: wi["package"]
|
|
57037
57036
|
})]
|
|
57038
|
-
}), /*#__PURE__*/jsxRuntime.
|
|
57039
|
-
className: "flex flex-
|
|
57040
|
-
children:
|
|
57041
|
-
|
|
57042
|
-
|
|
57043
|
-
|
|
57044
|
-
|
|
57045
|
-
|
|
57046
|
-
|
|
57047
|
-
|
|
57048
|
-
|
|
57049
|
-
|
|
57050
|
-
|
|
57037
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
57038
|
+
className: "flex flex-row gap-2",
|
|
57039
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Divider, {
|
|
57040
|
+
orientation: "vertical"
|
|
57041
|
+
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57042
|
+
className: "flex flex-col flex-1",
|
|
57043
|
+
children: wi.notifications.map(function (notif) {
|
|
57044
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
57045
|
+
className: "flex flex-row items-center justify-between gap-3 py-2 px-2 -mx-2 rounded hover:bg-gray-800 transition-colors",
|
|
57046
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
57047
|
+
className: "flex flex-col",
|
|
57048
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
57049
|
+
className: "text-xs",
|
|
57050
|
+
children: notif.displayName
|
|
57051
|
+
}), notif.description && /*#__PURE__*/jsxRuntime.jsx(DashReact.Caption, {
|
|
57052
|
+
children: notif.description
|
|
57053
|
+
})]
|
|
57054
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Switch, {
|
|
57055
|
+
checked: isEnabled(wi.uuid, notif.key, notif.defaultEnabled),
|
|
57056
|
+
onChange: function onChange(value) {
|
|
57057
|
+
return setOne(wi.uuid, notif.key, value);
|
|
57058
|
+
}
|
|
57051
57059
|
})]
|
|
57052
|
-
}
|
|
57053
|
-
|
|
57054
|
-
|
|
57055
|
-
return setOne(wi.uuid, notif.key, value);
|
|
57056
|
-
}
|
|
57057
|
-
})]
|
|
57058
|
-
}, notif.key);
|
|
57059
|
-
})
|
|
57060
|
+
}, notif.key);
|
|
57061
|
+
})
|
|
57062
|
+
})]
|
|
57060
57063
|
})]
|
|
57061
57064
|
}, wi.uuid);
|
|
57062
57065
|
})
|
|
@@ -57108,9 +57111,9 @@ function ProvidersTab(_ref5) {
|
|
|
57108
57111
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
57109
57112
|
className: "w-56 flex-shrink-0 bg-white/5 border border-white/10 rounded-lg overflow-hidden flex flex-col",
|
|
57110
57113
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57111
|
-
className: "px-3 py-2 text-xs font-semibold opacity-50 uppercase tracking-wider
|
|
57114
|
+
className: "px-3 py-2 text-xs font-semibold opacity-50 uppercase tracking-wider",
|
|
57112
57115
|
children: "Provider Types"
|
|
57113
|
-
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57116
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Divider, {}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57114
57117
|
className: "overflow-y-auto flex-1",
|
|
57115
57118
|
children: typeEntries.map(function (_ref6) {
|
|
57116
57119
|
var _ref7 = _slicedToArray(_ref6, 2),
|
|
@@ -57149,7 +57152,7 @@ function ProvidersTab(_ref5) {
|
|
|
57149
57152
|
className: "flex-1 min-w-0 bg-white/5 border border-white/10 rounded-lg overflow-hidden flex flex-col",
|
|
57150
57153
|
children: selectedType ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
57151
57154
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
57152
|
-
className: "px-4 py-3
|
|
57155
|
+
className: "px-4 py-3 flex-shrink-0",
|
|
57153
57156
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
57154
57157
|
className: "text-sm font-semibold",
|
|
57155
57158
|
children: [selectedType, " ", /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
@@ -57160,7 +57163,7 @@ function ProvidersTab(_ref5) {
|
|
|
57160
57163
|
className: "text-xs opacity-60 mt-1",
|
|
57161
57164
|
children: "Apply one provider to every widget of this type, or adjust per-widget below."
|
|
57162
57165
|
})]
|
|
57163
|
-
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
57166
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Divider, {}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
57164
57167
|
className: "flex-1 overflow-y-auto p-4 space-y-4",
|
|
57165
57168
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
57166
57169
|
className: "flex items-center gap-3",
|
|
@@ -57209,12 +57212,13 @@ function ProvidersTab(_ref5) {
|
|
|
57209
57212
|
"aria-label": "required",
|
|
57210
57213
|
children: "*"
|
|
57211
57214
|
})]
|
|
57212
|
-
}), (row.widgetRef || row.component) && /*#__PURE__*/jsxRuntime.jsx(
|
|
57213
|
-
|
|
57215
|
+
}), (row.widgetRef || row.component) && /*#__PURE__*/jsxRuntime.jsx(DashReact.Caption, {
|
|
57216
|
+
block: true,
|
|
57217
|
+
className: "font-mono truncate mt-0.5",
|
|
57214
57218
|
title: row.widgetRef || row.component,
|
|
57215
57219
|
children: row.widgetRef || row.component
|
|
57216
57220
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
57217
|
-
className: "flex items-center gap-1.5 mt-1 text-
|
|
57221
|
+
className: "flex items-center gap-1.5 mt-1 text-xs",
|
|
57218
57222
|
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
57219
57223
|
className: "uppercase tracking-wide px-1.5 py-0.5 rounded font-semibold ".concat(needsAttention ? "bg-red-600 text-white" : isRequired ? "bg-indigo-800 text-indigo-100" : "bg-gray-700 text-gray-300"),
|
|
57220
57224
|
children: isRequired ? "required" : "optional"
|
|
@@ -57406,9 +57410,9 @@ function ListenersTab(_ref0) {
|
|
|
57406
57410
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
57407
57411
|
className: "w-56 flex-shrink-0 bg-white/5 border border-white/10 rounded-lg overflow-hidden flex flex-col",
|
|
57408
57412
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57409
|
-
className: "px-3 py-2 text-xs font-semibold opacity-50 uppercase tracking-wider
|
|
57413
|
+
className: "px-3 py-2 text-xs font-semibold opacity-50 uppercase tracking-wider",
|
|
57410
57414
|
children: "Widgets"
|
|
57411
|
-
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57415
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Divider, {}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57412
57416
|
className: "overflow-y-auto flex-1",
|
|
57413
57417
|
children: receivers.map(function (r) {
|
|
57414
57418
|
var isActive = r.key === selectedReceiverKey;
|
|
@@ -57421,8 +57425,9 @@ function ListenersTab(_ref0) {
|
|
|
57421
57425
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57422
57426
|
className: "text-sm font-medium truncate",
|
|
57423
57427
|
children: r.label
|
|
57424
|
-
}), r.widgetRef && /*#__PURE__*/jsxRuntime.jsx(
|
|
57425
|
-
|
|
57428
|
+
}), r.widgetRef && /*#__PURE__*/jsxRuntime.jsx(DashReact.Caption, {
|
|
57429
|
+
block: true,
|
|
57430
|
+
className: "font-mono truncate mt-0.5",
|
|
57426
57431
|
title: r.widgetRef,
|
|
57427
57432
|
children: r.widgetRef
|
|
57428
57433
|
})]
|
|
@@ -57485,9 +57490,9 @@ function HandlersColumn(_ref10) {
|
|
|
57485
57490
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
57486
57491
|
className: "w-56 flex-shrink-0 bg-white/5 border border-white/10 rounded-lg overflow-hidden flex flex-col",
|
|
57487
57492
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57488
|
-
className: "px-3 py-2 text-xs font-semibold opacity-50 uppercase tracking-wider
|
|
57493
|
+
className: "px-3 py-2 text-xs font-semibold opacity-50 uppercase tracking-wider",
|
|
57489
57494
|
children: "Event Handlers"
|
|
57490
|
-
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57495
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Divider, {}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57491
57496
|
className: "overflow-y-auto flex-1",
|
|
57492
57497
|
children: receiver.eventHandlers.length === 0 ? /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57493
57498
|
className: "text-xs opacity-50 text-center py-6 px-3",
|
|
@@ -57600,7 +57605,7 @@ function EventsColumn(_ref11) {
|
|
|
57600
57605
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
57601
57606
|
className: "flex-1 min-w-0 bg-white/5 border border-white/10 rounded-lg overflow-hidden flex flex-col",
|
|
57602
57607
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
57603
|
-
className: "flex-shrink-0 px-4 py-2
|
|
57608
|
+
className: "flex-shrink-0 px-4 py-2 text-xs opacity-60",
|
|
57604
57609
|
children: ["Check an event to fire ", /*#__PURE__*/jsxRuntime.jsx("code", {
|
|
57605
57610
|
className: "text-xs",
|
|
57606
57611
|
children: handlerName
|
|
@@ -57608,7 +57613,7 @@ function EventsColumn(_ref11) {
|
|
|
57608
57613
|
className: "font-medium",
|
|
57609
57614
|
children: receiver.label
|
|
57610
57615
|
}), "."]
|
|
57611
|
-
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57616
|
+
}), /*#__PURE__*/jsxRuntime.jsx(DashReact.Divider, {}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57612
57617
|
className: "flex-1 overflow-y-auto p-4 space-y-5",
|
|
57613
57618
|
children: emittersForList.length === 0 ? /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57614
57619
|
className: "text-sm opacity-60",
|
|
@@ -57621,8 +57626,9 @@ function EventsColumn(_ref11) {
|
|
|
57621
57626
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
57622
57627
|
className: "text-sm font-semibold",
|
|
57623
57628
|
children: e.label
|
|
57624
|
-
}), (e.widgetRef || e.component) && /*#__PURE__*/jsxRuntime.jsx(
|
|
57625
|
-
|
|
57629
|
+
}), (e.widgetRef || e.component) && /*#__PURE__*/jsxRuntime.jsx(DashReact.Caption, {
|
|
57630
|
+
block: true,
|
|
57631
|
+
className: "font-mono truncate",
|
|
57626
57632
|
children: (e.widgetRef || e.component) + (e.itemId != null ? "[".concat(e.itemId, "]") : "")
|
|
57627
57633
|
})]
|
|
57628
57634
|
}), e.events.map(function (eventName) {
|