@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.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("span", {
56773
- className: "ml-2 text-[10px] opacity-60",
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 border-b border-white/10",
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-[10px]",
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("span", {
57032
- className: "text-[10px] opacity-50 font-mono",
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("span", {
57035
- className: "text-[10px] opacity-40",
57034
+ }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Caption3, {
57036
57035
  children: wi["package"]
57037
57036
  })]
57038
- }), /*#__PURE__*/jsxRuntime.jsx("div", {
57039
- className: "flex flex-col pl-2 border-l border-white/10",
57040
- children: wi.notifications.map(function (notif) {
57041
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
57042
- className: "flex flex-row items-center justify-between gap-3 py-2 px-2 -mx-2 rounded hover:bg-gray-800 transition-colors",
57043
- children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
57044
- className: "flex flex-col",
57045
- children: [/*#__PURE__*/jsxRuntime.jsx("span", {
57046
- className: "text-xs",
57047
- children: notif.displayName
57048
- }), notif.description && /*#__PURE__*/jsxRuntime.jsx("span", {
57049
- className: "text-[10px] opacity-50",
57050
- children: notif.description
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
- }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Switch, {
57053
- checked: isEnabled(wi.uuid, notif.key, notif.defaultEnabled),
57054
- onChange: function onChange(value) {
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 border-b border-white/10",
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 border-b border-white/10 flex-shrink-0",
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("div", {
57213
- className: "text-[10px] opacity-50 font-mono truncate mt-0.5",
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-[10px]",
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 border-b border-white/10",
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("div", {
57425
- className: "text-[10px] opacity-50 font-mono truncate mt-0.5",
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 border-b border-white/10",
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 border-b border-white/10 text-xs opacity-60",
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("div", {
57625
- className: "text-[10px] opacity-50 font-mono truncate",
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) {