@trops/dash-core 0.1.372 → 0.1.374

package/dist/index.esm.js

@@ -2,7 +2,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _typeof from '@babel/runtime/helpers/typeof';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import * as DashReact from '@trops/dash-react';
-import { isObject, ThemeContext, deepCopy, MainSection, getUUID, getStylesForItem, themeObjects, Heading, SearchInput, ButtonIcon, SubHeading3, InputText, Button, FontAwesomeIcon, Tag, Modal, Sidebar, Paragraph, Panel, Stepper, Tag2, Tag3, Card2, Card3, Heading3, MenuItem3, FormLabel, SelectMenu, Switch, SelectInput, CodeEditorInline, SettingsModal, SubHeading2, tailwindHeightFractions, Menu3, Panel3, DropdownPanel, MenuItem2, ButtonIcon2, DragComponent, ConfirmationModal, DropComponent, getStyleName, capitalizeFirstLetter, colorTypes, getCSSStyleForClassname, Panel2, Heading2, SubHeading, Paragraph2, Paragraph3, Button2, Button3, MenuItem, ButtonIcon3, DashPanel, colorNames, shades, themeVariants, Tabs3, DataList, Checkbox, StatCard, Card, Tabs, Accordion, Alert, Toast, ProgressBar, Toggle, Breadcrumbs, Tabs2, Accordion2, Alert2, Toast2, ProgressBar2, Toggle2, Breadcrumbs2, Accordion3, Alert3, Toast3, ProgressBar3, Toggle3, Breadcrumbs3, ThemeFromUrlPane, TextArea, Icon2, AlgoliaSearchBox, CommandPalette, useSidebar, EmptyState, Navbar, withRouter, Menu as Menu$1 } from '@trops/dash-react';
+import { isObject, ThemeContext, deepCopy, MainSection, getUUID, getStylesForItem, themeObjects, Heading, SearchInput, ButtonIcon, SubHeading3, InputText, Button, FontAwesomeIcon, Tag, Modal, Paragraph, Sidebar, Panel, Stepper, Tag2, Tag3, Card2, Card3, Heading3, MenuItem3, FormLabel, SelectMenu, Switch, SelectInput, CodeEditorInline, SettingsModal, SubHeading2, tailwindHeightFractions, Menu3, Panel3, DropdownPanel, MenuItem2, ButtonIcon2, DragComponent, ConfirmationModal, DropComponent, getStyleName, capitalizeFirstLetter, colorTypes, getCSSStyleForClassname, Panel2, Heading2, SubHeading, Paragraph2, Paragraph3, Button2, Button3, MenuItem, ButtonIcon3, DashPanel, colorNames, shades, themeVariants, Tabs3, DataList, Checkbox, StatCard, Card, Tabs, Accordion, Alert, Toast, ProgressBar, Toggle, Breadcrumbs, Tabs2, Accordion2, Alert2, Toast2, ProgressBar2, Toggle2, Breadcrumbs2, Accordion3, Alert3, Toast3, ProgressBar3, Toggle3, Breadcrumbs3, ThemeFromUrlPane, TextArea, Icon2, AlgoliaSearchBox, CommandPalette, useSidebar, EmptyState, Navbar, withRouter, Menu as Menu$1 } from '@trops/dash-react';
 export * from '@trops/dash-react';
 export { ThemeContext } from '@trops/dash-react';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
@@ -4702,6 +4702,31 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
   });
 };
 
+function RegistrySignInBanner(_ref) {
+  var visible = _ref.visible,
+    onSignIn = _ref.onSignIn,
+    _ref$noun = _ref.noun,
+    noun = _ref$noun === void 0 ? "package" : _ref$noun;
+  if (!visible) return null;
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex-shrink-0 mx-4 mb-2 px-3 py-2 rounded-lg bg-amber-900/15 border border-amber-700/30 flex items-center gap-3",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "flex-1 min-w-0",
+      children: /*#__PURE__*/jsxs(Paragraph, {
+        className: "text-xs text-amber-200 leading-snug",
+        children: ["Sign in to the registry to also see your private ", noun, "s and ones granted to you."]
+      })
+    }), /*#__PURE__*/jsx(Button, {
+      title: "Sign in",
+      bgColor: "bg-indigo-600",
+      hoverBackgroundColor: "hover:bg-indigo-500",
+      textSize: "text-xs",
+      padding: "py-1 px-3",
+      onClick: onSignIn
+    })]
+  });
+}
+
 var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
   var onBack = _ref.onBack,
     appId = _ref.appId,
