@trops/dash-core 0.1.214 → 0.1.216

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 CHANGED
@@ -5961,13 +5961,13 @@ var WizardDiscoverStep = function WizardDiscoverStep(_ref) {
5961
5961
  className: "text-sm font-semibold text-gray-300 flex items-center gap-2",
5962
5962
  children: ["Dashboards (", filteredDashboards.length, " result", filteredDashboards.length !== 1 ? "s" : "", ")"]
5963
5963
  }), /*#__PURE__*/jsx("div", {
5964
- className: "grid grid-cols-2 gap-3",
5964
+ className: "grid grid-cols-3 gap-3",
5965
5965
  children: filteredDashboards.map(function (dash) {
5966
5966
  var isSelected = state.selectedDashboard && state.selectedDashboard.name === dash.name;
5967
5967
  var widgetCount = (dash.widgets || []).length;
5968
- var providerNames = (dash.providers || []).map(function (p) {
5968
+ var providerTags = (dash.providers || []).map(function (p) {
5969
5969
  return p.name || p.type;
5970
- }).join(", ");
5970
+ }).filter(Boolean);
5971
5971
  return /*#__PURE__*/jsxs(Card2, {
5972
5972
  hover: true,
5973
5973
  selected: isSelected,
@@ -5978,27 +5978,40 @@ var WizardDiscoverStep = function WizardDiscoverStep(_ref) {
5978
5978
  return handleSelectDashboard(dash);
5979
5979
  },
5980
5980
  children: [/*#__PURE__*/jsxs("div", {
5981
- className: "flex items-center gap-2",
5982
- children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
5983
- icon: resolveIcon(dash.icon || "grid-2"),
5984
- fixedWidth: true,
5985
- className: "text-gray-400"
5981
+ className: "flex flex-col items-center text-center gap-2",
5982
+ children: [/*#__PURE__*/jsxs("div", {
5983
+ className: "relative",
5984
+ children: [/*#__PURE__*/jsx("span", {
5985
+ className: "text-2xl",
5986
+ children: /*#__PURE__*/jsx(FontAwesomeIcon, {
5987
+ icon: resolveIcon(dash.icon || "grid-2"),
5988
+ fixedWidth: true,
5989
+ className: "text-gray-400"
5990
+ })
5991
+ }), isSelected && /*#__PURE__*/jsx(FontAwesomeIcon, {
5992
+ icon: "circle-check",
5993
+ className: "absolute -top-1 -right-3 text-blue-400 text-xs"
5994
+ })]
5986
5995
  }), /*#__PURE__*/jsx("span", {
5987
- className: "text-sm font-medium text-gray-200",
5996
+ className: "text-sm font-semibold text-gray-200",
5988
5997
  children: dash.displayName || dash.name
5989
- }), isSelected && /*#__PURE__*/jsx(FontAwesomeIcon, {
5990
- icon: "circle-check",
5991
- className: "ml-auto text-blue-400"
5992
5998
  })]
5993
5999
  }), dash.description && /*#__PURE__*/jsx("p", {
5994
- className: "text-xs text-gray-400 mt-1 line-clamp-2",
6000
+ className: "text-xs text-gray-400 mt-2 line-clamp-2 text-center",
5995
6001
  children: dash.description
5996
6002
  }), /*#__PURE__*/jsxs("div", {
5997
- className: "flex items-center gap-3 mt-2 text-xs text-gray-500",
6003
+ className: "flex items-center justify-between mt-3 pt-2 border-t border-gray-700/50",
5998
6004
  children: [/*#__PURE__*/jsxs("span", {
6005
+ className: "text-xs text-gray-500",
5999
6006
  children: [widgetCount, " widget", widgetCount !== 1 ? "s" : ""]
6000
- }), providerNames && /*#__PURE__*/jsx("span", {
6001
- children: providerNames
6007
+ }), providerTags.length > 0 && /*#__PURE__*/jsx("div", {
6008
+ className: "flex flex-wrap gap-1 justify-end",
6009
+ children: providerTags.slice(0, 3).map(function (tag) {
6010
+ return /*#__PURE__*/jsx("span", {
6011
+ className: "text-xs px-1.5 py-0.5 rounded bg-gray-800 text-gray-400",
6012
+ children: tag
6013
+ }, tag);
6014
+ })
6002
6015
  })]
6003
6016
  })]
6004
6017
  }, dash.name);
@@ -6012,7 +6025,7 @@ var WizardDiscoverStep = function WizardDiscoverStep(_ref) {
6012
6025
  text: "".concat(state.selectedWidgets.length, " selected")
6013
6026
  })]
6014
6027
  }), /*#__PURE__*/jsx("div", {
6015
- className: "grid grid-cols-2 gap-3",
6028
+ className: "grid grid-cols-2 lg:grid-cols-3 gap-3",
6016
6029
  children: filteredWidgets.map(function (widget) {
6017
6030
  var checked = isWidgetSelected(widget);
6018
6031
  return /*#__PURE__*/jsx(Card2, {
@@ -7215,7 +7228,7 @@ var DashboardWizardModal = function DashboardWizardModal(_ref) {
7215
7228
  return /*#__PURE__*/jsx(Modal, {
7216
7229
  isOpen: open,
7217
7230
  setIsOpen: setIsOpen,
7218
- width: "w-5/6",
7231
+ width: "w-full max-w-5xl",
7219
7232
  height: "h-5/6",
7220
7233
  children: /*#__PURE__*/jsxs("div", {
7221
7234
  className: "flex flex-col h-full bg-gray-900 rounded-lg overflow-hidden",