@@ -4715,7 +4740,10 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     packages = _useState2[0],
     setPackages = _useState2[1];
-  var _useState3 = useState(false),
+  // Start in the loading state so the empty UI doesn't flash while the
+  // initial debounce is pending — otherwise the sign-in nudge appears
+  // briefly then disappears as soon as the registry returns results.
+  var _useState3 = useState(true),
     _useState4 = _slicedToArray(_useState3, 2),
     isLoading = _useState4[0],
     setIsLoading = _useState4[1];
@@ -4890,27 +4918,12 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
       })]
     });
   } else if (packages.length === 0) {
-    listBody = /*#__PURE__*/jsxs("div", {
-      className: "px-4 py-8 text-center space-y-3",
-      children: [/*#__PURE__*/jsx(Paragraph, {
+    listBody = /*#__PURE__*/jsx("div", {
+      className: "px-4 py-8 text-center",
+      children: /*#__PURE__*/jsx(Paragraph, {
         className: "text-sm opacity-50",
         children: searchQuery ? "No dashboards match your search." : "No dashboard packages available."
-      }), registryAuthed === false && /*#__PURE__*/jsxs("div", {
-        className: "inline-flex flex-col items-center gap-2 px-4 py-3 rounded-lg bg-amber-900/15 border border-amber-700/30",
-        children: [/*#__PURE__*/jsx(Paragraph, {
-          className: "text-xs text-amber-200",
-          children: "Sign in to the registry to see your private dashboards."
-        }), /*#__PURE__*/jsx(Button, {
-          title: "Sign in to Registry",
-          bgColor: "bg-indigo-600",
-          hoverBackgroundColor: "hover:bg-indigo-500",
-          textSize: "text-sm",
-          padding: "py-1 px-3",
-          onClick: function onClick() {
-            return setShowAuthFromEmpty(true);
-          }
-        })]
-      })]
+      })
     });
   } else {
     listBody = /*#__PURE__*/jsx("div", {
@@ -4954,6 +4967,12 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
         placeholder: "Search dashboards...",
         inputClassName: "py-1.5 text-xs"
       })
+    }), /*#__PURE__*/jsx(RegistrySignInBanner, {
+      visible: registryAuthed === false,
+      onSignIn: function onSignIn() {
+        return setShowAuthFromEmpty(true);
+      },
+      noun: "dashboard"
     }), /*#__PURE__*/jsx("div", {
       className: "flex-1 min-h-0 overflow-y-auto px-2",
       children: listBody
@@ -6226,7 +6245,10 @@ var useRegistrySearch = function useRegistrySearch() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$filterByCapabili = _ref.filterByCapabilities,
     filterByCapabilities = _ref$filterByCapabili === void 0 ? true : _ref$filterByCapabili;
-  var _useState = useState(false),
+  // Start in the loading state so consumers don't briefly render an
+  // empty-list state during the initial debounce window before the first
+  // search fires.
+  var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
     isLoading = _useState2[0],
     setIsLoading = _useState2[1];
@@ -38284,7 +38306,9 @@ var DiscoverThemesDetail = function DiscoverThemesDetail(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     packages = _useState2[0],
     setPackages = _useState2[1];
-  var _useState3 = useState(false),
+  // Start loading so the empty state with sign-in nudge doesn't flash
+  // before the first fetch resolves.
+  var _useState3 = useState(true),
     _useState4 = _slicedToArray(_useState3, 2),
     isLoading = _useState4[0],
     setIsLoading = _useState4[1];
@@ -38458,27 +38482,12 @@ var DiscoverThemesDetail = function DiscoverThemesDetail(_ref) {
       })]
     });
   } else if (packages.length === 0) {
-    listBody = /*#__PURE__*/jsxs("div", {
-      className: "px-4 py-8 text-center space-y-3",
-      children: [/*#__PURE__*/jsx(Paragraph, {
+    listBody = /*#__PURE__*/jsx("div", {
+      className: "px-4 py-8 text-center",
+      children: /*#__PURE__*/jsx(Paragraph, {
         className: "text-sm opacity-50",
         children: searchQuery ? "No themes match your search." : "No theme packages available."
-      }), registryAuthed === false && /*#__PURE__*/jsxs("div", {
-        className: "inline-flex flex-col items-center gap-2 px-4 py-3 rounded-lg bg-amber-900/15 border border-amber-700/30",
-        children: [/*#__PURE__*/jsx(Paragraph, {
-          className: "text-xs text-amber-200",
-          children: "Sign in to the registry to see your private themes."
-        }), /*#__PURE__*/jsx(Button, {
-          title: "Sign in to Registry",
-          bgColor: "bg-indigo-600",
-          hoverBackgroundColor: "hover:bg-indigo-500",
-          textSize: "text-sm",
-          padding: "py-1 px-3",
-          onClick: function onClick() {
-            return setShowAuthFromEmpty(true);
-          }
-        })]
-      })]
+      })
     });
   } else {
     listBody = /*#__PURE__*/jsx("div", {
@@ -38524,6 +38533,12 @@ var DiscoverThemesDetail = function DiscoverThemesDetail(_ref) {
         placeholder: "Search themes...",
         inputClassName: "py-1.5 text-xs"
       })
+    }), /*#__PURE__*/jsx(RegistrySignInBanner, {
+      visible: registryAuthed === false,
+      onSignIn: function onSignIn() {
+        return setShowAuthFromEmpty(true);
+      },
+      noun: "theme"
     }), /*#__PURE__*/jsx("div", {
       className: "flex-1 min-h-0 overflow-y-auto px-2",
       children: listBody
@@ -47435,27 +47450,12 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
       })]
     });
   } else if (packages.length === 0) {
-    listBody = /*#__PURE__*/jsxs("div", {
-      className: "px-4 py-8 text-center space-y-3",
-      children: [/*#__PURE__*/jsx(Paragraph, {
+    listBody = /*#__PURE__*/jsx("div", {
+      className: "px-4 py-8 text-center",
+      children: /*#__PURE__*/jsx(Paragraph, {
         className: "text-sm opacity-50",
         children: searchQuery ? "No packages match your search." : "No packages available."
-      }), registryAuthed === false && /*#__PURE__*/jsxs("div", {
-        className: "inline-flex flex-col items-center gap-2 px-4 py-3 rounded-lg bg-amber-900/15 border border-amber-700/30",
-        children: [/*#__PURE__*/jsx(Paragraph, {
-          className: "text-xs text-amber-200",
-          children: "Sign in to the registry to see your private packages."
-        }), /*#__PURE__*/jsx(Button, {
-          title: "Sign in to Registry",
-          bgColor: "bg-indigo-600",
-          hoverBackgroundColor: "hover:bg-indigo-500",
-          textSize: "text-sm",
-          padding: "py-1 px-3",
-          onClick: function onClick() {
-            return setShowAuthFromEmpty(true);
-          }
-        })]
-      })]
+      })
     });
   } else {
     listBody = /*#__PURE__*/jsx("div", {
@@ -47522,6 +47522,12 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
           className: "rounded"
         }), "Show all packages"]
       })]
+    }), /*#__PURE__*/jsx(RegistrySignInBanner, {
+      visible: registryAuthed === false,
+      onSignIn: function onSignIn() {
+        return setShowAuthFromEmpty(true);
+      },
+      noun: "widget"
     }), /*#__PURE__*/jsx("div", {
       className: "flex-1 min-h-0 overflow-y-auto px-2",
       children: listBody